/* Content adaptations over the reference's original scene geometry. */
.nav:has([data-menu-btn][aria-expanded="true"]){z-index:75}
.menu{overflow-y:auto}
.menu[hidden]{display:none!important}
body:has([data-menu-btn][aria-expanded="true"]) .whatsapp-float{opacity:0;pointer-events:none}
.menu__foot{gap:1.5rem}
@media(max-width:480px){.menu__foot{align-items:flex-start;gap:1rem}.menu__foot>.label--dim{max-width:16ch;font-size:.5rem;line-height:1.7}.menu__cta{white-space:nowrap;font-size:.6rem}}
@media(max-width:640px){.pro__cue{bottom:5.5rem}.pro__meta--bl{max-width:calc(100% - 5rem);font-size:.55rem;line-height:1.6}}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.wm text.wm__tag{letter-spacing:7px;font-weight:500}
.pro__meta--bl a{color:var(--cyan)}
.browser-ui__bar span{margin-left:auto;font-size:1.4cqw;opacity:.6}
.phone__icon > span > img{position:static;inset:auto;display:block;width:76%;height:76%;object-fit:contain}
.nm__facts{grid-template-columns:repeat(5,minmax(0,1fr))}
.nm__facts .h3{font-size:clamp(1rem,1.5vw,1.4rem)}
.nm__facts p{font-size:.875rem}
.nm__ipa{font-size:clamp(1.15rem,2vw,1.9rem)}
.stk__svg text{fill:currentColor;letter-spacing:-1px}
.stk__ratio{visibility:hidden}
.vloop__item{overflow:hidden}
.vloop__project{display:block;width:90%;height:76%;margin:5% auto;object-fit:cover;object-position:top;border-radius:8px;box-shadow:0 12px 35px #0002;pointer-events:none}
.vloop__cap{gap:1rem;font-size:.5rem}
.ty__glyphs{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #ffffff25}
.ty__glyphs li{min-width:0}
.ty__glyphs button{width:100%;height:clamp(64px,8vw,110px);font-size:clamp(20px,3vw,40px);border:0;border-right:1px solid #ffffff25}
.ty__glyphs li:last-child button{border-right:0}
.ty__big{font-size:clamp(90px,16vw,230px)}
.service-detail{display:flex;align-items:center;justify-content:space-between;gap:4rem;padding:2.5rem 0 0}
.service-detail .lead{max-width:650px;min-height:5em}
.service-detail .btn{flex-shrink:0}
.co__hex--h{font-size:clamp(2.8rem,4.8vw,5.8rem);letter-spacing:-.075em}
.co__hex--v{font-size:clamp(2.8rem,4vw,5.8rem)}
.co__specs{line-height:1.7}
.co__bar>span{font-size:.8rem;white-space:nowrap}
.co__bar>span:last-child{font-size:1.5rem}
.cl__foot{flex-wrap:wrap;gap:1.3rem;line-height:1.8}
.cl__foot a:hover{color:var(--cyan)}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:65;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#22d3ee;color:#0a0a12;box-shadow:0 5px 25px #0004}
.whatsapp-float .icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7}
.whatsapp-float span{position:absolute;right:65px;padding:8px 12px;border-radius:12px;background:#13131f;color:#f7f7fb;white-space:nowrap;font-size:.7rem;opacity:0;transition:opacity .2s;pointer-events:none}
.whatsapp-float:hover span,.whatsapp-float:focus-visible span{opacity:1}
@media(max-width:900px){.nm__facts{grid-template-columns:repeat(3,minmax(0,1fr))}.service-detail{align-items:flex-start;flex-direction:column;gap:1rem}.service-detail .lead{min-height:0}}
@media(max-width:640px){.nm__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.nm__facts li:last-child{grid-column:1/-1}.wm text.wm__tag{font-size:25px;letter-spacing:4px}.co__hex--h{font-size:2.2rem}.ty__glyphs{grid-template-columns:repeat(3,1fr)}.ty__glyphs button{border-bottom:1px solid #ffffff25}.co__bar>span{font-size:.6rem}.cl__foot{display:grid;grid-template-columns:1fr;font-size:.6rem}.whatsapp-float{width:46px;height:46px;right:15px;bottom:15px}.service-detail .btn{font-size:.65rem}}

.display,.h1,.h2{line-height:1.04}
.pro__manifesto .display{font-size:clamp(2rem,4.25vw,4.1rem)}
.pro__bigk{color:var(--lime)}
@media(max-width:860px){.pro__manifesto .display{font-size:clamp(1.9rem,7.8vw,3rem)}.pro__manifesto .lead{max-width:44ch;font-size:.86rem}}

/* Longer studio labels use the same compositions without clipping. */
.ld__word{width:150px;height:auto}
.co__hex--h{font-size:clamp(2rem,3.7vw,4.4rem)}
.co__strip.is-open .co__hex--h{white-space:normal;overflow-wrap:normal;line-height:1.02}
@media(max-width:900px){
  .nm__facts li:nth-child(3){padding-left:1.4rem;border-left:1px solid var(--line-night)}
  .nm__facts li:nth-child(4){padding-left:0;border-left:0}
}
@media(max-width:860px){
  .co__bar>span:not(:first-child){font-size:.65rem}
  .co__bar>span:last-child{font-size:1.2rem}
  .co__bar>span{padding-inline:.55rem}
  .co__hex--h,.co__strip.is-open .co__hex--h{font-size:clamp(1.85rem,7.8vw,2.7rem);letter-spacing:-.06em;line-height:1.05}
}
@media(max-width:640px){
  .nm__facts li:nth-child(3),.nm__facts li:nth-child(5){padding-left:0;border-left:0}
  .nm__facts li:nth-child(4){padding-left:1.4rem;border-left:1px solid var(--line-night)}
  .co__bar{height:auto;min-height:4.2rem;flex-wrap:wrap;border-radius:var(--r-m)}
  .co__bar>span,.co__bar>span:not(:first-child){flex:1 1 calc(50% - 1px);min-height:3.4rem;font-size:.75rem;padding:.7rem .8rem;align-items:center;justify-content:center;white-space:normal;text-align:center}
  .co__bar>span:last-child{font-size:1.25rem}
}

/* Readable document mode if the animation module cannot initialize. */
html.motion-fallback,
html.motion-fallback body{height:auto!important;overflow:auto!important;scroll-behavior:auto!important}
html.motion-fallback body{overflow-x:clip!important}
html.motion-fallback,
html.motion-fallback *{cursor:auto!important}
html.motion-fallback a,
html.motion-fallback button,
html.motion-fallback summary{cursor:pointer!important}
html.motion-fallback .ld,
html.motion-fallback .cursor,
html.motion-fallback .progress,
html.motion-fallback .grain,
html.motion-fallback .nav__hover,
html.motion-fallback .menu,
html.motion-fallback .nav__menu{display:none!important}
html.motion-fallback .nav{visibility:visible!important;opacity:1!important;transform:none!important}
html.motion-fallback .nav__pill{flex-wrap:wrap;justify-content:space-between;border-radius:24px}
html.motion-fallback .nav__links{display:flex!important;order:3;flex-basis:100%;width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding-top:.3rem}
html.motion-fallback .nav__link{flex:none;opacity:1}
html.motion-fallback .nav__txt span:first-child{transform:none!important}
html.motion-fallback .nav__txt span+span{display:none}
html.motion-fallback .pin-spacer{position:relative!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;overflow:visible!important}
html.motion-fallback .curtain{margin-top:0;border-radius:0}
html.motion-fallback :where(main [style]){opacity:1!important;visibility:visible!important;transform:none!important;translate:none!important;rotate:none!important;scale:none!important}
html.motion-fallback main [data-fade],
html.motion-fallback main [data-parallax],
html.motion-fallback main [data-wm-l],
html.motion-fallback main [data-wm-tag],
html.motion-fallback main [data-hero-meta],
html.motion-fallback main [data-cl-l],
html.motion-fallback main .ln,
html.motion-fallback main .w{opacity:1!important;visibility:visible!important;transform:none!important;translate:none!important;rotate:none!important;scale:none!important}
html.motion-fallback [data-magnetic]{transform:none!important}
html.motion-fallback .pro__stage,
html.motion-fallback .ga__stage,
html.motion-fallback .ap__stage,
html.motion-fallback .stk__stage{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;overflow:visible!important;transform:none!important}
html.motion-fallback .pro__stage>*{position:relative!important;inset:auto!important}
html.motion-fallback .pro__light,
html.motion-fallback .pro__night,
html.motion-fallback .sym-cam,
html.motion-fallback .pro__cue{display:none!important}
html.motion-fallback .pro__hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;min-height:85svh;padding:180px var(--gutter) 65px;background:radial-gradient(ellipse at 65% 30%,#4c2c7526,transparent 65%),var(--night);opacity:1!important;visibility:visible!important;transform:none!important}
html.motion-fallback .wm{width:min(86vw,76rem);margin:0;transform:none!important;opacity:1!important}
html.motion-fallback .pro__meta{position:static;max-width:100%;align-self:flex-start;opacity:1!important;transform:none!important}
html.motion-fallback .pro__meta--tl{order:-1}
html.motion-fallback .pro__mist{display:block;clip-path:none!important;padding-block:75px;background:var(--mist);color:var(--night);opacity:1!important}
html.motion-fallback .pro__bigk{position:absolute!important;left:55%!important;top:0!important;height:100%;max-width:none;opacity:.08!important;transform:none!important;pointer-events:none}
html.motion-fallback .pro__manifesto,
html.motion-fallback .pro__symtxt{position:relative!important;inset:auto!important;width:var(--container);max-width:1200px;margin-inline:auto;opacity:1!important;visibility:visible!important;transform:none!important}
html.motion-fallback .pro__manifesto .display{max-width:20ch}
html.motion-fallback .pro__symtxt{padding-block:70px;color:var(--mist)}
html.motion-fallback .pro__symtxt .lead{display:block!important;max-width:44rem}
html.motion-fallback [data-man-title],
html.motion-fallback [data-man-lead],
html.motion-fallback [data-symtxt]{opacity:1!important;visibility:visible!important;transform:none!important}
html.motion-fallback .card-rig{width:100%;height:auto;perspective:none;padding:65px var(--gutter);background:var(--grad-lime)}
html.motion-fallback .card-drop,
html.motion-fallback .card-float{position:relative!important;inset:auto!important;width:min(560px,80vw);height:auto;margin-inline:auto;transform:none!important;opacity:1!important;--cw:min(560px,80vw)}
html.motion-fallback .card{transform:none!important;opacity:1!important}
html.motion-fallback .card__front{transform:none!important}
html.motion-fallback .card__back,
html.motion-fallback .card__edge,
html.motion-fallback .card-shadow{display:none!important}
html.motion-fallback .ga__stage{padding-top:45px}
html.motion-fallback .ga__track{display:flex;width:100%;gap:25px;padding:35px var(--gutter) 45px;align-items:flex-start;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;transform:none!important}
html.motion-fallback .ga__intro{flex:0 0 min(82vw,540px);width:auto;padding-right:20px}
html.motion-fallback .ga__item{flex:none;scroll-snap-align:start;opacity:1!important;transform:none!important}
html.motion-fallback .ga__frame img{left:0;width:100%;transform:none!important}
html.motion-fallback .ga__end,
html.motion-fallback .ga__progress{display:none}
html.motion-fallback .ap__stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:75px var(--gutter)}
html.motion-fallback .ap__txt{position:static;width:100%;margin:0;transform:none!important;opacity:1!important}
html.motion-fallback .ap__txt .display{max-width:14ch;opacity:1!important;transform:none!important}
html.motion-fallback .ap__notes{width:auto}
html.motion-fallback .ap__notes li{display:flex!important;opacity:1!important}
html.motion-fallback .ap__bigk,
html.motion-fallback .ap__shadow{display:none}
html.motion-fallback .ap__rig{position:relative!important;inset:auto!important;width:auto;height:auto;display:grid;place-items:center;perspective:none;transform:none!important}
html.motion-fallback .ap__tilt{position:relative!important;inset:auto!important;transform:none!important}
html.motion-fallback .phone{--pw:min(300px,65vw);position:relative;inset:auto;transform:none!important}
html.motion-fallback .phone__front{transform:none!important}
html.motion-fallback [data-ap-s1]{opacity:1!important;transform:none!important}
html.motion-fallback [data-ap-s2],
html.motion-fallback .phone__icon,
html.motion-fallback .phone__back,
html.motion-fallback .phone__edge,
html.motion-fallback .phone__btn{display:none!important}
html.motion-fallback .nm__wm,
html.motion-fallback .nm__wm>*{opacity:1!important;transform:none!important}
html.motion-fallback .stk__stage{padding:65px var(--gutter);gap:25px}
html.motion-fallback .stk__svg{width:100%;height:auto;max-height:none;aspect-ratio:1260/700}
html.motion-fallback .stk__svg [data-stk-l],
html.motion-fallback .stk__svg [data-stk-group]{transform:none!important;opacity:1!important}
html.motion-fallback .stk__frame{display:none}
html.motion-fallback .stk__txt{width:100%}
html.motion-fallback .vs__grid{min-height:0;padding-block:65px;align-items:start}
html.motion-fallback .vs__text{position:relative;top:auto;height:auto;padding-top:0}
html.motion-fallback .vs__text .sec-head{position:static}
html.motion-fallback .vs__title{margin-top:30px}
html.motion-fallback .vloop{position:relative;top:auto;height:auto;overflow:visible;-webkit-mask-image:none;mask-image:none}
html.motion-fallback .vloop__col{overflow:visible;touch-action:auto}
html.motion-fallback .vloop__inner{height:auto!important;transform:none!important}
html.motion-fallback .vloop__inner>.vloop__item:nth-child(n+4){display:none}
html.motion-fallback .vloop__item{opacity:1!important;transform:none!important}
html.motion-fallback .vloop__cap{opacity:1;transform:none}
html.motion-fallback .co__strip{opacity:1!important;transform:none!important}
html.motion-fallback .co__strips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;gap:15px}
html.motion-fallback .co__strip button{min-height:300px;gap:25px;clip-path:none;cursor:default}
html.motion-fallback .co__hex--v{display:none}
html.motion-fallback .co__hex--h{font-size:clamp(2rem,4vw,3rem);line-height:1.05;opacity:1;white-space:normal}
html.motion-fallback .co__more{display:flex;opacity:1;transform:none;pointer-events:auto}
html.motion-fallback .co__grad-fill{clip-path:none!important}
html.motion-fallback .co__bar>span{transform:none!important;opacity:1!important}
html.motion-fallback .pt__field{height:auto;min-height:0;padding-block:65px}
html.motion-fallback .pt__field canvas{display:none}
html.motion-fallback .pt__over{position:relative;padding-top:0;gap:25px}
html.motion-fallback .pt__over .sec-head{position:static}
html.motion-fallback .pt__title{max-width:18ch}
html.motion-fallback .pt__title,
html.motion-fallback .pt__lead{opacity:1!important;transform:none!important}
@media(max-width:860px){
  html.motion-fallback .nav__link{padding:.6rem .8rem;font-size:.75rem}
  html.motion-fallback .pro__hero{padding-top:170px}
  html.motion-fallback .pro__manifesto .display{font-size:clamp(2rem,7.8vw,3rem)}
  html.motion-fallback .ap__stage{grid-template-columns:1fr;gap:40px;padding-block:60px}
  html.motion-fallback .ap__txt .display{max-width:18ch}
  html.motion-fallback .phone{margin-inline:auto}
  html.motion-fallback .stk__txt{grid-template-columns:1fr}
  html.motion-fallback .vs__grid{display:block}
  html.motion-fallback .vloop{margin-top:25px}
  html.motion-fallback .co__strips{grid-template-columns:1fr}
  html.motion-fallback .co__strip button{min-height:260px}
}