/* TMNC adaptation of Adex's hero grid, slider track, and controls.
 * Original: https://github.com/codewithsadee/adex (copyright 2022 Sadee, MIT).
 * License: /licenses/adex-MIT.txt. All imagery and fonts are TMNC's local assets.
 */
:root{--navy:#15254e;--ink:#15254e;--muted:#59616e;--bone:#fff;--bone-muted:#f3f4f5;--paper:#fff;--maxw:1440px;--pad:clamp(20px,4.5vw,72px);--r:4px;--r-md:8px;--r-lg:12px;--headline:clamp(2rem,3.8vw,4rem)}
body{font-size:16px}p{max-width:65ch;text-wrap:pretty}h1,h2,h3,.pwyw-price{font-family:var(--sans);font-style:normal;letter-spacing:-.045em}h1,h2{font-weight:600;line-height:1.04}h3{font-weight:600}.lede{line-height:1.7}a,button{-webkit-tap-highlight-color:transparent}button:active,.btn:active{transform:scale(.97)}
.site-head{min-height:90px;padding-inline:var(--pad);padding-block:20px;background:#fff;border-bottom:0;box-shadow:none;backdrop-filter:none}.lockup-full{font-size:14px}.lockup-full,.foot-lockup{font-family:var(--sans)}.site-head nav{gap:28px}.site-head nav a{font-size:14px;font-weight:500}.site-head .nav-cta{background:var(--navy);border-radius:4px!important;padding:12px 20px!important}.menu-btn{min-height:44px}.btn{background:var(--navy);border-radius:4px;box-shadow:none}.btn:hover{background:#263e74}.label{color:var(--muted);font-size:14px;font-weight:500}.head-block{max-width:100%;padding-top:20px}.head-block h1{font-size:clamp(3.2rem,6vw,6rem)}.head-block .lede{max-width:55ch}.arrow-link{min-height:44px;align-items:center}.frame,.card-art,.case-thumb{border-radius:6px}.case-thumb img,.frame img{filter:none}.case-side{position:sticky;top:114px}.case{border-top:1px solid var(--rule);padding-top:38px}.case-tags span{border-radius:4px;color:var(--muted)}.filters button{border-radius:4px;min-height:44px}.svc{border-bottom:1px solid var(--rule);border-radius:0;padding-inline:0}.svc[open]{background:#f5f6f8}.svc summary{min-height:80px}.person .frame{max-width:310px}.person-bio{line-height:1.7}.pwyw{border-radius:0;background:#f2f3f5;box-shadow:none;padding:clamp(28px,5vw,72px)}.pwyw .head-block{padding:0;gap:64px}.pwyw-price{font-weight:600}.pwyw .label{margin-bottom:24px}.pwyw-list{gap:24px;margin:0}.pwyw-list li{border-bottom:1px solid #d8dce2;padding-bottom:20px;gap:20px;font-size:16px;line-height:1.6}.pwyw-list strong{display:block;font-weight:600;margin-bottom:4px}.pwyw-list i{font-size:13px;padding-top:5px}.pwyw .lede{font-size:17px}
/* Adex responsive hero structure; adjusted to the collective's work. */
.studio-hero{background:var(--navy);color:white;padding:70px 0 0}.studio-hero .container{display:grid;gap:60px;grid-template-columns:1.05fr 1fr;align-items:center}.studio-intro{padding-block:14px}.studio-eyebrow{font-size:14px;margin-bottom:34px;color:#d2d9e9}.studio-hero h1{font-size:clamp(3.4rem,5.25vw,6.2rem);line-height:1.01;letter-spacing:-.055em;margin-bottom:28px;font-weight:550;max-width:none}.studio-hero h1 span{color:#b8c9ed}.studio-lede{font-size:17px;line-height:1.65;max-width:43ch;color:#dbe0eb}.studio-cta{display:inline-flex;align-items:center;gap:34px;background:#fff;color:var(--navy);padding:15px 21px;border-radius:4px;font-size:15px;font-weight:600;margin-top:32px;transition:background .2s,transform .2s}.studio-cta:hover{background:#dfe7f8;transform:translateY(-3px)}.studio-cta span{font-size:24px;line-height:1}.studio-location{font-size:12px;color:#b5c2dc;margin-top:28px}.hero-baseline{margin-top:64px;display:flex;justify-content:space-between;padding-block:24px;border-top:1px solid #ffffff26;font-size:13px;color:#e2e7f1}.hero-baseline a{display:flex;gap:32px;align-items:center;min-height:28px}
/* Adex slider: relative flex track translated to the active child's offset. */
.hero-slider{position:relative;min-width:0}.studio-hero .slider-inner{overflow:hidden;border-radius:6px}.studio-hero .slider-container{position:relative;display:flex;align-items:flex-start;gap:8px;transition:transform .55s cubic-bezier(.22,1,.36,1);list-style:none}.studio-hero .slider-item{min-width:100%;width:100%;overflow:hidden;flex-shrink:0}.studio-project{display:block;background:#fff;color:var(--navy)}.studio-image{background:#eef0ec;overflow:hidden}.studio-image img{width:100%;height:auto;aspect-ratio:1.28;object-fit:cover;transition:transform .65s cubic-bezier(.22,1,.36,1)}.studio-project:hover img{transform:scale(1.04)}.studio-project-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px}.studio-project-caption span{font-size:12px;color:#59616e}.studio-project-caption h2{font-size:30px;letter-spacing:-.04em;line-height:1.2;margin-top:7px}.studio-project-caption .project-arrow{color:var(--navy);font-size:34px}.slider-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.slider-controls p{font:12px var(--mono);color:#d2d9e9}.slider-controls>div{display:flex;gap:8px}.slider-controls button{border:1px solid #ffffff60;width:46px;height:46px;border-radius:50%;color:white;font-size:22px;transition:background .25s,color .25s}.slider-controls button:hover{background:#fff;color:var(--navy)}.studio-hero :focus-visible{outline-color:#fff}.studio-project:focus-visible{outline-offset:-5px;outline-color:var(--navy)}
.clients{background:#fff;padding-block:46px;border-bottom:1px solid var(--rule)}.clients .label{text-align:left;font-size:13px;color:var(--muted)}.client-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;justify-items:center;gap:24px 44px;margin-top:24px}.client-wall img{width:100%;max-width:140px;height:62px;object-fit:contain;filter:brightness(0);opacity:.8}.client-wall img[alt="BS AS"]{filter:none}
.studio-capabilities{display:grid;grid-template-columns:1fr 1.05fr;gap:90px;padding-block:110px;align-items:start}.studio-section-head .label,.studio-evidence .label,.studio-people .label{margin-bottom:28px}.studio-section-head h2{font-size:clamp(2rem,3.2vw,3.3rem);line-height:1.1;margin-bottom:24px}.studio-section-head .lede{font-size:17px;max-width:36ch}.studio-services details{border-bottom:1px solid #d8dce2}.studio-services summary{display:flex;gap:24px;align-items:center;min-height:91px;cursor:pointer;list-style:none}.studio-services summary::-webkit-details-marker{display:none}.studio-services summary>span{font:12px var(--mono);color:var(--muted)}.studio-services summary h3{font-size:clamp(1.25rem,2vw,1.75rem);letter-spacing:-.03em;flex:1}.studio-services summary i{font-style:normal;font-weight:300;font-size:32px;transition:transform .25s}.studio-services details[open] summary i{transform:rotate(45deg)}.studio-services summary:hover h3{color:#365a9c}.studio-services details>div{padding:0 20px 26px 40px}.studio-services p{color:var(--muted);line-height:1.65;font-size:16px;margin-bottom:13px}.studio-services .arrow-link{font-size:14px}
.studio-evidence{background:#f2f3f5;padding-block:88px}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.studio-evidence h2{font-size:clamp(2.2rem,3.6vw,3.8rem);line-height:1.1;margin-bottom:24px}.studio-result{padding-left:36px;border-left:1px solid #c8cdd7}.result-client{font-size:14px;color:var(--muted)}.result-number{font-size:clamp(5rem,9.5vw,9.8rem);line-height:1;letter-spacing:-.075em;font-weight:500;margin:20px 0 12px}.result-number span{font-size:.65em}.studio-result>.note{font-size:12px;max-width:41ch;line-height:1.6;margin-top:25px}
.studio-people{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:90px;padding-block:110px}.studio-people h2{font-size:clamp(2.5rem,4vw,4rem);margin-bottom:28px}.studio-people .lede{font-size:17px;max-width:36ch;margin-bottom:24px}.studio-portraits{display:grid;grid-template-columns:1fr 1fr;gap:20px}.studio-portraits figure:nth-child(2){margin-top:54px}.studio-portraits img{aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:4px;filter:grayscale(1);transition:filter .4s}.studio-portraits:hover img{filter:none}.studio-portraits figcaption{font-size:13px;margin-top:14px}
body[data-page=home] main>section.wrap:last-child{padding-block:0 100px}.site-foot{background:var(--navy);color:white;margin-top:0;border-radius:0;padding-block:70px 25px}.site-foot .foot-blurb,.site-foot .meta,.site-foot h3{color:#c8d1e4!important}.site-foot a{color:#fff}.foot-lockup{font-size:clamp(1.5rem,2vw,2rem)}.foot-base{border-color:#ffffff2b}.foot-mail{font-size:clamp(1rem,1.6vw,1.5rem)}
/* Content remains available if scripts fail. Existing reveal observer still enhances it. */
[data-reveal]{opacity:1;transform:none}
@media(min-width:1800px){.site-head{padding-inline:max(var(--pad),calc((100vw - 1296px)/2))}}
@media(max-width:1100px){.studio-hero .container{gap:36px}.studio-hero h1{font-size:clamp(3rem,5.4vw,4.9rem)}.studio-capabilities,.studio-people{gap:48px}.site-head nav{gap:20px}.evidence-grid{gap:50px}.studio-project-caption{padding:20px}.studio-image img{aspect-ratio:1.1}.client-wall{gap:22px 30px}}
@media(max-width:760px){.site-head{min-height:72px;padding-block:14px}.site-head nav{background:#fff}.studio-hero{padding-top:34px}.studio-hero .container{grid-template-columns:1fr;gap:38px}.studio-intro{padding:0}.studio-hero h1{font-size:clamp(3rem,11.8vw,5rem);max-width:none}.studio-eyebrow{margin-bottom:24px;font-size:12px}.studio-lede{font-size:16px;max-width:50ch}.studio-location{margin-top:22px;font-size:11px}.studio-cta{margin-top:25px}.studio-image img{aspect-ratio:1.35}.studio-project-caption h2{font-size:26px}.studio-project-caption{padding:18px 20px}.hero-baseline{margin-top:35px;font-size:12px}.hero-baseline a{gap:12px}.client-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.client-wall img{height:56px}.clients{padding-block:30px}.studio-capabilities,.studio-people{grid-template-columns:1fr;gap:36px;padding-block:60px}.studio-section-head .lede{max-width:50ch}.studio-services summary{min-height:80px;gap:16px}.studio-services details>div{padding-left:30px}.studio-evidence{padding-block:60px}.evidence-grid{grid-template-columns:1fr;gap:40px}.studio-result{padding-left:0;border-left:0;border-top:1px solid #c8cdd7;padding-top:30px}.result-number{font-size:clamp(5rem,23vw,8rem)}.studio-portraits{max-width:560px}.studio-portraits figure:nth-child(2){margin-top:32px}.studio-portraits figcaption{font-size:12px}.pwyw .head-block{grid-template-columns:1fr;gap:36px}.case-side{position:static}.pwyw .label{margin-bottom:16px}.head-block h1{font-size:clamp(3rem,11vw,4.5rem)}.pwyw-price{font-size:clamp(2.6rem,10vw,4rem)}body[data-page=home] main>section.wrap:last-child{padding-bottom:60px}.site-foot{padding-top:50px}.svc-body{padding-inline:15px}}
@media(max-width:360px){.client-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-hero h1{font-size:2.75rem}.studio-services summary h3{font-size:1.2rem}.studio-project-caption span{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}