/* v9: expressive surfaces with bounded motion and readable fallbacks. */
.hero-copy .line,.studio-intro .line{overflow:visible}
.hero-copy .line>span,.studio-intro .line>span{position:relative}
.experience-strip{padding-block:50px 70px}.experience-strip .brand-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #fff2;border-left:1px solid #fff2;margin-top:30px}
.brand-list .brand-tile{position:relative;isolation:isolate;min-height:230px;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:0;border-bottom:1px solid #fff2;border-right:1px solid #fff2;overflow:hidden;color:var(--paper);background:#0d0d0d;transition:color .3s}
.brand-tile strong{font-size:clamp(23px,2.2vw,36px);font-weight:500;letter-spacing:-.04em;z-index:1}.brand-tile-index{position:absolute;top:23px;font:10px monospace;color:#a4a4a4}.brand-tile-type{margin-top:15px;font:9px monospace;letter-spacing:.05em;color:#a8a8a8;z-index:1}.brand-tile-plus{position:absolute;right:28px;bottom:26px;font:25px Arial;transition:transform .5s,color .3s}.brand-reveal{position:absolute;inset:0;z-index:-1;opacity:.04;transform:scale(1.08);transition:opacity .55s,transform .8s cubic-bezier(.2,.7,.2,1)}.brand-reveal>img,.brand-reveal>video{height:100%;width:100%;object-fit:cover;filter:saturate(.65)}.brand-reveal:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#050505cf,transparent 90%),repeating-linear-gradient(0deg,#0002 0 1px,transparent 1px 4px)}.brand-shutters{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;position:absolute;inset:-1px}.brand-shutters i{background:#0d0d0d;transform-origin:top;transition:transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i)*35ms)}
.brand-tile:is(:hover,:focus-visible) .brand-reveal{opacity:.65;transform:scale(1)}.brand-tile:is(:hover,:focus-visible) .brand-shutters i{transform:scaleY(0)}.brand-tile:is(:hover,:focus-visible) .brand-tile-plus{transform:rotate(90deg);color:var(--red)}.brand-tile:is(:hover,:focus-visible) strong{color:#fff}.brand-tile:focus-visible{outline:2px solid var(--red);outline-offset:-3px}
.discipline-tabs>button{isolation:isolate;overflow:hidden;position:relative;padding:28px 20px;min-height:142px}.discipline-tabs>button sup,.discipline-label{position:relative;z-index:2}.vibe-collage{position:absolute;inset:0;opacity:0;z-index:0;transition:opacity .4s;pointer-events:none}.vibe-collage video{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.3);transform:scale(1.05)}.vibe-collage i{position:absolute;inset:0;background:linear-gradient(0deg,#000b,#0003),repeating-linear-gradient(0deg,#0005 0 1px,transparent 1px 4px)}.discipline-tabs>button:is(:hover,:focus-visible) .vibe-collage{opacity:.6}.discipline-tabs>button:is(:hover,:focus-visible){color:#fff}.discipline-tabs>button[aria-selected=true] .discipline-label{color:var(--red)}
.service-hub{background:#0b0b0b}.scope-explorer{display:block;border:0}.scope-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border:0;border-bottom:1px solid #ffffff30;padding:0}.scope-tabs>button{display:flex;flex-direction:column;align-items:flex-start;gap:14px;position:relative;padding:24px 16px 28px;border:0;border-bottom:2px solid transparent;border-radius:0;min-height:164px}.scope-tabs>button strong{font-family:Barlow,Arial,sans-serif;font-size:clamp(22px,2vw,34px);font-weight:700;line-height:1.03;letter-spacing:-.02em;text-transform:uppercase;flex:1;max-width:150px}.scope-tabs>button small{font:10px monospace;color:#999}.scope-tabs>button>i{position:absolute;right:16px;top:24px}.scope-tabs>button[aria-selected=true]{background:linear-gradient(0deg,#ff493e15,transparent);color:var(--red);border-color:var(--red)}.scope-tabs>button[aria-selected=true] small{color:#e7e1d9}.scope-panels{padding:50px 0}.scope-content{grid-template-columns:.8fr 1.2fr;gap:7%;min-height:560px}.scope-content>.scope-image{display:flex;min-height:430px;border:0;border-radius:0;background:#111}.scope-content>.desi-demo{display:block}.scope-copy h3{font-size:clamp(32px,3.3vw,56px);max-width:500px}.scope-copy>p:not(.eyebrow){font-size:18px;max-width:400px}.scope-deliverables{margin-block:27px}.scope-deliverables li{font-size:15px;padding:14px 0}.scope-price b{font-size:clamp(30px,2.8vw,46px);letter-spacing:-.05em;color:var(--red);line-height:1.2}.scope-price>span{font-size:13px;line-height:1.5;max-width:410px}.scope-image>span{border-top:1px solid #fff2;padding:18px 24px}.scope-summary .text-link{display:block;width:max-content;margin-top:15px;font-size:13px}.scope-summary small{display:block;line-height:1.5}
.footer-bottom nav a{position:relative;padding:10px 0;display:inline-block;transition:color .25s,transform .3s}.footer-bottom nav a:after{content:'';position:absolute;bottom:2px;left:0;right:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.footer-bottom nav a:is(:hover,:focus-visible){color:#fff;transform:translateY(-3px)}.footer-bottom nav a:is(:hover,:focus-visible):after{transform:scaleX(1)}
.evidence-number{overflow:visible!important;padding:20px 0 28px;min-width:0}.evidence-number .kinetic-number{display:block;overflow:visible;height:auto;font-size:clamp(48px,5.5vw,104px);line-height:1.25;letter-spacing:-.05em;white-space:nowrap}.evidence-number.secondary .kinetic-number{font-size:clamp(36px,4vw,64px)}.metric-replay{margin-top:24px;color:#333;font-size:12px;padding:10px 0;border-bottom:1px solid #777}
.studio-shell{position:relative;isolation:isolate;background:#000;overflow:clip}.studio-shell .hero-glass{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;max-height:none;pointer-events:none;z-index:-1}.studio-shell .studio-intro{background:transparent;position:relative;z-index:1}.studio-shell .glass-canvas{mask-image:none}.studio-logo-space{width:min(100%,440px);height:330px}.studio-fit-section{background:#111;color:var(--paper);border-top:1px solid #fff2;padding-block:65px}.studio-fit-section .display{font-size:clamp(42px,4.5vw,74px)}.studio-fit-section .lead{font-size:clamp(24px,2.4vw,38px)}.studio-fit-section p:not(.lead):not(.eyebrow){color:#aaa}.studio-fit-section em{color:var(--red)}
.scroll-tab-stage{position:relative}.scroll-tab-track.is-scroll-tabs{padding-block:0}.is-scroll-tabs>.scroll-tab-stage{position:sticky;top:36px;padding-block:45px;min-height:0}.is-scroll-tabs.case-craft>.scroll-tab-stage{padding-top:45px}.is-scroll-tabs .section-heading{margin-bottom:30px}.is-scroll-tabs .display{font-size:clamp(48px,4.7vw,76px)}.is-scroll-tabs .section-top{margin-bottom:30px}.is-scroll-tabs .challenge-choices{margin-top:28px}.is-scroll-tabs .challenge-answer{min-height:0;padding-top:20px}.is-scroll-tabs .challenge-image{max-height:36svh}.is-scroll-tabs .challenge-image img{object-fit:cover}.is-scroll-tabs .craft-panel-image{max-height:43svh;aspect-ratio:16/9}.is-scroll-tabs .craft-panel-image img{object-fit:contain}.is-scroll-tabs .craft-choices button{padding-block:23px}.is-scroll-tabs .craft-panel-copy{padding-top:20px}.is-scroll-tabs .craft-panel-copy p{font-size:16px}.scroll-tab-hint{display:block;font:9px monospace;letter-spacing:.08em;color:#888;margin:20px 0 0}.paper .scroll-tab-hint{color:#666}
.conviction-control{position:relative}.demo-cursor{position:absolute;width:24px;height:30px;left:0;top:0;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 3px #0008)}.long-click-ring{position:absolute;border:1px solid #49e998;border-radius:50%;width:30px;height:30px;pointer-events:none;opacity:0;z-index:3}.conviction-control output{color:#49e998!important}.conviction-control input[type=range]{background:linear-gradient(to right,#49e998 var(--conviction,0%),#393b39 var(--conviction,0%));box-shadow:0 0 16px #49e99825;accent-color:#49e998}.conviction-control input[type=range]::-webkit-slider-thumb{background:#b2ffd5;box-shadow:0 0 12px #49e998}.conviction-control .long-button{color:#62f0a6;border-color:#49e99860;background:#49e9980a;transition:background .3s,color .3s,box-shadow .3s}.long-button.is-filled{background:#49e998;color:#08170f;box-shadow:0 0 30px #49e99830}.creative-ticker .ticker-line{stroke:#49e998;filter:drop-shadow(0 0 4px #49e99880)}.creative-ticker .ticker-state{color:#49e998}.creative-ticker circle{fill:#c4ffdf;filter:drop-shadow(0 0 5px #49e998)}
.faq{position:relative;border-bottom:1px solid #fff3;transition:background .35s,border-color .35s;padding-inline:22px;margin-inline:-22px}.faq:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);transform:scaleY(0);transform-origin:top;transition:transform .45s}.faq[open]{background:#ff493e0c;border-color:#ff493e66}.faq[open]:before{transform:scaleY(1)}.faq summary{transition:color .3s;line-height:1.4}.faq[open] summary{color:var(--red)}.faq summary i{transition:transform .4s,background .4s,color .4s;border-radius:50%;min-width:30px;height:30px;display:inline-grid;place-items:center;line-height:1}.faq[open] summary i{transform:rotate(45deg);background:var(--red);color:#111}.faq>div{overflow:hidden}.faq>div>p{padding-bottom:25px;margin:0;line-height:1.65;color:#c1bbb4}
@media(max-width:1100px){.scope-tabs{grid-template-columns:repeat(3,1fr)}.scope-tabs>button{min-height:130px}.scope-content{gap:5%;grid-template-columns:1fr 1fr}.scope-content>.scope-image{min-height:340px}.scope-copy h3{font-size:36px}.brand-list .brand-tile{min-height:200px}.is-scroll-tabs .challenge-answer h3{font-size:30px}}
@media(max-width:700px){.experience-strip .brand-list{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-list .brand-tile{min-height:180px;padding:23px 16px}.brand-tile strong{font-size:23px;max-width:150px}.brand-tile-type{font-size:8px;max-width:110px;line-height:1.6}.brand-tile-plus{right:15px;bottom:15px}.brand-tile-index{top:16px}.discipline-tabs>button{padding:18px 8px;min-height:100px}.scope-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.scope-tabs>button{padding:16px 10px;gap:10px;min-height:135px}.scope-tabs>button strong{font-size:22px;max-width:100px}.scope-tabs>button small{font-size:9px}.scope-tabs>button>i{right:10px;top:13px}.scope-content{grid-template-columns:1fr;min-height:0;gap:30px}.scope-content>.scope-image,.scope-content>.desi-demo{order:-1;min-height:0;max-height:none}.scope-image img{max-height:280px;object-fit:contain}.scope-panels{padding:25px 0}.scope-copy h3{font-size:35px}.scope-copy>p:not(.eyebrow){font-size:17px}.scope-deliverables li{font-size:14px}.scope-summary .text-link{width:auto}.evidence-number .kinetic-number{font-size:clamp(40px,13vw,70px);line-height:1.3}.studio-logo-space{height:230px;width:100%}.studio-shell .hero-glass{opacity:1}.studio-intro-aside .lead{font-size:28px}.studio-fit-section .display{font-size:46px}.scroll-tab-stage{padding-block:35px}.scroll-tab-hint{font-size:8px}.faq{padding-inline:14px;margin-inline:-14px}.footer-bottom nav{gap:8px 20px;flex-wrap:wrap}.footer-bottom nav a{font-size:14px}}
@media(prefers-reduced-motion:reduce){.spectral-active .spectral-word,.spectral-active .spectral-word::before,.spectral-active .spectral-word::after{animation:none}.brand-reveal,.brand-shutters i,.vibe-collage,.footer-bottom nav a,.faq,.faq:before,.faq summary i{transition:none}.demo-cursor,.long-click-ring{display:none}.brand-tile:is(:hover,:focus-visible) .brand-reveal{opacity:.5}}

.conviction-control input[type=range]{background:transparent;box-shadow:none}.conviction-control input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#49e998 var(--conviction,0%),#393b39 var(--conviction,0%));box-shadow:0 0 12px #49e99860}.conviction-control input::-moz-range-progress{background:#49e998;box-shadow:0 0 12px #49e99860}.conviction-control .long-button:hover{background:#49e998;color:#08170f}
@media(max-width:700px){.scope-content{display:grid}.scope-tabs>button strong{font-size:21px}.scope-content>.scope-image{display:flex}}
@media(prefers-reduced-motion:reduce){.spectral-grain{animation:none!important;opacity:0!important}}
/* v10: deliberate spacing, visible actions and a legible brief. */
.scope-tabs>button{isolation:isolate;overflow:hidden}
.scope-tabs>button>.vibe-collage{position:absolute;inset:0;padding:0;font-size:0;z-index:0;pointer-events:none}
.scope-tabs>button>:not(.vibe-collage){position:relative;z-index:1}
.scope-tabs>button>i[aria-hidden]{position:absolute;right:16px;top:24px}
.scope-tabs>button:is(:hover,:focus-visible) .vibe-collage{opacity:.58}
.scope-tabs>button:is(:hover,:focus-visible){color:#fff;background:#111}
.scope-tabs>button:is(:hover,:focus-visible) small{color:#fff}
.engagement-path{display:flex;flex-direction:column}.engagement-path .path-action{margin-top:auto}.engagement-path .creative-ticker,.engagement-path .conviction-control{margin-bottom:30px}
.studio-shell .studio-intro{grid-template-columns:1.12fr .88fr;gap:9%;align-items:center;padding-block:70px 85px;min-height:720px}
.studio-shell .studio-intro-aside{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.studio-shell .studio-logo-space{width:100%;height:290px;margin:0 0 42px;flex:none}
.studio-shell .studio-intro-aside .lead{font-size:clamp(25px,2.1vw,36px);line-height:1.24;max-width:520px;margin:0 0 22px}
.studio-shell .studio-intro-aside>p:not(.lead){font-size:17px;line-height:1.6;max-width:430px;margin:0 0 25px;color:#bfbab4}
.studio-shell .studio-intro .display{font-size:clamp(74px,7.4vw,126px)}
.engagement-path .path-action{gap:20px;padding:22px 18px;margin-top:22px;min-height:72px;border:1px solid #ffffff35;background:#ffffff05;border-radius:6px;font-size:15px;transition:background .25s,border-color .25s,color .25s}
.path-action .path-down{width:27px;height:27px;flex:none;color:var(--red);transition:transform .3s}
.engagement-path .path-action:is(:hover,:focus-visible){background:#ff493e15;border-color:var(--red);color:#fff}
.path-action:is(:hover,:focus-visible) .path-down{transform:translateY(4px)}
.guided-inquiry{max-width:1260px;margin-inline:auto;grid-template-columns:270px minmax(0,1fr);gap:65px}
.inquiry-guide h2{font-size:38px;line-height:1.1;margin-bottom:36px}
.inquiry-steps li{padding:22px 0;color:#56534e;gap:15px;align-items:flex-start}
.inquiry-steps li>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid #aaa59c;border-radius:50%;font:12px monospace;flex:none}
.inquiry-steps li[aria-current=step]>span{background:#111;color:#fff;border-color:#111}
.inquiry-steps b{font-size:18px;font-weight:600}.inquiry-steps p{font-size:14px;line-height:1.5;color:#57534c}
.inquiry-aside-note p{font-size:14px;color:#49453e}
.guided-form{padding:42px;background:#fffefa;border:1px solid #cec9be;border-radius:16px;box-shadow:0 10px 40px #30291b06;scroll-margin-top:28px}
.guided-form .brief-top{margin-bottom:30px;border-color:#bcb8ae}.guided-form .brief-top .eyebrow,.guided-form #brief-progress-label{font-size:12px;color:#39352e;line-height:1.5}
.guided-form .brief-step>legend{font-size:clamp(29px,2.6vw,38px);font-weight:500;line-height:1.15;max-width:650px}
.guided-form .step-intro{font-size:17px;line-height:1.55;color:#514b42;margin:15px 0 27px}
.guided-form .service-options{gap:10px}.guided-form .service-options label>span{background:#fff;border:1px solid #aaa69d!important;border-radius:8px!important;min-height:88px;padding:17px!important;gap:12px;cursor:pointer}
.guided-form .service-options label>span:before{content:'';display:block;width:18px;height:18px;flex:none;border:1.5px solid #686157;border-radius:4px}
.guided-form .service-options small{display:none}.guided-form .service-options b{font-size:17px;line-height:1.3;font-weight:500}.guided-form .service-options i{display:none}
.guided-form .service-options input:checked+span{background:#141414!important;border-color:#141414!important;color:#fff!important}
.guided-form .service-options input:checked+span:before{background:#ff493e;border-color:#ff493e;box-shadow:inset 0 0 0 4px #141414}
.guided-form .service-options label:hover>span{border-color:#111!important;background:#f2f0e9}
.guided-form #interest-context{font-size:14px;line-height:1.5;color:#514b42;margin:16px 0 30px;min-height:0}
.guided-form .rhythm-options legend{font-size:19px;font-weight:500;line-height:1.4;margin-bottom:14px}
.guided-form .rhythm-options label>span{position:relative;display:grid;grid-template-columns:20px 1fr;gap:4px 14px;padding:16px 18px;border:1px solid #aaa69d;background:#fff;min-height:80px}
.guided-form .rhythm-options label>span:before{content:'';width:18px;height:18px;border:1.5px solid #777066;border-radius:50%;grid-column:1;grid-row:1/3;align-self:center}
.guided-form .rhythm-options b{grid-column:2;font-size:17px;font-weight:500}.guided-form .rhythm-options small{grid-column:2;font-size:14px;line-height:1.4;color:#595147}
.guided-form .rhythm-options input:checked+span{background:#f2eee6;border:1.5px solid #171717}
.guided-form .rhythm-options input:checked+span:before{width:18px;height:18px;background:#111;border-color:#111;box-shadow:inset 0 0 0 4px #f2eee6}
.guided-form .brief-step>label,.guided-form .field-pair label{font-size:18px;font-weight:500;color:#151515}
.guided-form .field-line{display:block;margin-top:12px}.guided-form .field-line:after{display:none}
.guided-form input:not([type=checkbox]):not([type=radio]),.guided-form textarea{background:white;border:1px solid #a7a197;border-radius:7px;padding:16px;font-size:18px;outline-offset:3px;transition:border-color .2s,box-shadow .2s}
.guided-form input:focus,.guided-form textarea:focus{border-color:#bd281e!important;box-shadow:0 0 0 3px #ff493e1a!important}
.guided-form input::placeholder,.guided-form textarea::placeholder{color:#686157;font-size:16px}
.guided-form .required-label,.guided-form .optional{font-size:12px;color:#625a4e}.guided-form .field-help{font-size:13px;color:#554d42}
.guided-form .brief-review{background:#f1eee6;border:1px solid #c3bdb0;padding:24px}.guided-form .brief-review>span{color:#4d4538;font-size:11px}.guided-form .brief-review p{font-size:18px;line-height:1.5}
.guided-form .draft-notice{font-size:14px;color:#595147;line-height:1.6}.guided-form .brief-navigation{border-color:#c9c3b8;margin-top:30px;padding-top:24px}.guided-form .brief-navigation .button{min-width:190px;font-size:15px}.guided-form .brief-navigation>.text-button{font-size:16px;text-decoration:underline;text-underline-offset:5px}
@media(max-width:1000px){.studio-shell .studio-intro{gap:6%;min-height:660px}.studio-shell .studio-intro .display{font-size:clamp(62px,7.8vw,95px)}.studio-shell .studio-logo-space{height:240px;margin-bottom:30px}.guided-inquiry{gap:35px;grid-template-columns:200px 1fr}.guided-form{padding:30px}.inquiry-guide h2{font-size:32px}}
@media(max-width:760px){.studio-shell .studio-intro{grid-template-columns:1fr;gap:35px;padding-block:55px 65px}.studio-shell .studio-intro .display{font-size:clamp(59px,12vw,90px)}.studio-shell .studio-intro-aside{display:grid;grid-template-columns:1fr;gap:0}.studio-shell .studio-logo-space{height:230px;margin:0 0 28px}.studio-shell .studio-intro-aside .lead{font-size:28px}.guided-inquiry{display:block}.inquiry-guide{position:static}.inquiry-guide>h2,.inquiry-aside-note{display:none}.inquiry-steps{display:flex;gap:14px;margin:20px 0 30px}.inquiry-steps li{border:0;display:block;flex:1;padding:0}.inquiry-steps li>span{margin-bottom:10px}.inquiry-steps b{font-size:14px}.inquiry-steps p{display:none}.guided-form{padding:25px 20px;border-radius:10px}.guided-form .service-options{grid-template-columns:1fr 1fr;gap:8px}.guided-form .service-options label>span{min-height:85px;padding:12px!important;gap:9px}.guided-form .service-options b{font-size:15px}.guided-form .service-options label>span:before{width:15px;height:15px}.guided-form .brief-step>legend{font-size:30px}.guided-form .step-intro{font-size:16px}.guided-form .rhythm-options b{font-size:16px}.guided-form .rhythm-options small{font-size:13px}.guided-form .field-pair{display:block}.guided-form .field-pair label{display:block;margin-bottom:24px}.guided-form .brief-top .eyebrow,.guided-form #brief-progress-label{font-size:10px}.guided-form .brief-navigation{gap:14px}.guided-form .brief-navigation .button{min-width:155px}.path-action .path-down{width:25px;height:25px}}
@media(max-width:360px){.guided-form{padding:22px 15px}.guided-form .service-options{grid-template-columns:1fr}.guided-form .service-options label>span{min-height:66px}.guided-form .brief-navigation .button{min-width:140px}}
@media(prefers-reduced-motion:reduce){.path-down{transition:none!important}}
.studio-shell .studio-logo-space{width:min(100%,360px);height:300px}
@media(max-width:1000px){.studio-shell .studio-logo-space{width:min(100%,300px);height:240px}}
@media(max-width:760px){.studio-shell .studio-logo-space{width:100%;height:230px}}

.engagement-path .path-action{margin-top:auto}

/* The texture is a full-bleed surface, independent of the selected-tab icon. */
.scope-tabs>button .vibe-collage>i{inset:0;transform:none;transition:none;width:100%;height:100%;background:linear-gradient(0deg,#000c,#0003),repeating-linear-gradient(0deg,#0005 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#0002 0 1px,transparent 1px 4px)}
