/* DEVIST / cinematic SUIT edition. Public page, studio controls and miniature catalog. */
:root{--paper:#f5f5f3;--ink:#131518;--green:#214bfa;--line:#d9dcdf;--muted:#61646d}
.agency-page{background:var(--paper)}.agency-page .workspace{max-width:none;padding:0}.agency-page .agency{margin:0;background:var(--paper);color:var(--ink)}.agency-page .topbar{background:var(--paper);border-bottom:1px solid #d9dcdf;min-height:72px;padding:10.8px 4%;gap:21.6px;position:relative;z-index:10}.agency-page .brand{font-size:37.8px;font-weight:800;letter-spacing:-.085em;color:#14161a}.agency-page .brand-divider{display:none}.agency-page .studio{font-size:13px;font-weight:500;letter-spacing:0;margin-left:19.8px;color:#6b6e77}.agency-page .topbar nav{gap:23.4px;font-size:13px}.agency-page .topbar nav>a:last-of-type{border:1px solid #c6c8ce;padding:9px 18px;border-radius:90px}.agency h1,.agency h2,.agency h3{letter-spacing:-.06em;line-height:1.12;text-wrap:balance}.agency h2{font-size:clamp(32.4px,3.96vw,63px);font-weight:700}.agency p{line-height:1.8}.agency-kicker{display:block;font-size:13px;font-weight:600;letter-spacing:.1em;margin:0 0 25.2px;color:inherit}.agency a:hover{opacity:1}.agency a:focus-visible,.agency button:focus-visible{outline:3px solid #6685ff;outline-offset:4.5px}.agency .button{border-radius:90px;min-height:50.4px;background:#214bfa;color:white;padding:14.4px 25.2px;font-size:13.5px;font-weight:600;transition:background .2s,transform .3s}.agency .button:hover{background:#1736bd;transform:translateY(-3px)}.text-arrow{display:inline-flex;gap:31.5px;align-items:center;border-bottom:1px solid currentColor;padding:9px 0;font-size:13px;font-weight:600}.text-arrow span{font-size:18.9px}.agency-page .admin-footer{display:none}
/* The image expands with real page scroll; reading and scrolling stay native. */
.cinema-hero{position:relative;height:150svh;min-height:864px;background:#10171a;isolation:isolate}.cinema-hero-pin{height:calc(100svh - 21.6px);min-height:549px;position:sticky;top:0;overflow:hidden;color:white}.cinema-hero-picture{position:absolute;inset:0;clip-path:inset(22px 2%);overflow:hidden;will-change:auto}.cinema-hero-picture:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d1418b0,transparent 88%),linear-gradient(0deg,#0e171bab,transparent 65%)}.cinema-hero-picture img{width:100%;height:100%;object-fit:cover;object-position:55% 55%;transform:scale(1.12);will-change:auto}.cinema-hero-copy{position:absolute;inset:15% 6% 16%;display:flex;flex-direction:column;justify-content:center;will-change:auto}.cinema-hero-copy .agency-kicker{color:#ffffffe0;margin-bottom:30.6px}.cinema-hero-copy h1{font-size:clamp(48.6px,6.93vw,113.4px);font-weight:800;line-height:1.08;letter-spacing:-.075em;margin:0;max-width:none;color:white}.cinema-hero-copy h1>span{display:block}.cinema-hero-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:36px}.cinema-hero-bottom p{font-size:15.3px;line-height:1.8;color:#eef0f2;margin:0}.round-link{border:1px solid #ffffff70;border-radius:50%;height:90px;width:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.6px;font-size:22.5px;backdrop-filter:blur(8px);background:#ffffff0c;transition:background .3s,transform .3s}.round-link span{font-size:13px}.round-link:hover{background:#214bfa;border-color:#214bfa;transform:rotate(-8deg)}.cinema-photo-note{position:absolute;bottom:40.5px;right:6%;font-size:13px;letter-spacing:.06em;color:#ffffffb0}.cinema-scroll{position:absolute;bottom:40.5px;left:6%;display:flex;align-items:center;gap:18px;font-size:13px;letter-spacing:.1em}.cinema-scroll i{width:63px;height:1px;background:#ffffff55;position:relative;overflow:hidden}.cinema-scroll i:after{content:"";position:absolute;inset:0;background:white;transform-origin:left;transform:scaleX(var(--hero-p,0))}
.offer-strip{padding:27px 4%;display:flex;align-items:center;gap:22.5px;background:#214bfa;color:white;position:relative;z-index:2}.offer-strip p{display:flex;align-items:baseline;gap:11.7px;flex-wrap:wrap;margin:0;font-size:13px}.offer-strip strong{font-size:30.6px;letter-spacing:-.055em;line-height:1}.offer-strip small{font-size:13px;margin-left:2.7px}.offer-divider{height:18px;border-left:1px solid #ffffff40;align-self:center;margin:0 8.1px}.offer-strip>span{font-size:13px;color:#dde5ff;margin-left:auto}.offer-strip>a{font-size:13px;border:1px solid #ffffff80;border-radius:90px;padding:10.8px 18px;display:flex;gap:22.5px;align-items:center;white-space:nowrap}
/* A stack of large, independently accessible industry windows. */
.selected-work{padding:126px 4% 85.5px;background:#f5f5f3}.selected-intro{display:grid;grid-template-columns:1.35fr 1fr;column-gap:7%;padding:0 4% 81px}.selected-intro .agency-kicker{grid-column:1/-1;color:#777d86}.selected-intro h2{grid-row:2/4;font-size:clamp(37.8px,4.5vw,70.2px);font-weight:700;line-height:1.14;margin:0}.selected-intro>p{align-self:end;font-size:15.3px;color:#6d7079;margin:0 0 22.5px;max-width:351px}.selected-intro>.text-arrow{justify-self:start;align-self:start}.project-stack{position:relative}.project-panel{position:sticky;top:21.6px;height:86svh;min-height:504px;overflow:hidden;color:white;background:#191e23;isolation:isolate;transform-origin:center top;margin-bottom:28.8px;will-change:auto;box-shadow:none}.project-panel:nth-child(2){z-index:2}.project-panel:nth-child(3){z-index:3;margin-bottom:0}.project-image{position:absolute;inset:0;overflow:hidden}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#11182040 0%,transparent 30%,#080c12a6 100%)}.project-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);will-change:auto}.project-auto .project-image img{object-position:70% center}.project-meta{position:absolute;top:37.8px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:13px;letter-spacing:.07em}.project-caption{position:absolute;bottom:9%;left:6%;right:6%;display:flex;justify-content:space-between;align-items:end;gap:27px}.project-caption h3{font-size:clamp(37.8px,4.86vw,75.6px);font-weight:700;color:white;line-height:1.08;margin:0 0 18px}.project-caption p{font-size:14.4px;margin:0;color:#ecedf1}.project-link{flex-shrink:0;width:81px;height:81px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;font-size:33.3px;transition:background .3s,transform .3s;backdrop-filter:blur(7px)}.project-link:hover{background:#214bfa;transform:rotate(8deg)}.project-disclaimer{color:#767b85;font-size:13px;text-align:right;margin-top:19.8px}
/* Scroll-directed spatial sequence, with full manual control. */
.agency-showroom{height:250svh;min-height:1575px;background:#e8ebee;position:relative;padding:0 4%;isolation:isolate}.showroom-pin{position:sticky;top:0;min-height:675px;height:100svh;display:grid;grid-template-columns:.75fr 1.8fr;align-items:center;gap:5%;padding:58.5px 0}.showroom-editorial h2{font-size:clamp(30.6px,2.88vw,46.8px);margin:0 0 25.2px}.showroom-editorial>p{font-size:14.4px;color:#737987}.showroom-editorial .agency-kicker{font-size:13px;color:#676e7b;letter-spacing:.05em}.scene-chapters{list-style:none;padding:0;margin:36px 0 22.5px;display:grid;gap:19.8px}.scene-chapters li{display:flex;gap:15.3px;align-items:start;opacity:.38;transition:opacity .5s,transform .5s}.scene-chapters li[aria-current=step]{opacity:1;transform:translateX(6px)}.scene-chapters li>span{font-size:13px;color:#214bfa;margin-top:3.6px}.scene-chapters strong{font-size:13.5px;font-weight:700}.scene-chapters p{font-size:13px;margin:3.6px 0 0;color:#737987}.showroom-editorial .text-arrow{font-size:13px}.showroom-editorial .scene-guidance{font-size:13px;margin-top:22.5px;color:#818795}.agency-showroom>.showroom-note{position:absolute;bottom:18px;left:4%;right:4%;font-size:13px;color:#717886;text-align:right;line-height:1.8;margin:0}

.showroom-model{background:#ebe9e2;border:0;border-radius:0;overflow:hidden;transition:background 1s,color 1s;color:#384333}.showroom-model[data-lighting=dusk]{background:#252e34;color:#e7e6de}.showroom-model .model-top{padding:30.6px 36px 0;align-items:start;position:relative;z-index:3}.model-scene-title{display:grid;gap:9px}.model-scene-title>span{font-size:13px;letter-spacing:.17em;opacity:.65}.model-scene-title strong{font:italic 36px/1.1 Georgia,serif;letter-spacing:-.04em;font-weight:400}.showroom-model .model-tabs{gap:0;border:1px solid #70796133;border-radius:90px;padding:3.6px}.showroom-model .model-tabs button{padding:8.1px 18px;border-radius:90px;color:inherit;font-size:13px;min-height:34.2px}.showroom-model .model-tabs button[aria-pressed=true]{background:#fff;color:#273c2d;box-shadow:0 2px 8px #343f2320}.showroom-model .model-viewport{height:549px;max-height:75vh;margin-top:-31.5px;outline-offset:-6.3px;position:relative;touch-action:pan-y}.model-viewport canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.showroom-model .model-fallback{position:absolute;inset:10% 18%;overflow:hidden;color:white}.showroom-model .model-fallback>img{width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.showroom-model .model-fallback>p{position:absolute;bottom:18px;left:18px;font-size:13px}.showroom-model .model-viewport[data-ready=true] .model-fallback{display:none}.model-hotspots{position:absolute;inset:0;pointer-events:none;z-index:2}.model-hotspots button{position:absolute;left:50%;top:50%;border:1px solid #fff9;box-shadow:0 4px 24px #17231918;border-radius:45px;background:#fff;color:#2c402d;display:flex;align-items:center;gap:7.2px;font-size:13px;padding:4.5px 9.9px 4.5px 4.5px;min-height:30.6px;pointer-events:auto;opacity:0;transform:translate(-50%,-50%);transition:opacity .2s,background .2s;white-space:nowrap}.model-hotspots button[data-visible=true]{opacity:1}.model-hotspots button>span{display:grid;place-items:center;width:20.7px;height:20.7px;background:#e9ede4;border-radius:50%;font:9px Georgia}.model-hotspots button[aria-pressed=true]{background:#233c2d;color:#fff}.model-hotspots button[aria-pressed=true]>span{background:#506d52;color:white}.model-settings{display:flex;align-items:center;justify-content:center;gap:28.8px;border-top:1px solid #7c856223;margin:0 36px;padding:18px 0;position:relative;z-index:3}.model-settings>div{display:flex;align-items:center;gap:6.3px}.model-settings>div>span{font-size:13px;letter-spacing:.13em;margin-right:8.1px;opacity:.65}.model-settings button{border:0;background:transparent;border-bottom:1px solid transparent;padding:6.3px 9px;color:inherit;font-size:13px;min-height:30.6px;opacity:.7}.model-settings button[aria-pressed=true]{opacity:1;border-bottom-color:currentColor}.model-settings>[data-model-motion]{border:1px solid #7c856240;border-radius:45px;padding:5.4px 13.5px}.showroom-model .model-bottom{color:inherit;padding:0 36px 22.5px;gap:18px;font-size:13px}.showroom-model .model-bottom>div{display:flex;gap:13.5px}.showroom-model .model-bottom button{font-size:13px;min-height:32.4px;padding:7.2px 0;color:inherit;border-bottom:1px solid #7c856240}.model-focus-note{opacity:.7}.model-gesture{opacity:.55}.showroom-note{font-size:13px;text-align:right;line-height:1.8;color:#7d8574;margin-top:14.4px}
/* Shared management controls: crisp edges, useful hierarchy, no decorative dashboards. */
body:not(.agency-page) .topbar{background:#fafbf8;border-bottom:1px solid #dce2d5;min-height:74.7px}body:not(.agency-page) .topbar nav>a{font-size:13px}body:not(.agency-page) .workspace{max-width:1404px;margin:0 auto;padding-top:39.6px}body:not(.agency-page) .page-head{padding-bottom:10.8px}body:not(.agency-page) .page-head h1{font-size:32.4px;font-weight:570;letter-spacing:-.055em}body:not(.agency-page) .panel{border-color:#d7dfd1;box-shadow:0 4px 15px #23321d03}body:not(.agency-page) .metrics-grid{gap:14.4px}body:not(.agency-page) .metrics-grid article{padding:22.5px;border-color:#d7dfd1;background:#fbfcf8}body:not(.agency-page) .metrics-grid article:first-child{border-top:1px solid #d7dfd1;background:#e5ebdc}body:not(.agency-page) .metrics-grid strong{font-size:32.4px;font-weight:500;letter-spacing:-.06em}body:not(.agency-page) input,body:not(.agency-page) textarea,body:not(.agency-page) select{border-radius:3.6px;border-color:#cbd6c3}body:not(.agency-page) .button{min-height:37.8px;border-radius:2.7px;font-size:13px}body:not(.agency-page) .table-wrap{border-color:#d7dfd1}body:not(.agency-page) th{font-size:13px;background:#edf1e8;color:#69795f;font-weight:500}body:not(.agency-page) td{padding-top:17.1px;padding-bottom:17.1px}body:not(.agency-page) .badge{font-size:13px;padding:3.6px 7.2px;border-radius:2.7px}.agency-page :focus-visible{outline:2px solid #688556;outline-offset:4.5px}

/* Miniatures use the same image proportions as the refreshed compositions. */
.mini-site{display:flex;flex-direction:column}.mini-site .mini-nav{flex:0 0 20px;height:18px}.mini-site .mini-hero{flex:1;height:auto;min-height:0}.mini-site .mini-content{flex:0 0 4px;height:3.6px;margin-top:11.7px}.mini-site .mini-content i{height:1px}.mini-site .mini-photo{border:0}.mini-site .mini-text strong{font-size:20.7px;font-weight:500;letter-spacing:-.035em;overflow-wrap:anywhere}.mini-site .mini-text>span{font-size:13px;line-height:1.6}.mini-full .mini-hero{align-items:flex-end}.mini-full .mini-text{padding:0 10.8px 16.2px;text-align:left}.mini-full .mini-text strong{font-family:SUIT,system-ui,-apple-system,sans-serif;font-style:italic;font-size:30.6px}.mini-full .mini-photo{opacity:.7}.mini-full .mini-text .mini-button{margin-left:0}.mini-site.mini-center .mini-hero,.mini-site.mini-oval .mini-hero{display:flex;flex-direction:column;gap:10.8px}.mini-center .mini-text,.mini-oval .mini-text{flex:0 0 auto;text-align:left;width:100%;padding:4.5px 0}.mini-center .mini-photo,.mini-oval .mini-photo{flex:1;width:100%;height:auto;min-height:0;margin:0;border-radius:0}.mini-site.mini-frame .mini-photo{height:100%;transform:none;border:0;box-shadow:none}.mini-site.mini-grid .mini-hero{border:0;gap:11.7px}.mini-grid .mini-text{padding:0}.mini-site.mini-reverse .mini-hero{border:0;padding:0;gap:14.4px}.mini-site.mini-cards .mini-hero{background:transparent;padding:0;border-radius:0}.mini-site.mini-cards .mini-photo{height:100%;border-radius:0}.mini-site.mini-portrait .mini-photo{height:100%;border-radius:0}.mini-site.mini-blocks .mini-hero{gap:8.1px}.mini-site.mini-blocks .mini-text{padding:9px 6.3px;border-radius:0;background:#f2e7d5}.mini-site.mini-blocks .mini-photo{border-radius:0}.mini-site.mini-gallery .mini-hero{display:flex;flex-direction:column;gap:10.8px}.mini-gallery .mini-text{flex:0 0 auto;display:block}.mini-site.mini-gallery .mini-photo{position:static;flex:1;width:100%;height:auto;min-height:0}.mini-site.mini-ledger .mini-photo{height:40%}.mini-site.miniature-journal .mini-hero{display:flex;flex-direction:column;align-items:stretch}.miniature-journal .mini-text{display:block;flex:0 0 auto}.mini-site.miniature-journal .mini-photo{flex:1;height:auto;min-height:0}.mini-site.miniature-muse .mini-photo{height:100%}.mini-site.miniature-detail .mini-photo{border-radius:0}.mini-site.mini-poster .mini-photo{transform:none;height:75%;top:25%}.miniature-horizon .mini-text{padding-top:0}.agency-design-grid .mini-text strong{font-size:27px}.agency-design-grid .mini-full .mini-text strong{font-size:37.8px}.agency-design-grid .mini-text>span{font-size:13px}.agency-design-grid .mini-center .mini-photo{min-height:85.5px}.agency-design-grid .mini-nav{margin-bottom:14.4px}.agency-design-grid .mini-content{margin-top:14.4px}.agency-design-grid .mini-photo>span{display:none}
@media(max-width:760px){.agency-design-grid .mini-nav{font-size:13px;margin-bottom:9px;flex-basis:15.3px;height:15.3px}.agency-design-grid .mini-nav b{font-size:13px}.agency-design-grid .mini-text strong{font-size:18px}.agency-design-grid .mini-full .mini-text strong{font-size:24.3px}.agency-design-grid .mini-text>span{font-size:13px}.agency-design-grid .mini-full .mini-text{padding:0 5.4px 10.8px}.agency-design-grid .mini-content{margin-top:9.9px}.agency-design-grid .mini-center .mini-photo{min-height:54px}.agency-design-grid .mini-reverse .mini-hero{gap:9px}.agency-design-grid .mini-text .mini-button{width:25.2px;height:7.2px;margin-top:9px}}
.showroom-model .model-top{color:inherit}
@media(max-width:760px){.agency-page .topbar{flex-direction:row;align-items:center;justify-content:space-between}}
.showroom-model{margin:0;background:#dde2e5;box-shadow:0 30px 80px #1b2b3e0c;color:#263342}.showroom-model .model-top{padding:27px 25.2px 0;gap:13.5px}.showroom-model .model-scene-title strong{font-size:27px;font-weight:600}.showroom-model .model-scene-title>span{font-size:13px}.showroom-model .model-viewport{height:clamp(288px,49svh,558px);max-height:none;margin:0}.showroom-model .model-settings{margin:0 25.2px;gap:13.5px;flex-wrap:wrap;padding:15.3px 0}.showroom-model .model-settings>div>span{font-size:13px}.showroom-model .model-settings button{font-size:13px}.showroom-model .model-bottom{padding:0 25.2px 19.8px;font-size:13px;flex-wrap:wrap;gap:9px}.showroom-model .model-bottom button{font-size:13px}.showroom-model .model-hotspots button{color:#243453;font-size:13px}.showroom-model .model-hotspots button[aria-pressed=true]{background:#214bfa;color:#fff}.showroom-model .model-tabs button{font-size:13px;padding:7.2px 12.6px}.showroom-model[data-webgl=unavailable] .model-settings,.showroom-model[data-webgl=unavailable] .model-hotspots,.showroom-model[data-webgl=unavailable] .model-tabs,.showroom-model[data-webgl=unavailable] .model-bottom{display:none}.showroom-model .model-settings button:disabled{opacity:.5;cursor:default}
.agency-pricing{padding:99px 7%;background:#16191f;color:#f6f7fa;display:grid;grid-template-columns:1fr 1fr;gap:9%;border:0}.agency-pricing .agency-kicker{color:#9ca5b8}.agency-pricing h2{font-size:clamp(32.4px,3.06vw,47.7px);margin:0;line-height:1.22}.agency-pricing>div>p{color:#a4acb9;font-size:14.4px;margin-top:25.2px}.price-sheet{border-top:1px solid #596170}.price-line{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23.4px 0;border-bottom:1px solid #39404a}.price-line>span{font-size:13.5px}.price-line>span>small{display:block;font-size:13px;color:#9ea7b8;margin-top:8.1px}.price-line>strong{font-size:clamp(41.4px,4.05vw,63px);letter-spacing:-.065em;font-weight:600;color:white;line-height:1.1}.price-line>strong>small{font-size:14.4px;margin-left:5.4px}.price-sheet ul{padding:27px 0 0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14.4px;font-size:13px;color:#c6cdd8}.price-sheet li:before{content:"↗";color:#8dacf9;margin-right:8.1px}.price-sheet>p{font-size:13px!important;color:#959fb0!important;margin-top:22.5px!important;line-height:1.85!important}
.agency-designs{padding:108px 4%;background:#f5f5f3}.agency-section-head{display:flex;justify-content:space-between;align-items:end;gap:40.5px;margin-bottom:40.5px;padding:0 3%}.agency-section-head h2{margin:0;font-weight:700}.agency-section-head>p{max-width:333px;font-size:13.5px;color:#747a83;line-height:1.9;margin-bottom:0}.agency-section-head .agency-kicker{color:#7e848d}.industry-tabs{display:flex;gap:27px;margin:45px 3% 31.5px;flex-wrap:nowrap;overflow:auto;scrollbar-width:thin;border-bottom:1px solid #cfd3da}.industry-tabs button{white-space:nowrap;font-size:13px;background:none;border:0;padding:15.3px 0;color:#818791;cursor:pointer;position:relative;min-height:46.8px}.industry-tabs button[aria-pressed=true]{color:#214bfa;border-bottom:2px solid #214bfa;font-weight:700}.agency-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:43.2px 23.4px}.agency-design-card{display:block;min-width:0;transition:transform .4s}.agency-design-card:hover{transform:translateY(-7px)}.agency-design-card[hidden]{display:none}.agency-design-card .mini-site{height:279px;padding:21.6px;border:0;border-radius:0;box-shadow:0 5px 16px #00000007}.agency-design-grid .mini-text strong{font-size:24.3px;font-weight:600}.agency-design-grid .mini-nav b{font-size:13px}.agency-design-meta{display:flex;align-items:start;padding:18px 0 0;gap:16.2px}.agency-design-meta>span:first-child{font-size:13px;color:#8a8f98;padding-top:1.8px}.agency-design-meta strong{font-size:13.5px;letter-spacing:.02em;font-weight:600}.agency-design-meta small{display:block;font-size:13px;color:#7b818a;margin-top:7.2px;font-weight:400}.agency-design-meta>span:last-child{margin-left:auto;border:1px solid #c6cbd2;border-radius:50%;width:28.8px;height:28.8px;display:grid;place-items:center;font-size:17.1px}.agency-design-card .mini-photo img{transition:transform .7s}.agency-design-card:hover .mini-photo img{transform:scale(1.06)}
.agency-workflow{padding:90px 7%;background:#e8ebef;border:0}.agency-workflow .agency-section-head{padding:0}.workflow-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center}.workflow-columns ol{list-style:none;margin:0;padding:0}.workflow-columns li{display:flex;gap:27px;padding:25.2px 0;border-top:1px solid #c8cdd5}.workflow-columns li>span{color:#214bfa;font-size:14.4px;font-weight:600}.workflow-columns h3{font-size:18.9px;letter-spacing:-.025em;font-weight:600;margin:0 0 9px}.workflow-columns p{color:#747c89;font-size:13.5px;line-height:1.8;margin:0}.dashboard-preview{padding:30.6px;background:#f9fafb;border:1px solid #d4d9e0;box-shadow:0 30px 60px #25344b10;border-radius:10.8px;transform:none}.dashboard-preview>div:first-child{display:flex;justify-content:space-between;padding-bottom:19.8px;border-bottom:1px solid #dfe3e9}.dashboard-preview>div:first-child>span{font-size:13px;color:#728097}.dashboard-preview-row{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #e3e7ec;padding:19.8px 0;font-size:13px}.dashboard-preview-row>span{color:#818b9b}.dashboard-preview-row>strong{font-weight:500}.dashboard-preview>p{font-size:13px;line-height:1.9;margin-top:19.8px;color:#7c8899}.agency-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;padding:90px 7%}.agency-faq h2{font-size:36px}.agency-faq summary{padding:21.6px 0;cursor:pointer;font-size:14.4px;color:#303640}.agency-faq details{border-bottom:1px solid #d1d6dc}.agency-faq details p{font-size:13px;color:#6f7986;line-height:1.85;padding:0 0 22.5px;margin:0}.agency-final{background:#214bfa;color:white;margin:0;padding:85.5px 7%;display:flex;align-items:end;justify-content:space-between;gap:36px;border:0}.agency-final h2{font-size:clamp(46.8px,6.3vw,99px);font-weight:700;line-height:1.05;margin:0}.agency-final .agency-kicker{font-size:13px;color:#cbd7ff}.agency-final p{color:#cbd7ff;font-size:14.4px}.agency-final .button{background:#fff;color:#214bfa;min-height:58.5px;padding:19.8px 27px}.agency-footer{display:flex;gap:45px;padding:58.5px 7%;align-items:start;background:#15181d;color:#c3c9d3}.agency-footer>strong{font-size:48.6px;font-weight:800;letter-spacing:-.085em;color:white}.agency-footer>div{font-size:13px;line-height:1.8}.agency-footer>div p{margin:0 0 4.5px}.agency-footer>a{margin-left:auto;font-size:13px;white-space:nowrap}
.motion-word{display:inline;color:#b5bbc4;transition:color .12s}.motion-word.is-read{color:var(--ink)}
@media(min-width:1800px){.agency{max-width:1980px;margin:auto!important}}
@media(max-width:1100px){.offer-strip{flex-wrap:wrap;gap:18px}.offer-strip>span{margin-left:0}.offer-strip>a{margin-left:auto}.showroom-pin{gap:3%;grid-template-columns:.8fr 1.6fr}.showroom-model .model-top{padding:22.5px 18px 0;flex-wrap:wrap}.showroom-model .model-scene-title strong{font-size:23.4px}.showroom-model .model-tabs button{padding:6.3px 10.8px}.showroom-model .model-settings{margin:0 18px;gap:10.8px}.showroom-editorial h2{font-size:31.5px}.scene-chapters{gap:18px}.agency-design-card .mini-site{height:216px;padding:16.2px}.agency-section-head{padding:0}.agency-design-grid .mini-text strong{font-size:20.7px}.agency-pricing{gap:5%;padding:76.5px 5%}.price-line>strong{font-size:44.1px}.price-sheet ul{font-size:13px;gap:13.5px 7.2px}.cinema-hero-copy h1{font-size:7.83vw}.agency-page .topbar:has(nav form){flex-wrap:wrap}}
@media(max-width:760px){.agency-page .topbar{min-height:64.8px;padding:10.8px 5%;display:flex;flex-direction:row;align-items:center;gap:13.5px}.agency-page .brand{font-size:30.6px}.agency-page .studio{display:none}.agency-page .topbar nav{display:flex;gap:16.2px;justify-content:flex-end;margin:0;width:auto;flex-wrap:wrap;font-size:13px}.agency-page .topbar nav>a:last-of-type{padding:7.2px 13.5px}.agency-page .topbar:has(nav form){flex-wrap:wrap}.agency-page .topbar:has(nav form) nav{justify-content:flex-start}.agency-kicker{font-size:13px;letter-spacing:.04em;margin-bottom:22.5px}.cinema-hero{height:130svh;min-height:738px}.cinema-hero-pin{height:calc(100svh - 64.8px);min-height:504px}.cinema-hero-picture{clip-path:inset(10px 12px)}.cinema-hero-picture img{object-position:61% 50%}.cinema-hero-picture:after{background:linear-gradient(180deg,#08131a30,transparent 30%,#07121bcc),linear-gradient(90deg,#08131a55,transparent)}.cinema-hero-copy{inset:12% 7% 16%;justify-content:end}.cinema-hero-copy .agency-kicker{font-size:13px;margin-bottom:22.5px}.cinema-hero-copy h1{font-size:clamp(37.8px,8.82vw,65.7px);letter-spacing:-.065em;line-height:1.12;font-weight:800}.cinema-hero-bottom{margin-top:22.5px;gap:18px;align-items:center}.cinema-hero-bottom p{font-size:13px}.round-link{width:62.1px;height:62.1px;font-size:18px;flex-shrink:0}.round-link span{font-size:13px}.cinema-photo-note{bottom:27px;right:7%;font-size:13px}.cinema-scroll{bottom:27.9px;left:7%;font-size:13px;gap:9px}.cinema-scroll i{width:24.3px}.offer-strip{padding:21.6px 6%;gap:12.6px}.offer-strip p{gap:7.2px;font-size:13px;width:100%}.offer-strip strong{font-size:23.4px}.offer-strip small{font-size:13px}.offer-divider{margin:0 2.7px;height:13.5px}.offer-strip>span{font-size:13px}.offer-strip>a{font-size:13px;padding:7.2px 11.7px;gap:13.5px}.selected-work{padding:76.5px 5% 58.5px}.selected-intro{display:block;padding:0 2% 40.5px}.selected-intro h2{font-size:39.6px;line-height:1.16}.selected-intro>p{font-size:13px;margin:25.2px 0 18px}.text-arrow{font-size:13px}.project-panel{top:10.8px;height:75svh;min-height:441px;margin-bottom:16.2px}.project-meta{top:24.3px;left:7%;right:7%;font-size:13px;letter-spacing:.03em}.project-caption{left:7%;right:7%;bottom:8%;gap:13.5px}.project-caption h3{font-size:37.8px;margin-bottom:16.2px}.project-caption p{font-size:13px;max-width:202.5px}.project-link{width:48.6px;height:48.6px;font-size:23.4px}.project-disclaimer{font-size:13px;text-align:left;margin-top:18px}.agency-showroom{height:230svh;min-height:1332px;padding:0 5%}.showroom-pin{height:100svh;min-height:612px;display:flex;flex-direction:column;justify-content:center;gap:16.2px;padding:22.5px 0 36px;align-items:stretch}.showroom-editorial{position:relative}.showroom-editorial>.agency-kicker{font-size:13px;margin-bottom:10.8px}.showroom-editorial h2{font-size:27px;line-height:1.15;margin:0}.showroom-editorial>p,.showroom-editorial>.text-arrow,.showroom-editorial .scene-guidance{display:none}.scene-chapters{display:flex;gap:12.6px;margin:16.2px 0 0;justify-content:space-between}.scene-chapters li{gap:5.4px}.scene-chapters li[aria-current=step]{transform:none}.scene-chapters li>span{font-size:13px;margin-top:2.7px}.scene-chapters strong{font-size:13px;line-height:1.5;display:block}.scene-chapters p{display:none}.showroom-model{margin:0;width:100%;flex-shrink:0}.showroom-model .model-top{padding:16.2px 13.5px 0;flex-wrap:nowrap;gap:6.3px}.showroom-model .model-scene-title{gap:4.5px}.showroom-model .model-scene-title strong{font-size:18px}.showroom-model .model-scene-title>span{font-size:13px}.showroom-model .model-tabs{padding:1.8px}.showroom-model .model-tabs button{font-size:13px;min-height:27.9px;padding:4.5px 8.1px}.showroom-model .model-viewport{height:clamp(198px,31svh,297px);margin:0;max-height:none}.showroom-model .model-settings{margin:0 13.5px;padding:9px 0;gap:4.5px 11.7px;justify-content:start}.showroom-model .model-settings>div{gap:0}.showroom-model .model-settings>div>span{font-size:13px;margin-right:3.6px}.showroom-model .model-settings button{font-size:13px;padding:4.5px 6.3px;min-height:27px}.showroom-model .model-settings>[data-model-motion]{padding:3.6px 9px}.showroom-model .model-bottom{padding:0 13.5px 11.7px;font-size:13px;gap:3.6px 10.8px;justify-content:space-between}.showroom-model .model-bottom button{font-size:13px;min-height:27px}.model-gesture{font-size:13px;flex-basis:100%}.showroom-model .model-hotspots button{font-size:13px;min-height:25.2px;padding:3.6px 8.1px 3.6px 3.6px;gap:3.6px}.model-hotspots button>span{width:17.1px;height:17.1px;font-size:13px}.agency-showroom>.showroom-note{font-size:13px;text-align:left;bottom:12.6px;line-height:1.6}.agency-pricing{padding:58.5px 7%;grid-template-columns:1fr;gap:31.5px}.agency-pricing h2{font-size:29.7px}.agency-pricing>div>p{font-size:13px;line-height:1.85}.price-line{padding:22.5px 0}.price-line>span{font-size:13px}.price-line>span>small{font-size:13px}.price-line>strong{font-size:44.1px}.price-line>strong>small{font-size:13px}.price-sheet ul{font-size:13px;gap:14.4px 7.2px}.price-sheet>p{font-size:13px!important}.agency-designs{padding:63px 5%}.agency-section-head{display:block;padding:0 2%;margin-bottom:25.2px}.agency h2{font-size:31.5px}.selected-intro h2{font-size:39.6px}.agency-section-head>p{font-size:13px;margin-top:21.6px}.industry-tabs{margin:25.2px 2% 27px;gap:20.7px}.industry-tabs button{font-size:13px;min-height:43.2px;padding:13.5px 0}.agency-design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25.2px 11.7px}.agency-design-card .mini-site{height:180px;padding:11.7px}.agency-design-grid .mini-text strong{font-size:17.1px}.agency-design-meta{gap:7.2px;padding-top:13.5px}.agency-design-meta>span:first-child{font-size:13px}.agency-design-meta strong{font-size:13px}.agency-design-meta small{font-size:13px;line-height:1.5;margin-top:6.3px}.agency-design-meta>span:last-child{width:20.7px;height:20.7px;font-size:13.5px;flex-shrink:0}.agency-workflow{padding:58.5px 7%}.agency-workflow .agency-section-head{padding:0}.workflow-columns{grid-template-columns:1fr;gap:31.5px}.workflow-columns li{gap:20.7px;padding:21.6px 0}.workflow-columns h3{font-size:16.2px}.workflow-columns p{font-size:13px}.dashboard-preview{padding:22.5px}.dashboard-preview-row{font-size:13px}.agency-faq{display:block;padding:58.5px 7%}.agency-faq h2{font-size:27.9px;margin-bottom:27px}.agency-faq summary{font-size:13px;padding:21.6px 0}.agency-faq details p{font-size:13px}.agency-final{display:block;padding:54px 7%}.agency-final h2{font-size:49.5px}.agency-final .agency-kicker{font-size:13px}.agency-final p{font-size:13px}.agency-final .button{margin-top:18px;min-height:49.5px;padding:15.3px 22.5px;font-size:13px}.agency-footer{flex-wrap:wrap;padding:36px 7%;gap:22.5px}.agency-footer>strong{font-size:37.8px}.agency-footer>div{order:3;flex-basis:100%;font-size:13px}.agency-footer>a{font-size:13px;align-self:center}}
@media(max-width:370px){.cinema-hero-copy h1{font-size:35.1px}.offer-strip strong{font-size:20.7px}.offer-strip p{font-size:13px;gap:6.3px}.scene-chapters strong{font-size:13px}.showroom-model .model-tabs button{padding:4.5px 6.3px}.showroom-editorial h2{font-size:25.2px}.agency-design-card .mini-site{height:162px}.agency-design-grid .mini-text strong{font-size:15.3px}.price-line>strong{font-size:38.7px}}
@media(max-height:680px) and (min-width:761px){.agency-showroom{height:auto;min-height:0;padding:45px 4%}.showroom-pin{position:relative;min-height:0;height:auto;padding:18px 0}.agency-showroom>.showroom-note{position:relative;left:auto;right:auto;bottom:auto;margin-top:22.5px}.scene-chapters p{display:none}}
@media(prefers-reduced-motion:reduce){.agency *,body:not(.agency-page) .button{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cinema-hero{height:auto;min-height:0}.cinema-hero-pin{position:relative}.cinema-hero-picture img,.project-panel,.project-image img{transform:none!important}.project-panel{position:relative;top:0}.agency-showroom{height:auto;min-height:0;padding-top:31.5px;padding-bottom:31.5px}.showroom-pin{position:relative;height:auto;padding:27px 0;min-height:0}.agency-showroom>.showroom-note{position:relative;left:auto;right:auto;bottom:auto;margin-top:18px}.scene-chapters{display:none}.showroom-editorial .scene-guidance{display:none}.motion-word{color:inherit!important}}
.showroom-model .model-bottom button{background:none;border:0;border-bottom:1px solid #8592a44d}.scene-chapters li{opacity:.62}.scene-chapters li[aria-current=step]{opacity:1}.scene-chapters p{color:#535f70}.scene-chapters li>span{color:#214bfa}.agency-page .showroom-pin .scene-chapters strong{font-weight:600}
body:not([data-cinematic=on]) .cinema-hero{height:auto;min-height:0}body:not([data-cinematic=on]) .cinema-hero-pin{position:relative}body:not([data-cinematic=on]) .project-panel{position:relative;top:0}body:not([data-cinematic=on]) .agency-showroom{height:auto;min-height:0;padding-top:31.5px;padding-bottom:31.5px}body:not([data-cinematic=on]) .showroom-pin{position:relative;height:auto;min-height:0;padding:22.5px 0}body:not([data-cinematic=on]) .agency-showroom>.showroom-note{position:relative;left:auto;right:auto;bottom:auto;margin-top:22.5px}body:not([data-cinematic=on]) .scene-chapters{display:none}
.price-sheet li{word-break:keep-all;line-height:1.75}

/* Only compositor transforms follow scrolling. Expensive 3D work starts on request. */
.cinema-hero-picture{clip-path:none;inset:19.8px 2%}
.cinema-hero-picture img{transform:scale(1.04)}
.project-image img{transform:none}
.round-link,.project-link{backdrop-filter:none;background:#14202955}
.agency-showroom{height:auto;min-height:0;padding:67.5px 4% 31.5px}
.showroom-pin{position:relative;top:auto;height:auto;min-height:0;padding:0}
.agency-showroom>.showroom-note{position:relative;inset:auto;margin-top:27px}
.scene-chapters li{opacity:1}
@supports(animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    body[data-cinematic=on] .cinema-hero{view-timeline-name:--agency-hero;view-timeline-axis:block}
    body[data-cinematic=on] .cinema-hero-picture img{animation:agency-hero-travel linear both;animation-timeline:--agency-hero;animation-range:exit 0% exit 100%}
    body[data-cinematic=on] .cinema-hero-copy{animation:agency-title-travel linear both;animation-timeline:--agency-hero;animation-range:exit 0% exit 70%}
  }
}
@keyframes agency-hero-travel{from{transform:scale(1.08)}to{transform:scale(1)}}
@keyframes agency-title-travel{from{transform:translateY(0);opacity:1}to{transform:translateY(-35px);opacity:.7}}
@media(max-width:760px){
  .cinema-hero-picture{inset:9px 10.8px}
  .project-panel{position:relative;top:0}
  .agency-showroom{padding:49.5px 5% 27px}
  .showroom-pin{height:auto;min-height:0;padding:0;gap:22.5px}
}
/* The design desk uses real examples and a native tab panel. */
.design-desk{padding:85.5px 5%;background:#e9edf1;color:#182331}.desk-head{display:flex;justify-content:space-between;align-items:end;gap:31.5px;margin-bottom:40.5px}.desk-head h2{font-size:clamp(34.2px,4.5vw,63px);line-height:1.12;letter-spacing:-.065em;margin:19.8px 0 0}.desk-head>p{font-size:14.4px;line-height:1.9;color:#566272}.desk-tabs{display:flex;border-bottom:1px solid #bfc8d1;margin-bottom:22.5px}.desk-tabs button{border:0;background:transparent;padding:16.2px 27px;color:#526072;font-size:14.4px;border-bottom:3px solid transparent;min-height:49.5px}.desk-tabs button[aria-selected=true]{color:#172535;border-color:#172535;font-weight:750}.desk-panel{display:grid;grid-template-columns:1.5fr 1fr;gap:0;background:white}.desk-panel[hidden]{display:none}.desk-photo{position:relative;height:504px;overflow:hidden}.desk-photo>img{width:100%;height:100%;object-fit:cover}.desk-photo>span{position:absolute;bottom:18px;left:22.5px;color:white;background:#10151acf;padding:7.2px 11.7px;font-size:13px}.desk-info{padding:40.5px 10%;display:flex;flex-direction:column;justify-content:center;min-width:0}.desk-info>span{font-size:13px;color:#5c6775}.desk-info h3{font-size:34.2px;letter-spacing:-.05em;line-height:1.3;margin:18px 0}.desk-info>p{font-size:13.5px;line-height:1.8;color:#626e7d}.desk-photo-strip{display:flex;gap:7.2px;margin:25.2px 0}.desk-photo-strip img{width:30%;height:72px;object-fit:cover}.desk-info>a{background:#172331;color:white;padding:15.3px 18px;display:flex;justify-content:space-between;gap:10.8px;font-size:13.5px}.desk-info .desk-source{display:block;background:none;color:#626e7d;padding:18px 0 0;font-size:13px}.desk-note{font-size:13px;line-height:1.8;color:#667282;margin-top:18px}.premium-design-card .mini-site{border-top:3px solid #172331}.premium-design-card .mini-text strong{font-size:clamp(14.4px,1.44vw,24.3px);word-break:keep-all;overflow-wrap:anywhere}.project-caption h3{overflow-wrap:anywhere}.project-caption p{max-width:65ch}
@media(max-width:1000px){.desk-info{padding:27px 7%}.desk-info h3{font-size:27.9px}.desk-photo{height:450px}.desk-head>p{font-size:13px}.desk-tabs button{font-size:13px}}
@media(max-width:760px){.design-desk{padding:54px 5%}.desk-head{display:block;margin-bottom:27px}.desk-head h2{font-size:36px;margin:13.5px 0 22.5px}.desk-tabs button{padding:13.5px 10.8px;font-size:13px;flex:1}.desk-panel{grid-template-columns:1fr}.desk-photo{height:297px}.desk-info{padding:25.2px 7%}.desk-info h3{font-size:27px;margin:13.5px 0}.desk-photo-strip img{height:63px}.desk-note{font-size:13px}.desk-photo>span{font-size:13px;left:13.5px;bottom:13.5px}.project-caption h3{font-size:36px}}