@font-face{font-family:Citizen;src:url("citizen-rndinner.otf") format("opentype");font-display:swap;font-weight:400}
:root{--black:#0d0d0d;--charcoal:#242424;--cream:#f4f0e5;--orange:#ff3b0a;--gray:#929292;--line:rgba(244,240,229,.28);--pad:clamp(1.5rem,4vw,4rem);--display:Citizen,"Arial Narrow",sans-serif;--helvetica:"Helvetica Neue",Helvetica,Arial,sans-serif;--header-h:clamp(4.6rem,6vw,5.6rem);--section-title:clamp(3.1rem,5.15vw,5.2rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--cream);font-family:var(--helvetica);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.section-pad{padding-left:var(--pad);padding-right:var(--pad)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:var(--header-h);padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);position:fixed;z-index:100;top:0;left:0;width:100%;background:rgba(5,5,5,.52);-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%)}
.brand span,.hero-wordmark{display:block;background:var(--orange);-webkit-mask:url("oddimist-logo.png") center/contain no-repeat;mask:url("oddimist-logo.png") center/contain no-repeat}.brand span{width:clamp(5rem,7vw,6.5rem);height:1.6rem}
nav{display:flex;align-items:center;gap:clamp(.85rem,1.8vw,2rem);font-weight:500;font-size:clamp(.72rem,.85vw,.9rem)}nav>a:not(.nav-cta){transition:color .2s ease;white-space:nowrap}nav>a:not(.nav-cta):hover,nav>a:not(.nav-cta):focus-visible{color:var(--orange)}
.project-button{display:inline-flex;align-items:stretch;border:4px solid var(--cream);border-radius:4px;background:var(--cream);color:var(--black);font-weight:500;line-height:1;white-space:nowrap;overflow:hidden;transition:background .22s,color .22s,border-color .22s}.button-label{display:block;padding:.72rem .9rem}.project-button i{font-style:normal;display:grid;place-items:center;min-width:2.55rem;background:var(--black);color:var(--cream);font-size:1.45em;transition:background .22s,color .22s}.project-button:hover,.project-button:focus-visible{background:var(--orange);border-color:var(--orange);color:var(--cream)}.project-button:hover i,.project-button:focus-visible i{background:var(--cream);color:var(--black)}.nav-cta{margin-left:.2rem;font-size:clamp(.72rem,.9vw,.9rem)}.nav-cta .button-label{padding:.58rem .7rem}.nav-cta i{min-width:2.15rem}
main{padding-top:var(--header-h)}.hero{height:calc(100svh - var(--header-h));min-height:680px;margin-bottom:14vh;position:sticky;top:var(--header-h);z-index:1;display:flex;justify-content:center;text-align:center;overflow:hidden;padding-top:clamp(2.8rem,5.5vh,4.5rem);background:var(--black)}.hero-content{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column}.eye-mark{display:block;width:clamp(4rem,6vw,6.25rem);height:auto;margin-bottom:clamp(1.4rem,2.5vw,2.25rem)}.hero h1{font-family:var(--display);font-weight:400;text-transform:uppercase;margin:0;line-height:.88;font-size:clamp(4rem,9.5vw,9.25rem);max-width:1050px;letter-spacing:-.018em}.hero h1 span{display:block}.js .hero .eye-mark,.js .hero h1 span,.js .hero .text-link{opacity:0;transform:translate3d(0,28px,0)}.js .hero.is-ready .eye-mark,.js .hero.is-ready h1 span,.js .hero.is-ready .text-link{opacity:1;transform:translate3d(0,0,0);transition:opacity 1s ease,transform 1.15s cubic-bezier(.16,.8,.2,1)}.js .hero.is-ready h1 span:first-child{transition-delay:.08s}.js .hero.is-ready h1 span:nth-child(2){transition-delay:.38s}.js .hero.is-ready .text-link{transition-delay:.64s}
.js .hero.is-ready .text-link{opacity:var(--scroll-opacity,1)}
.text-link{margin-top:clamp(2.8rem,5.5vh,4.75rem);color:var(--cream);font-weight:500;font-size:clamp(1rem,1.25vw,1.2rem);display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:color .22s}.text-link i{font-style:normal;font-size:1.55rem;line-height:1;animation:arrow-rock 1.7s ease-in-out infinite}.text-link:hover,.text-link:focus-visible{color:var(--orange)}.text-link:hover i,.text-link:focus-visible i{animation-play-state:paused}.hero-wordmark{position:absolute;z-index:1;left:50%;bottom:clamp(1.25rem,3.75vw,4rem);width:158vw;min-width:1050px;height:clamp(13rem,25vw,26rem);transform:translate(-50%,0) scale(1);transform-origin:center bottom;will-change:transform}@keyframes arrow-rock{0%,100%{transform:translateY(0)}50%{transform:translateY(.45rem)}}
.work,.about,.workflow,.faq,.contact,footer{position:relative;z-index:2}.work{background:var(--black);padding-top:clamp(6.5rem,10vw,10.5rem);padding-bottom:clamp(7rem,10vw,11rem);overflow:hidden}.work h2,.about h2,.workflow h2,.faq h2{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:var(--section-title);line-height:.9;margin:0 0 2.5rem}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);align-items:start}.project-card{min-width:0}.project-image{aspect-ratio:16/9;position:relative;overflow:hidden;background:#171717;border:0;padding:0;width:100%;display:block;cursor:pointer}.project-image img,.project-image video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-image video{pointer-events:none}.project-card h3{font-weight:500;font-size:clamp(1rem,1.45vw,1.35rem);margin:.9rem 0 0;line-height:1.2}.project-card:hover h3{color:var(--orange)}
.video-shell::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,5,5,.7));opacity:.48;transition:opacity .35s ease}.play-button{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(3.25rem,5vw,5rem);aspect-ratio:1;border:1px solid rgba(255,255,255,.8);border-radius:50%;display:grid;place-items:center;padding-left:.2em;background:rgba(5,5,5,.28);backdrop-filter:blur(5px);font-size:clamp(.85rem,1.3vw,1.15rem);transition:background .25s ease}.video-label{position:absolute;z-index:2;left:1.15rem;bottom:1rem;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:white}.video-shell:hover::after{opacity:.65}.video-shell:hover .play-button,.video-shell:focus-visible .play-button{background:var(--orange)}
.about{background:var(--black);padding-top:clamp(6rem,9vw,9rem);padding-bottom:0}.about-copy{max-width:1030px}.eyebrow{display:block;font-weight:500;font-size:.95rem;margin-bottom:1.2rem}.about h2{max-width:1000px}.about-copy>p{font-size:clamp(1rem,1.25vw,1.14rem);max-width:820px;margin:0 0 1.25rem;color:#deddd8}.new-sentence{display:block}.about-copy .about-benefits{font-weight:400;color:#deddd8;margin-top:2rem}.about-benefits span{display:block}.about-copy .about-closing{font-weight:700;color:var(--cream);margin-top:2rem}.founder{display:flex;align-items:center;gap:1.2rem;margin-top:2.4rem}.founder-photo{display:block;width:clamp(5.5rem,8vw,7.5rem);height:clamp(5.5rem,8vw,7.5rem);border-radius:50%;overflow:hidden;background:#111}.founder-photo img{display:block;width:118%;height:118%;max-width:none;object-fit:cover;object-position:center 10%;transform:translate(-7.5%,-5%);filter:grayscale(1)}.founder p{margin:0;font-size:clamp(.78rem,1vw,.9rem);color:var(--gray)}.founder strong{font-size:1.08em;font-weight:500}
.brands{margin-top:clamp(5rem,7vw,7rem);padding:1.7rem 0 clamp(3.5rem,5vw,5rem);border-top:1px solid var(--line);color:var(--gray)}.brands h3{font-weight:500;font-size:.95rem;margin:0 0 2.1rem}.brand-list{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;align-items:center;gap:1.6rem 1rem;font-weight:500;font-size:clamp(.72rem,.85vw,.82rem);line-height:1.2}.primary-brands{margin-bottom:1.6rem}
.workflow{background:var(--black);padding-top:clamp(5.5rem,8vw,8.5rem);padding-bottom:clamp(5.5rem,8vw,8.5rem)}.section-intro p{font-size:clamp(.9rem,1.05vw,1.05rem);margin:-1.2rem 0 2rem;color:#b6b6b6;font-weight:500}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.7rem,1.25vw,1.25rem)}.workflow-card{border:1px solid var(--line);padding:clamp(1.25rem,1.8vw,1.8rem)}.workflow-card>span{font-size:clamp(.72rem,.9vw,.9rem);font-weight:500;color:var(--orange)}.workflow-card h3{font-weight:700;text-transform:uppercase;font-size:clamp(1.15rem,1.55vw,1.5rem);line-height:1;margin:.5rem 0 .8rem}.workflow-card p{font-size:clamp(.9rem,1vw,1rem);margin:0;line-height:1.45;color:#e4e4e4}
.faq{background:var(--charcoal);padding-top:clamp(5.5rem,8vw,8.5rem);padding-bottom:clamp(5.5rem,8vw,8.5rem)}.faq h2{max-width:950px}.faq-list{border-top:1px solid var(--line);max-width:900px}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:1.35rem 3rem 1.35rem 0;font-weight:500;font-size:clamp(1rem,1.35vw,1.2rem);position:relative}summary::-webkit-details-marker{display:none}summary::after{content:"+";position:absolute;right:.6rem;top:50%;transform:translateY(-52%);font-size:1.7rem;font-weight:300;color:var(--orange);transition:transform .2s ease}details[open] summary::after{transform:translateY(-52%) rotate(45deg)}details p{max-width:740px;margin:-.05rem 0 1.6rem;color:#c8c8c8;font-size:.98rem}
.contact{background:var(--orange);color:var(--black);display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.6fr);gap:clamp(2rem,4vw,5rem);align-items:center;padding-top:clamp(5rem,9vw,9rem);padding-bottom:clamp(4rem,7vw,7rem)}.contact h2{font-family:var(--display);font-weight:400;text-transform:uppercase;margin:0;line-height:.88;font-size:clamp(4rem,9vw,9rem);letter-spacing:-.025em}.contact h2 span{display:block}.contact h2 span:nth-child(2){margin-left:14%}.contact h2 span:nth-child(4){margin-left:11%}.contact-action{display:grid;grid-template-columns:minmax(5rem,1fr) minmax(230px,1fr);align-items:center;gap:clamp(2.75rem,4vw,5rem);padding-right:clamp(1.5rem,3vw,3.5rem)}.cta-arrow{font-size:clamp(4rem,7vw,7rem);line-height:1;text-align:left}.contact-button{border-color:var(--cream);font-size:clamp(1rem,1.25vw,1.2rem);justify-self:stretch}.contact-button .button-label{padding:1rem 1.15rem}.contact-button i{min-width:3.3rem}.contact-button:hover,.contact-button:focus-visible{background:var(--black);border-color:var(--black);color:var(--cream)}.contact-button:hover i,.contact-button:focus-visible i{background:var(--cream);color:var(--black)}
footer{background:var(--black);padding:1.25rem var(--pad);display:flex;justify-content:space-between;font-size:.78rem;text-transform:uppercase;color:#aaa}
.video-modal{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:clamp(1rem,3vw,3rem);background:rgba(5,5,5,.96);color:var(--cream)}.video-modal::backdrop{background:rgba(5,5,5,.88)}.video-modal[open]{display:grid;place-items:center}.video-modal-inner{position:relative;width:min(92vw,1500px)}.video-frame{width:100%;aspect-ratio:16/9;background:#000}.video-frame iframe{display:block;width:100%;height:100%;border:0}.video-close{position:absolute;z-index:2;right:0;top:0;transform:translateY(-120%);width:2.75rem;height:2.75rem;border:1px solid var(--orange);border-radius:50%;background:transparent;color:transparent;font-size:0;line-height:1;cursor:pointer;transition:border-color .2s}.video-close::before,.video-close::after{content:"";position:absolute;left:50%;top:50%;width:1.15rem;height:2px;background:var(--orange);transform-origin:center;transition:background .2s}.video-close::before{transform:translate(-50%,-50%) rotate(45deg)}.video-close::after{transform:translate(-50%,-50%) rotate(-45deg)}.video-close:hover,.video-close:focus-visible{border-color:white}.video-close:hover::before,.video-close:hover::after,.video-close:focus-visible::before,.video-close:focus-visible::after{background:white}
.cursor-eye{display:none;position:fixed;z-index:9999;left:0;top:0;width:44px;pointer-events:none;transform:translate(-50%,-50%);transition:width .16s ease;will-change:transform}.cursor-eye img{display:block;width:100%;height:auto}.cursor-eye.is-hovering{width:56px}
.js [data-reveal]{--reveal-y:44px;opacity:0;transform:translate3d(0,var(--reveal-y),0);transition:opacity 1.2s cubic-bezier(.2,.75,.2,1),transform 1.45s cubic-bezier(.16,.8,.2,1);transition-delay:var(--delay,0ms)}.js [data-reveal].is-visible{--reveal-y:0px;opacity:1}.js .contact h2 span{opacity:0;transform:translate3d(-70px,0,0);transition:opacity 1.2s ease,transform 1.5s cubic-bezier(.16,.8,.2,1)}.js .contact [data-reveal].is-visible h2 span{opacity:1;transform:translate3d(0,0,0)}.js .contact h2 span:nth-child(2){transition-delay:195ms}.js .contact h2 span:nth-child(3){transition-delay:390ms}.js .contact h2 span:nth-child(4){transition-delay:585ms}
@media(pointer:fine){body.cursor-active,body.cursor-active a,body.cursor-active button,body.cursor-active summary{cursor:none}.cursor-eye{display:block}.hero .eye-mark{display:none}}
@media(max-width:1050px){nav{gap:clamp(.65rem,1.2vw,1.1rem);font-size:.72rem}.workflow-grid{grid-template-columns:repeat(2,1fr)}.brand-list{grid-template-columns:repeat(3,1fr)}.contact{grid-template-columns:1fr}.contact-action{grid-template-columns:minmax(5rem,1fr) minmax(230px,360px);justify-content:stretch}.cta-arrow{text-align:left}}
@media(max-width:900px){nav{gap:1.1rem}nav>a:not(.nav-cta){display:none}.hero{min-height:760px}.hero-wordmark{width:190vw}.work-grid{grid-template-columns:1fr}.project-image{aspect-ratio:16/9}.contact-action{justify-content:start}}
@media(max-width:580px){:root{--pad:1.25rem;--header-h:4.5rem;--section-title:clamp(2.8rem,14vw,4rem)}.brand span{width:5rem}.nav-cta{font-size:.7rem}.nav-cta .button-label{padding:.48rem .55rem}.nav-cta i{min-width:1.9rem}.hero{position:relative;top:auto;height:auto;min-height:0;margin-bottom:0;padding-top:2.25rem;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}.hero-content{width:100%}.eye-mark{width:4.25rem}.hero h1{font-size:clamp(3.2rem,16vw,5rem)}.text-link{margin-top:2rem}.hero-wordmark{position:relative;left:50%;bottom:auto;width:96vw;min-width:0;height:clamp(5.5rem,25vw,7.5rem);margin-top:1.25rem;transform:translate(-50%,0)!important;opacity:1!important;flex:0 0 auto}.work{padding-top:2.75rem;padding-bottom:5.5rem}.about,.workflow,.faq{padding-top:5rem;padding-bottom:5.5rem}.about{padding-bottom:0}.about-copy>p{font-size:1rem}.workflow-grid{grid-template-columns:1fr}.brand-list{grid-template-columns:repeat(2,1fr);gap:1.45rem .8rem}.contact{padding-top:5rem}.contact h2{font-size:clamp(3.7rem,17vw,5.5rem)}.contact h2 span:nth-child(2),.contact h2 span:nth-child(4){margin-left:0}.contact-action{grid-template-columns:3.5rem minmax(0,1fr);gap:1.5rem;padding-right:0}.cta-arrow{font-size:2.75rem}.contact-button{font-size:.86rem}footer{gap:1rem}.video-modal{padding:1rem}.video-close{transform:translateY(-115%)}}
/* Interaction refinements */
.brand span{display:block;background:var(--orange);-webkit-mask:url("oddimist-logo.png") center/contain no-repeat;mask:url("oddimist-logo.png") center/contain no-repeat}.hero-wordmark{background:none;-webkit-mask:none;mask:none;overflow:visible}.hero-wordmark-svg{display:block;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .25s ease}.hero-wordmark-svg.is-ready{opacity:1}.about h2{transition:color .25s ease}.about h2:hover{color:var(--orange)}.workflow-card{transition:border-color .25s ease,background-color .25s ease,transform .25s ease}.workflow-card:hover{border-color:var(--orange);background:rgba(255,59,10,.055)}.js .workflow-card.is-visible:hover{transform:translateY(-4px)}.cursor-eye.is-on-orange img{filter:brightness(0)}.contact-action{grid-template-columns:minmax(4rem,5rem) minmax(230px,340px);gap:clamp(1rem,2vw,2.25rem);justify-content:start;margin-left:clamp(-7rem,-6vw,-3rem);padding-right:0}
@media(max-width:1050px){.contact-action{margin-left:0;padding-right:0}}
@media(max-width:580px){.contact-action{grid-template-columns:3.5rem minmax(0,1fr);gap:1rem;padding-right:.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.js [data-reveal],.js .hero .eye-mark,.js .hero h1 span,.js .hero .text-link,.js .contact h2 span{opacity:1;transform:none}.cursor-eye{display:none!important}body,body a,body button,body summary{cursor:auto!important}}

/* Split-wordmark hero */
.hero.hero-redesign{position:relative;top:auto;z-index:1;display:block;height:auto;min-height:0;margin:0;padding-top:clamp(2rem,3.3vw,4rem);padding-bottom:clamp(3rem,5vw,6rem);text-align:left;overflow:hidden;background:var(--black)}
.hero-stage{position:relative;width:100%;max-width:1920px;min-height:clamp(770px,72vw,1260px);margin:0 auto;isolation:isolate}
.hero-word{position:absolute;z-index:3;line-height:0;will-change:transform,opacity}
.hero-word svg{display:block;width:100%;height:auto;overflow:visible}
.hero-word-odd{left:.5%;top:0;width:46%}
.hero-word-imist{right:.5%;top:28%;width:63%}
.hero-clip{position:absolute;z-index:1;margin:0;overflow:hidden;background:#151515;aspect-ratio:1/1}
.hero-clip::after{content:"";position:absolute;inset:0;background:rgba(5,5,5,.08);pointer-events:none}
.hero-clip video{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.04)}
.hero-clip-one{left:44.7%;top:2.5%;width:18.5%}
.hero-clip-two{left:17.5%;top:29.5%;width:16.8%}
.hero-clip-three{right:3.5%;top:60%;width:22.5%}
.hero-copy{position:absolute;z-index:4;left:12.5%;top:63%;width:59%;text-align:center}
.hero.hero-redesign h1{max-width:none;margin:0;font-family:var(--display);font-weight:400;font-size:clamp(4rem,6.75vw,8rem);line-height:.9;letter-spacing:-.015em;text-transform:uppercase}
.hero.hero-redesign h1 span{display:block}
.hero.hero-redesign h1 span:nth-child(2){margin-left:24%}
.hero-work-button{display:inline-flex;align-items:center;justify-content:center;min-width:clamp(12rem,17vw,18rem);margin-top:clamp(3rem,5vw,6rem);padding:.72rem 1.8rem;border:2px solid var(--orange);border-radius:999px;color:var(--orange);font-size:clamp(1rem,1.35vw,1.25rem);font-weight:500;line-height:1;transition:border-color .22s ease,color .22s ease,background-color .22s ease}
.hero-work-button:hover,.hero-work-button:focus-visible{border-color:var(--cream);color:var(--cream)}
.js .hero-redesign .hero-word-odd{opacity:0;transform:translate3d(-18vw,0,0)}
.js .hero-redesign .hero-word-imist{opacity:0;transform:translate3d(18vw,0,0)}
.js .hero-redesign .hero-clip{opacity:0;transform:scale(.96)}
.js .hero-redesign .hero-copy h1 span,.js .hero-redesign .hero-work-button{opacity:0;transform:translate3d(0,24px,0)}
.js .hero-redesign.is-ready .hero-word{opacity:1;transform:translate3d(0,0,0);transition:opacity .9s ease,transform 1.25s cubic-bezier(.16,.8,.2,1)}
.js .hero-redesign.is-ready .hero-word-imist{transition-delay:.08s}
.js .hero-redesign.is-ready .hero-clip{opacity:1;transform:scale(1);transition:opacity 1s ease,transform 1.2s cubic-bezier(.16,.8,.2,1)}
.js .hero-redesign.is-ready .hero-clip-one{transition-delay:.42s}
.js .hero-redesign.is-ready .hero-clip-two{transition-delay:.55s}
.js .hero-redesign.is-ready .hero-clip-three{transition-delay:.68s}
.js .hero-redesign.is-ready .hero-copy h1 span,.js .hero-redesign.is-ready .hero-work-button{opacity:1;transform:translate3d(0,0,0);transition:opacity .9s ease,transform 1s cubic-bezier(.16,.8,.2,1)}
.js .hero-redesign.is-ready .hero-copy h1 span:first-child{transition-delay:.75s}
.js .hero-redesign.is-ready .hero-copy h1 span:nth-child(2){transition-delay:1s}
.js .hero-redesign.is-ready .hero-work-button{transition-delay:1.18s}
.hero-redesign + .work{padding-top:clamp(5rem,8vw,9rem)}

@media(max-width:900px){
  .hero-stage{min-height:clamp(700px,115vw,920px)}
  .hero-word-odd{width:55%}
  .hero-clip-one{left:52%;width:23%}
  .hero-word-imist{top:29%;width:72%}
  .hero-clip-two{left:8%;top:30%;width:21%}
  .hero-copy{left:7%;top:61%;width:68%}
  .hero.hero-redesign h1{font-size:clamp(3.6rem,8.5vw,6.4rem)}
  .hero-clip-three{right:1%;top:62%;width:24%}
}
@media(max-width:580px){
  .hero.hero-redesign{padding-top:1.35rem;padding-bottom:2.5rem}
  .hero-stage{min-height:clamp(650px,178vw,760px)}
  .hero-word-odd{left:0;top:0;width:69%}
  .hero-clip-one{left:auto;right:0;top:1.5%;width:32%}
  .hero-clip-two{left:0;top:28%;width:30%}
  .hero-word-imist{right:-1%;top:27%;width:78%}
  .hero-copy{left:3%;top:56%;width:87%;text-align:left}
  .hero.hero-redesign h1{font-size:clamp(3.15rem,14.5vw,4.2rem)}
  .hero.hero-redesign h1 span:nth-child(2){margin-left:8%}
  .hero-work-button{margin-top:2.25rem;min-width:10.5rem;padding:.68rem 1.25rem;font-size:.95rem}
  .hero-clip-three{right:-2%;top:75%;width:34%}
  .hero-redesign + .work{padding-top:3.5rem}
}
@media(prefers-reduced-motion:reduce){
  .js .hero-redesign .hero-word,.js .hero-redesign .hero-clip,.js .hero-redesign .hero-copy h1 span,.js .hero-redesign .hero-work-button{opacity:1;transform:none}
}

/* v14 — cap-height grid lock */
.hero.hero-redesign{padding:0 0 clamp(2rem,3vw,3.5rem)}
.hero-stage{
  container-type:inline-size;
  width:81.5vw;
  max-width:1565px;
  min-height:max(calc(100svh - var(--header-h)),64cqw);
  margin-left:10.7vw;
  margin-right:0;
}
.hero-word-odd{left:0;top:0;width:47.5%}
.hero-clip-one{left:46.7%;top:3.81cqw;width:17.2%}
.hero-word-imist{right:0;top:20.5cqw;width:62.2%}
.hero-clip-two{left:16.9%;top:24.32cqw;width:16.65%}
.hero-clip-three{right:0;top:39.15cqw;width:24%}
.hero-copy{left:11%;top:47.2cqw;width:61%;text-align:left}
.hero.hero-redesign h1{display:flex;flex-direction:column;gap:clamp(1rem,1.6vw,1.75rem);font-size:clamp(3.5rem,4.45vw,6rem);line-height:.86}
.hero.hero-redesign h1 span:nth-child(2){margin-left:23%}
.hero-work-button{display:flex;width:max-content;min-width:clamp(12rem,15.5vw,16rem);margin:clamp(2.1rem,3vw,3.25rem) auto 0;padding:.68rem 1.8rem}
.hero-redesign + .work{padding-top:clamp(5rem,8vw,9rem)}

@media(max-width:900px){
  .hero.hero-redesign{padding:0;overflow:hidden}
  .hero-stage{
    width:100vw;
    max-width:none;
    min-height:150cqw;
    margin:0;
  }
  .hero-word-odd{left:4.3%;top:0;width:76%}
  .hero-clip-one{left:auto;right:0;top:6.12cqw;width:27.5%}
  .hero-word-imist{right:-.2%;top:30.35cqw;width:100%}
  .hero-clip-two{left:4.3%;top:65.5cqw;width:25.5%}
  .hero-clip-three{right:4.8%;top:98.5cqw;width:25.5%}
  .hero-copy{left:26.5%;top:69cqw;width:71%;text-align:left}
  .hero.hero-redesign h1{gap:2.6cqw;font-size:clamp(2.45rem,9.6vw,4.9rem);line-height:.88}
  .hero.hero-redesign h1 span:nth-child(2){margin-left:10%}
  .hero-work-button{position:absolute;left:-18%;top:35.5cqw;width:50cqw;min-width:0;margin:0;padding:1rem 1.25rem;font-size:clamp(1rem,4vw,1.45rem)}
  .hero-redesign + .work{padding-top:3.25rem}
}

@media(min-width:901px) and (max-height:760px){
  .hero-stage{min-height:64cqw}
}

/* v15 — normalized media scale and viewport-centered CTA */
.hero-clip-one,.hero-clip-two,.hero-clip-three{width:17.2%}
.hero-clip-two{top:24.05cqw}
.hero-clip-three{top:39.15cqw}
.hero.hero-redesign h1{font-size:clamp(4rem,5.12vw,6.9rem)}
.hero-work-button{
  position:absolute;
  left:calc(50vw - 10.7vw);
  top:63.5cqw;
  translate:-50% 0;
  margin:0;
}

@media(max-width:900px){
  .hero-word-odd,.hero-word-imist{left:4.3%;right:auto}
  .hero-clip-one,.hero-clip-two,.hero-clip-three{width:27.5%}
  .hero.hero-redesign h1{font-size:clamp(2.45rem,9.6vw,4.9rem)}
  .hero-work-button{
    left:13%;
    top:104.5cqw;
    translate:0 0;
    width:50cqw;
  }
}

/* v16 — mobile hero alignment and stacked footer action */
.hero-work-button{
  border-width:1px;
  font-weight:400;
}
.contact{
  grid-template-columns:minmax(0,1fr);
  align-items:start;
  gap:clamp(2.5rem,4vw,4.5rem);
}
.contact-action{
  display:block;
  margin-left:clamp(1.5rem,11vw,13rem);
  padding:0;
}
.contact-button{
  display:inline-flex;
  width:auto;
  min-width:0;
}

@media(max-width:900px){
  .hero-clip-one,.hero-clip-two,.hero-clip-three{
    width:25.5%;
  }
  .hero-clip-one{
    left:auto;
    right:0;
    top:8.2cqw;
  }
  .hero-clip-two{
    left:4.3%;
    right:auto;
    top:65.5cqw;
  }
  .hero-clip-three{
    left:auto;
    right:4.8%;
    top:95.5cqw;
  }
  .hero-work-button{
    left:50%;
    top:128.5cqw;
    translate:-50% 0;
    width:45cqw;
    padding:.8rem 1.1rem;
  }
}

@media(max-width:580px){
  .contact{
    gap:2.25rem;
  }
  .contact-action{
    margin-left:8vw;
    padding:0;
  }
}

/* v17 — place the third desktop film beneath both the S and T */
@media(min-width:901px){
  .hero-clip-three{
    right:7%;
  }
}

/* v20 — larger, airier hero headline with tighter line spacing */
.hero.hero-redesign h1{
  gap:clamp(.55rem,.85vw,1rem);
  font-size:clamp(4.6rem,5.89vw,7.94rem);
  letter-spacing:.035em;
}

@media(max-width:900px){
  .hero.hero-redesign h1{
    gap:1.4cqw;
    font-size:clamp(2.82rem,11.04vw,5.64rem);
  }
}

/* v21 — softly rounded hero film tiles */
.hero-clip{
  border-radius:10%;
}

/* v22 — keep both hero phrases on one line at every viewport width */
.hero.hero-redesign h1 span{
  white-space:nowrap;
}

@media(max-width:900px){
  .hero-copy{
    left:22%;
    width:76%;
  }
  .hero.hero-redesign h1{
    font-size:clamp(2.2rem,10.25vw,5.35rem);
  }
}

/* v24 — keep the tablet hero breathing and the brand roster continuous */
@media(min-width:581px) and (max-width:900px){
  .hero-stage{
    min-height:158cqw;
  }
  .hero-work-button{
    top:136cqw;
  }
}

@media(min-width:769px) and (max-width:1050px){
  .brand-list{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}