/* Readable supporting type and a tighter composition, shared by all formats. */
.eyebrow{font-size:12px;letter-spacing:.13em}.section{padding-block:80px}.hero{padding-top:38px}.hero-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.4fr);gap:0 35px;align-items:end}.hero-copy>.eyebrow{grid-column:1/-1}.hero h1{font-size:clamp(44px,5.9vw,98px);margin:22px 0 28px}.hero-bottom{grid-column:2;grid-row:2;flex-direction:column;align-items:flex-start;gap:22px;margin:0 0 32px}.hero-bottom p{margin:0;font-size:16px;line-height:1.75}.text-link{font-size:13px;gap:25px}.hero-caption{font-size:11px;padding-block:15px;letter-spacing:.09em}.image-note{font-size:11px;bottom:25px}.hero-visual{height:clamp(350px,39vw,620px)}.hero-video{display:block;width:100%;height:100%;object-fit:cover}.hero-video-toggle{position:absolute;right:22px;bottom:18px;z-index:2;display:flex;align-items:center;gap:15px;min-height:44px;padding:10px 17px;border:1px solid #ffffff50;border-radius:30px;background:#10110fe8;color:#fff;font:400 13px/1.4 Inter,Arial,sans-serif;cursor:pointer}.hero-video-toggle:hover{background:#efeee7;color:#10110f}.hero-video-toggle:focus-visible{outline:2px solid #c8b697;outline-offset:4px}.hero-video-toggle[hidden]{display:none}.intro-aside{font-size:16px;max-width:380px}.section-head{padding-bottom:30px}.section-head>.muted{font-size:14px}.work{padding-top:0}.work-grid{gap:45px 25px}.work-card:nth-child(even){padding-top:55px}.card-label{padding:20px 0;margin-top:14px}.card-label p{font-size:11px;line-height:1.7}.view{font-size:12px}.process h2{margin:25px 0 40px}.process-grid article>span{font-size:12px}.process-grid p{font-size:16px}.process-grid h3{margin:23px 0 16px}.contact-band{padding-block:70px}.contact-band h2{margin:25px 0 35px}.contact-bottom p{font-size:16px}.pill{font-size:14px;gap:55px;padding:17px 25px}.case-opening{padding-top:35px;padding-bottom:40px}.case-meta{font-size:12px;margin:35px 0 24px;letter-spacing:.1em}.case-lead{margin:24px 0}.case-cover>img{max-height:680px}.case-cover figcaption{font-size:12px;padding:14px 0}.story p:not(.eyebrow),.deliverables p:not(.eyebrow){margin-top:25px}.deliverables ul{margin:30px 0}.deliverables li{padding:16px 0}.deliverables li>span:last-child{font-size:18px}.next-case{padding-block:55px}.sequence-ready{height:200svh}.sequence-copy>.eyebrow{font-size:12px}.sequence-copy>p:not(.eyebrow){font-size:17px}.sequence-stage{padding-block:65px}.sequence-ready .sequence-art{height:min(68svh,600px)}.portfolio-grid figcaption{font-size:11px;padding:8px 13px}.media-action{font-size:13px}.portfolio-grid .video-preview:focus-visible{outline:3px solid #c8b697;outline-offset:-5px}
body>header nav a,body>header .header-cta,body>header .mobile-nav summary{font-size:12px;letter-spacing:.1em}.brand small{font-size:8px}.header-cta{padding-block:13px}footer{display:flex;align-items:center;gap:40px;padding:35px var(--gutter);border-top:1px solid var(--line)}.footer-logo{display:block;flex:0 0 260px}.footer-logo .wordmark{width:216.53px;max-width:100%;height:auto}.footer-links{flex:1;margin:0;padding:0;border:0;gap:15px 22px;color:#c3c5b8;font-size:13px;line-height:1.6}.footer-links a{display:inline-flex;align-items:center;min-height:44px}.footer-links span{font-size:12px}.contact-options span{font-size:12px}.brief>p:last-child{font-size:17px}
/* Original portfolio behavior: still preview, click-to-play modal, close on end. */
.media-dialog{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;padding:0;background:#000;color:#fff;overflow:hidden;z-index:100}.media-dialog[open]{display:flex;align-items:center;justify-content:center}.media-dialog::backdrop{background:#000e}.modal-video{width:100%;height:100%;max-height:100dvh;object-fit:contain;background:#000}.media-close{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));z-index:2;display:flex;align-items:center;gap:20px;min-height:48px;padding:10px 18px;border:1px solid #ffffff70;border-radius:30px;color:#fff;background:#141510e8;font:400 14px/1.5 Inter,Arial,sans-serif;cursor:pointer;transition:color .25s,background .25s}.media-close>span{font-size:26px;line-height:1}.media-close:hover{background:#f5f2e9;color:#10110f}.media-close:focus-visible{outline:2px solid #c8b697;outline-offset:4px}.media-error{position:absolute;bottom:80px;left:20px;right:20px;margin:auto;padding:15px;background:#111e;text-align:center;font-size:16px}.media-error[hidden]{display:none}.media-direct{text-decoration:underline}html.media-open,html.media-open body{overflow:hidden}.media-action{transition:background .3s,transform .3s}.video-preview:hover .media-action{transform:translateY(-3px)}
@media(max-width:1200px){footer{align-items:flex-start;gap:25px}.footer-logo{flex-basis:220px}.footer-logo .wordmark{width:183.22px}.footer-links{gap:8px 18px}.footer-links span{margin-left:0}.view{display:none}}
@media(max-width:1100px){.hero-copy{grid-template-columns:1fr}.hero-bottom{grid-column:1;grid-row:auto;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:25px}.hero h1{margin-bottom:20px}.hero-bottom p{font-size:16px}}
@media(max-width:760px){.section{padding-block:55px}.eyebrow{font-size:11px;letter-spacing:.1em}.hero{padding-top:27px}.hero-copy{display:block}.hero h1{font-size:clamp(34px,7.5vw,57px);margin:20px 0}.hero-bottom{align-items:flex-start;gap:20px;flex-direction:column;margin-bottom:22px}.hero-bottom p{font-size:15px}.hero .eyebrow{font-size:10px;line-height:1.8}.hero-caption{font-size:9px;line-height:1.7;gap:15px}.hero-visual{height:480px}.image-note{font-size:9px;left:15px;bottom:78px}.hero-video-toggle{right:15px;bottom:15px;font-size:13px}.intro-aside{font-size:15px}.section-head>.muted{font-size:13px}.work{padding-top:0}.work-grid{gap:30px}.work-card:nth-child(even){padding-top:0}.card-label p{font-size:10px}.process h2{margin-bottom:30px}.process-grid article>span{font-size:11px}.process-grid p{font-size:15px}.contact-band{padding-block:55px}.contact-bottom p{font-size:15px}.case-opening{padding-top:28px;padding-bottom:32px}.case-meta{margin-top:28px;font-size:11px}.case-cover figcaption{font-size:11px}.sequence-stage{padding-block:55px}.sequence-copy>p:not(.eyebrow){font-size:15px}.sequence-copy>.eyebrow{font-size:11px}.portfolio-grid figcaption{font-size:10px}.media-action{font-size:12px}.next-case{padding-block:45px}body>header nav a,body>header .header-cta,body>header .mobile-nav summary{font-size:12px}.brand small{font-size:7px}footer{display:block;padding-block:32px}.footer-logo{margin-bottom:20px}.footer-logo .wordmark{width:191.54px;max-width:80%;height:auto}.footer-links{font-size:13px;gap:7px 20px}.footer-links span{font-size:12px;width:100%}.contact-options span{font-size:11px}.brief>p:last-child{font-size:15px}.media-close{top:12px;right:12px;min-height:44px;padding:8px 15px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.video-preview:hover .media-action{transform:none}.media-close,.hero-video-toggle{transition:none}}

.icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex:none}.icon-spark{width:36px;height:36px}.circle-arrow .icon{width:22px;height:22px}.asterisk{display:inline-flex;align-items:flex-start}.next-case h2>.icon{width:.65em;height:.65em}

/* Keep the original page wrapper; extend only the painted section backgrounds. */
@media(min-width:2101px){
 html{overflow-x:clip}
 .process,.contact-band,.material-sequence,.direction{position:relative;isolation:isolate}
 .process::before,.contact-band::before,.material-sequence::before,.direction::before{
  content:"";position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:inherit;pointer-events:none;
 }
}