:root{--bg:#080f1d;--panel:#0e192b;--text:#f1f4fa;--muted:#9eacc1;--blue:#9ad0ff;--line:#ffffff17}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:6px}button{cursor:pointer}a,button{transition:background .2s,color .2s,transform .2s}a:hover{color:var(--blue)}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:12px;font-size:29px;font-weight:700;line-height:1}.mark{font-size:38px;color:var(--blue);border:1px solid #81baff66;border-radius:11px;width:47px;height:47px;text-align:center}.solutions{display:block;font-size:8px;letter-spacing:3.5px;margin-top:7px}nav{display:flex;gap:32px;font-size:13px;color:#bac4d4}.navright{display:flex;gap:24px;align-items:center}#lang{border:0;background:none;color:var(--muted);font-size:12px;padding:10px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:var(--blue);color:#0a1a2b;padding:16px 23px;font-weight:600;font-size:13px;border:1px solid transparent;border-radius:5px}.button:hover{color:#08111f;background:#c2e4ff;transform:translateY(-2px)}.button.small{padding:11px 19px;font-size:12px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;min-height:685px;align-items:center;padding-top:70px;padding-bottom:85px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--blue);display:flex;align-items:center;gap:10px;margin:0 0 27px}.eyebrow span{width:6px;height:6px;background:var(--blue);border-radius:50%}h1{font-size:clamp(52px,5.5vw,82px);line-height:1.04;letter-spacing:-4px;font-weight:500;margin:0 0 28px}em{font-style:normal;color:var(--blue)}.intro{max-width:440px;color:var(--muted);font-size:16px;line-height:1.8}.actions{display:flex;align-items:center;gap:26px;margin-top:31px}.textlink{font-size:12px;border:0;background:none;color:var(--text);padding:0}.service-strip{border-block:1px solid var(--line)}.service-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:29px}.service-strip span:first-child{font-size:9px;letter-spacing:1.5px;color:#71839e}.service-strip span{font-size:16px;color:#cbd5e4}.service-strip i{color:#466487;font-style:normal}.section{padding-top:110px;padding-bottom:110px}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:50px}h2{font-size:42px;font-weight:400;line-height:1.18;letter-spacing:-1.6px;margin:0}.section-head>p{max-width:325px;color:var(--muted);font-size:14px;margin:0 0 4px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{padding:30px;background:linear-gradient(135deg,#121f32,#0d1727);border:1px solid var(--line);border-radius:7px}.cardtop{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#61738e}.icon{display:grid;place-items:center;font-size:24px;color:var(--blue);height:45px;width:45px;border:1px solid #9ad0ff30;border-radius:8px;background:#19345155}.cards h3{font-size:23px;font-weight:500;letter-spacing:-.5px;margin:25px 0 12px}.cards p{font-size:13px;color:var(--muted);line-height:1.85;min-height:100px}.cards ul{list-style:none;padding:0;margin:25px 0 30px;font-size:12px;color:#b9c7da}.cards li{margin-top:10px}.cards li:before{content:'↗';color:#72afe5;margin-right:10px}.cards a{font-size:11px;color:var(--blue);display:block;border-top:1px solid var(--line);padding-top:20px}.approach{background:#0b1525;border-block:1px solid var(--line)}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.approach p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:390px}.approach .textlink{display:inline-block;margin-top:20px;color:var(--blue)}.steps article{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.steps article:first-child{padding-top:0}.steps article:last-child{border:0}.steps article>span{font-size:11px;color:var(--blue);padding-top:4px}.steps h3{font-size:19px;font-weight:500;margin:0}.steps p{margin:9px 0 0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:110px}.contact>div>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:350px;margin:24px 0}.contactlink{display:block;font-size:19px;margin-top:12px}.meeting{display:block;margin-top:27px;color:var(--blue)}form{background:#101c2e;border:1px solid var(--line);border-radius:7px;padding:30px}label{display:block;font-size:11px;color:#b8c6d9;margin-bottom:18px}label>span{display:block;margin-bottom:7px}input,select,textarea{width:100%;background:#0b1525;color:var(--text);border:1px solid #ffffff24;padding:11px;border-radius:4px;font-size:13px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue)}textarea{resize:vertical}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:15px}form .button{width:100%}.formnote{font-size:10px;color:#8d9eb6;line-height:1.6;margin-bottom:0}#status{font-size:12px;color:var(--blue);margin:10px 0 0}footer{padding-block:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7e8fa8}.footerbrand{font-size:23px;color:var(--text);font-weight:bold}.footerbrand span{font-size:8px;letter-spacing:2px;margin-left:7px}@media(min-width:1450px){.hero{min-height:730px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}nav{gap:18px}.hero{gap:20px}h1{font-size:60px}.actions{gap:14px;flex-wrap:wrap}.orbit{display:none}.floating{right:0}.cards article{padding:22px}.cards p{min-height:145px}.approach-grid,.contact{gap:50px}.service-strip span{font-size:13px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}header{height:90px}.logo{font-size:25px}.mark{font-size:31px;width:40px;height:40px}nav{display:none}.navright{gap:9px}.button.small{padding:9px 12px}.hero{grid-template-columns:1fr;padding-top:50px;padding-bottom:65px;gap:45px}h1{font-size:63px;letter-spacing:-3px}.intro{font-size:15px}.visual{margin:0 6px 20px;max-width:500px}.workspace{transform:rotateZ(-2deg)}.caption{bottom:-36px}.floating{right:-6px}.service-strip .wrap{flex-wrap:wrap;justify-content:center;gap:12px}.service-strip span:first-child{width:100%;text-align:center;margin-bottom:8px}.service-strip span{font-size:11px}.section{padding-block:70px}.section-head{display:block}.section-head>p{margin-top:25px}h2{font-size:35px}.cards{grid-template-columns:1fr}.cards article{padding:27px}.cards p{min-height:0}.cards ul{margin-block:22px}.approach-grid,.contact{grid-template-columns:1fr;gap:40px}.contact form{padding:23px}footer{gap:18px;flex-wrap:wrap}.dashmain{padding:18px 14px}.stats>div{padding:9px}.stats b{font-size:9px}.dashhead h3{font-size:16px}.eyebrow{font-size:9px}.contactlink{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Photographic hero: clear copy on desktop, dedicated image below on mobile. */
.hero{position:relative;isolation:isolate;display:block;min-height:685px;overflow:hidden}
.hero-copy{position:relative;z-index:2;width:44%;max-width:540px}
.hero-art{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center right}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080f1d 0%,#080f1de6 22%,#080f1d00 53%),linear-gradient(0deg,#080f1d 0%,transparent 15%,transparent 85%,#080f1d 100%)}
@media(min-width:1450px){.hero{min-height:730px}}
@media(min-width:701px) and (max-width:1000px){.hero-copy{width:48%}.hero h1{font-size:54px}.hero .intro{font-size:15px}.hero-art img{object-fit:cover;object-position:57% center}.hero-art:after{background:linear-gradient(90deg,#080f1d 0%,#080f1dee 24%,#080f1d00 68%)}}
@media(max-width:700px){.hero{min-height:0;padding-top:50px;padding-bottom:20px;overflow:visible}.hero-copy{width:100%;max-width:none}.hero-art{position:relative;display:block;margin:24px -20px 0;aspect-ratio:1.5;overflow:hidden}.hero-art img{object-fit:cover;object-position:right center}.hero-art:after{background:linear-gradient(180deg,#080f1d 0%,transparent 18%,transparent 80%,#080f1d 100%)}.hero .actions{gap:18px}}

.client-strip{border-block:1px solid var(--line);padding:25px 0 35px;overflow:hidden}
.client-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.client-heading p{margin:0;font-size:10px;letter-spacing:1.8px;color:var(--muted)}
.marquee-toggle{background:transparent;border:1px solid var(--line);border-radius:4px;color:var(--muted);padding:5px 10px;font-size:10px;flex-shrink:0}
.marquee-toggle:hover{border-color:var(--blue);color:var(--blue)}
.client-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.client-track{display:flex;width:max-content;animation:client-scroll 32s linear infinite}
.client-group{list-style:none;display:flex;align-items:center;flex-shrink:0;gap:70px;margin:0;padding:12px 35px;width:max-content}
.client-group li{white-space:nowrap;color:#b9cce0;font-size:28px;line-height:1.2;min-width:155px;text-align:center}
.brand-nordvaerk{font-weight:700;letter-spacing:3px}.client-group .brand-luma{font-family:Georgia,serif;font-style:italic;font-size:33px}.brand-havnholt{font-weight:500;letter-spacing:4px}.brand-forma{font-weight:300;letter-spacing:-1px}.client-group .brand-melle{font-family:Georgia,serif;font-size:24px;letter-spacing:2px}.brand-velora{font-weight:700;letter-spacing:-1.5px}
.client-strip:hover .client-track,.client-strip:focus-within .client-track,.client-strip.is-paused .client-track{animation-play-state:paused}
@keyframes client-scroll{to{transform:translateX(-50%)}}
@media(max-width:700px){.client-heading p{font-size:8px;letter-spacing:1px}.client-group{gap:35px;padding-inline:17.5px}.client-group li{font-size:23px;min-width:140px}.client-strip{padding-block:20px 25px}}
@media(prefers-reduced-motion:reduce){.client-track{animation:none;width:100%}.client-group{width:100%;justify-content:center;flex-wrap:wrap;gap:25px;padding-inline:20px}.client-group[aria-hidden="true"],.marquee-toggle{display:none}.client-window{mask-image:none}}

/* Refined service typography and understated concept caption. */
.client-heading p{font-size:11px;font-weight:600;color:#d4dfed;letter-spacing:1.4px}
.concept-label{font-size:11px;color:#9eacc1;white-space:nowrap}
.client-window:focus-visible{outline:1px solid var(--blue);outline-offset:-4px}
#services .section-head{align-items:start;gap:38px}
#services .section-head>div{flex:1;min-width:0}
#services h2{font-size:clamp(29px,3vw,42px);font-weight:500;line-height:1.24;letter-spacing:-1.2px}
.section .eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:700;color:#a9d7ff}
.section-head>p{font-size:16px;line-height:1.8;color:#bdcadc;max-width:350px}
.cards h3{font-size:25px;font-weight:600;color:#f5f8fd}
.cards p{font-size:15px;line-height:1.8;color:#bdcadc;min-height:162px}
.cards ul{font-size:14px;color:#d0dbea}
.cards a{font-size:13px;font-weight:600;padding-top:23px}
@media(max-width:1000px){#services .section-head{display:block}#services .section-head>p{max-width:620px;margin-top:24px}.cards p{min-height:216px}.cards article{padding:24px}}
@media(max-width:700px){.client-heading{align-items:flex-start;gap:10px;flex-direction:column}.client-heading p{font-size:10px}.concept-label{font-size:10px}.section .eyebrow{font-size:11px}.cards p{min-height:0}.cards article{padding:28px}#services h2{font-size:30px}}
/* Selected work: an editorial portfolio with three focused collections. */
.portfolio{padding-block:120px}.portfolio-intro{max-width:850px;margin-bottom:60px}.portfolio .portfolio-intro h2{font-size:clamp(40px,5.2vw,70px)!important;line-height:1.08!important;letter-spacing:-2.8px!important;font-weight:400!important}.portfolio-intro h2 em{color:#91a9c5}.portfolio-lead{font-size:18px;line-height:1.8;color:#b2bfd0;max-width:570px;margin:28px 0 0}.portfolio-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:64px}.portfolio-tab{display:flex;align-items:center;gap:14px;position:relative;padding:18px 22px 18px 12px;border:1px solid #ffffff1a;background:#0b1422;border-radius:8px;color:#9baec6;text-align:left;min-width:0}.portfolio-tab img{height:76px;width:76px;object-fit:cover;border-radius:8px}.portfolio-tab>span{font-size:17px;font-weight:600;letter-spacing:-.3px}.portfolio-tab small{margin-left:auto;font-size:10px;color:#6f829b;align-self:flex-start;margin-top:7px}.portfolio-tab[aria-selected=true]{background:#112139;border-color:#90caff8c;color:#f5f8ff;box-shadow:inset 0 -2px #9ad0ff}.portfolio-tab:hover{border-color:#9ad0ff77}.portfolio [hidden]{display:none!important}.portfolio-category{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:42px}.portfolio-category h3{font-size:clamp(32px,3.5vw,46px);line-height:1.15;letter-spacing:-1.8px;font-weight:400;margin:0}.portfolio-category>div>p:not(.portfolio-tags){font-size:16px;line-height:1.85;color:#b6c4d6;max-width:480px;margin:0 0 20px}.portfolio-tags{font-size:11px;color:#88a3c2;letter-spacing:.8px;margin-top:20px}.portfolio-contact{font-size:13px;color:#aed8ff;border-bottom:1px solid #9ad0ff44;padding-bottom:5px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 28px}.work-card{min-width:0}.work-featured{grid-column:1/-1}.work-open{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left}.work-frame{padding:25px 25px 0;background:#152336;border:1px solid #ffffff12;border-radius:8px;position:relative;overflow:hidden;transition:background .25s}.work-featured .work-frame{padding:48px 60px 0;background:#182a40}.work-card:nth-child(2) .work-frame{background:#29232a}.work-card:nth-child(3) .work-frame{background:#232b2b}.work-browser{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;letter-spacing:.6px;height:30px;padding:0 13px;color:#7a8897;background:#e8ebee;border-radius:6px 6px 0 0}.work-browser span:first-child{font-size:8px;color:#aeb9c3;letter-spacing:3px}.work-screen{overflow:hidden;background:#f3f4f6;aspect-ratio:16/9}.work-screen>img{display:block;width:100%;height:100%;object-fit:cover}.work-expand{position:absolute;bottom:15px;right:15px;display:grid;place-items:center;border-radius:50%;width:37px;height:37px;font-size:20px;background:#080f1de6;border:1px solid #ffffff40;color:white;transition:transform .2s}.work-open:hover .work-expand{transform:rotate(45deg);background:#244366}.work-open:hover .work-frame{border-color:#9ad0ff66}.work-info{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}.work-kind{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#90a4be;margin:0 0 7px}.work-info h4{font-size:21px;font-weight:500;letter-spacing:.6px;margin:0}.work-index{font-size:11px;color:#7188a4}.work-description{font-size:14px;color:#acbbce;line-height:1.8;margin:12px 0 0;max-width:620px}.portfolio-note{font-size:12px;line-height:1.8;color:#8498b1;border-top:1px solid var(--line);padding-top:27px;margin:45px 0 0}.design-open{overflow:hidden}#design-dialog{width:min(1400px,94vw);max-height:92vh;overflow:auto;background:#0d1929;color:#eff5ff;border:1px solid #ffffff30;border-radius:10px;padding:24px}#design-dialog::backdrop{background:#020711dd;backdrop-filter:blur(8px)}.design-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px}.design-dialog-head .eyebrow{font-size:9px;margin-bottom:8px}.design-dialog-head h3{font-size:21px;font-weight:500;margin:0}#close-design{color:#f1f5fc;background:#ffffff0a;border:1px solid #ffffff26;border-radius:50%;width:42px;height:42px;font-size:27px}#design-content .work-screen{border-radius:5px}
/* Crisp, fully typeset software concepts. Values are illustrative demo data. */
.system-ui{width:100%;height:100%;display:flex;background:#f5f7f9;color:#1b293b;font-family:Arial,sans-serif;container-type:inline-size;text-align:left}.system-ui aside{width:17%;flex-shrink:0;background:#112238;color:#93a7be;display:flex;flex-direction:column;padding:3% 1.6%;gap:1.8cqw;font-size:1cqw}.system-ui aside>b{font-size:1.8cqw;letter-spacing:.2cqw;color:#fff;margin-bottom:1.5cqw}.system-ui aside>b i{font-size:.7cqw;font-style:normal;vertical-align:top;margin-left:.3cqw}.system-ui aside>span{padding:.7cqw}.system-ui aside .dash-current{background:#ffffff13;color:white;border-radius:.5cqw}.system-ui .dash-settings{margin-top:auto}.ui-main{width:83%;padding:1.8cqw 2.4cqw;position:relative}.ui-top{display:flex;justify-content:space-between;font-size:.8cqw;color:#7d8999;border-bottom:1px solid #dfe4e9;padding-bottom:1.3cqw;margin-bottom:2cqw}.ui-title{display:flex;align-items:center;justify-content:space-between;gap:1cqw}.ui-title small{font-size:.7cqw;letter-spacing:.13cqw;color:#7c8b9a}.ui-title h4{font-size:2.1cqw;font-weight:500;letter-spacing:-.07cqw;margin:.7cqw 0 2cqw}.ui-add{font-size:.8cqw;font-weight:500;padding:.8cqw 1cqw;border-radius:.4cqw;background:#243f63;color:white;white-space:nowrap}.ui-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw}.ui-metrics>div{background:#fff;border:1px solid #e5e9ef;border-radius:.7cqw;padding:1.4cqw}.ui-metrics small{font-size:.8cqw;color:#748293;display:block}.ui-metrics b{font-size:2.6cqw;letter-spacing:-.07cqw;display:block;margin:.7cqw 0;font-weight:500}.ui-metrics em{font-size:.85cqw;font-style:normal;color:#8091a4}.ui-metrics span{font-size:.7cqw;color:#458075}.ui-chart{margin-top:1.5cqw;padding:1.4cqw;background:#fff;border:1px solid #e5e9ef;border-radius:.7cqw}.ui-chart>div:first-child,.ui-table>div{display:flex;justify-content:space-between;font-size:.9cqw}.ui-chart>div:first-child span,.ui-table>div span{font-size:.7cqw;color:#7c8b9a}.ui-bars{height:13cqw;display:flex;align-items:end;gap:4cqw;margin:1.5cqw 1cqw 1.5cqw;padding-inline:2cqw;background:repeating-linear-gradient(to top,#e8edf2 0 1px,transparent 1px 3.5cqw)}.ui-bars i{height:var(--bar);flex:1;background:#749ac4;border-radius:.4cqw .4cqw 0 0;position:relative}.ui-bars i:last-child{background:#284d77}.ui-bars i span{position:absolute;top:calc(100% + .4cqw);font-size:.6cqw;font-style:normal;left:40%;color:#8291a3}.ui-table{margin-top:1.5cqw;font-size:.8cqw}.ui-table p{display:flex;justify-content:space-between;border-bottom:1px solid #e0e6ed;padding:.65cqw 0;margin:.2cqw 0}.ui-paid{color:#328372}.ui-demo{position:absolute;bottom:1cqw;right:2.4cqw;font-size:.6cqw;letter-spacing:.1cqw;color:#8c9aaa}.system-projects aside{background:#292644}.system-projects .ui-add{background:#5e528f}.ui-project-meta{display:flex;justify-content:space-between;margin:1cqw 0 2cqw;font-size:.85cqw;color:#778596}.ui-project-meta b{color:#283445}.ui-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3cqw}.ui-kanban>div{background:#eaeef3;padding:1cqw;border-radius:.6cqw}.ui-kanban h5{font-size:1cqw;font-weight:500;margin:.2cqw 0 1.5cqw;display:flex;justify-content:space-between}.ui-kanban h5 span{color:#8896a7}.ui-task{padding:1.3cqw;background:white;border:1px solid #e1e7ef;border-radius:.6cqw;margin-bottom:1cqw}.ui-task>small{font-size:.7cqw;color:#8894a3;display:block}.ui-task>b{display:block;font-size:1.05cqw;font-weight:500;margin:.8cqw 0 1.5cqw}.ui-task>span{display:inline-block;font-size:.65cqw;color:#6e6095;background:#eeeaf6;padding:.4cqw .6cqw;border-radius:.4cqw}.ui-task footer{display:flex;justify-content:space-between;padding:.8cqw 0 0;margin-top:1cqw;border-top:1px solid #edf0f4;font-size:.7cqw}.ui-task footer i{border-radius:50%;background:#e7ecf3;padding:.5cqw;font-size:.6cqw;font-style:normal}.ui-task footer small{font-size:.65cqw}.system-inventory aside{background:#173d39}.system-inventory .ui-add{background:#306c5d}.ui-stock{background:white;border:1px solid #e5e9ef;border-radius:.7cqw;margin-top:1.6cqw;padding:1.4cqw}.ui-stock-head{display:flex;justify-content:space-between;font-size:.85cqw;align-items:center;margin-bottom:1.5cqw}.ui-stock-head span{font-size:.7cqw;color:#8894a3}.stock-row{display:grid;grid-template-columns:2fr 1fr .7fr 1fr;gap:1cqw;align-items:center;padding:.8cqw 0;font-size:.8cqw;border-top:1px solid #edf0f3}.stock-row>span:first-child{display:flex;align-items:center;gap:.7cqw}.stock-head{font-size:.65cqw;color:#8c98a6}.stock-swatch{width:2.5cqw;height:2.5cqw;display:inline-block;background:#c1aa8c;border-radius:.3cqw}.swatch-1{background:#d4ceb9}.swatch-2{background:#a08d73}.swatch-3{background:#bab4a6}.stock-status{color:#438472;font-size:.7cqw}.ui-delivery{display:flex;align-items:center;gap:1.3cqw;margin-top:1.6cqw;font-size:.8cqw}.ui-delivery>span{font-size:2cqw;color:#528476}.ui-delivery>div{flex:1}.ui-delivery small{display:block;margin-top:.4cqw;font-size:.65cqw;color:#8a97a7}.ui-delivery>b{font-size:.7cqw;color:#528476}
@media(max-width:1000px){.portfolio-tabs{gap:10px}.portfolio-tab{padding:12px 10px;gap:8px}.portfolio-tab img{width:54px;height:54px}.portfolio-tab>span{font-size:14px}.portfolio-category{gap:35px}.work-featured .work-frame{padding:32px 35px 0}}
@media(max-width:700px){.portfolio{padding-block:70px}.portfolio-intro{margin-bottom:35px}.portfolio .portfolio-intro h2{font-size:40px!important;letter-spacing:-1.7px!important}.portfolio-lead{font-size:16px;margin-top:23px}.portfolio-tabs{gap:8px;margin-bottom:36px}.portfolio-tab{flex-direction:column;align-items:center;gap:6px;padding:10px 5px 14px;text-align:center;border-radius:6px}.portfolio-tab img{width:64px;height:64px}.portfolio-tab>span{font-size:12px;white-space:nowrap}.portfolio-tab small{display:none}.portfolio-category{grid-template-columns:1fr;gap:12px;margin-bottom:28px}.portfolio-category h3{font-size:34px;letter-spacing:-1px}.portfolio-category>div>p:not(.portfolio-tags){font-size:15px}.portfolio-tags{font-size:10px;margin:15px 0}.work-grid{grid-template-columns:1fr;gap:32px}.work-featured{grid-column:auto}.work-frame,.work-featured .work-frame{padding:16px 14px 0}.work-browser{height:23px;font-size:7px}.work-info{margin-top:17px}.work-info h4{font-size:19px}.work-description{font-size:13px;margin-top:8px}.work-expand{width:30px;height:30px;font-size:17px;bottom:10px;right:10px}.portfolio-note{font-size:11px;margin-top:32px}#design-dialog{padding:14px;width:96vw}.design-dialog-head h3{font-size:17px}#design-content{overflow:auto}#design-content:has(.system-ui) .work-screen{width:850px;max-width:none}.design-dialog-head .eyebrow{font-size:8px}}
/* Distinct product workflows and device perspectives. */
.concept-scene{position:relative;width:100%;height:100%;overflow:hidden;container-type:inline-size;text-align:left;font-family:Arial,sans-serif;color:#233347}.concept-scene *{box-sizing:border-box}.concept-scene h5,.concept-scene p{margin:0}.concept-scene h5{font-weight:500}.scene-kicker{position:absolute;top:3cqw;left:4cqw;font-size:1cqw;letter-spacing:.2cqw;color:#a7b8ce;z-index:2}.scene-footnote{position:absolute;bottom:2cqw;left:4cqw;font-size:.72cqw;letter-spacing:.12cqw;color:#8fa5be;z-index:2}.invoice-scene{background:radial-gradient(ellipse at 70% 50%,#243b59,#0d1a2c)}.invoice-device{position:absolute;left:7cqw;top:8cqw;width:86cqw;height:41cqw;background:#e9edf2;border:.6cqw solid #8994a2;border-bottom:1.2cqw solid #586a7d;border-radius:1.2cqw;overflow:hidden;transform:perspective(120cqw) rotateY(-7deg) rotateX(3deg);box-shadow:2cqw 3cqw 3cqw #0007}.native-titlebar{height:4cqw;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 2cqw;font-size:.9cqw;border-bottom:1px solid #dde3eb}.native-titlebar>b{font-size:1.4cqw;letter-spacing:.1cqw}.native-titlebar>b span{font-size:.65cqw;vertical-align:top}.native-titlebar>span{color:#7e8d9e}.native-titlebar i{font-style:normal;border-radius:50%;padding:.6cqw;background:#e9edf5;font-size:.75cqw}.invoice-app{display:grid;grid-template-columns:1fr 1fr;height:calc(100% - 4cqw)}.invoice-doc{background:#e4e9ef;padding:2cqw;position:relative}.paper{background:white;box-shadow:0 .4cqw 1cqw #24344710;padding:2.4cqw;height:28cqw}.paper>small{font-size:.65cqw;letter-spacing:.08cqw}.paper h5{font-size:2cqw;letter-spacing:-.1cqw;margin:1.4cqw 0}.paper p{font-size:.75cqw;color:#738195;line-height:1.8}.paper-rule{height:1px;background:#dee5ec;margin:1.5cqw 0}.paper-item,.paper-total{display:flex;justify-content:space-between;gap:1cqw;font-size:.7cqw;margin:1cqw 0}.paper-item b{font-weight:400}.paper-total{font-size:.9cqw;border-top:1px solid #dae1e9;padding-top:1cqw;margin-top:1.5cqw}.paper-lines{width:75%;height:2.4cqw;background:repeating-linear-gradient(#e4e8ed 0 .15cqw,transparent .15cqw .8cqw);margin:1.5cqw 0}.document-page{display:block;text-align:center;font-size:.65cqw;color:#778598;margin-top:1cqw}.invoice-check{padding:2.3cqw;background:#f9fafc}.eyeline{font-size:.62cqw;letter-spacing:.13cqw;color:#567eae}.invoice-check h5{font-size:1.9cqw;letter-spacing:-.07cqw;margin:.8cqw 0}.invoice-check>p{font-size:.7cqw;color:#8190a1;margin-bottom:1.4cqw}.verified-field{position:relative;border:1px solid #dde4ed;background:#fff;border-radius:.4cqw;padding:.85cqw 1cqw;margin-bottom:.8cqw}.verified-field small{display:block;font-size:.6cqw;color:#8390a1;margin-bottom:.4cqw}.verified-field b{font-size:.85cqw;font-weight:500}.verified-field i{font-style:normal;position:absolute;right:1cqw;top:1.2cqw;color:#438577;font-size:1cqw}.match-note{font-size:.7cqw;color:#458473;margin:1.2cqw 0}.native-cta{font-size:.85cqw;text-align:center;padding:1.1cqw;background:#254a78;color:white;border-radius:.4cqw}
.dispatch-scene{background:radial-gradient(ellipse at center,#263a48,#0d1923)}.dispatch-monitor{position:absolute;left:5cqw;top:7cqw;width:90cqw;height:42cqw;border:.75cqw solid #425364;border-radius:1cqw;overflow:hidden;background:#0e1c28;box-shadow:0 2cqw 3cqw #0007;transform:perspective(150cqw) rotateY(4deg)}.dispatch-top{height:4cqw;display:flex;align-items:center;justify-content:space-between;padding:0 2cqw;color:#a0b8c9;font-size:.75cqw;border-bottom:1px solid #334250}.dispatch-top b{font-size:1.5cqw;letter-spacing:.15cqw;color:#eaf4fc}.dispatch-top b span{font-size:.6cqw;letter-spacing:.05cqw;color:#6dc4ab;margin-left:1.4cqw}.dispatch-top i{font-style:normal}.dispatch-body{display:grid;grid-template-columns:29% 71%;height:32cqw}.dispatch-list{padding:1.8cqw 1.3cqw;color:#c8d6e3}.dispatch-list>small{font-size:.6cqw;letter-spacing:.13cqw;color:#7190a8}.dispatch-list h5{font-size:1.5cqw;margin:.7cqw 0 1cqw}.dispatch-count{display:flex;align-items:center;gap:1cqw;margin-bottom:1cqw}.dispatch-count b{font-size:3.2cqw;color:#fff;font-weight:400}.dispatch-count span{font-size:.65cqw;line-height:1.5;color:#8da9bd}.route-row{display:flex;align-items:center;gap:.5cqw;padding:1.1cqw 0;border-top:1px solid #273948}.route-row i{width:.5cqw;height:.5cqw;background:#54d4c2;border-radius:50%}.route-row b,.route-row span{display:block;font-size:.65cqw}.route-row b{font-weight:500;margin-bottom:.3cqw}.route-row span{font-size:.55cqw;color:#7f9aaf}.route-row em{font-size:.55cqw;font-style:normal;color:#54d4c2;margin-left:auto}.route-row.amber i{background:#f1b36c}.route-row.amber em{color:#f1b36c}.route-row.violet i{background:#8b9de6}.route-row.violet em{color:#8b9de6}.dispatch-message{font-size:.6cqw;line-height:1.7;padding:.8cqw;margin-top:.7cqw;border-radius:.4cqw;background:#1c3041;color:#8facbf}.dispatch-message b{color:#d4e2ec;font-weight:500}.dispatch-map{position:relative;overflow:hidden}.dispatch-map svg{width:100%;height:100%;object-fit:cover}.map-pill{position:absolute;top:1.4cqw;left:1.4cqw;background:#0d1b27dd;border:1px solid #50637366;padding:.6cqw 1cqw;border-radius:2cqw;color:#cce0ec;font-size:.65cqw}.map-card{position:absolute;right:3cqw;top:12cqw;background:#f1f7f8;border-radius:.5cqw;padding:1cqw;display:flex;gap:.8cqw;box-shadow:0 .8cqw 2cqw #0007}.map-card>span{display:grid;place-items:center;background:#2e8071;color:#fff;width:2.4cqw;font-size:1cqw;border-radius:.4cqw}.map-card b,.map-card small{display:block;font-size:.85cqw;font-weight:500}.map-card small{font-size:.6cqw;color:#6e8494;margin-top:.4cqw}.map-legend{position:absolute;bottom:1cqw;left:1.4cqw;color:#a6bccc;font-size:.6cqw}.dispatch-timeline{display:flex;align-items:center;gap:2cqw;padding:1.2cqw 3cqw;font-size:.65cqw;color:#8ba1b3}.dispatch-timeline i{flex:1;height:.3cqw;background:linear-gradient(90deg,#54d4c2,#506b84);border-radius:1cqw}.monitor-neck{position:absolute;bottom:3.2cqw;width:14cqw;height:4cqw;left:43cqw;background:linear-gradient(90deg,#263747,#526475,#263747);clip-path:polygon(30% 0,70% 0,80% 90%,100% 100%,0 100%,20% 90%)}
.pick-scene{background:linear-gradient(130deg,#152c29,#31433f)}.warehouse-grid{position:absolute;inset:0;opacity:.16;background:repeating-linear-gradient(0deg,transparent 0 10cqw,#a0b7aa 10cqw 10.2cqw),repeating-linear-gradient(90deg,transparent 0 16cqw,#a0b7aa 16cqw 16.3cqw);transform:perspective(90cqw) rotateY(-20deg) scale(1.2)}.pick-tablet{position:absolute;left:12cqw;top:5cqw;width:35cqw;height:47cqw;border:1cqw solid #192621;border-radius:2cqw;background:#15231e;box-shadow:2cqw 2cqw 4cqw #0008;transform:perspective(100cqw) rotateY(-10deg) rotateZ(-5deg);padding:1.2cqw .4cqw .4cqw}.tablet-camera{position:absolute;width:.35cqw;height:.35cqw;background:#456154;border-radius:50%;top:.3cqw;left:50%}.pick-app{height:100%;background:#f4f6ee;border-radius:.8cqw;padding:2cqw}.pick-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5cqw;font-size:1cqw}.pick-top b{font-size:1.5cqw;letter-spacing:.12cqw;color:#255046}.pick-app>small{font-size:.6cqw;color:#879489;letter-spacing:.12cqw}.pick-app h5{font-size:2cqw;line-height:1.2;margin:.7cqw 0 1.5cqw;color:#28463e}.pick-location{padding:1.3cqw;background:#e6eddf;border-radius:.5cqw}.pick-location small,.pick-location strong,.pick-location span{display:block}.pick-location small{font-size:.6cqw;color:#7a8d7f}.pick-location strong{font-size:2.4cqw;letter-spacing:.2cqw;font-weight:500;margin:.4cqw 0}.pick-location span{font-size:.65cqw;color:#7a8d7f}.barcode{height:4cqw;width:80%;margin:1.4cqw auto .7cqw;background:repeating-linear-gradient(90deg,#243d32 0 .2cqw,transparent .2cqw .45cqw,#243d32 .45cqw .7cqw,transparent .7cqw 1.2cqw,#243d32 1.2cqw 1.7cqw,transparent 1.7cqw 2cqw)}.scan-confirm{display:block;text-align:center;font-size:.8cqw;color:#41866c}.pick-product{display:flex;gap:1cqw;align-items:center;border-block:1px solid #dbe3d7;margin:1.5cqw 0;padding:1.2cqw 0}.package-icon{font-size:2cqw;color:#658568}.pick-product b,.pick-product small{display:block;font-size:.8cqw}.pick-product small{font-size:.65cqw;color:#829486;margin-top:.3cqw}.pick-product>strong{font-size:.8cqw;margin-left:auto}.pick-progress{display:flex;justify-content:space-between;font-size:.8cqw;margin:1cqw 0}.pick-app .native-cta{background:#2e6951}.packing-slip{position:absolute;left:54cqw;top:17cqw;width:35cqw;background:#f5f3e9;padding:2.5cqw;box-shadow:0 1.5cqw 3cqw #0005;transform:rotate(4deg)}.packing-slip>small{font-size:.65cqw;letter-spacing:.12cqw;color:#8d9484}.packing-slip h5{font-size:2cqw;margin:1cqw 0 2cqw}.packing-slip>div:not(.slip-dots){display:flex;justify-content:space-between;font-size:.8cqw;padding:.8cqw 0;border-bottom:1px solid #e1e2d7}.packing-slip>div b{font-weight:500}.slip-dots{height:1px;background:repeating-linear-gradient(90deg,#c9cbbc 0 .5cqw,transparent .5cqw 1cqw);margin:2cqw -2.5cqw}.slip-status{font-size:.8cqw;color:#4a8066;font-weight:500}
.mobile-shop-scene{background:radial-gradient(ellipse at 60% 80%,#3c3b42,#151821)}.fashion-editorial{position:absolute;left:8cqw;top:9cqw;width:43cqw;height:38cqw;transform:rotate(-5deg);background:#d9d6d0;box-shadow:0 2cqw 4cqw #0005;overflow:hidden}.editorial-crop{height:100%;overflow:hidden;position:relative}.editorial-crop img{position:absolute;width:230%;max-width:none;left:0;top:-7%}.fashion-editorial>span{position:absolute;bottom:2cqw;left:2cqw;font-size:2.5cqw;color:#fff;letter-spacing:.1cqw;line-height:1.1;font-weight:600}.shop-phone{position:absolute;left:53cqw;top:3cqw;width:27cqw;height:50cqw;background:#18181a;border:.5cqw solid #929294;border-radius:3.2cqw;padding:.55cqw;transform:perspective(120cqw) rotateY(-9deg) rotateZ(5deg);box-shadow:2cqw 2cqw 3cqw #0007}.phone-island{position:absolute;top:1cqw;left:8cqw;width:10cqw;height:1.8cqw;border-radius:1cqw;background:#171719;z-index:1}.phone-app{height:100%;border-radius:2.3cqw;background:#f6f4ee;padding:3.4cqw 1.6cqw 1.5cqw}.phone-brand{font-size:1.15cqw;text-align:center;letter-spacing:.15cqw;margin-bottom:2cqw;color:#262522}.phone-back{font-size:.6cqw;color:#8c8b85}.phone-app h5{font-family:Georgia,serif;font-size:2cqw;margin:1.3cqw 0 1.5cqw}.phone-app h5 span{font-size:.7cqw;vertical-align:top;margin-left:.5cqw}.bag-product{display:flex;gap:1cqw;height:11cqw}.coat-crop{position:relative;width:8cqw;flex-shrink:0;height:11cqw;overflow:hidden;background:#ddd}.coat-crop img{position:absolute;width:500%;max-width:none;left:-40%;top:-6%}.bag-product>div:last-child{padding:.5cqw 0;font-size:.75cqw}.bag-product b,.bag-product small,.bag-product strong,.bag-product span{display:block}.bag-product small{font-size:.6cqw;color:#83847e;margin:.6cqw 0 1.4cqw}.bag-product strong{font-size:.7cqw;font-weight:500}.bag-product span{font-size:.9cqw;margin-top:1.2cqw;border:1px solid #dddcd3;padding:.2cqw .5cqw;width:max-content}.phone-rule{height:1px;background:#d9d9d1;margin:1.7cqw 0}.checkout-row{display:flex;justify-content:space-between;font-size:.75cqw;margin:.9cqw 0}.checkout-row b{font-weight:500}.delivery-choice{border:1px solid #c8c9bf;padding:1cqw;margin-top:1.8cqw}.delivery-choice b,.delivery-choice span{display:block;font-size:.7cqw}.delivery-choice span{font-size:.6cqw;color:#8b8c83;margin-top:.4cqw}.phone-checkout{padding:1.25cqw .3cqw;text-align:center;background:#222322;color:white;font-size:.8cqw;margin-top:1.8cqw}.payment-marks{text-align:center;font-size:.55cqw;margin-top:1.3cqw;color:#87897e}
.configure-scene{background:linear-gradient(120deg,#b4a68f,#e1d9c7)}.configure-scene .scene-kicker,.configure-scene .scene-footnote{color:#6d6253}.configuration-screen{position:absolute;left:5cqw;top:8cqw;width:90cqw;height:41cqw;background:#f6f2e9;box-shadow:1cqw 2cqw 4cqw #58442d44;transform:perspective(130cqw) rotateX(7deg) rotateZ(-2deg);border:.4cqw solid #c4baac;border-radius:.8cqw;overflow:hidden}.config-nav{height:4cqw;display:flex;align-items:center;justify-content:space-between;padding:0 2cqw;border-bottom:1px solid #ddd5c8;color:#78634c;font-size:.65cqw}.config-nav b{font-size:1.3cqw;letter-spacing:.07cqw}.configuration-body{display:grid;grid-template-columns:60% 40%;height:37cqw}.chair-display{position:relative;background:#e5dfd2;overflow:hidden}.chair-crop{position:absolute;inset:0;overflow:hidden}.chair-crop img{position:absolute;width:210%;max-width:none;left:-110%;top:-11%}.chair-caption{position:absolute;bottom:1.5cqw;left:2cqw;font-size:.65cqw;color:#75614b;background:#f6f2e9bd;padding:.5cqw}.config-options{padding:2cqw 2.4cqw;color:#654a32}.config-options>span{font-size:.6cqw;letter-spacing:.1cqw}.config-options h5{font-size:2.8cqw;font-family:Georgia,serif;letter-spacing:-.1cqw;margin:1cqw 0}.config-options>p{font-size:.9cqw;line-height:1.5;color:#99856e;margin-bottom:1.6cqw}.config-label{display:flex;justify-content:space-between;font-size:.7cqw;margin:1.3cqw 0 .8cqw}.config-label b{font-weight:500}.config-label span{color:#99856e}.swatches,.fabric-swatches{display:flex;gap:.9cqw}.swatches i,.fabric-swatches i{display:block;width:2.4cqw;height:2.4cqw;border-radius:50%;background:repeating-linear-gradient(87deg,#af8f61 0 .15cqw,#c6a97b .15cqw .25cqw)}.swatches i:first-child,.fabric-swatches i:first-child{outline:1px solid #71593f;outline-offset:.25cqw}.swatches i:nth-child(2){filter:brightness(.55)}.swatches i:nth-child(3){filter:brightness(.22)}.fabric-swatches i{background:#d0c7b3;border:1px solid #c8bba3}.fabric-swatches i:nth-child(2){background:#87847a}.fabric-swatches i:nth-child(3){background:#72735b}.config-price{display:flex;justify-content:space-between;align-items:center;margin-top:2cqw}.config-price b{font-size:1.1cqw;font-weight:500}.config-price span{font-size:.6cqw;color:#99856e}.config-cart{margin-top:1cqw;background:#6a4d34;color:#fff;padding:1.1cqw;font-size:.8cqw;display:flex;justify-content:center}
.subscription-scene{background:#f3efdf;color:#193bcc;padding:3cqw}.subscription-top{display:flex;justify-content:space-between;align-items:center;height:5cqw;border-bottom:1px solid #193bcc33;padding-bottom:1.5cqw}.subscription-top b{font-size:1.9cqw;line-height:.9;letter-spacing:-.08cqw}.subscription-top>span{font-size:.75cqw;letter-spacing:.08cqw}.subscription-top small{font-size:.6cqw}.subscription-body{display:grid;grid-template-columns:45% 55%;height:39cqw;padding-top:2cqw;gap:3cqw}.coffee-editorial{position:relative;overflow:hidden;background:#b27451}.coffee-crop{position:absolute;inset:0;overflow:hidden}.coffee-crop img{position:absolute;width:230%;max-width:none;left:-130%;top:-2%}.coffee-stamp{position:absolute;bottom:2cqw;left:2cqw;font-size:2.6cqw;font-weight:bold;line-height:.95;color:#f7efdc;letter-spacing:-.1cqw}.subscription-options{padding:0 3cqw 0 0}.subscription-options h5{font-family:Georgia,serif;font-size:4.1cqw;line-height:.98;letter-spacing:-.15cqw}.subscription-options>p{font-size:.85cqw;color:#6372a3;margin:1cqw 0 1.6cqw}.subscription-options>small{display:block;font-size:.6cqw;letter-spacing:.09cqw;margin:1cqw 0 .6cqw}.coffee-choice{display:grid;grid-template-columns:1fr 1fr;gap:.7cqw;font-size:.8cqw}.coffee-choice b,.coffee-choice span{padding:1cqw;text-align:center;border:1px solid #193bcc44;font-weight:500}.coffee-choice b{color:#f3efdf;background:#193bcc}.subscription-total{display:flex;justify-content:space-between;align-items:center;margin-top:1.7cqw;font-size:.85cqw}.subscription-total b{background:#193bcc;color:white;padding:1cqw 2cqw}.subscription-bottom{margin-top:2.5cqw;font-size:.65cqw;letter-spacing:.13cqw;text-align:center;color:#6877ac}.subscription-bottom b{color:#193bcc}
.work-screen:has(.concept-scene){aspect-ratio:16/9}.work-screen:has(.tour-video){position:relative}.tour-video{display:block;width:100%;height:100%;object-fit:cover}.tour-play{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:10px;color:#fff;background:#080f1de8;border:1px solid #ffffff50;border-radius:30px;padding:10px 16px;font-size:13px}.work-open:hover .tour-play{background:#193a5b}.work-screen.is-playing .tour-play{opacity:0}.work-screen.is-playing .work-expand{opacity:0}#design-content .tour-video{max-height:75vh}#design-content:has(.concept-scene){overflow:auto}#design-content .concept-scene{min-width:0}#design-content .work-screen{position:relative}.design-dialog-head .eyebrow{margin:0 0 8px}.tour-caption{font-size:12px;color:#aac2dc;margin-top:12px}.work-open:has(video) .work-expand{display:none}
@media(max-width:700px){.tour-play{left:10px;bottom:10px;padding:7px 11px;font-size:10px}#design-content:has(.concept-scene) .work-screen{width:800px;max-width:none}}

/* Stable headline footprint with a restrained crossfade. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero-rotator{display:grid;position:relative;margin-bottom:18px}
.hero-message{display:block;grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease,visibility .55s;pointer-events:none}
.hero-message.is-current{opacity:1;visibility:visible;transform:translateY(0)}
.hero-message-nav{display:flex;gap:3px;align-items:center;margin:0 0 20px;width:max-content}
.hero-message-dot{width:28px;height:24px;border:0;padding:8px 4px;background:transparent;display:grid;place-items:center}
.hero-message-dot>span{display:block;height:3px;width:13px;border-radius:4px;background:#657b974d;transition:background .25s,width .25s}
.hero-message-dot[aria-pressed=true]>span{width:20px;background:#9ad0ff}
.hero-message-dot:hover>span{background:#c2e4ff}
@media(max-width:700px){.hero-rotator{font-size:clamp(45px,12.8vw,63px);letter-spacing:-2.6px}.hero-message-nav{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.hero-message{transition:none;transform:none}}

.hero-rotator{margin-bottom:28px}.hero-message{transform:none;transition:opacity .55s ease,visibility .55s}.hero-message.is-current{transform:none}

/* Consistent geometric service icons. */
.portfolio-tab img{object-fit:contain;width:58px;height:58px;padding:6px;border-radius:14px;background:linear-gradient(145deg,#20395466,#0b172500);border:1px solid #a5d4ff14;transition:background .2s,border-color .2s}.portfolio-tab{gap:18px;padding-left:20px}.portfolio-tab[aria-selected=true] img{background:#27496855;border-color:#a5d4ff33}@media(max-width:1000px){.portfolio-tab{gap:10px;padding-left:12px}.portfolio-tab img{width:48px;height:48px}}@media(max-width:700px){.portfolio-tab{gap:10px;padding:14px 5px}.portfolio-tab img{width:46px;height:46px;border-radius:12px}}

/* Direct transition from the company strip to service selection. */
#services.portfolio{padding-top:60px}@media(max-width:700px){#services.portfolio{padding-top:36px}}

/* Automatic, calm value messages with a stable footprint. */
.portfolio-tabs{margin-bottom:42px}.service-statement{max-width:1120px;margin:0 0 54px}.portfolio .service-statement h2{display:grid;font-size:clamp(30px,4vw,54px);font-weight:500;line-height:1.2;letter-spacing:-1.6px;margin:0}.value-message{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s;pointer-events:none}.value-message.is-current{opacity:1;visibility:visible}.value-message em{color:#aac5e0}
#tab-web img{background:#72baff14;border-color:#72baff40}#tab-systems img{background:#ad94ff14;border-color:#ad94ff40}#tab-commerce img{background:#63d9b514;border-color:#63d9b540}
.project-path{background:linear-gradient(135deg,#101e31,#0b1422);border-block:1px solid var(--line)}.path-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:end;margin-bottom:64px}.path-heading h2{font-size:clamp(36px,4.4vw,60px);letter-spacing:-2px;line-height:1.12}.path-heading h2 em{color:#9eb4ce}.path-intro p{font-size:16px;color:#b5c2d3;line-height:1.85;margin:0 0 25px}.path-intro .textlink{font-size:14px;color:#bce0ff;border-bottom:1px solid #91badd55;padding-bottom:8px}.path-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #9abbd544}.path-stage{padding:30px 30px 0 0;display:flex;flex-direction:column}.path-stage+.path-stage{padding-left:30px;border-left:1px solid #9abbd522}.path-stage-top{display:flex;align-items:center;gap:18px;color:#8ca4c0;font-size:10px;letter-spacing:1.5px}.path-number{font-size:32px;font-weight:400;color:#aecded;letter-spacing:-1px}.path-stage h3{font-size:25px;line-height:1.25;letter-spacing:-.6px;font-weight:500;margin:32px 0 18px;max-width:260px}.path-stage p{color:#a8b9cc;font-size:14px;line-height:1.85;margin:0 0 32px}.path-deliverable{margin-top:auto;padding-top:20px;border-top:1px solid #a5bfd31c;color:#c2d7ed;font-size:12px}
@media(max-width:1000px){.path-heading{gap:40px}.path-stage{padding-right:20px}.path-stage+.path-stage{padding-left:20px}.path-stage h3{font-size:22px}}
@media(max-width:700px){.portfolio-tabs{margin-bottom:30px}.service-statement{margin-bottom:35px}.portfolio .service-statement h2{font-size:clamp(26px,6.6vw,38px);letter-spacing:-.8px}.path-heading{grid-template-columns:1fr;gap:25px;margin-bottom:38px}.path-heading h2{font-size:38px;letter-spacing:-1.4px}.path-intro p{font-size:15px}.path-stages{grid-template-columns:1fr}.path-stage,.path-stage+.path-stage{padding:24px 0 30px;border-left:0;border-bottom:1px solid #9abbd522}.path-stage:last-child{border-bottom:0;padding-bottom:0}.path-stage h3{max-width:none;font-size:26px;margin:20px 0 12px}.path-stage p{margin-bottom:20px}.path-deliverable{padding-top:14px}}
@media(prefers-reduced-motion:reduce){.value-message{transition:none}}

/* Personal review invitation, with a layered shared-screen preview. */
.demo-invite{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 25%,#203c6044,transparent 55%),#0b1524;border-block:1px solid var(--line)}.demo-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:65px;align-items:center}.demo-copy h2{font-size:clamp(42px,4.8vw,66px);font-weight:500;line-height:1.08;letter-spacing:-2.6px}.demo-copy h2 em{color:#acd5fa}.demo-lead{font-size:16px;line-height:1.9;color:#b6c5d8;max-width:480px;margin:28px 0}.demo-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.demo-call{font-size:14px;color:#d6e7f9;border-bottom:1px solid #b8d9f955;padding-bottom:5px}.demo-reassurance{font-size:11px;color:#91a9c1;margin:19px 0 0}.demo-visual{position:relative;min-width:0;padding:45px 0 72px}.demo-orbit{position:absolute;width:85%;aspect-ratio:1;top:-5%;right:-5%;border-radius:50%;background:radial-gradient(circle,#4383bc21,transparent 65%);border:1px solid #8db8db16}.review-window{position:relative;border:1px solid #9dbbd64d;border-radius:12px;overflow:hidden;background:#17273b;box-shadow:0 30px 65px #0006;transform:perspective(1100px) rotateY(-5deg) rotateZ(1deg)}.review-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;gap:12px;color:#a1bad3;font-size:9px;letter-spacing:1.3px}.review-dots{font-size:7px;letter-spacing:4px;color:#6d8ba7}.review-image{position:relative;aspect-ratio:16/10;overflow:hidden}.review-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.review-focus{position:absolute;left:8%;top:22%;width:44%;height:40%;border:1.5px solid #75c3ff;border-radius:5px;box-shadow:0 0 0 200px #10243e10}.review-focus>span{position:absolute;bottom:-9px;right:-9px;width:17px;height:17px;border-radius:50%;background:#8dcfff;border:4px solid #1c3b59;box-shadow:0 0 0 5px #83c7ff22}.review-bottom{display:flex;gap:9px;align-items:center;color:#b7cbe0;font-size:10px;padding:14px 18px}.review-online{width:6px;height:6px;border-radius:50%;background:#71d9b3}.demo-note{position:absolute;left:-24px;bottom:44px;display:flex;align-items:center;gap:14px;padding:20px 24px;background:#e2f0fd;color:#102b47;box-shadow:0 20px 40px #0003;border-radius:10px;border:1px solid #fff8;transform:rotate(-2deg);max-width:100%}.demo-note svg{width:30px;height:30px;flex-shrink:0}.demo-note strong{font-size:15px;font-weight:600;display:block}.demo-note div>span{display:block;font-size:11px;color:#4b6783;margin-top:4px}.demo-visual-caption{position:absolute;bottom:5px;right:0;font-size:8px;letter-spacing:1.2px;color:#718da8}.demo-entry{margin-top:75px;padding:32px 0;border-block:1px solid #93b6d52b;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.demo-entry h3{font-size:25px;font-weight:500;letter-spacing:-.6px;margin:0 0 12px}.demo-entry p{font-size:14px;line-height:1.8;color:#a9bbcf;margin:0;max-width:490px}.demo-channels{display:flex;gap:10px;flex-wrap:wrap}.demo-channels a{padding:12px 16px;border:1px solid #86aedb40;border-radius:40px;font-size:12px;color:#bfd9f0;background:#17304955}.demo-channels a:hover{background:#264969;border-color:#a3d1ff}.demo-promise{display:flex;align-items:flex-start;gap:20px;margin-top:32px;max-width:900px}.promise-mark{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border-radius:50%;color:#95dfc5;background:#95dfc514;border:1px solid #95dfc532}.demo-promise h3{font-weight:500;font-size:19px;margin:0 0 8px;letter-spacing:-.3px}.demo-promise p{color:#93a9c0;font-size:13px;line-height:1.9;margin:0}
@media(max-width:1000px){.demo-layout{gap:36px}.demo-copy h2{font-size:46px}.demo-entry{gap:36px}.demo-note{left:-10px;padding:15px}.demo-note strong{font-size:13px}}
@media(max-width:700px){.demo-layout{grid-template-columns:1fr;gap:30px}.demo-copy h2{font-size:clamp(39px,10.5vw,58px);letter-spacing:-1.8px}.demo-lead{font-size:15px;margin:22px 0}.demo-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.demo-actions{gap:20px}.demo-reassurance{font-size:10px}.demo-visual{padding:16px 6px 73px}.demo-note{left:0;bottom:40px;padding:16px;max-width:96%}.review-toolbar{font-size:7px;padding:12px}.review-bottom{font-size:9px;padding:12px}.demo-visual-caption{font-size:7px;letter-spacing:.8px}.demo-entry{margin-top:30px;grid-template-columns:1fr;gap:23px;padding:28px 0}.demo-entry h3{font-size:25px}.demo-channels a{font-size:11px;padding:11px 14px}.demo-promise{gap:13px;margin-top:27px}.demo-promise h3{font-size:18px}.demo-promise p{font-size:12px}}

.hero-description{max-width:440px;font-size:17px;line-height:1.65;color:#b9cadd;margin:20px 0 0}.demo-benefits{list-style:none;display:flex;gap:9px;flex-wrap:wrap;padding:0;margin:0 0 28px}.demo-benefits li{font-size:11px;color:#c7e1f3;background:#8ac9f412;border:1px solid #8ac9f424;border-radius:20px;padding:7px 11px}.about-sonex{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:85px;border-bottom:1px solid var(--line)}.about-sonex p:not(.eyebrow){font-size:15px;color:#adbed2;line-height:1.85;margin:0 0 19px}.about-sonex a{font-size:14px;color:#b6d8f7}.privacy-link{display:inline-block;margin-top:16px;font-size:11px;color:#b5d5f2;text-decoration:underline;text-underline-offset:3px}.mobile-contact,.mobile-system{display:none}.privacy-page{max-width:760px;padding-block:60px}.privacy-page h1{font-size:44px;letter-spacing:-1.5px}.privacy-page h2{font-size:25px;margin:35px 0 12px}.privacy-page p{color:#b6c5d8}.privacy-page a{text-decoration:underline;color:#a9d5fc}.privacy-page .back-link{display:inline-block;margin-bottom:40px}
@media(max-width:700px){body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.hero-description{font-size:16px;margin:20px 0}.hero{padding-bottom:45px;gap:25px}.hero .actions{margin-top:22px}.navright .button.small{font-size:10px;padding:10px}.navright{gap:3px}.mobile-contact{position:fixed;z-index:40;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 2fr;gap:10px;padding:11px 18px calc(11px + env(safe-area-inset-bottom));background:#0a1527f5;backdrop-filter:blur(16px);border-top:1px solid #a2c9ed33}.mobile-contact a{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:13px}.mobile-call{border:1px solid #a2c9ed55;border-radius:5px}.mobile-contact.is-hidden{display:none}.demo-benefits{gap:7px}.demo-benefits li{font-size:10px}.about-sonex{grid-template-columns:1fr;gap:26px;padding-block:55px}.formrow{grid-template-columns:1fr;gap:0}input,select,textarea{font-size:16px;min-height:46px}.contact{padding-top:60px}.mobile-system{display:flex;flex-direction:column;gap:14px;padding:23px;background:#112337;color:#e9f3ff;width:100%;height:100%;font-family:Arial,sans-serif}.mobile-system-brand{display:flex;justify-content:space-between;align-items:center;letter-spacing:1.2px;font-size:17px;font-weight:bold}.mobile-system-brand small{font-size:10px;color:#81ddc3}.mobile-system-label{font-size:10px;letter-spacing:1.5px;color:#99b0c8;margin:4px 0 0}.mobile-system h5{font-size:28px;line-height:1.1;letter-spacing:-.8px;margin:0;font-weight:500}.mobile-system>p:not(.mobile-system-label){font-size:13px;line-height:1.5;margin:0}.mobile-system>strong{font-size:16px}.mobile-system>small{font-size:8px;letter-spacing:1px;color:#7f98b3;margin-top:auto}.route-mobile-map{border-radius:7px;overflow:hidden;background:#1c3148}.route-mobile-map svg{width:100%;display:block}.mobile-system-status{background:#7ce0c617;border:1px solid #7ce0c62b;border-radius:5px;color:#9de6d0;padding:10px;font-size:13px}.mobile-location{background:#20384f;padding:18px;border-radius:7px}.mobile-location small{display:block;font-size:10px;color:#8da9c4}.mobile-location strong{display:block;font-size:30px;margin-top:8px}.mobile-product{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:10px 0}.work-screen:has(.mobile-system){aspect-ratio:3/4}.work-screen:has(.mobile-system)>.concept-scene{display:none}#design-content:has(.concept-scene) .work-screen{width:100%;max-width:100%}.work-screen:has([data-mobile-src]){aspect-ratio:540/560}.privacy-page h1{font-size:34px}.privacy-page{padding-block:40px}}

/* Team portrait: full composition stays visible on all screens. */
.about-sonex{column-gap:70px;row-gap:36px}.team-photo{grid-column:1/-1;margin:0;min-width:0}.team-photo img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line)}.team-photo figcaption{margin-top:10px;font-size:11px;line-height:1.5;color:#97a9bf;text-align:right}@media(max-width:700px){.about-sonex{row-gap:24px}.team-photo img{border-radius:9px}.team-photo figcaption{font-size:10px}}

/* Editorial online walkthrough */
.demo-photo{position:relative;margin:0;min-width:0;isolation:isolate;overflow:hidden;border-radius:18px;border:1px solid #a9c7e02b;background:#122338;aspect-ratio:4/5;max-height:600px;box-shadow:0 24px 70px #0003}.demo-photo>img{width:100%;height:100%;display:block;object-fit:cover}.demo-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#06102040 52%,#061020f5 100%);z-index:1}.demo-photo figcaption{position:absolute;left:36px;right:30px;bottom:32px;z-index:2}.demo-photo-label{display:block;font-size:9px;letter-spacing:2px;color:#bcd8ee;margin-bottom:15px}.demo-photo h3{font-size:clamp(30px,3.4vw,47px);letter-spacing:-1.5px;line-height:1.06;font-weight:500;color:#fff;margin:0 0 15px}.demo-photo figcaption p{font-size:14px;line-height:1.6;color:#c9daeb;margin:0}.demo-channels a:first-child{background:#b4d9f5;color:#0e2237;border-color:#b4d9f5}.demo-channels a:first-child:hover{background:#d5eaff}@media(max-width:700px){.demo-photo{aspect-ratio:4/5;max-height:none;width:100%;border-radius:13px}.demo-photo figcaption{left:25px;right:23px;bottom:26px}.demo-photo h3{font-size:36px;letter-spacing:-1.2px}.demo-photo figcaption p{font-size:13px}}

.contact-address{font-style:normal;font-size:15px;line-height:1.75;color:#b6c5d8;margin:24px 0}

.form-honeypot{display:none!important}#contactform[aria-busy="true"] button[type="submit"]{opacity:.65;cursor:wait}#status[data-state="success"]{color:#a3e6cb}#status[data-state="error"]{color:#ffbdad}

.header-contact-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px}.header-call{display:flex;align-items:center;justify-content:center;min-height:32px;font-size:11px;color:#c8dff3;white-space:nowrap}.header-call:hover{color:#fff}.navright{align-items:flex-start}.navright>#lang{margin-top:2px}@media(max-width:700px){.header-contact-actions{gap:2px}.header-call{font-size:10px;min-height:32px}.navright>#lang{margin-top:0}}

.header-contact-actions{gap:7px}.header-contact-actions .button.small,.header-contact-actions .header-call{border-radius:999px;min-height:39px;padding:10px 18px;font-size:11px;font-weight:600;line-height:1.2;text-align:center}.header-contact-actions .header-call{background:#142b44;border:1px solid #a3cdef66;color:#d6eaff;transition:background .2s,border-color .2s,transform .2s}.header-contact-actions .header-call:hover{background:#234764;border-color:#b5dbfa;transform:translateY(-2px)}@media(max-width:700px){.header-contact-actions{gap:5px}.header-contact-actions .button.small,.header-contact-actions .header-call{font-size:10px;min-height:38px;padding:10px 12px}}

/* Repeating device rotation, with the original still beneath it. */
.hero-art>picture{display:block;width:100%;height:100%}.hero-art>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center right;opacity:0;transition:opacity .3s ease;pointer-events:none}.hero-art>video.is-playing{opacity:1}.hero-art:after{z-index:1}@media(min-width:701px) and (max-width:1000px){.hero-art>video{object-fit:cover;object-position:57% center}}@media(max-width:700px){.hero-art>video{object-fit:cover;object-position:right center}}@media(prefers-reduced-motion:reduce){.hero-art>video{display:none}}

/* Show the supplied SS monogram beside the existing wordmark. */
.brand-symbol{position:relative;display:block;flex:0 0 47px;width:47px;height:47px;overflow:hidden;mix-blend-mode:screen}.brand-symbol>img{position:absolute;display:block;width:290%;height:290%;max-width:none;left:-95%;top:-84%}@media(max-width:700px){.brand-symbol{flex-basis:40px;width:40px;height:40px}}