/* V6: a clearer journey, truthful work categories and motion that works on touch. */
.v6-category-note{max-width:65ch;font-size:16px;line-height:1.45;margin:0 0 24px;color:var(--muted)}
.filters button{font-size:14px;min-height:44px;color:var(--paper);background:color-mix(in srgb,var(--paper) 4%,transparent)}
.filters button[aria-pressed=true]{color:var(--black)}
.v6-ads-empty{padding:clamp(28px,5vw,65px);border:1px solid var(--border);background:linear-gradient(130deg,color-mix(in srgb,var(--lime) 10%,var(--black)),var(--black));min-height:290px}
.v6-ads-empty h3{margin:25px 0 19px;font-size:clamp(33px,4.5vw,60px)}
.v6-ads-empty p{max-width:48ch}
.v6-ads-empty .eyebrow{color:var(--lime)}
.atmosphere .v5-underline:after{height:.105em;bottom:-.075em;rotate:-1deg}
.hero .v5-hero-underline:after{height:.075em;bottom:-.035em}
.faq .v5-underline:after{height:.13em;bottom:-.06em}
.v5-small-poster{animation:v6-poster-float 5s ease-in-out infinite alternate;translate:0 var(--scroll-lift,0px)}
.v5-small-poster svg{animation:v6-link-float 3.8s ease-in-out infinite alternate;transform-origin:center}
@keyframes v6-poster-float{from{rotate:-3deg;translate:0 calc(var(--scroll-lift,0px) + 9px)}to{rotate:3deg;translate:0 calc(var(--scroll-lift,0px) - 12px)}}
@keyframes v6-link-float{from{transform:translate(-6px,9px) rotate(9deg)}to{transform:translate(7px,-14px) rotate(27deg)}}
.studio-panel{--rise:-28px;--duration:4.5s}
.studio-mini{--rise:-21px;--duration:3.8s}
.studio-scene{translate:0 var(--scene-lift,0px)}
.mini-symbol svg{animation:v6-icon-tilt 3.2s ease-in-out infinite alternate}
.mini-social .mini-symbol svg{animation-delay:-1.7s}
@keyframes v6-icon-tilt{from{rotate:-9deg;translate:0 2px}to{rotate:9deg;translate:0 -3px}}
.client-core{animation:v6-core-float 4.6s ease-in-out infinite alternate}
@keyframes v6-core-float{from{translate:0 7px}to{translate:0 -7px}}
.v5-art-orbit{animation-duration:3.4s}.v5-orbit-b{animation-duration:4.6s}
.v5-contact-cta>svg{animation:v6-cta-arrow 2.6s ease-in-out infinite alternate}
@keyframes v6-cta-arrow{from{translate:-5px 5px}to{translate:5px -5px}}
.v5-contact h2{font-size:clamp(68px,8.5vw,126px);line-height:.96;letter-spacing:-.06em}
.v5-contact h2>span{rotate:2deg;transform:none;margin-top:.1em}
/* One navigation system and one selected story: no timers or competing counters. */
.v6-process{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,.68fr);gap:clamp(30px,5vw,76px);align-items:start}
.v6-step-list{display:flex;flex-direction:column;border-top:1px solid var(--border)}
.v6-step-list button{display:flex;gap:17px;align-items:center;text-align:left;width:100%;background:none;border:0;border-bottom:1px solid var(--border);padding:27px 18px;color:var(--muted);min-height:91px;transition:background .3s,color .3s,padding .3s}
.v6-step-list button>span{font:400 13px/1 var(--body)}
.v6-step-list button>strong{font:800 clamp(19px,1.9vw,27px)/1.15 var(--display);letter-spacing:-.035em}
.v6-step-list button>svg{margin-left:auto;opacity:0;width:19px}
.v6-step-list button[aria-selected=true]{background:var(--lime);color:var(--black)}
.v6-step-list button[aria-selected=true]>svg{opacity:1}
.v6-step-list button:hover:not([aria-selected=true]){background:color-mix(in srgb,var(--paper) 6%,transparent);color:var(--paper)}
.v6-process-panel{background:var(--paper);color:var(--black);padding:clamp(26px,3.8vw,53px);min-width:0;min-height:665px;display:flex;flex-direction:column;position:relative}
.v6-process-top{display:flex;align-items:start;gap:20px;justify-content:space-between;margin-bottom:28px;min-height:45px}
.v6-process-top .eyebrow{color:var(--black);font-size:10px;letter-spacing:.09em;max-width:30ch}
.v6-process-symbol{width:49px;height:49px;flex:none;animation:v6-icon-tilt 4s ease-in-out infinite alternate}
.v6-process-panel h3{font-size:clamp(34px,3.7vw,53px);letter-spacing:-.055em;min-height:1.98em;max-width:15ch}
#process-description{color:var(--black);font-size:18px;line-height:1.4;min-height:76px;max-width:43ch;margin-top:14px}
.v6-conversation{display:grid;gap:20px;border-top:1px solid color-mix(in srgb,var(--black) 22%,transparent);padding-top:25px;margin-top:17px;min-height:177px}
.v6-conversation>div{display:grid;grid-template-columns:80px 1fr;gap:15px;align-items:baseline}
.v6-conversation span{font-size:10px;letter-spacing:.09em}
.v6-conversation p{font-size:18px;line-height:1.35;color:var(--black);max-width:41ch}
.v6-conversation>div:last-child p{font-weight:600}
.v6-deliverable{background:var(--lime);padding:17px 20px;display:flex;align-items:center;gap:15px;margin-top:27px;min-height:80px}
.v6-deliverable svg{width:27px;height:22px}
.v6-deliverable span{display:block;font-size:9px;letter-spacing:.12em;margin-bottom:4px}
.v6-deliverable strong{display:block;font:800 18px/1.25 var(--display);letter-spacing:-.025em}
.v6-next-step{background:none;border:0;border-bottom:1px solid var(--black);align-self:end;padding:12px 0 7px;margin-top:22px;color:var(--black);font-size:15px;display:flex;align-items:center;gap:20px;min-height:44px}
.v6-process-panel.v6-changing h3,.v6-process-panel.v6-changing .v6-conversation{animation:v6-content-in .4s ease both}
@keyframes v6-content-in{from{opacity:.3;translate:0 9px}to{opacity:1;translate:0 0}}
.motion-paused .studio-scene,.motion-paused .v5-small-poster{translate:none!important}
@media(max-width:900px){.v6-process{grid-template-columns:minmax(0,.34fr) minmax(0,.66fr);gap:22px}.v6-step-list button{padding:25px 13px;gap:10px}.v6-step-list button>strong{font-size:21px}.v6-step-list button>svg{display:none}.v6-conversation>div{grid-template-columns:1fr;gap:6px}.v6-process-panel{min-height:720px}.v6-conversation{min-height:205px}.v5-contact h2{font-size:8.5vw}}
@media(max-width:700px){
 .v6-process{grid-template-columns:1fr;gap:19px}.v6-step-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:0;gap:7px}
 .v6-step-list button{border:1px solid var(--border);min-height:72px;padding:13px 10px;gap:9px}.v6-step-list button>span{font-size:10px}.v6-step-list button>strong{font-size:16px;line-height:1.2}
 .v6-process-panel{padding:25px 22px;min-height:670px}.v6-process-panel h3{font-size:38px;min-height:2em}.v6-process-top{margin-bottom:23px}.v6-process-top .eyebrow{font-size:9px;max-width:25ch}.v6-process-symbol{width:40px;height:40px}
 #process-description{font-size:17px;min-height:73px;margin-top:13px}.v6-conversation{gap:18px;min-height:220px;padding-top:21px;margin-top:17px}.v6-conversation p{font-size:17px}.v6-deliverable{padding:15px;margin-top:22px;min-height:85px}.v6-deliverable strong{font-size:17px}.v6-next-step{margin-top:18px}
 .gallery-grid{grid-template-columns:1fr;gap:17px}.gallery-item{padding:8px;border-radius:12px}.gallery-item img{aspect-ratio:1.5;object-position:50% 42%}.gallery-item>span{font-size:16px;padding:13px 6px 7px}.v6-category-note{font-size:16px}.filters{gap:7px}.filters button{padding:8px 15px}
 .v5-contact h2{font-size:clamp(52px,12.5vw,87px);line-height:.98}.v5-contact-main{gap:38px}.v5-small-poster{margin-top:14px;margin-bottom:12px}.v5-intro-layout{gap:41px}.v5-small-poster svg{animation-duration:3.4s}
}
@media(max-width:380px){.v6-process-panel{padding-inline:18px}.v6-process-panel h3{font-size:34px}.v6-conversation{min-height:240px}.v6-step-list button>strong{font-size:14px}.v6-deliverable strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.studio-scene,.v5-small-poster{translate:none!important}}
/* Action typography uses the real bold brand face, not synthesized body weight. */
.button,.button span,.menu-button,.v5-contact-cta>span,.v5-contact-cta>small,.v6-next-step,.v5-motion-control,.footer-inner>a:last-child{ text-transform:uppercase }
.button,.button span,.menu-button,.v5-contact-cta>span,.v6-next-step{font-family:var(--display);font-weight:800;letter-spacing:.01em}
.nav .button span{font-size:13px;line-height:1.2}
.wa-icon{display:block;flex:0 0 20px;width:20px!important;height:20px!important;aspect-ratio:1;overflow:visible}
.button-small .wa-icon{width:18px!important;height:18px!important;flex-basis:18px}
.ticker-group b{display:flex;align-items:center}.ticker-group b svg{width:13px;height:13px}.detail-arrow svg{width:18px;height:18px}
@media(max-width:700px){.actions .button span{font-size:13px}.actions .button{gap:11px}.wa-icon{width:19px!important;height:19px!important;flex-basis:19px}}
.hero h1{font-size:clamp(30px,4.3vw,66px);line-height:1.02;text-wrap:initial;letter-spacing:-.06em}
.hero h1 .v5-underline{color:var(--lime)}
.hero h1 .v5-underline:after{height:.075em;bottom:-.04em}
.hero-copy p{max-width:42ch;font-size:clamp(16px,1.35vw,19px)}
.v6-work-hint{display:inline-block;margin-top:15px;font-size:15px;color:var(--quiet)}
.v5-contact h2{font-size:clamp(62px,7.2vw,108px)}
.v5-contact-bottom p{max-width:48ch}
#process-description{min-height:100px}
.v6-process-panel{min-height:710px}
@media(max-width:700px){.hero h1{font-size:clamp(30px,7.7vw,52px);line-height:1.08}.hero-copy p{font-size:17px;line-height:1.5}.actions .button{min-height:48px}.actions .button span{font-size:12px}.v5-contact h2{font-size:clamp(45px,10.9vw,76px)}.v6-process-panel{min-height:730px}#process-description{min-height:119px}}
.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.gallery-item>small{display:block;font-size:10px;letter-spacing:.06em;color:var(--quiet);padding:3px 5px 9px}
.v6-film-card img{object-position:50% 44%}
@media(max-width:700px){.gallery-grid{grid-template-columns:1fr}.gallery-item>small{font-size:9px;padding-inline:6px}.hero h1{font-size:clamp(28px,7.3vw,50px)}}

/* Intentional three-line hero keeps the approved confident hierarchy. */
.hero h1{font-size:clamp(42px,5.4vw,64px);line-height:1.01}
.hero-copy p{max-width:38ch}
@media(max-width:700px){.hero h1{font-size:clamp(36px,9.6vw,52px);line-height:1.02}.actions .button span{font-size:12px}.hero-copy p{max-width:36ch}}