/* Form & Reason / cinematic edition. Warm mineral palette, product-first evidence. */
:root{--paper:#171917;--paper-2:#20231F;--paper-3:#292D27;--ink:#F3F1E9;--graphite:#C1C4BB;--mute:#A5A99F;--hairline:#393E35;--ledger:#D4C6A6;--ledger-2:#E7DCC4;--ledger-soft:#35392D;--ledger-bright:#DDD1B5;--night:#111410;--night-2:#1B2018;--night-3:#272C23;--night-ink:#F3F1E9;--night-graphite:#C1C4BB;--night-hairline:#393E35;--r-card:4px;--r-tile:4px}
body{background:var(--paper);color:var(--ink)}::selection{background:#D4C6A6;color:#171917}h1,h2,h3{font-weight:400}a:focus-visible,button:focus-visible{outline-color:#E5D5AF}
.agency-nav{top:0;width:100%;max-width:none;border:0;border-bottom:1px solid #FFFFFF16;border-radius:0;background:#151914EE;box-shadow:none;padding:19px var(--gutter);backdrop-filter:blur(18px)}
.agency-nav .mark,.agency-nav .mark .brand-name{color:#F3F1E9}.agency-nav .mark .brand-symbol{color:#D4C6A6;border-color:#6D715F}.agency-nav .nav-links a{color:#E5E6DE;font-size:13px}.agency-nav .nav-links a:hover,.agency-nav .nav-links a.is-active{color:#D4C6A6}.agency-nav .nav-cta{color:#F3F1E9;background:transparent;border:1px solid #646958;border-radius:0}.agency-nav .nav-cta:hover{background:#303629}.menu-toggle{color:#F3F1E9}.skip-link{color:#171917}
.btn-primary{background:#D9D0BA;color:#161A14;border-radius:0}.btn-primary:hover{background:#EEE6D4;color:#161A14}.text-link{color:#E5D5AF}.signal{background:#D4C6A6}.motion-toggle{background:#252B22;color:#F3F1E9;border-color:#646958}.t-label{letter-spacing:.13em}
.cinema-hero{position:relative;min-height:850px;min-height:100svh;isolation:isolate;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#171917;padding:170px 0 190px}
.cinema-scenes,.cinema-shade{position:absolute;inset:0;z-index:-2}.cinema-scenes img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.cinema-scenes img[hidden]{display:none}.cinema-shade{z-index:-1;background:linear-gradient(90deg,rgba(12,16,13,.87),rgba(12,16,13,.60) 43%,rgba(12,16,13,.08) 80%),linear-gradient(0deg,#111610EF,transparent 35%,#11161025 80%)}
.cinema-content{width:100%;position:relative}.cinema-content>.t-label{font-size:11px;color:#E1D9C7;margin-bottom:32px}.cinema-content h1{font:400 clamp(60px,6.5vw,105px)/1.04 var(--display);letter-spacing:-.055em;text-wrap:initial;margin:0 0 30px;max-width:14ch}.cinema-content h1 em{font-style:normal;color:#D8CDB4}.cinema-lede{font-size:18px;line-height:1.65;max-width:45ch;color:#E0E1D9}.cinema-content .btns{gap:28px;margin-top:36px;align-items:center}.cinema-content .btn{font-size:13px;padding:15px 22px;min-height:52px;gap:28px}.cinema-text-link{font-size:13px;min-height:44px;display:inline-flex;gap:24px;align-items:center;color:#F3F1E9}
.cinema-bottom{position:absolute;bottom:26px;left:0;right:0;width:100%}.cinema-caption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.06em;color:#D4D6CC;margin-bottom:25px}.journey-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.journey-tabs button{display:flex;align-items:center;gap:12px;border-top:1px solid #FFFFFF3A;padding:17px 0;min-height:50px;font-size:14px;color:#C1C4BB;text-align:left;transition:border-color .2s,color .2s}.journey-tabs button>span:first-child{font-size:10px;color:#C1C4BB}.journey-tabs button>span:last-child{margin-left:auto;font-size:18px}.journey-tabs button[aria-pressed=true]{border-top-color:#E6D6B4;color:#F3E7CC}.journey-tabs button:hover{color:white;border-top-color:#E6D6B4}
.brand-line{padding-block:44px;border-bottom:1px solid var(--hairline)}.brand-line>.t-label{color:#AEB3A6;font-size:9px}.brand-line .logo-img,.brand-line .logo-mazi img,.brand-line .logo-leap img{filter:grayscale(1) brightness(0) invert(.90)}.brand-line a{opacity:.85}.brand-line a:hover{opacity:1}
.practice-statement{display:grid;grid-template-columns:1fr 2fr;gap:10%;padding-block:95px 20px}.practice-statement>.t-label{font-size:10px;margin-top:12px;color:#D4C6A6}.practice-statement h2{font:400 clamp(42px,4.6vw,72px)/1.07 var(--display);letter-spacing:-.045em;margin-bottom:28px}.practice-statement p:not(.t-label){font-size:20px;line-height:1.65;max-width:50ch;color:#C1C4BB}.practice-statement .text-link{font-size:13px;margin-top:25px}
.sec{padding-block:100px}.editorial-head{margin-bottom:48px}.editorial-head h2{font-weight:400}.editorial-head .t-label{color:#D4C6A6}.editorial-head p{color:#C1C4BB}.whero{padding-top:165px}.work-intro h1{font-weight:400}.work-intro h1 span{color:#D4C6A6}.type-filter{border-color:#484E40;color:#D3D7CB;border-radius:0}.type-filter.is-on{background:#D4C6A6;color:#171917;border-color:#D4C6A6}.type-filter:hover{border-color:#D4C6A6}.industry-select select{background:#20271D;color:#F3F1E9;border-color:#555D4D;border-radius:0}.results-line{color:#ADB3A4}
.wcard.work-preview{background:#20251E;border-color:#3C4335;border-radius:3px}.wcard.work-preview:hover{border-color:#9B987B;box-shadow:none}.preview-art{background:#2B3126;background:linear-gradient(155deg,#30382B,#1A2018)}.preview-art:before{border-color:#FFFFFF0A}.preview-caption{color:#C5CCBB}.preview-logo .logo-img,.preview-logo .logo-mazi img,.preview-logo .logo-leap img{filter:grayscale(1) brightness(0) invert(.95)}.work-preview .preview-logo{color:#F3F1E9}.preview-logo .logo-word b[style]{color:#D4C6A6!important}.preview-logo .logo-word small{color:#C1C4BB}.preview-proof strong{color:#E6D8B8}.preview-proof-kind{color:#B0B8A5}.preview-proof>span:last-child{color:#D0D5C7}.work-preview .chip{background:#30392B;border:1px solid #56644B;color:#DCE7D3}.work-preview .chip.live i{background:#C0DB9D}.preview-role>.t-label{color:#D4C6A6}.work-preview .card-foot{color:#E6D8B8}.work-preview .wcard-body{padding:30px}.company-context .text-link{color:#D4C6A6}
.case-spotlight,.standards-section,.architecture-section,.practice-scope,.engineering-section,.ownership-note{background:#22291F;color:#F3F1E9}.case-spotlight{padding-block:90px}.spotlight-screen{background:#151B12;border-color:#48523F;border-radius:4px;box-shadow:0 20px 55px #0002}.spotlight-screen>p{color:#C1C4BB}.screen-bar{background:#303B29;color:#E5E9DE}.spotlight-copy>p,.spotlight-copy li p{color:#C1C4BB}.spotlight-copy li{border-color:#48523F}.spotlight-copy li>span{color:#D4C6A6}.spotlight-heading h2{font-weight:400}.ownership-note .note-symbol{color:#D4C6A6}.ownership-note p{color:#C1C4BB}
.band-dark{background:#11170F;color:#F3F1E9}.capability-tiles{display:grid;grid-template-columns:1fr;gap:0}.capability-tile{background:transparent;border:0;border-top:1px solid #3E4936;border-radius:0;display:grid;grid-template-columns:38% minmax(0,1fr);gap:7%;padding:40px 0}.capability-tile:last-child{border-bottom:1px solid #3E4936}.capability-art{height:245px;border-radius:3px;overflow:hidden}.capability-art .stage{height:245px}.capability-tile-copy{padding:15px 0}.capability-tile h3{font-size:38px;line-height:1.1;font-weight:400}.capability-tile-copy>p{font-size:17px;line-height:1.7;max-width:52ch;color:#C1C4BB}.capability-tile-copy>span{color:#D4C6A6;font-size:11px}.capability-number{background:#192116;color:#D4C6A6}
.ai-flow{background:#1B2218;border-color:#49543F}.flow-top,.ai-flow li,.flow-base{border-color:#49543F}.flow-node{background:#333E29;color:#E4D4AE}.flow-base{background:#283220;color:#DADCC8}.ai-flow .flow-top h2,.flow-status{color:#D6DACD}.ai-flow li p,.flow-base>p{color:#C5CCBB}.ai-flow li strong{color:#F3F1E9}.ai-mini-proof>a{border-color:#3C4634}.ai-home h2{font-weight:400}.ai-evidence-card,.service-index-card,.engineering-pair article{background:#20271B;border-color:#424E38;border-radius:3px}.ai-evidence-copy p,.service-index-card p,.engineering-pair p{color:#C1C4BB}.evidence-meta span:last-child{background:#343C2C;color:#E5DEC9;border-color:#59644D}.engineering-pair h3{color:#F3F1E9}.service-index-art{background:#263020}
.expertise-preview{border-color:#3C4634}.discipline-preview{border-color:#3C4634}.expertise-ribbon{border-color:#3C4634}.discipline-grid article,.technology-section dl>div,.expertise-foundations article,.delivery-grid li{border-color:#3C4634}.practice-number,.expertise-foundations .practice-number{color:#D4C6A6}.discipline-grid h3,.expertise-foundations h2,.delivery-grid h3{font-weight:400}.delivery-grid small{color:#D0C4A4}.agency-industries a:hover{background:#252E20}.faq-list details{border-color:#3C4634}.faq-list summary{color:#F3F1E9}.faq-list p{color:#C1C4BB}.contact-section{padding-block:90px}.contact-grid h2{font-weight:400}.brief-form input,.brief-form textarea{background:transparent;color:#F3F1E9;border-color:#66705C;border-radius:0}.brief-form input::placeholder,.brief-form textarea::placeholder{color:#B9C1B0}.brief-form .btn-primary{background:#D4C6A6;color:#171917}.agency-footer{border-top:1px solid #3C4634}.footer-bottom{border-color:#3C4634}.footer-bottom,.footer-top>p{color:#BAC2B1}.logo-word b[style]{color:#D4C6A6!important}.cs-brand .logo-img,.cs-brand .logo-mazi img{filter:grayscale(1) brightness(0) invert(.95)}
/* The concept console remains a light product UI within the dark case page. */
.leap-demo{color:#242032}.leap-demo .t-label{color:#656173}.leap-demo .btn{color:#fff;background:#34294B}.leap-customer-context{background:#262D21}.leap-customer-context ul,.leap-customer-context li{border-color:#48543E}.leap-scope-note strong{color:#D4C6A6}.leap-business-context{padding-top:45px}
@media(max-width:1100px){.cinema-content h1{font-size:clamp(54px,7.5vw,80px)}.cinema-hero{min-height:850px}.cinema-lede{max-width:39ch}.cinema-shade{background:linear-gradient(90deg,#10160FEF,#10160F8A 65%,#10160F22),linear-gradient(0deg,#111610F0,transparent 40%)}.capability-tile h3{font-size:31px}.capability-tile-copy>p{font-size:16px}.practice-statement{gap:6%}.agency-nav{padding-block:15px}}
@media(max-width:760px){.agency-nav{top:0;width:100%;border-radius:0;padding:15px 22px}.agency-nav .nav-links{background:#1B2416;border-color:#4B5941}.agency-nav .nav-links a{color:#F3F1E9}.agency-nav .nav-cta{display:none}.cinema-hero{min-height:870px;min-height:max(870px,100svh);padding:160px 0 245px;justify-content:flex-start}.cinema-scenes img{object-position:67% center}.cinema-shade{background:linear-gradient(180deg,#11160FD9,#11160F9A 42%,#11160FA6 70%,#11160FF5)}.cinema-content>.t-label{font-size:9px;line-height:1.7;margin-bottom:25px;max-width:27ch}.cinema-content h1{font-size:clamp(44px,11.2vw,66px);line-height:1.08;letter-spacing:-.05em;max-width:14ch;margin-bottom:25px}.cinema-lede{font-size:16px;line-height:1.7;max-width:33ch}.cinema-content .btns{gap:12px;margin-top:27px;flex-wrap:wrap}.cinema-content .btn{font-size:12px;padding:14px 18px;gap:20px}.cinema-text-link{font-size:12px;gap:15px}.cinema-bottom{bottom:19px}.cinema-caption{display:block;font-size:9px;line-height:1.7;margin-bottom:18px}.cinema-caption span{display:block}.cinema-caption span:last-child{color:#C1C8B8;margin-top:5px}.journey-tabs{grid-template-columns:1fr 1fr;gap:2px 22px}.journey-tabs button{font-size:12px;gap:9px;min-height:48px;padding:12px 0}.journey-tabs button>span:first-child{font-size:9px}.journey-tabs button>span:last-child{font-size:15px}.brand-line{padding-block:30px}.practice-statement{grid-template-columns:1fr;gap:22px;padding-block:55px 0}.practice-statement h2{font-size:39px}.practice-statement p:not(.t-label){font-size:17px}.practice-statement .text-link{font-size:12px}.sec{padding-block:60px}.editorial-head{margin-bottom:30px}.work-preview .wcard-body{padding:25px}.preview-caption{background:#20281CEB;color:#E5E9DE}.whero{padding-top:130px}.case-spotlight{padding-block:55px}.capability-tile{grid-template-columns:1fr;gap:23px;padding-block:28px}.capability-art,.capability-art .stage{height:210px}.capability-tile-copy{padding:0}.capability-tile h3{font-size:29px}.capability-tile-copy>p{font-size:16px}.capability-tile-copy>span{font-size:10px}.contact-section{padding-block:55px}.company-context{margin-top:15px}.agency-work .feat{gap:27px}}
.agency-nav .mark .brand-symbol{background:#D4C6A6;color:#171917;border-color:#D4C6A6}
.brand-line .logo-mazi img,.brand-line .logo-leap img,.preview-logo .logo-mazi img,.preview-logo .logo-leap img,.cs-brand .logo-mazi img{filter:none}
@media(max-width:760px){.agency-nav{left:0;transform:none}.cinema-bottom{bottom:70px}}
.architecture-step,.architecture-principle>.t-label,.practice-usecases small{color:#C5CDBA}
.win-bar .url{color:#535B4C}

/* Public invitation to the authenticated portfolio. */
.private-work-invite{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center;padding-block:90px;border-block:1px solid #414a3b;margin-block:40px}.private-work-invite h2{font-size:clamp(36px,4.3vw,62px);line-height:1.08;letter-spacing:-.045em;font-weight:500;margin:22px 0}.private-work-invite p:not(.t-label){color:#c4cdbb;font-size:17px;line-height:1.7;max-width:480px}.private-work-invite .btn{margin-top:28px}.private-work-cover{min-height:340px;padding:30px 35px;border:1px solid #75816a;background:linear-gradient(130deg,#2a3422,#182014);color:#e3dbc4;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative}.private-cover-mark{position:absolute;right:24px;top:20px;font-size:12px;letter-spacing:2px}.private-work-cover strong{font-size:30px;font-weight:400;margin-top:26px;letter-spacing:-1px}.private-work-cover>span:not(.private-cover-mark){font-size:11px;margin-top:12px;color:#c4cdbb}.private-work-cover small{border-top:1px solid #59654d;width:100%;margin-top:38px;padding-top:13px;font-size:10px;letter-spacing:1px;text-transform:uppercase}.public-art{overflow:hidden;background:#182014}.public-art img{width:100%;height:100%;object-fit:cover;display:block}.portfolio-lock{margin:0}.portfolio-lock button{font:12px var(--body);color:#f3f1e9;border:1px solid #6f7b64;background:transparent;padding:11px 14px;cursor:pointer;white-space:nowrap}.portfolio-lock button:hover{background:#303629}.portfolio-lock button:focus-visible{outline:2px solid #e3dbc4;outline-offset:4px}@media(max-width:760px){.private-work-invite{grid-template-columns:1fr;gap:32px;padding-block:45px;margin-block:25px}.private-work-invite h2{font-size:39px}.private-work-cover{min-height:270px;padding:26px}.private-work-invite p:not(.t-label){font-size:16px}.portfolio-lock button{font-size:10px;padding:10px}.portfolio-lock{margin-left:auto;margin-right:12px}}

/* Orbital film / preserve the agency's charcoal, ivory and brass palette. */
.orbital-ambient{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .6s ease}
.orbital-ambient.is-ready{opacity:1}
.cinema-bottom--film{display:flex;align-items:end;justify-content:space-between;gap:30px;bottom:38px;border-top:1px solid #ffffff35;padding-top:24px}
.cinema-bottom--film .cinema-caption{display:flex;flex-direction:column;gap:10px;margin:0;font-size:11px;letter-spacing:.03em}
.cinema-bottom--film .cinema-caption>span:first-child{color:#f3f1e9;font-size:14px;letter-spacing:0}
.cinema-caption i{font-style:normal;margin-inline:9px;color:#a7ac9f}
.cinema-film-actions{display:flex;align-items:center;gap:24px}
.cinema-film-link{display:flex;align-items:center;gap:18px;font-size:14px;color:#f3f1e9;min-height:56px}
.cinema-film-link small{display:block;margin-top:7px;color:#c5cabc;font-size:10px;letter-spacing:.06em}
.film-link-play{display:grid;place-items:center;width:48px;height:48px;border:1px solid #e4dac0;border-radius:50%;font-size:12px;padding-left:2px;transition:background .2s,color .2s}
.cinema-film-link:hover .film-link-play{background:#e4dac0;color:#171917}
.hero-motion{width:44px;height:44px;border:1px solid #78816f;border-radius:50%;color:#ede6d5;display:grid;place-items:center;font-size:14px;cursor:pointer}
.hero-motion[hidden]{display:none}.hero-motion:hover{background:#ffffff16}
.work-with-film .whero{padding-bottom:36px}
.work-with-film .work-intro h1{font-size:clamp(48px,5.2vw,78px)}
.studio-film{padding-bottom:70px;scroll-margin-top:110px}
.film-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-block:28px;border-top:1px solid var(--hairline)}
.film-heading .t-label{font-size:10px;color:var(--ledger);margin-bottom:14px}
.film-heading h2{font-size:clamp(27px,3vw,42px);line-height:1.16;letter-spacing:-.035em;font-weight:400;margin:0}
.film-duration{font:11px var(--body);color:#c1c4bb;white-space:nowrap;letter-spacing:.04em}
.film-duration>span{margin-inline:9px;color:#7d8477}
.film-player{position:relative;background:#080c0c;border:1px solid #515747;box-shadow:0 24px 70px #0003;isolation:isolate}
.film-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.film-start{display:none;position:absolute;inset:0 0 52px;align-items:center;justify-content:center;flex-direction:column;gap:17px;color:white;font:12px var(--body);letter-spacing:.04em;cursor:pointer;background:linear-gradient(0deg,#03080818,#03080805);text-shadow:0 1px 8px #000}
.js .film-start{display:flex}.film-start[hidden]{display:none}
.film-play-icon{display:grid;place-items:center;width:82px;height:82px;padding-left:5px;border:1px solid #e4dac0;border-radius:50%;background:#1118139c;backdrop-filter:blur(8px);font-size:19px;color:#f0e6cf;transition:background .2s,transform .2s}
.film-start:hover .film-play-icon{background:#e4dac0;color:#171917;transform:scale(1.05)}
.film-start:focus-visible{outline:2px solid #e4dac0;outline-offset:-7px}
.film-chapters{display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:20px}
.js .film-chapters{display:grid}
.film-chapters button{display:flex;align-items:center;gap:12px;min-height:50px;border-top:1px solid #4d5546;text-align:left;color:#c4cabb;font:13px var(--body);cursor:pointer;transition:border-color .2s,color .2s}
.film-chapters .chapter-number{color:#acb4a2;font-size:10px}
.film-chapters time{margin-left:auto;color:#acb4a2;font-size:10px;font-variant-numeric:tabular-nums}
.film-chapters button:hover,.film-chapters button[aria-current=true]{color:#f3e7cc;border-color:#d4c6a6}
.film-notes{display:flex;justify-content:space-between;gap:30px;align-items:start;margin-top:23px}
.film-notes p{font-size:12px;line-height:1.7;color:#b3bbaa;margin:0}
.film-notes a{font-size:12px;min-height:44px;display:inline-flex;gap:20px;align-items:center}
.film-transcript{border-top:1px solid #393e35;margin-top:20px;padding-top:6px;max-width:750px}
.film-transcript summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:12px;color:#c4cabb}
.film-transcript p{font-size:14px;line-height:1.8;color:#b7bfad;margin-top:14px;max-width:70ch}
.film-error{font-size:14px;color:#f3e7cc;margin-top:20px}.film-error[hidden]{display:none}.film-error a{text-decoration:underline}
@media(max-width:1100px){.cinema-bottom--film{bottom:38px}.film-chapters{gap:14px}.film-chapters button{gap:8px;font-size:12px}}
@media(max-width:760px){
 .cinema-hero{min-height:max(800px,100svh);padding-bottom:215px}
 .cinema-bottom--film{bottom:28px;align-items:start;flex-direction:column;gap:22px;padding-top:20px}
 .cinema-bottom--film .cinema-caption{font-size:10px;gap:0}.cinema-bottom--film .cinema-caption>span:first-child{font-size:12px}
 .cinema-film-actions{width:100%;justify-content:space-between;flex-direction:row-reverse;gap:15px}
 .cinema-film-link{gap:13px;font-size:13px;min-height:48px}.cinema-film-link small{margin-top:5px}
 .cinema-scenes img,.orbital-ambient{object-position:62% center}
 .work-with-film .whero{padding-bottom:26px}.work-with-film .work-intro h1{font-size:48px}
 .film-heading{align-items:start;flex-direction:column;gap:15px;padding-block:22px}.film-heading h2{font-size:29px}.film-heading .t-label{font-size:9px}
 .studio-film{padding-bottom:42px;scroll-margin-top:90px}
 .film-player{margin-inline:calc(-1 * var(--gutter));border-inline:0}
 .film-play-icon{width:56px;height:56px;font-size:14px}.film-start{gap:10px;font-size:10px;bottom:40px}
 .film-chapters{grid-template-columns:1fr 1fr;gap:0 20px;margin-top:15px}.film-chapters button{font-size:12px;min-height:52px}
 .film-notes{flex-direction:column;gap:5px;margin-top:18px}.film-notes p{font-size:11px}.film-transcript{margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.orbital-ambient,.film-play-icon{transition:none}}

/* Let the approved full-frame application and film titles occupy the hero. */
.cinema-content{transition:opacity .4s ease}
.cinema-hero.is-film-detail .cinema-content{opacity:0;pointer-events:none}
.cinema-hero.is-film-detail .cinema-scenes{inset:88px 0 114px;background:#080c0c}
.cinema-hero.is-film-detail .orbital-ambient{object-fit:contain}
.cinema-hero.is-film-detail .cinema-shade{opacity:0}
.cinema-shade{transition:opacity .4s ease}
@media(max-width:760px){.cinema-hero.is-film-detail .cinema-scenes{inset:75px 0 185px}}
@media(prefers-reduced-motion:reduce){.cinema-content,.cinema-shade{transition:none}}

/* Scene-synced copy and a clean matte: never show the poster beside the film. */
.orbital-ambient.is-ready{background:#080c0c}
.cinema-hero.is-film-detail .cinema-scenes>img{visibility:hidden}
.cinema-hero.is-film-detail .cinema-scenes{inset:88px 0 164px}
.cinema-bottom--film{bottom:26px;align-items:center;padding-top:18px}
.cinema-bottom--film .cinema-caption{gap:9px;max-width:65%;min-height:95px;justify-content:center}
.cinema-bottom--film .cinema-caption .scene-eyebrow{font-size:9px;letter-spacing:.13em;color:#c9bea3}
.cinema-bottom--film .cinema-caption .scene-title{font-size:clamp(18px,1.9vw,28px);line-height:1.18;letter-spacing:-.025em;color:#f3f1e9;white-space:pre-line}
.cinema-bottom--film .cinema-caption .scene-support{font-size:10px;line-height:1.5;color:#bfc6b5;letter-spacing:0}
.hero-motion{width:82px;border-radius:2px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px}
.hero-motion>[data-ambient-symbol]{font-size:12px}
@media(max-width:760px){
 .cinema-hero{min-height:max(860px,100svh);padding-bottom:270px}
 .cinema-bottom--film{bottom:25px;gap:20px;align-items:start}
 .cinema-bottom--film .cinema-caption{max-width:100%;min-height:100px;gap:8px}
 .cinema-bottom--film .cinema-caption .scene-title{font-size:23px;max-width:27ch}
 .cinema-bottom--film .cinema-caption .scene-support{font-size:10px;max-width:40ch}
 .cinema-hero.is-film-detail .cinema-scenes{inset:75px 0 236px}
 .hero-motion{width:76px;min-width:76px}
}

/* Visual edition: original interface studies and software artifacts. */
.practice-art{position:relative;isolation:isolate;overflow:hidden;background:#23312f;border-radius:3px;aspect-ratio:760/480;width:100%;color:#ede9df}
.practice-art-scene{width:100%;height:100%;transition:transform .28s ease}
.practice-art svg{display:block;width:100%;height:100%}
.art-study-label{position:absolute;bottom:10px;left:13px;padding:5px 8px;background:#17201ceF;color:#f2eee3;border:1px solid #667565;border-radius:2px;font-size:8px;line-height:1.4;letter-spacing:.06em;text-transform:uppercase}
.capability-art,.capability-art .practice-art{height:auto;aspect-ratio:760/480}
.capability-number{top:12px;left:12px;right:auto;font-size:10px;padding:5px 8px;border:1px solid #71806d;background:#17201c;color:#ede4cd}
.capability-tile{padding:28px;gap:5%;margin-bottom:18px;border:1px solid #3e4936;background:#192019;border-radius:4px;align-items:center}
.capability-tile:last-child{border:1px solid #3e4936}
.capability-tile h3{font-size:clamp(25px,2.8vw,38px)}
.capability-tile-copy{padding:6px 0}
.service-index-card .service-index-art{padding:0}
.service-index-art .practice-art{border-radius:0}
.service-index-card .card-view{bottom:17px;right:17px;background:#ede4cd;color:#202b22;width:37px;height:37px;font-size:17px}
.service-hero--visual{display:grid;grid-template-columns:1fr 1.1fr;gap:6%;align-items:center;padding-top:150px;padding-bottom:65px}
.service-intro .crumb{font-size:11px;margin-bottom:28px;line-height:1.6}
.service-intro>.t-label{margin-bottom:22px}
.service-intro h1{font-size:clamp(38px,4.3vw,65px);line-height:1.07;max-width:16ch;font-weight:400}
.service-intro>.t-lede{font-size:17px;line-height:1.7;margin-top:26px;max-width:44ch;color:#c1c4bb}
.service-hero--visual .service-hero-art{margin:0;border-radius:3px;overflow:visible;background:transparent;box-shadow:0 25px 60px #0003}
.service-hero--visual .practice-art{border:1px solid #5a6755}
.service-scope{padding-top:65px}
.service-scope .deliverable-chain{font-family:var(--body);font-size:12px;line-height:2;border:1px solid #52604b;padding:20px;margin-top:26px;background:#222b20;color:#d8d4bc}
.service-deliverables article>span{width:37px;min-width:37px;flex-shrink:0;height:37px;display:grid;place-items:center;border:1px solid #5c6b54;border-radius:50%;font-size:11px;color:#e0d2ad;background:#283323}
.service-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.service-proof-grid .service-case-links>a{grid-template-columns:1fr auto 20px;gap:15px;font-size:13px}
.portfolio-composition{border:1px solid #52624d;background:#1c281f;border-radius:4px;overflow:hidden;box-shadow:0 18px 50px #0002;min-width:0}
.portfolio-composition-art{aspect-ratio:760/440;overflow:hidden;background:#23312f}
.portfolio-composition-art>svg{display:block;width:100%;height:auto}
.portfolio-cover-footer{padding:22px 20px;display:flex;align-items:center;gap:13px;border-top:1px solid #53604b;color:#e2d5b7}
.cover-lock{display:grid;place-items:center;width:36px;height:40px;flex-shrink:0;border:1px solid #758269;border-radius:3px}
.portfolio-cover-footer strong{font-weight:400;font-size:15px;line-height:1.4;display:block}
.portfolio-cover-footer div>span{display:block;font-size:9px;line-height:1.6;margin-top:5px;color:#bac8b4}
.cover-access{font-size:8px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;margin-left:auto}
.cover-disclosure{display:block;padding:0 20px 17px;font-size:8px;color:#bcc5b6;letter-spacing:.03em}
.private-work-invite{grid-template-columns:1fr 1.08fr;gap:7%}
.process-artifact{margin:0;border:1px solid #87917b;border-radius:3px;overflow:hidden;background:#ede9df;min-width:0}
.process-artifact svg{display:block;width:100%;height:auto}
.process-artifact figcaption{display:flex;justify-content:space-between;gap:15px;padding:15px 19px;background:#222c22;font-size:11px;line-height:1.6;color:#e4dac1}
.process-artifact figcaption span{font-size:9px;color:#c4cdbb}
.process-artifact--compact{border-color:#6d7d64}
.expertise-preview .process-artifact{margin-top:32px;max-width:520px}
#approach>.process-artifact{max-width:650px;margin:40px auto 0}
.approach-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding-bottom:65px}
.approach-hero .t-label{margin-bottom:23px}
.approach-hero h1{font-size:clamp(40px,4.5vw,68px);font-weight:400}
.approach-hero .t-lede{font-size:18px;line-height:1.7;margin-top:25px;max-width:48ch;color:#c1c4bb}
.approach-steps article{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:48px 0}
.approach-steps article:nth-child(even)>.step-copy{order:2}
.approach-steps article:nth-child(even)>.process-artifact{order:1}
.approach-steps .step-big{display:block;font-size:17px;line-height:1;border:1px solid #6c785c;width:42px;height:42px;border-radius:50%;padding:12px 0;text-align:center;margin-bottom:22px;color:#d4c6a6}
.approach-steps .step-copy h2{font-size:clamp(29px,3.1vw,43px);font-weight:400;line-height:1.13;margin:0 0 19px}
.approach-steps .step-copy>p{font-size:16px;line-height:1.75;color:#c1c4bb}
.expertise-visual{padding-block:40px 5px}
.system-map{margin:0;border:1px solid #67755c;background:#202b23;padding:30px 40px;border-radius:4px;position:relative}
.diagram-heading{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#e1d6ba;letter-spacing:.05em;margin-bottom:35px}
.diagram-heading>span:last-child{font-size:9px;color:#c2ccba}
.map-surfaces,.map-foundation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.map-surfaces>span{border:1px solid #748269;padding:18px;text-align:center;font-size:15px;background:#2c382b;color:#ece8d9}
.map-join{height:35px;width:66%;margin:auto;border-inline:1px solid #879a78;position:relative}
.map-join:before{content:'';position:absolute;top:0;left:50%;height:100%;width:1px;background:#879a78}
.map-core{border:1px solid #cec1a1;display:flex;align-items:center;justify-content:center;gap:23px;padding:25px;background:#e0d7c1;color:#222c22}
.map-symbol{border:1px solid #77816a;font-size:25px;line-height:1;padding:14px 10px;font-weight:500;letter-spacing:-2px}
.map-core strong{font:500 23px/1.3 var(--display);letter-spacing:-.03em}
.map-core p{font-size:12px;line-height:1.6;margin:8px 0 0;color:#45513e}
.map-foundation>div{border:1px solid #738167;background:#29372b;padding:18px 22px}
.map-foundation span{display:block;color:#cabb99;font-size:9px;margin-bottom:10px}
.map-foundation strong{display:block;color:#ebe8da;font-size:18px;font-weight:400}
.map-foundation small{display:block;color:#c2cdb8;font-size:10px;margin-top:9px}
.system-map figcaption{text-align:center;color:#c6cfbd;font-size:11px;line-height:1.6;margin-top:28px}
.discipline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}
.discipline-grid article{padding:0 0 27px;border:1px solid #46533e;border-radius:4px;overflow:hidden;background:#1e291d}
.discipline-grid .process-artifact{border:0;border-bottom:1px solid #46533e;border-radius:0;margin:0 0 27px}
.discipline-grid article>.practice-number,.discipline-grid h3,.discipline-grid article>p,.discipline-grid small{margin-left:27px;margin-right:27px}
.discipline-grid .process-artifact svg{max-height:245px}
.discipline-grid article>.ai-artifact{height:245px;display:grid;place-items:center;margin-bottom:27px;border:0;border-bottom:1px solid #46533e;border-radius:0}
.discipline-grid article>.ai-artifact svg{max-height:245px}
.discipline-grid h3{font-size:29px;margin-top:20px}
.ai-artifact{background:#263930;overflow:hidden;border:1px solid #52684f;border-radius:3px}
.ai-artifact svg{display:block;width:100%;height:auto}
.ai-flow>.ai-artifact{border:0;border-bottom:1px solid #52684f;border-radius:0}
.ai-flow ol{padding-top:12px}
.ai-flow li{padding-block:15px}
.ai-flow li h3{font-size:18px}
.ai-flow li p{font-size:12px}
.ai-flow .flow-top{padding:17px 22px}
.ai-flow .flow-base{padding-block:15px}
.practice-usecases{gap:30px}
.practice-usecases article{padding:0 0 28px;border:1px solid #5c6b50;border-radius:4px;overflow:hidden;background:#1d291e}
.practice-usecases .ai-artifact{border:0;border-bottom:1px solid #5c6b50;border-radius:0;margin-bottom:25px}
.practice-usecases article>.practice-number,.practice-usecases article>h3,.practice-usecases article>p,.practice-usecases article>small{margin-left:26px;margin-right:26px}
.practice-usecases article>p{color:#c5cdbb}
.practice-usecases article>small{color:#c5cdbb}
.practice-hero .t-label,.practice-anchor,.ai-engineering .text-link,.discipline-grid small{color:#d4c6a6}
.capability-tile,.service-index-card,.wcard.work-preview,.next{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.capability-tile:focus-visible,.service-index-card:focus-visible,.wcard.work-preview:focus-visible{outline:2px solid #e1d0a5;outline-offset:5px;border-color:#c6b787}
@media(hover:hover) and (pointer:fine){
 .capability-tile:hover,.service-index-card:hover,.wcard.work-preview:hover{transform:translateY(-4px);box-shadow:0 20px 44px #0004;border-color:#9d9f83}
 .capability-tile:hover .practice-art-scene,.service-index-card:hover .practice-art-scene{transform:scale(1.018)}
 .wcard:hover .stage,.wcard:hover .stage .win,.wcard:hover .stage .st-phone{transform:none;box-shadow:none}
}
@media(max-width:1100px){
 .service-hero--visual,.approach-hero{gap:4%;padding-top:140px}
 .service-intro h1{font-size:43px}.service-intro>.t-lede{font-size:16px}
 .capability-tile{grid-template-columns:43% minmax(0,1fr);gap:4%;padding:20px}
 .capability-tile h3{font-size:29px}.capability-tile-copy>p{font-size:15px}
 .cover-access{display:none}.portfolio-cover-footer strong{font-size:14px}
 .system-map{padding:25px}.map-surfaces,.map-foundation{gap:16px}
}
@media(max-width:760px){
 .capability-tile{grid-template-columns:1fr;padding:0;gap:0;margin-bottom:26px}
 .capability-art{border-radius:0}.capability-tile-copy{padding:25px}
 .capability-tile h3{font-size:27px}.capability-tile-copy>p{font-size:16px}
 .capability-tile-copy>span{font-size:10px}
 .service-index-card>div:last-child{padding:25px}.service-index-card h2{font-size:29px}
 .service-hero--visual,.approach-hero{grid-template-columns:1fr;padding-top:120px;gap:30px;padding-bottom:35px}
 .service-intro h1{font-size:43px}.service-intro>.t-lede{font-size:17px;margin-top:22px}
 .service-intro .crumb{margin-bottom:24px}.service-intro>.t-label{margin-bottom:20px}
 .service-hero--visual .service-hero-art{margin:0}
 .service-proof-grid{grid-template-columns:1fr;gap:30px}
 .art-study-label{font-size:7px;bottom:8px;left:9px;padding:4px 6px}
 .private-work-invite{grid-template-columns:1fr;gap:30px}
 .portfolio-cover-footer{padding:19px 17px}.portfolio-cover-footer strong{font-size:14px}
 .cover-disclosure{padding-inline:17px;font-size:7px}
 .approach-hero h1{font-size:43px}.approach-hero .t-lede{font-size:17px}
 .approach-steps article{grid-template-columns:1fr;gap:28px;padding:34px 0}
 .approach-steps article:nth-child(even)>.step-copy,.approach-steps article:nth-child(even)>.process-artifact{order:initial}
 .process-artifact figcaption{flex-direction:column;gap:4px;font-size:11px;padding:14px}
 .approach-steps .step-copy h2{font-size:32px}
 .expertise-visual{padding-top:28px}.system-map{padding:18px 14px}
 .diagram-heading{display:block;font-size:10px;margin-bottom:22px}.diagram-heading>span{display:block}.diagram-heading>span:last-child{margin-top:7px;font-size:8px}
 .map-surfaces,.map-foundation{gap:7px}.map-surfaces>span{padding:13px 6px;font-size:10px;line-height:1.5}
 .map-join{height:25px}.map-core{padding:17px 12px;gap:12px}.map-symbol{font-size:20px;padding:12px 7px}
 .map-core strong{font-size:19px}.map-core p{font-size:9px}
 .map-foundation>div{padding:13px 8px}.map-foundation strong{font-size:12px;line-height:1.4}.map-foundation small{font-size:8px;line-height:1.5}
 .system-map figcaption{font-size:9px;margin-top:22px}
 .discipline-grid,.practice-usecases{grid-template-columns:1fr;gap:26px}
 .discipline-grid h3{font-size:27px}.discipline-grid article>.practice-number,.discipline-grid h3,.discipline-grid article>p,.discipline-grid small{margin-inline:23px}
 .ai-flow li h3{font-size:18px}.ai-flow li p{font-size:12px}
 .practice-usecases article>h3{font-size:27px}
 .expertise-preview .process-artifact{margin-top:25px}
}
@media(prefers-reduced-motion:reduce){
 .capability-tile,.service-index-card,.wcard.work-preview,.practice-art-scene,.next{transition:none}
 .capability-tile:hover,.service-index-card:hover,.wcard.work-preview:hover,.next:hover,.capability-tile:hover .practice-art-scene,.service-index-card:hover .practice-art-scene{transform:none}
}

/* Keep one uninterrupted, edge-to-edge canvas throughout the cinematic journey. */
.cinema-hero.is-film-detail .cinema-scenes{inset:0;background:#080c0c}
.cinema-hero.is-film-detail .orbital-ambient{object-fit:cover;object-position:center}
.cinema-hero.is-film-detail .cinema-scenes>img{visibility:hidden}
.cinema-bottom--film{z-index:1;bottom:0;padding-top:16px;padding-bottom:20px;border-top:0}
.cinema-bottom--film:before{content:'';position:absolute;z-index:-1;inset:-100px -100vw 0;background:linear-gradient(0deg,#090d0cec 0%,#090d0caa 40%,transparent 100%);pointer-events:none}
.cinema-bottom--film .cinema-caption{min-height:0;gap:5px}
.cinema-bottom--film .cinema-caption .scene-title{font-size:clamp(18px,1.55vw,24px);line-height:1.15}
.cinema-bottom--film .cinema-caption .scene-support{font-size:10px}
.cinema-hero.is-film-detail .cinema-shade{opacity:0}
.cinema-film-actions{gap:16px}.cinema-film-link{min-height:48px}.film-link-play{width:43px;height:43px}
.delivery-grid>li{padding:22px;border:1px solid #4a5741;background:linear-gradient(150deg,#273126,#1d251d);border-radius:3px}
.delivery-mark{display:grid;place-items:center;width:64px;height:54px;margin-bottom:22px;border:1px solid #64755a;background:#202c21;color:#dfd1ad}
.delivery-mark svg{width:46px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.delivery-grid>li>span{color:#d7c9a7}.delivery-grid h3{margin-top:27px}
.agency-industries a{transition:background .22s ease,color .22s ease,padding .22s ease}
@media(hover:hover) and (pointer:fine){.agency-industries a:hover{padding-left:12px;padding-right:12px;color:#f5e4be}}
@media(min-width:761px){
 /* Keep the product's controls visible: a small caption plate replaces the full-width wash. */
 .cinema-hero[data-film-chapter="3"] .cinema-bottom--film{left:max(28px,5vw);right:auto;bottom:20px;width:min(490px,calc(100% - 56px));padding:13px 15px;background:#111b1eed;border:1px solid #687471;border-radius:3px;gap:12px}
 .cinema-hero[data-film-chapter="3"] .cinema-bottom--film:before{display:none}
 .cinema-hero[data-film-chapter="3"] .cinema-caption{max-width:none;flex:1}
 .cinema-hero[data-film-chapter="3"] .cinema-caption .scene-title{font-size:16px}
 .cinema-hero[data-film-chapter="3"] .cinema-caption .scene-support{font-size:9px}
 .cinema-hero[data-film-chapter="3"] .cinema-film-actions{gap:8px}
 .cinema-hero[data-film-chapter="3"] .hero-motion{width:38px;min-width:38px;height:38px}
 .cinema-hero[data-film-chapter="3"] .hero-motion [data-ambient-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .cinema-hero[data-film-chapter="3"] .cinema-film-link{min-height:38px;gap:0}
 .cinema-hero[data-film-chapter="3"] .cinema-film-link>span:nth-child(2){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .cinema-hero[data-film-chapter="3"] .cinema-film-link>span:last-child{display:none}
 .cinema-hero[data-film-chapter="3"] .film-link-play{width:38px;height:38px}
}
@media(max-width:760px){
 .cinema-hero.is-film-detail .cinema-scenes{inset:0}
 .cinema-hero.is-film-detail .orbital-ambient{object-fit:cover;object-position:60% center}
 /* Give the actual application a readable portrait crop, centered on its form. */
 .cinema-hero[data-film-chapter="3"] .cinema-scenes{inset:75px 0 auto;height:min(137vw,calc(100% - 325px));background:#e9eef0}
 .cinema-hero[data-film-chapter="3"] .orbital-ambient{object-position:78% center}
 .cinema-bottom--film{bottom:max(0px,calc(100% - 100svh));gap:13px;padding-top:15px;padding-bottom:20px}
 .cinema-bottom--film .cinema-caption{min-height:0;gap:5px}
 .cinema-bottom--film .cinema-caption .scene-title{font-size:20px}
 .cinema-bottom--film .cinema-film-actions{flex-direction:row;justify-content:space-between}
 .cinema-film-link{font-size:12px;gap:10px}.cinema-film-link small{font-size:9px}
 .delivery-grid>li{padding:22px}.delivery-grid h3{margin-top:20px}.delivery-grid p{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.agency-industries a{transition:none}.agency-industries a:hover{padding-left:0;padding-right:0}}

.additional-capabilities{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding-top:35px;padding-bottom:45px;border-top:1px solid #46513e}
.additional-capabilities p:not(.t-label){color:#c6cdbf;font-size:16px;line-height:1.7;max-width:65ch}
.additional-capabilities a{color:#e4d5b4;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.additional-capabilities{grid-template-columns:1fr;gap:16px;padding-top:28px;padding-bottom:32px}}

/* Motion pass: short, legible demonstrations, with static fallbacks. */
.preview-phone video{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.preview-phone{box-shadow:0 18px 40px #080c09a0,0 1px 0 #ffffff24}
.work-preview .preview-art{background:radial-gradient(ellipse at 50% 40%,#3b4636 0,#202a21 48%,#171e18 100%)}
.work-preview .preview-art:before{border-color:#d4c6a622}
.capability-tile-copy h3 span,.service-index-card .card-view,.work-preview .card-foot span:last-child{display:inline-block;transition:transform .32s cubic-bezier(.2,.7,.2,1),background-color .32s,color .32s}
.capability-tile,.service-index-card,.wcard.work-preview{transition:transform .38s cubic-bezier(.2,.7,.2,1),box-shadow .38s,border-color .38s,background-color .38s}
@media(hover:hover) and (pointer:fine){
 .capability-tile:hover,.service-index-card:hover,.wcard.work-preview:hover{transform:translateY(-6px);box-shadow:0 24px 50px #05080570;border-color:#a99f80}
 .capability-tile:hover .capability-tile-copy h3 span,.service-index-card:hover .card-view,.work-preview:hover .card-foot span:last-child{transform:translate(3px,-3px)}
 .service-index-card:hover .card-view{background:#fff4db;color:#171d18}
 .wcard.work-preview:hover .preview-phone{box-shadow:0 25px 46px #080c09b0,0 1px 0 #ffffff30}
 .preview-art--mobile:not(.preview-art--pair) .preview-phone{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
 .work-preview:hover .preview-art--mobile:not(.preview-art--pair) .preview-phone{transform:translateY(-5px)}
}
@keyframes system-reveal{from{opacity:.35;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes line-reveal{from{opacity:.2;transform:scaleX(.65)}to{opacity:1;transform:scaleX(1)}}
@keyframes artifact-arrive{from{opacity:.72;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.motion-seen .motion-node{transform-box:fill-box;transform-origin:center;animation:system-reveal .7s cubic-bezier(.16,1,.3,1) both}
.motion-seen .motion-node--1{animation-delay:.12s}.motion-seen .motion-node--2{animation-delay:.24s}
.motion-seen .motion-line{transform-box:fill-box;transform-origin:left center;animation:line-reveal .9s cubic-bezier(.16,1,.3,1) both}
.system-map.motion-seen .map-surfaces,.system-map.motion-seen .map-core,.system-map.motion-seen .map-foundation,.process-artifact.motion-seen svg,.ai-artifact.motion-seen svg{animation:artifact-arrive .65s cubic-bezier(.16,1,.3,1) both}
.system-map.motion-seen .map-core{animation-delay:.1s}.system-map.motion-seen .map-foundation{animation-delay:.2s}
@media(prefers-reduced-motion:reduce){
 .motion-seen .motion-node,.motion-seen .motion-line,.system-map.motion-seen .map-surfaces,.system-map.motion-seen .map-core,.system-map.motion-seen .map-foundation,.process-artifact.motion-seen svg,.ai-artifact.motion-seen svg{animation:none}
 .capability-tile,.service-index-card,.wcard.work-preview,.preview-phone,.capability-tile-copy h3 span,.service-index-card .card-view,.work-preview .card-foot span:last-child{transition:none}
 .capability-tile:hover,.service-index-card:hover,.wcard.work-preview:hover,.work-preview:hover .preview-art--mobile:not(.preview-art--pair) .preview-phone,.capability-tile:hover .capability-tile-copy h3 span,.service-index-card:hover .card-view,.work-preview:hover .card-foot span:last-child{transform:none}
}

/* Approach: a visible, reviewable delivery process. */
.approach-hero-links{display:flex;flex-wrap:wrap;align-items:center;gap:25px;margin-top:30px}
.approach-section-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;padding-bottom:40px}
.approach-section-intro h2{font:400 clamp(36px,4.1vw,58px)/1.08 var(--display);letter-spacing:-.045em;margin:18px 0 0}
.approach-section-intro>p{font-size:16px;line-height:1.7;color:#c1c4bb;max-width:45ch}
.approach-steps article:nth-child(even)>.approach-visual{order:1}
.approach-steps article:nth-child(odd)>.approach-visual{order:2}
.approach-step-tag{margin:0 0 15px!important;color:#d4c6a6!important;font-size:10px!important;letter-spacing:.13em}
.approach-visual{margin:0;border:1px solid #536954;background:#15211b;border-radius:3px;overflow:hidden;box-shadow:0 20px 55px #0003;min-width:0}
.approach-visual svg{display:block;width:100%;height:auto}
.approach-visual figcaption{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 19px;border-top:1px solid #495c4c;color:#e8decb;font-size:11px;line-height:1.5}
.approach-visual figcaption span:last-child{color:#b5c3b1;font-size:10px}
.standards-grid article{padding-top:22px;border-top:1px solid #75826d}
.standards-number{display:block;color:#d4c6a6;font-size:11px;letter-spacing:.1em;margin-bottom:20px}
@media(max-width:760px){
 .approach-section-intro{grid-template-columns:1fr;gap:20px;padding-bottom:25px}
 .approach-section-intro h2{font-size:37px}.approach-section-intro>p{font-size:15px}
 .approach-steps article:nth-child(even)>.approach-visual,.approach-steps article:nth-child(odd)>.approach-visual{order:initial}
 .approach-visual figcaption{padding:12px 14px}.standards-grid article{padding-top:17px}
}
.approach-visual-screen{position:relative;aspect-ratio:520/330;overflow:hidden;background:#15211b}
.approach-visual-screen svg{position:absolute;inset:0;width:100%;height:100%}

/* Rounded controls and a single, deliberate highlight on primary actions. */
.btn,.agency-nav .nav-cta,.portfolio-lock button,.type-filter,.hero-motion,.leap-demo-filters button{border-radius:999px}
.agency-nav .nav-cta,.portfolio-lock button{padding-inline:20px}
.btn-primary,.agency-nav .nav-cta{position:relative;isolation:isolate;overflow:hidden}
.btn-primary::after,.agency-nav .nav-cta::after{content:'';position:absolute;pointer-events:none;inset:-35% auto -35% -65%;width:42%;transform:translateX(0) skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);opacity:0}
@keyframes action-shine{0%{transform:translateX(0) skewX(-20deg);opacity:0}15%{opacity:.7}75%{opacity:.7}100%{transform:translateX(420%) skewX(-20deg);opacity:0}}
@keyframes action-shine-hover{0%{transform:translateX(0) skewX(-20deg);opacity:0}15%{opacity:.7}75%{opacity:.7}100%{transform:translateX(420%) skewX(-20deg);opacity:0}}
.btn-primary.shine-entered::after,.agency-nav .nav-cta.shine-entered::after{animation:action-shine 1.25s cubic-bezier(.4,0,.2,1) .35s both}
@media(hover:hover) and (pointer:fine){.btn-primary:hover::after,.agency-nav .nav-cta:hover::after{animation:action-shine-hover 1.1s cubic-bezier(.4,0,.2,1) both}}
.btn-primary:focus-visible::after,.agency-nav .nav-cta:focus-visible::after{animation:action-shine-hover 1.1s cubic-bezier(.4,0,.2,1) both}
@media(prefers-reduced-motion:reduce){.btn-primary::after,.agency-nav .nav-cta::after{animation:none!important;opacity:0!important}}
.service-close .btn,.hero-copy .btn-primary,.brief-form .btn,.practice-hero .btn,.practice-close .btn,.specialist-offering .btn,.leap-demo-bottom .btn{border-radius:999px}

/* Approach cards: live SVG instruments (spec: .research/approach-cards-redesign-2026-10-29/DESIGN.md, incl. "Polish pass"). Base state = finished card; motion only while .is-playing. */
.approach-card{--ac-ease:cubic-bezier(.2,.7,.2,1);border:1px solid #2F3D33;border-radius:4px;background:#15211B;box-shadow:0 30px 60px -30px #000C;overflow:hidden}
.approach-card .approach-visual-screen{background:#15211B}
.approach-card svg{font-family:var(--sans)}
.approach-card .ac-title{font-family:var(--display);letter-spacing:-.02em}
.approach-card .ac-mono{font-family:'JetBrains Mono',monospace}
.approach-card figcaption{border-top-color:#2F3D33;color:#E8DECB}
.approach-card .ac-rec{opacity:0;transition:opacity .4s}
.approach-card.is-playing .ac-rec{opacity:1;animation:ac-breathe 2.4s ease-in-out infinite}
.approach-card .ac-scan,.approach-card .ac-runner,.approach-card .ac-shine{opacity:0}
.approach-card .ac-m{display:none}
.approach-card .ac-link,.approach-card .ac-tick,.approach-card .ac-ln,.approach-card .ac-type{stroke-dasharray:1;stroke-dashoffset:0}
.approach-card .ac-wire,.approach-card .ac-gone,.approach-card .ac-off{opacity:0}
.approach-card .ac-tile{transform:translateX(var(--x,0))}
.approach-card .ac-tile--hidden{opacity:0}
.approach-card .ac-tile--build .ac-pass,.approach-card .ac-tile--build .ac-stamp,.approach-card .ac-tile--verify .ac-stamp{opacity:0}
@keyframes ac-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes ac-in{from{opacity:0}to{opacity:1}}
@keyframes ac-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes ac-breathe{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes ac-sort{from{transform:translate(var(--dx),var(--dy));opacity:.8}to{transform:none;opacity:1}}
@keyframes ac-scan{0%{transform:translateX(0);opacity:0}12%{opacity:.75}88%{opacity:.75}100%{transform:translateX(452px);opacity:0}}
@keyframes ac-run{0%{transform:translate(0,0);opacity:0}5%{opacity:1}12%{transform:translate(0,20px)}66%{transform:translate(158px,20px)}80%{transform:translate(158px,38px);opacity:1}86%{opacity:0}100%{transform:translate(158px,38px);opacity:0}}
/* Shine sweep: one soft light band crosses the landing object (plate / Approve / REVIEWED / Live pill) once, ~900 ms, after the story lands. Never in idle, invisible at rest. */
@keyframes ac-shine{0%{transform:translateX(0);opacity:0}20%{opacity:var(--so,.3)}80%{opacity:var(--so,.3)}100%{transform:translateX(var(--sw));opacity:0}}
.approach-card.is-playing .ac-title{animation:ac-rise .52s var(--ac-ease) both}
.approach-card.is-playing .ac-sub{animation:ac-rise .52s var(--ac-ease) .12s both}
.approach-card.is-playing .ac-note{animation:ac-in .4s var(--ac-ease) both;animation-delay:var(--ta)}
.approach-card.is-playing .ac-note-pos{animation:ac-sort .7s var(--ac-ease) both;animation-delay:var(--ts)}
.approach-card.is-playing .ac-col{animation:ac-rise .52s var(--ac-ease) both;animation-delay:var(--t)}
.approach-card.is-playing .ac-scan{animation:ac-scan 1s var(--ac-ease) 1.5s both}
.approach-card.is-playing .ac-link{animation:ac-draw .7s var(--ac-ease) 3.3s both}
.approach-card.is-playing .ac-plate{animation:ac-rise .52s var(--ac-ease) 3.9s both}
.approach-card.is-playing .ac-tick{animation:ac-draw .35s var(--ac-ease) both;animation-delay:var(--t)}
.approach-card.is-playing .ac-runner{animation:ac-run 6s linear 5.8s infinite}
.approach-card.is-playing .ac-shine{animation:ac-shine .9s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--t)}
/* Generic card beats: rise / fade / draw / leave, each timed by an inline --t. */
@keyframes ac-out{from{opacity:1}to{opacity:0}}
.approach-card.is-playing .ac-up{animation:ac-rise .52s var(--ac-ease) both;animation-delay:var(--t)}
.approach-card.is-playing .ac-fade{animation:ac-in .4s var(--ac-ease) both;animation-delay:var(--t)}
.approach-card.is-playing .ac-ln{animation:ac-draw .7s var(--ac-ease) both;animation-delay:var(--t)}
.approach-card.is-playing .ac-gone{animation:ac-out .3s var(--ac-ease) both;animation-delay:var(--t)}
/* 02 Product & Design: wire blocks show, then give way to labelled UI; idle = cursor drifting <=2px. */
@keyframes ac-wire{0%{opacity:0;transform:translateY(8px)}35%{opacity:1;transform:none}70%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes ac-drift{0%,100%{transform:none}50%{transform:translate(2px,-1.5px)}}
.approach-card.is-playing .ac-wire{animation:ac-wire 1.2s var(--ac-ease) both;animation-delay:var(--t)}
.approach-card.is-playing .ac-drift{animation:ac-drift 6s ease-in-out 5.4s infinite both}
/* 03 Engineering: a conveyor. Each tile runs one 36 s cycle (enter Build 0–.5 s, advance to Verify at 9 s, to Review at 18 s, leave at 27 s, wait 9 s),
   tiles offset by 9 s so three are always on the board and the whole pipeline advances together every 9 s. Lane beats are timed from the tile's cycle (--tile + --b)
   and reset while the tile is off the board. Play starts 0.6 s after an advance, i.e. on the same board the static card shows. */
@keyframes ac-lane{0%{opacity:0;transform:translate(0,8px)}1.389%,25%{opacity:1;transform:translate(0,0)}26.667%,50%{opacity:1;transform:translate(158px,0)}51.667%,75%{opacity:1;transform:translate(316px,0)}76.389%,100%{opacity:0;transform:translate(326px,0)}}
@keyframes ac-count{0%,.833%{opacity:0}1.667%,24.5%{opacity:1}25.3%,100%{opacity:0}}
@keyframes ac-type{0%{stroke-dashoffset:1}1.389%,75%{stroke-dashoffset:0}75.1%,100%{stroke-dashoffset:1}}
@keyframes ac-pass{0%{opacity:0}.7%,50%{opacity:1}50.1%,100%{opacity:0}}
@keyframes ac-stamp{0%{opacity:0;transform:translateY(8px)}1.389%,25%{opacity:1;transform:none}25.1%,100%{opacity:0;transform:translateY(8px)}}
@keyframes ac-shine-cycle{0%{transform:translateX(0);opacity:0}.5%{opacity:var(--so,.3)}2%{opacity:var(--so,.3)}2.5%,100%{transform:translateX(var(--sw));opacity:0}}
.approach-card.is-playing .ac-tile{animation:ac-lane 36s var(--ac-ease) infinite both;animation-delay:var(--t)}
.approach-card.is-playing .ac-count{animation:ac-count 36s ease-in-out infinite both;animation-delay:var(--t)}
.approach-card.is-playing .ac-type{animation:ac-type 36s var(--ac-ease) infinite both;animation-delay:calc(var(--tile) + var(--b))}
.approach-card.is-playing .ac-pass{animation:ac-pass 36s var(--ac-ease) infinite both;animation-delay:calc(var(--tile) + var(--b))}
.approach-card.is-playing .ac-stamp{animation:ac-stamp 36s var(--ac-ease) infinite both;animation-delay:calc(var(--tile) + var(--b))}
.approach-card.is-playing .ac-shine--cycle{animation:ac-shine-cycle 36s cubic-bezier(.4,0,.2,1) infinite both;animation-delay:calc(var(--tile) + var(--t))}
/* 04 Launch & Evolve: ownership tags slide F/R -> Your team; idle = only the live dot breathing. */
@keyframes ac-hand{from{transform:translateX(-162px)}to{transform:none}}
.approach-card.is-playing .ac-hand{animation:ac-hand .6s var(--ac-ease) both;animation-delay:var(--t)}
.approach-card.is-playing .ac-live{animation:ac-breathe 6s ease-in-out 2s infinite both}
@media(prefers-reduced-motion:reduce){.approach-card *{animation:none!important}.approach-card .ac-rec{display:none}}
/* Small screens: the 520-unit stage renders at ~0.63x at 375px, so every text size is floored (--fs = authored size), tertiary lines (.ac-t3), the bar's right label,
   the recording dot and the milestone counter are hidden, and the few containers that hold floored text widen to their --wm. Composition and timing are unchanged. */
@media(max-width:700px){
 .approach-card .ac-t3,.approach-card .ac-fr,.approach-card .ac-rec,.approach-card .ac-counter,.approach-card .ac-d{display:none}
 .approach-card .ac-m{display:inline}
 .approach-card text{font-size:max(12px,var(--fs))}
 .approach-card .ac-title{font-size:22px}
 .approach-card .ac-chip,.approach-card .ac-note-chip,.approach-card .ac-tag,.approach-card .ac-stamp-box,.approach-card .ac-pill{width:calc(var(--wm)*1px)}
 .approach-card .ac-chip{height:22px;transform:translateY(-2px)}
 .approach-card .ac-note-chip{height:22px;transform:translateY(-6px)}
 .approach-card .ac-dots{transform:translateX(8px)}
 .approach-card .ac-tag{height:17px;transform:translate(-11px,-.5px);stroke:none}
 .approach-card .ac-stamp-box{height:20px;transform:translateY(-2px)}
 .approach-card .ac-mshift{transform:translateX(var(--mx))}
}
@media(max-width:480px){.approach-card text{font-size:max(14.5px,var(--fs))}}

/* Navigation underline travels from left to right, including keyboard focus. */
.agency-nav .nav-links a{position:relative;text-decoration:none}
.agency-nav .nav-links a:hover,.agency-nav .nav-links a.is-active,.agency-nav .nav-links a:focus-visible{text-decoration:none}
.agency-nav .nav-links a::after{content:'';position:absolute;left:3px;right:3px;bottom:5px;height:1px;background:currentColor;opacity:0;transform:scaleX(0);transform-origin:left center;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .28s ease;pointer-events:none}
.agency-nav .nav-links a:hover::after,.agency-nav .nav-links a:focus-visible::after,.agency-nav .nav-links a.is-active::after{opacity:1;transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.agency-nav .nav-links a::after{transition:none}}

/* System & Form's drawn monogram stays crisp at every navigation size. */
.agency-nav .mark .brand-symbol{overflow:hidden}
.agency-nav .mark .brand-symbol img{display:block;width:100%;height:100%}