/* advaintage.com v5 "Screening Room" */
@font-face{font-family:"Switzer";src:url(/assets/f/switzer.woff2) format("woff2-variations"),url(/assets/f/switzer.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Switzer Fallback";src:local("Arial"),local("Helvetica Neue"),local("Helvetica");size-adjust:98%;ascent-override:94%;descent-override:24%;line-gap-override:0%}
@font-face{font-family:"Geist Mono";src:url(/assets/f/geist-mono-lat.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist Mono";src:url(/assets/f/geist-mono-ext.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --ink:#0B0B0A;--ink-2:#141413;--ink-3:#1E1D1B;--ink-4:#2A2926;
  --paper:#F5F3EE;--paper-2:#EEECE6;--paper-3:#E2DFD8;--white:#FFFFFF;
  --on-ink:#F5F3EE;--on-ink-2:#B9B6AE;--on-ink-3:#8C8A84;
  --on-paper:#0B0B0A;--on-paper-2:#3A3833;--on-paper-3:#6B675F;
  --line-ink:rgba(245,243,238,.12);--line-ink-2:rgba(245,243,238,.22);
  --line-paper:rgba(11,11,10,.12);--line-paper-2:rgba(11,11,10,.22);
  --orange:#F26316;--orange-hi:#FF7A33;--orange-press:#D9540E;--orange-deep:#B4490C;--orange-text:#E85A0C;
  --focus:rgba(242,99,22,.38);
  --err-ink:#FF6A5E;--err-paper:#C8321F;
  --glass-ink:rgba(20,20,19,.55);--glass-paper:rgba(245,243,238,.72);
  --glass-blur:blur(18px) saturate(150%);
  --glass-ring:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.08);
  --sans:"Switzer","Switzer Fallback","Helvetica Neue",Arial,sans-serif;
  --mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --g:clamp(16px,4vw,56px);
  --max:1440px;
  --sec:clamp(88px,10.5vw,168px);
  --ease-out:cubic-bezier(.16,1,.3,1);--ease-io:cubic-bezier(.65,0,.35,1);--ease-film:cubic-bezier(.76,0,.24,1);
  --t-xl:clamp(46px,min(7.7vw,13.6svh),138px);
  --t-l:clamp(34px,5.2vw,88px);
  --t-m:clamp(24px,2.5vw,42px);
  --t-row:clamp(22px,2vw,32px);
  --t-s:clamp(18px,1.35vw,22px);
  --t-lead:clamp(17px,1.3vw,21px);
  --t-body:clamp(16px,1.05vw,17px);
  --hair:1px;
  --nav-h:64px;
}
@media (min-resolution:2dppx){:root{--hair:.5px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:96px;scrollbar-gutter:stable}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--paper);color:var(--on-paper);font-family:var(--sans);font-size:var(--t-body);line-height:1.55;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip;font-feature-settings:"kern" 1}
img,video,svg{display:block;max-width:100%}
img,video{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
::selection{background:var(--orange);color:var(--ink)}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:16px;top:-80px;z-index:1000;background:var(--orange);color:var(--ink);padding:12px 18px;border-radius:999px;font-weight:500}
.skip:focus{top:16px}
.mono{font-family:var(--mono);font-weight:500;font-size:clamp(11px,.8vw,12px);letter-spacing:.14em;text-transform:uppercase;line-height:1.25;font-variant-numeric:tabular-nums}
.ic{width:20px;height:20px;flex:none}
.ic--fill{width:18px;height:18px}
.mk{width:8px;height:9px;flex:none;fill:var(--orange);display:inline-block}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--g)}
.m-only{display:none}
.touch-only{display:none}
html:not(.fine) .fine-only{display:none}
html:not(.fine) .touch-only{display:inline}
.d-only{display:inline}
@media (max-width:767px){.m-only{display:inline}.d-only{display:none}}
@media (max-width:360px){.brand__wm{display:none}}

/* surfaces */
.ink{background:var(--ink);color:var(--on-ink);position:relative}
.paper{background:var(--paper);color:var(--on-paper);position:relative}
.ink::before{content:"";position:absolute;inset:0;background:url(/assets/i/grain.png) repeat;background-size:160px;opacity:.035;pointer-events:none;z-index:0}
.ink>*{position:relative;z-index:1}

/* type */
.h1{font-size:var(--t-xl);line-height:.95;letter-spacing:-.05em;font-weight:500;max-width:14ch;margin-left:-.04em;text-wrap:balance}
html[lang=cs] .h1{line-height:.98;max-width:15ch}
.h1 .accent{color:var(--orange-text)}
.ink .h1 .accent{color:var(--orange)}
.h2{font-size:var(--t-l);line-height:1;letter-spacing:-.04em;font-weight:500;max-width:18ch;margin-left:-.03em;text-wrap:balance}
html[lang=cs] .h2{line-height:1.03}
.lead{font-size:var(--t-lead);line-height:1.45;letter-spacing:-.005em;max-width:46ch;text-wrap:pretty}
.paper .lead,.hero .lead{color:var(--on-paper-2)}
.ink .lead{color:var(--on-ink-2)}
.line-mask{padding-block:.12em .16em;margin-block:-.12em -.16em}
@media (max-width:767px){.h1{letter-spacing:-.04em}.h2{letter-spacing:-.03em}}

/* slate row */
.slate{display:flex;justify-content:space-between;gap:16px;padding-top:20px;border-top:var(--hair) solid var(--line-paper-2);margin-bottom:clamp(32px,4vw,56px)}
.slate .mono{color:var(--on-paper-3)}
.ink .slate{border-color:var(--line-ink-2)}
.ink .slate .mono{color:var(--on-ink-3)}
.slate--ink{border-color:rgba(11,11,10,.3)}
.slate--ink .mono{color:rgba(11,11,10,.72)}
.sec__head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:32px;align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.sec__lead{justify-self:end}
.sec__foot{margin-top:clamp(40px,4vw,64px);display:flex;justify-content:flex-start}
@media (max-width:1023px){.sec__head{grid-template-columns:1fr;gap:20px}.sec__lead{justify-self:start}}

/* buttons */
.btn{--h:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--h);padding:0 22px 0 24px;border-radius:999px;font-weight:500;font-size:15px;letter-spacing:-.005em;line-height:1;white-space:nowrap;transition:background-color .3s var(--ease-out),color .3s var(--ease-out),box-shadow .3s var(--ease-out),transform .16s var(--ease-out);will-change:transform;position:relative;isolation:isolate}
.btn .ic{width:18px;height:18px;transition:transform .35s var(--ease-out)}
.btn:hover .ic:last-child{transform:translateX(3px)}
.btn:active{transform:scale(.97)}
.btn--o{background:var(--orange);color:var(--ink)}
.btn--o:hover{background:var(--orange-hi)}
.btn--o:active{background:var(--orange-press)}
.btn--line{box-shadow:inset 0 0 0 1px var(--line-paper-2);color:var(--on-paper)}
.btn--line:hover{box-shadow:inset 0 0 0 1px var(--on-paper)}
.btn--line .ic--fill{width:14px;height:14px;color:var(--orange)}
.btn--line-ink{box-shadow:inset 0 0 0 1px var(--line-ink-2);color:var(--on-ink)}
.btn--line-ink:hover{box-shadow:inset 0 0 0 1px var(--on-ink)}
.btn--line-p{box-shadow:inset 0 0 0 1px var(--line-paper-2);color:var(--on-paper)}
.btn--line-p:hover{box-shadow:inset 0 0 0 1px var(--on-paper)}
.btn--line-p .ic--fill{width:14px;height:14px;color:var(--orange)}
.btn--paper{background:var(--paper);color:var(--ink)}
.btn--paper:hover{background:var(--white)}
.btn--ink{background:var(--ink);color:var(--paper)}
.btn--block{width:100%}
.btn--lg{--h:56px;font-size:16px}
.btn--sm{--h:40px;padding:0 14px 0 16px;font-size:14px}
.btn__meta{color:var(--on-paper-3);letter-spacing:.06em;margin-left:2px}
@media (hover:none){.btn{font-size:16px}}
.round{width:44px;height:44px;border-radius:50%;display:inline-grid;place-items:center;flex:none;transition:background-color .25s,box-shadow .25s,transform .16s}
.round:active{transform:scale(.94)}
.round.line{box-shadow:inset 0 0 0 1px var(--line-paper-2)}
.round.line:hover{box-shadow:inset 0 0 0 1px var(--on-paper)}
.round.line:disabled{opacity:.35;cursor:default}
.round.sm{width:36px;height:36px}
.round .ic{width:18px;height:18px}
.pill{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px}
.glass{background:var(--glass-ink);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-ring);color:var(--on-ink)}
.glass-paper{background:var(--glass-paper);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:inset 0 0 0 1px rgba(11,11,10,.08);color:var(--on-paper)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass{background:rgba(20,20,19,.94)}.glass-paper{background:rgba(245,243,238,.96)}}
.lnk{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:15px;line-height:1.2;padding:6px 0;border-bottom:1px solid transparent;transition:border-color .25s,color .25s}
.lnk:hover{border-color:currentColor}
.lnk .ic{width:16px;height:16px}
.lnk .ic--fill{width:13px;height:13px;color:var(--orange)}
.lnk--o .ic{color:var(--orange);transition:transform .35s var(--ease-out)}
.lnk--o:hover .ic{transform:translateX(3px)}
.chip{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line-ink-2);color:var(--on-ink-2);letter-spacing:.1em}
.chip-l{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line-paper-2);font-size:14px;font-weight:500;transition:box-shadow .25s}
.chip-l:hover{box-shadow:inset 0 0 0 1px var(--on-paper)}
.chip-l .ic{width:14px;height:14px}

/* viewfinder corners */
.vf{position:absolute;inset:-10px;pointer-events:none;z-index:4;--c:rgba(245,243,238,.35);--o:8px}
.vf i{position:absolute;width:16px;height:16px;border:1.5px solid var(--c);transition:transform .35s var(--ease-out),border-color .35s var(--ease-out)}
.vf i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0;border-top-left-radius:6px;transform:translate(calc(var(--o)*-1),calc(var(--o)*-1))}
.vf i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0;border-top-right-radius:6px;transform:translate(var(--o),calc(var(--o)*-1))}
.vf i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0;border-bottom-left-radius:6px;transform:translate(calc(var(--o)*-1),var(--o))}
.vf i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0;border-bottom-right-radius:6px;transform:translate(var(--o),var(--o))}
.paper .vf,.scr--paper .vf{--c:rgba(11,11,10,.28)}
.is-live>.vf,.vf--live,.scr:hover>.vf,.svc.is-on .vf,.wscr.is-live>.vf{--c:var(--orange);--o:0px}

/* ================================================================ NAV */
.nav{position:fixed;top:12px;left:0;right:0;z-index:300;padding-inline:var(--g);pointer-events:none;transition:transform .45s var(--ease-out)}
.nav.is-hidden{transform:translateY(-130%)}
.nav__in{pointer-events:auto;position:relative;margin-inline:auto;max-width:1240px;height:var(--nav-h);display:flex;align-items:center;gap:20px;padding:0 10px 0 22px;border-radius:999px;background:var(--glass-paper);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:inset 0 0 0 1px rgba(11,11,10,.08),0 8px 30px -12px rgba(11,11,10,.12);color:var(--on-paper);transition:background-color .3s linear,color .3s linear,box-shadow .3s linear}
.nav[data-theme=ink] .nav__in{background:var(--glass-ink);box-shadow:var(--glass-ring),0 10px 30px -12px rgba(0,0,0,.5);color:var(--on-ink)}
.nav[data-theme=orange] .nav__in{background:rgba(242,99,22,.86);box-shadow:inset 0 0 0 1px rgba(11,11,10,.12);color:var(--ink)}
.nav[data-theme=orange] .nav__cta{background:var(--ink);color:var(--paper)}
.brand{display:flex;align-items:center;gap:10px;flex:none;height:44px}
.brand__av{width:30px;height:22px;background:currentColor;-webkit-mask:url(/assets/l/av.svg) center/contain no-repeat;mask:url(/assets/l/av.svg) center/contain no-repeat;position:relative}
.brand__wm{height:14px;aspect-ratio:13.333;background:url(/assets/l/wordmark-ink.png) left center/contain no-repeat}
.nav[data-theme=ink] .brand__wm{background-image:url(/assets/l/wordmark-paper.png)}
.nav[data-theme=orange] .brand__wm{background-image:url(/assets/l/wordmark-ink.png);filter:none}
.nav__links{display:flex;gap:4px;margin-inline:auto}
.nav__links a{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:999px;font-size:15px;font-weight:500;opacity:.72;transition:opacity .16s,background-color .2s}
.nav__links a:hover{opacity:1}
.nav__links a .mk{width:0;opacity:0;transition:width .3s var(--ease-out),opacity .3s}
.nav__links a.is-on{opacity:1}
.nav__links a.is-on .mk{width:8px;opacity:1}
.nav[data-theme=orange] .nav__links a .mk{fill:var(--ink)}
.nav__r{display:flex;align-items:center;gap:10px;flex:none}
.lang{display:inline-flex;height:30px;padding:3px;border-radius:999px;box-shadow:inset 0 0 0 1px currentColor;opacity:.75}
.lang__i{display:grid;place-items:center;min-width:30px;padding:0 6px;border-radius:999px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;font-weight:500}
.nav .lang__i.is-on{background:var(--on-paper);color:var(--paper)}
.nav[data-theme=ink] .lang__i.is-on{background:var(--on-ink);color:var(--ink)}
.nav[data-theme=orange] .lang__i.is-on{background:var(--ink);color:var(--orange)}
.menu .lang__i.is-on{background:var(--on-ink);color:var(--ink)}
.nav__cta-s{display:none}
.nav__prog{position:absolute;left:24px;right:24px;bottom:0;height:2px;background:var(--orange);transform-origin:left;transform:scaleX(var(--p,0));border-radius:2px;opacity:.95}
.nav[data-theme=orange] .nav__prog{background:var(--ink)}
.burger{display:none;width:44px;height:44px;border-radius:50%;position:relative}
.burger i{position:absolute;left:13px;right:13px;height:1.5px;background:currentColor;border-radius:2px;transition:transform .45s var(--ease-film),top .45s var(--ease-film)}
.burger i:nth-child(1){top:18px}.burger i:nth-child(2){top:25px}
.menu-open .burger i:nth-child(1){top:21.5px;transform:rotate(45deg)}
.menu-open .burger i:nth-child(2){top:21.5px;transform:rotate(-45deg)}
@media (max-width:1100px){.nav__links a{padding:0 9px;font-size:14px}}
@media (max-width:1023px){
  .nav__links,.nav .lang{display:none}
  .burger{display:block}
  .nav__in{padding-left:18px;gap:10px;justify-content:space-between}
}
@media (max-width:767px){
  :root{--nav-h:56px}
  .nav{top:8px;padding-inline:10px}
  .nav__in{padding:0 6px 0 16px}
  .brand__wm{height:11px}
  .nav__cta-l{display:none}.nav__cta-s{display:inline}
  .nav__cta{--h:40px;padding:0 12px 0 14px}
  .nav__prog{display:none}
  .nav__r{gap:2px}
  .nav__in{gap:6px}
}
.menu{position:fixed;inset:0;height:100vh;height:100dvh;z-index:290;background:var(--ink);color:var(--on-ink);display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--nav-h) + 48px) var(--g) calc(24px + env(safe-area-inset-bottom));clip-path:circle(0% at calc(100% - 40px) 40px);transition:clip-path .6s var(--ease-film),visibility 0s .6s;visibility:hidden}
.menu[hidden]{display:flex}
.menu-open .menu{clip-path:circle(150% at calc(100% - 40px) 40px);visibility:visible;transition:clip-path .6s var(--ease-film),visibility 0s}
.menu__links a{display:flex;align-items:center;gap:12px;font-size:40px;font-weight:500;letter-spacing:-.04em;line-height:1.25;padding:4px 0;opacity:0;transform:translateY(24px);transition:opacity .5s var(--ease-out),transform .6s var(--ease-out)}
.menu__links .mono{color:var(--on-ink-3);width:32px}
.menu__links a .mk{width:0;opacity:0}
.menu__links a.is-on .mk{width:12px;height:13px;opacity:1}
.menu-open .menu__links a{opacity:1;transform:none}
.menu-open .menu__links a:nth-child(2){transition-delay:.05s}.menu-open .menu__links a:nth-child(3){transition-delay:.1s}.menu-open .menu__links a:nth-child(4){transition-delay:.15s}.menu-open .menu__links a:nth-child(5){transition-delay:.2s}
.menu__foot{display:grid;gap:18px}
.menu__row{display:flex;justify-content:space-between;align-items:center;color:var(--on-ink-2)}
.menu__row .lang{display:inline-flex;color:var(--on-ink)}
.motion-t{color:inherit;opacity:.7;text-align:left;justify-self:start}
.motion-t:hover{opacity:1}

/* ================================================================ HERO */
.hero{padding-top:calc(var(--nav-h) + clamp(44px,8.5vh,96px));background:var(--paper);overflow:clip}
.hero__in{position:relative;z-index:1}
.hero{position:relative;isolation:isolate}
.hero__light{position:absolute;inset:0 0 auto 0;height:min(100svh,980px);z-index:0;pointer-events:none;mix-blend-mode:multiply;opacity:.55;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%)}
.hero__light img,.hero__light video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0% 0%}
.hero__light video{opacity:0;transition:opacity 1.2s}
.hero__light video.is-playing{opacity:1}
.reel{z-index:1}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--on-paper-3);margin-bottom:clamp(18px,2.4vh,28px)}
.eyebrow .mk{width:9px;height:10px}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero__row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:clamp(24px,3.6vh,40px);align-items:end}
.hero__l{grid-column:1/8;min-width:0}
.micro{grid-column:9/13;justify-self:end;text-align:right;color:var(--on-paper-3);font-size:11px;letter-spacing:.1em;padding-bottom:16px;max-width:30ch;line-height:1.6}
.nw{white-space:nowrap}
.reel__scrim{position:absolute;inset:auto 0 0 0;height:34%;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(11,11,10,0),rgba(11,11,10,.55))}
.reel__top{position:absolute;left:0;right:0;top:0;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:clamp(14px,1.8vw,28px);pointer-events:none}
.reel__top>*{pointer-events:auto}
.chap{position:absolute;left:clamp(14px,1.8vw,28px);right:clamp(14px,1.8vw,28px);bottom:clamp(12px,1.6vw,24px);z-index:5;display:flex;gap:6px}
.chap li{flex:var(--w) 1 0;min-width:0}
.chap button{width:100%;display:grid;gap:9px;padding-top:12px;text-align:left;color:rgba(245,243,238,.62);transition:color .25s}
.chap button:hover,.chap button.is-on{color:#fff}
.chap__l{font-size:10px;letter-spacing:.12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chap__b{display:block;height:2px;border-radius:2px;background:rgba(245,243,238,.28);overflow:hidden;transition:height .2s}
.chap button:hover .chap__b{height:4px}
.chap__b i{display:block;height:100%;background:var(--orange);transform-origin:left;transform:scaleX(var(--p,0))}
.chap button.is-done .chap__b i{transform:scaleX(1);background:rgba(245,243,238,.85)}
.reel{position:relative;margin-top:clamp(36px,5.5vh,56px);background:var(--paper)}
.reel__frame{position:relative;width:100%;aspect-ratio:16/9;background:#111;overflow:hidden;isolation:isolate;transform-origin:50% 0;border-radius:var(--r,20px);transform:scale(var(--s,1));cursor:pointer;will-change:transform}
html.js .reel__frame{--s:calc((100vw - 2 * var(--g)) / 100vw)}
.reel__frame picture,.reel__poster,.reel__v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.reel__v{opacity:0;transition:opacity .4s linear}
.reel__v.is-playing{opacity:1}
.reel__frame .vf{inset:14px}
.reel__cap{font-size:11px;letter-spacing:.1em;gap:10px;max-width:calc(100% - 120px);overflow:hidden}
.reel__cap .tc{min-width:11ch;font-variant-numeric:tabular-nums;letter-spacing:.06em}
.reel__cap .sep{opacity:.5}
.reel__cl{display:inline-block;overflow:hidden;height:1.3em;line-height:1.3em;white-space:nowrap}
.reel__cl span{display:block}
.reel__btns{display:flex;gap:8px;align-items:center}
.reel__full{font-weight:500;font-size:14px;height:40px;padding:0 16px 0 12px}
.reel__full .ic{width:18px;height:18px}
.round.glass{width:40px;height:40px}
.ic-play{display:none}
.is-paused .ic-pause{display:none}
.is-paused .ic-play{display:block}
.reel__hit{position:absolute;inset:0;z-index:3;cursor:inherit}
@media (max-width:1023px){
  .hero__l,.micro{grid-column:1/-1}
  .micro{justify-self:start;text-align:left;padding-bottom:0;max-width:none}
}
@media (max-width:767px){
  .hero{padding-top:calc(var(--nav-h) + 40px)}
  .hero__cta{margin-top:22px;gap:10px}
  .hero__cta .btn{flex:1 1 auto}
  .hero__cta .btn--line .btn__meta{display:none}
    .reel{margin-top:26px;padding-inline:var(--g)}
  .reel__frame{aspect-ratio:4/5;border-radius:16px;--s:1!important;transform:none}
  .reel__frame .vf{display:none}
  .reel__full span{display:none}
  .chap__l{display:none}
  .chap{gap:4px}
  .reel__full{width:40px;padding:0;justify-content:center}
  .reel__cap{max-width:calc(100% - 100px)}
}

/* ================================================================ LOGOS */
.logos{padding-block:clamp(72px,8vw,120px) clamp(80px,9vw,140px)}
.lgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:var(--hair) solid var(--line-ink);border-left:var(--hair) solid var(--line-ink)}
.lc{position:relative;border-right:var(--hair) solid var(--line-ink);border-bottom:var(--hair) solid var(--line-ink);height:clamp(104px,9vw,136px);display:grid;place-items:center;padding:16px}
.lg{display:block;height:var(--lh,26px);width:calc(var(--lh,26px) * var(--ar));max-width:min(150px,80%);background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;opacity:.62;transition:opacity .3s,transform .5s var(--ease-out)}
.lg--base{--lh:24px}.lg--emorfiq{--lh:32px}.lg--munipolis{--lh:20px}.lg--sefy{--lh:28px}.lg--finobce{--lh:22px}.lg--midu{--lh:30px}.lg--zantra{--lh:22px}.lg--dermacol{--lh:18px}.lg--kulina{--lh:28px}
.lc__c{position:absolute;left:0;right:0;bottom:14px;text-align:center;color:var(--on-ink-3);font-size:10px;letter-spacing:.12em;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .4s var(--ease-out)}
.lc:hover .lg{opacity:1;transform:translateY(-6px)}
.lc:hover .lc__c{opacity:1;transform:none}
.lc--cta a{position:absolute;inset:0;display:grid;place-content:center;gap:8px;text-align:center;transition:background-color .3s}
.lc__t{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:500;letter-spacing:-.01em}
.lc__t .ic{width:18px;height:18px;color:var(--orange);transition:transform .35s var(--ease-out)}
.lc--cta .lc__c{position:static;opacity:1;transform:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.lc--cta .mk{opacity:0;transition:opacity .3s}
.lc--cta a:hover{background:var(--ink-2)}
.lc--cta a:hover .ic{transform:translateX(4px)}
.lc--cta a:hover .mk{opacity:1}
@media (hover:none){.lc__c{opacity:1;transform:none}.lg{opacity:.85;transform:translateY(-6px)}}
@media (max-width:1023px){.lgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.lc--cta{grid-column:span 3;height:92px}}
@media (max-width:767px){.lgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.lc{height:96px}.lc--cta{grid-column:span 2;height:84px}.lg{transform:translateY(-8px)}.lc__c{bottom:12px;font-size:9.5px}}

/* ================================================================ SERVICES */
.services{padding-block:var(--sec)}
.svbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.tabs{position:relative;display:flex;gap:4px;padding-bottom:12px;border-bottom:var(--hair) solid var(--line-paper);flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs [role=tab]{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 10px;border-radius:999px;font-size:clamp(15px,1.25vw,18px);font-weight:500;color:var(--on-paper-3);white-space:nowrap;transition:color .25s}
.tabs [role=tab] .mono{font-size:11px;color:inherit;opacity:.8}
.tabs [role=tab] .mk{width:0;opacity:0;transition:width .3s var(--ease-out),opacity .3s}
.tabs [role=tab]:hover{color:var(--on-paper)}
.tabs [role=tab][aria-selected=true]{color:var(--on-paper)}
.tabs [role=tab][aria-selected=true] .mk{width:8px;opacity:1}
.tabs__ind{position:absolute;left:0;bottom:-1px;height:2px;width:var(--w,60px);background:var(--orange);transform:translateX(var(--x,0));border-radius:2px;transition:transform .45s var(--ease-io),width .45s var(--ease-io)}
.svctl{display:flex;align-items:center;gap:10px;flex:none}
.svctl__n{color:var(--on-paper-3);margin-right:6px}
.svctl__c{color:var(--on-paper);display:inline-block}
.track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-inline:max(var(--g),calc((100vw - var(--max)) / 2 + var(--g)));scroll-padding-inline:max(var(--g),calc((100vw - var(--max)) / 2 + var(--g)));padding-block:14px 18px;cursor:grab}
.track::-webkit-scrollbar{display:none}
.track.is-drag{cursor:grabbing;scroll-snap-type:none}
.track.is-drag *{user-select:none;pointer-events:none}
.svc{flex:0 0 min(1120px,84vw);scroll-snap-align:start;background:var(--ink);color:var(--on-ink);border-radius:24px;padding:16px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:8px;opacity:.42;transform:scale(.97);transform-origin:left center;transition:opacity .45s var(--ease-out),transform .6s var(--ease-out)}
.svc.is-on{opacity:1;transform:none}
.svc:last-child{margin-right:max(var(--g),calc((100vw - var(--max)) / 2 + var(--g)))}
.scr{position:relative;border-radius:14px;background:#000;isolation:isolate}
.scr>.vf{inset:-7px}
.svc__scr{aspect-ratio:16/10;align-self:start}
.scr__v,.scr__v img,.scr__v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.scr__v{overflow:hidden}
.scr__v video{opacity:0;transition:opacity .4s}
.scr__v video.is-playing,[data-v] video.is-playing{opacity:1}
.svc__body{padding:clamp(18px,2.4vw,36px) clamp(16px,2vw,28px) clamp(12px,1.4vw,20px);display:flex;flex-direction:column;--ic-bg:var(--ink)}
.svc__n{color:var(--on-ink-3);margin-bottom:22px}
.svc__n span{opacity:.6}
.svc__ic{width:40px;height:40px;color:var(--orange);margin-bottom:18px;stroke-width:1.4}
.svc__t{font-size:var(--t-m);font-weight:500;letter-spacing:-.03em;line-height:1.05;margin-bottom:14px}
.svc__b{font-size:var(--t-lead);line-height:1.45;color:var(--on-ink-2);max-width:36ch}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 26px}
.chips .chip{font-size:10.5px}
.svc__a{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:auto;padding-top:18px;border-top:var(--hair) solid var(--line-ink)}
.prog{height:2px;background:var(--line-paper);margin-top:24px;border-radius:2px;overflow:hidden}
.prog i{display:block;height:100%;background:var(--orange);transform-origin:left;transform:scaleX(var(--p,.2));transition:transform .45s var(--ease-out)}
/* deck to film */
.deck{position:absolute;inset:0;z-index:2;border-radius:inherit;background:var(--paper);color:var(--ink);clip-path:inset(0 0 0 0);transition:clip-path 1s var(--ease-film) .6s;overflow:hidden}
.deck__in{position:absolute;inset:0;padding:7% 8%;display:flex;flex-direction:column}
.deck__t{font-size:clamp(16px,2.2vw,30px);font-weight:500;letter-spacing:-.03em;line-height:1.05;margin-bottom:6%}
.deck ol{display:grid;gap:3.2%;flex:1;align-content:start}
.deck li{display:flex;align-items:center;gap:14px;font-size:clamp(12px,1.15vw,16px);padding-bottom:2.6%;border-bottom:1px solid var(--line-paper)}
.deck li .mono{color:var(--on-paper-3);font-size:10px}
.deck__n{position:absolute;right:6%;bottom:6%;color:var(--on-paper-3)}
.svc.is-on.is-filmed .deck{clip-path:inset(0 0 0 100%)}
.deck__lab{position:absolute;right:12px;top:12px;z-index:3;height:28px;padding:0 10px;border-radius:999px;display:inline-grid;font-size:10px;overflow:hidden}
.deck__lab>span{grid-area:1/1;display:inline-flex;align-items:center;gap:6px;transition:transform .5s var(--ease-out) 1.2s,opacity .3s 1.2s}
.deck__lab .d2{transform:translateY(120%);opacity:0}
.svc.is-filmed .deck__lab .d1{transform:translateY(-120%);opacity:0}
.svc.is-filmed .deck__lab .d2{transform:none;opacity:1}
/* social */
.soc{position:absolute;inset:0;border-radius:inherit;background:var(--ink-2);display:flex;align-items:center;justify-content:center;gap:4%;overflow:hidden}
.soc__i{position:relative;height:86%;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#000}
.soc__i img,.soc__i video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.soc__i video{opacity:0;transition:opacity .4s}
.soc__i--0,.soc__i--2{height:74%;opacity:.85}
@media (max-width:1023px){
  .svbar{flex-direction:column;align-items:stretch}
  .svctl{justify-content:flex-end}
}
@media (max-width:767px){
  .svc{flex-basis:calc(100vw - 2 * var(--g) - 8px);grid-template-columns:1fr;padding:10px;border-radius:20px;transform:none}
  .svc__scr{aspect-ratio:16/10}
  .svc__body{padding:18px 10px 10px}
  .svc__n{margin-bottom:14px}
  .svc__ic{width:34px;height:34px;margin-bottom:12px}
  .chips{margin:16px 0 18px}
  .track{gap:12px}
  .tabs{border-bottom:0;padding-bottom:0;gap:6px}
  .tabs [role=tab]{height:36px;padding:0 14px;box-shadow:inset 0 0 0 1px var(--line-paper-2);font-size:14px}
  .tabs [role=tab][aria-selected=true]{background:var(--ink);color:var(--paper);box-shadow:none}
  .tabs [role=tab] .mk{display:none}
  .tabs__ind{display:none}
  .svctl{justify-content:space-between}
  .soc__i--0,.soc__i--2{display:none}
  .soc__i{height:92%}
}

/* ================================================================ WORK */
.work{padding-block:var(--sec)}
.work__g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.wlist{grid-column:1/8;border-top:var(--hair) solid var(--line-ink)}
.wrow{width:100%;display:grid;grid-template-columns:52px minmax(0,1fr) 128px 56px;align-items:center;gap:16px;min-height:112px;padding:18px 0;text-align:left;border-bottom:var(--hair) solid var(--line-ink);transition:opacity .3s}
.wlist:hover .wrow:not(:hover):not(:focus-visible),.wlist.has-focus .wrow:not(.is-on){opacity:.42}
.wrow__i{display:flex;align-items:center;gap:8px;color:var(--on-ink-3)}
.wrow__i .mk{width:0;opacity:0;transition:width .3s var(--ease-out),opacity .3s}
.wrow.is-on .wrow__i .mk{width:8px;opacity:1}
.wrow__m{display:grid;gap:4px;transition:transform .45s var(--ease-out)}
.wrow.is-on .wrow__m{transform:translateX(8px)}
.wrow__c{font-size:var(--t-row);font-weight:500;letter-spacing:-.02em;line-height:1.1}
.wrow__t{font-size:16px;color:var(--on-ink-2)}
.wrow__r{font-size:14px;color:var(--on-ink-3)}
.wrow__f,.wrow__d{color:var(--on-ink-3);font-size:10.5px;letter-spacing:.1em}
.wrow__d{text-align:right;letter-spacing:.04em}
.wscr-w{grid-column:8/13;position:sticky;top:calc(50svh - 15vw);align-self:start}
.wscr{aspect-ratio:16/9;border-radius:20px;cursor:pointer}
.wscr__l{position:absolute;inset:0;border-radius:inherit;overflow:hidden;opacity:0;transition:opacity .35s linear}
.wscr__l.is-on{opacity:1}
.wscr__l img,.wscr__l video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wscr__l video{opacity:0;transition:opacity .3s}
.wscr__l video.is-playing{opacity:1}
.wscr__cap{position:absolute;left:14px;bottom:14px;z-index:5;font-size:11px;height:30px}
@media (max-width:1023px){
  .wlist{grid-column:1/-1}
  .wscr-w{display:none}
  .wrow{grid-template-columns:40px minmax(0,1fr) 56px;min-height:0;padding:20px 0}
  .wrow__f{display:none}
  .wlist:hover .wrow:not(:hover){opacity:1}
}
.wcard__m{display:none}
@media (max-width:767px){
  .wrow{grid-template-columns:1fr auto;gap:10px;padding:16px 0 20px}
  .wrow__i{display:none}
  .wrow__m{grid-column:1/2}
  .wrow.is-on .wrow__m{transform:none}
  .wrow::before{content:"";grid-column:1/-1;aspect-ratio:16/9;border-radius:14px;background:#000 var(--pimg) center/cover no-repeat;order:-1}
  .wrow__d{align-self:start;padding-top:4px}
}

/* ================================================================ OUTREACH */
.outreach{padding-block:var(--sec)}
.out__g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.out__l{grid-column:1/6;display:grid;gap:28px;min-width:0}
.out__r{grid-column:6/13;min-width:0;position:sticky;top:calc(var(--nav-h) + 48px)}
.out__l .h2{max-width:13ch}
.out__lab{display:block;font-size:15px;font-weight:500;margin-bottom:10px}
.out__in{position:relative}
.out__in input{width:100%;height:60px;border-radius:999px;border:1px solid var(--line-paper-2);background:var(--white);padding:0 24px;font-size:18px;letter-spacing:-.01em;caret-color:var(--orange);transition:border-color .25s,box-shadow .25s}
.out__in input::placeholder{color:var(--on-paper-3)}
.out__in input:focus{border-color:var(--orange);box-shadow:0 0 0 4px var(--focus)}
.out__note{color:var(--on-paper-3);margin-top:10px;font-size:10.5px}
.out__pts{display:grid;gap:0;border-top:var(--hair) solid var(--line-paper)}
.out__pts li{display:flex;gap:16px;align-items:baseline;padding:12px 0;border-bottom:var(--hair) solid var(--line-paper);font-size:16px;color:var(--on-paper-2)}
.out__pts .mono{color:var(--on-paper-3)}
.out__scr{aspect-ratio:16/9;border-radius:20px;background:var(--white);box-shadow:0 1px 2px rgba(11,11,10,.06),0 40px 80px -40px rgba(11,11,10,.25)}
.out__cap{position:absolute;left:14px;bottom:14px;z-index:5;font-size:11px;height:30px}
@media (max-width:1023px){.out__l,.out__r{grid-column:1/-1}.out__r{position:static}}

/* outreach demo (container-based) */
.od{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background:#FFF;color:var(--ink);container-type:inline-size;font-family:var(--sans)}
.od__sc{position:absolute;inset:0;display:grid;place-items:center}
.od__hi{font-size:clamp(20px,9.5cqw,140px);font-weight:500;letter-spacing:-.055em;line-height:1;text-align:center;padding:0 6cqw;max-width:100%}
.od__hi>span{display:inline-block}
.od__co{color:var(--orange-text);white-space:nowrap}
.od__s2{padding:5.5cqw 8cqw 5cqw;display:flex}
.od__s2>.od__win{flex:1;min-height:0}
.od__win{position:relative;border-radius:1.6cqw;background:#FAFAF8;box-shadow:0 0 0 1px rgba(11,11,10,.08),0 3cqw 6cqw -3cqw rgba(11,11,10,.25);overflow:hidden;display:flex;flex-direction:column}
.od__bar{display:flex;align-items:center;gap:.8cqw;height:5.4cqw;padding:0 1.8cqw;background:#F0EFEB;border-bottom:1px solid rgba(11,11,10,.06)}
.od__bar>i{width:1.1cqw;height:1.1cqw;border-radius:50%;background:#D7D4CD}
.od__tab{margin-left:2cqw;height:3.6cqw;display:inline-flex;align-items:center;gap:.9cqw;padding:0 1.6cqw;border-radius:.9cqw .9cqw 0 0;background:#FAFAF8;font-size:1.6cqw;font-weight:500;align-self:flex-end;max-width:40cqw;white-space:nowrap;overflow:hidden}
.od__fav{width:1.6cqw;height:1.6cqw;border-radius:.4cqw;background:var(--ink);flex:none}
.od__body{flex:1;display:flex;min-height:0;overflow:hidden}
.od__side{width:7cqw;border-right:1px solid rgba(11,11,10,.06);display:grid;align-content:start;gap:1.6cqw;padding:2cqw 2.2cqw}
.od__side i{display:block;width:2.6cqw;height:2.6cqw;border-radius:.7cqw;background:#ECEAE4}
.od__side i:first-child{background:var(--ink)}
.od__main{flex:1;padding:2.4cqw 3cqw}
.od__h{display:flex;justify-content:space-between;align-items:center;font-size:2.6cqw;font-weight:500;letter-spacing:-.03em;margin-bottom:1.8cqw}
.od__btn{font-size:1.3cqw;font-weight:500;letter-spacing:0;background:var(--ink);color:#fff;padding:.7cqw 1.4cqw;border-radius:99px}
.od__rows{display:grid;gap:.2cqw}
.od__rows li{display:grid;grid-template-columns:3.2cqw 1fr auto;align-items:center;gap:1.4cqw;padding:1.05cqw 0;border-bottom:1px solid rgba(11,11,10,.06);font-size:1.55cqw}
.od__av{width:3.2cqw;height:3.2cqw;border-radius:50%;background:#ECEAE4;display:grid;place-items:center;font-size:1.1cqw;font-weight:600;color:var(--on-paper-2)}
.od__s{font-size:1.25cqw;padding:.45cqw 1cqw;border-radius:99px;background:#F0EFEB;color:var(--on-paper-2)}
.od__s--0{background:#E8F5EC;color:#1C7A43}
.od__s--1{background:#FDEEE4;color:#B4490C}
.od__cur{position:absolute;width:2.2cqw;height:2.2cqw;left:60%;top:60%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3l14 8-6 1.5L10 19z' fill='%230B0B0A' stroke='%23fff' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;z-index:3}
.od__card{width:62cqw;display:grid;grid-template-columns:auto 1fr;gap:2.4cqw;align-items:center;padding:3cqw;border-radius:2.4cqw;background:var(--ink);color:var(--paper);position:relative;overflow:hidden}
.od__play{width:8cqw;height:8cqw;border-radius:50%;background:var(--orange);color:var(--ink);display:grid;place-items:center}
.od__play .ic{width:3cqw;height:3cqw;margin-left:.4cqw}
.od__card p{display:grid;gap:.6cqw}
.od__k{font-size:1.3cqw;color:var(--on-ink-3)}
.od__ft{font-size:3.1cqw;font-weight:500;letter-spacing:-.035em;line-height:1.08}
.od__ft [data-co]{color:var(--orange)}
.od__pb{position:absolute;left:3cqw;right:3cqw;bottom:1.6cqw;height:.35cqw;background:rgba(245,243,238,.14);border-radius:9px;overflow:hidden}
.od__pb i{display:block;height:100%;background:var(--orange);transform-origin:left;transform:scaleX(0)}
.od__made{display:grid;gap:1.2cqw;text-align:center}
.od__ml{font-family:var(--mono);font-size:1.6cqw;letter-spacing:.16em;text-transform:uppercase;color:var(--on-paper-3);font-weight:500}
.od__mc{font-size:clamp(20px,8.4cqw,120px);font-weight:500;letter-spacing:-.055em;line-height:1;white-space:nowrap}
.od__av2{position:absolute;bottom:5cqw;left:50%;width:4.4cqw;height:3.2cqw;margin-left:-2.2cqw;background:var(--ink);-webkit-mask:url(/assets/l/av.svg) center/contain no-repeat;mask:url(/assets/l/av.svg) center/contain no-repeat}
.od--mini{background:#FFF}
html.motion-off .od__s2,html.motion-off .od__s3,html.motion-off .od__s4,html.reduce .od__s2,html.reduce .od__s3,html.reduce .od__s4,html:not(.js) .od__s2,html:not(.js) .od__s3,html:not(.js) .od__s4{visibility:hidden}

/* ================================================================ PROCESS */
.process{padding-block:var(--sec)}
.band{position:relative;aspect-ratio:21/9;border-radius:24px;overflow:hidden;background:#EDEDEA;isolation:isolate}
.band picture,.band__img,.band__v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.band__v{opacity:0;transition:opacity .6s}
.band__v.is-playing{opacity:1}
.band__h{position:absolute;left:clamp(24px,4vw,56px);top:clamp(24px,3.6vw,52px);z-index:2;color:var(--ink);font-size:clamp(30px,4.6vw,76px);line-height:1;letter-spacing:-.045em;font-weight:500;max-width:14ch;text-wrap:balance}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:clamp(32px,3.6vw,52px)}
.facts li{padding-top:18px;border-top:var(--hair) solid var(--line-ink-2);display:grid;gap:10px;align-content:start}
.facts .mono{color:var(--on-ink-3)}
.facts h3{font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1.2}
.facts p{color:var(--on-ink-2);font-size:16px;line-height:1.5}
.tl{margin-top:clamp(96px,11vw,176px)}
.tl__h{max-width:16ch;margin-bottom:clamp(40px,5vw,72px)}
.tl__line{position:relative;height:2px;background:var(--line-ink);border-radius:2px;overflow:hidden}
.tl__line i{position:absolute;inset:0;background:var(--orange);transform-origin:left;transform:scaleX(var(--p,0))}
html.reduce .tl__line i,html.motion-off .tl__line i,html:not(.js) .tl__line i{transform:none}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.step{position:relative;padding-top:36px}
.step__node{position:absolute;top:-9px;left:0;width:16px;height:16px;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 1.5px var(--on-ink-3);transition:background-color .3s,box-shadow .3s}
.step.is-on .step__node{background:var(--orange);box-shadow:inset 0 0 0 1.5px var(--orange),0 0 0 6px rgba(242,99,22,.18)}
.step__vis{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:var(--paper-2);margin-bottom:22px}
.step__vis img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.step__d{color:var(--orange);margin-bottom:10px}
.step__t{font-size:var(--t-m);font-weight:500;letter-spacing:-.03em;line-height:1.05;margin-bottom:12px}
.step__p{color:var(--on-ink-2);max-width:34ch}
.tl__after{display:flex;gap:14px;align-items:flex-start;margin-top:clamp(48px,5vw,72px);padding-top:22px;border-top:var(--hair) solid var(--line-ink);font-size:var(--t-lead);color:var(--on-ink-2);max-width:60ch}
.tl__after .ic{color:var(--orange);margin-top:3px}
@media (max-width:1023px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
  .band{aspect-ratio:4/5;border-radius:18px}
  .band__h{font-size:34px;left:20px;top:22px;right:20px}
  .band__v{display:none}
  .facts{grid-template-columns:1fr 1fr;gap:20px 14px}
  .facts h3{font-size:17px}.facts p{font-size:14.5px}
  .tl__line{display:none}
  .steps{grid-template-columns:1fr;gap:44px;border-left:2px solid var(--line-ink);padding-left:22px;margin-left:7px}
  .step{padding-top:0}
  .step__node{left:-31px;top:2px}
  .step__vis{aspect-ratio:16/10}
}

/* product -> video demo */
.pv{position:absolute;inset:0;background:var(--paper);overflow:hidden;container-type:inline-size}
.pv__ui,.pv__face--ui{position:absolute;inset:7cqw 8cqw;background:#fff;border-radius:2.4cqw;box-shadow:0 0 0 1px rgba(11,11,10,.07),0 4cqw 8cqw -5cqw rgba(11,11,10,.25);padding:4cqw 5cqw}
.pv__h{font-size:4.6cqw;font-weight:500;letter-spacing:-.04em;margin-bottom:2.8cqw;color:var(--ink)}
.pv__rows{display:grid}
.pv__rows li{display:grid;grid-template-columns:5cqw 1fr auto;align-items:center;gap:2.4cqw;padding:1.7cqw 0;border-bottom:1px solid rgba(11,11,10,.06);font-size:2.9cqw;color:var(--ink)}
.pv__av{width:5cqw;height:5cqw;border-radius:50%;background:#ECEAE4;display:grid;place-items:center;font-size:1.8cqw;font-weight:600;color:var(--on-paper-2)}
.pv__s{font-size:2.2cqw;padding:.8cqw 1.8cqw;border-radius:99px;background:#F0EFEB;color:var(--on-paper-2)}
.pv__s--0,.pv__s--3{background:#E8F5EC;color:#1C7A43}
.pv__s--1{background:#FDEEE4;color:#B4490C}
.pv__panel{position:absolute;inset:7cqw 8cqw;z-index:2;perspective:120cqw;opacity:0}
.pv__face{position:absolute;inset:0;border-radius:2.4cqw;overflow:hidden;backface-visibility:hidden}
.pv__face--ui{inset:0}
.pv__face--film{background:var(--ink);display:grid;place-items:center;opacity:0}
.pv__kin{position:absolute;left:8cqw;right:8cqw;top:50%;transform:translateY(-50%);display:grid;gap:.6cqw;color:var(--paper);font-size:7.2cqw;font-weight:500;letter-spacing:-.045em;line-height:1.02}
.pv__l{display:block;overflow:hidden;padding-bottom:.08em}
.pv__l>span{display:inline-block}
.pv__l:last-child>span{color:var(--orange)}
.pv__play{position:absolute;left:50%;top:50%;margin:-6cqw 0 0 -6cqw;z-index:2;width:12cqw;height:12cqw;border-radius:50%;background:rgba(245,243,238,.14);box-shadow:inset 0 0 0 1px rgba(245,243,238,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;color:var(--paper)}
.pv__play .ic{width:4.4cqw;height:4.4cqw;margin-left:.6cqw}
.pv__pb{position:absolute;left:5cqw;right:5cqw;bottom:4cqw;height:.7cqw;border-radius:9px;background:rgba(245,243,238,.18);overflow:hidden;z-index:2}
.pv__pb i{display:block;height:100%;background:var(--orange);transform-origin:left;transform:scaleX(0)}
.pv__vf{inset:auto;left:9cqw;top:20cqw;width:0;height:0;opacity:0}

/* ================================================================ STUDIO */
.studio{padding-block:var(--sec)}
.st__g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.people{grid-column:1/10;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.per--1{margin-top:64px}
.per__img{position:relative;aspect-ratio:4/5;border-radius:20px;overflow:hidden;background:#1a1a19;margin-bottom:22px}
.per__img img,.per__img video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}
.per__img video{opacity:0;transition:opacity .35s,transform .6s var(--ease-out)}
.per__img.is-hover video{opacity:1}
.per__img.is-hover img,.per__img.is-hover video{transform:scale(1.02)}
.per__r{color:var(--on-paper-3);margin-bottom:8px}
.per__n{font-size:var(--t-m);font-weight:500;letter-spacing:-.03em;line-height:1.05;margin-bottom:12px}
.per__b{color:var(--on-paper-2);max-width:40ch;margin-bottom:16px}
.per__l{display:flex;flex-wrap:wrap;gap:8px}
.st__side{grid-column:10/13;display:grid;gap:36px;padding-top:4px}
.st__side .btn{justify-self:start;white-space:normal;height:auto;min-height:52px;padding-block:12px;text-align:left}
.princ{display:grid;border-top:var(--hair) solid var(--line-paper)}
.princ li{padding:16px 0;border-bottom:var(--hair) solid var(--line-paper);display:grid;gap:6px}
.princ .mono{color:var(--on-paper-3)}
.princ h3{font-size:18px;font-weight:500;letter-spacing:-.015em;line-height:1.25}
.princ p{font-size:15px;color:var(--on-paper-2)}
@media (max-width:1023px){.people,.st__side{grid-column:1/-1}.st__side{grid-template-columns:1fr;align-items:start;max-width:640px}}
@media (max-width:767px){
  .people{gap:12px}
  .per--1{margin-top:40px}
  .per__img{border-radius:16px;margin-bottom:14px}
  .per__n{font-size:22px}
  .per__b{font-size:15px}
  .per__l .chip-l:last-child{display:none}
  .st__side{grid-template-columns:1fr}
}

/* ================================================================ FAQ */
.faq{padding-block:var(--sec)}
.faq__g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.faq__l{grid-column:1/6;position:sticky;top:calc(var(--nav-h) + 40px)}
.faq__h{font-size:clamp(34px,4vw,64px);max-width:12ch;margin-bottom:36px}
.pilot{position:relative;background:var(--white);border-radius:24px;padding:28px;box-shadow:0 1px 2px rgba(11,11,10,.06);max-width:420px}
.pilot .vf{inset:-9px}
.pilot__l{color:var(--on-paper-3);margin-bottom:6px}
.pilot__p{font-size:clamp(48px,5vw,76px);font-weight:500;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums;margin-bottom:22px}
.pilot__ul{display:grid;gap:10px;margin-bottom:24px}
.pilot__ul li{display:flex;gap:10px;align-items:center;color:var(--on-paper-2);font-size:16px}
.pilot__ul .ic{width:18px;height:18px;color:var(--orange-deep)}
.pilot__m{margin-top:16px;font-size:14px;color:var(--on-paper-3)}
.pilot__m a{color:var(--on-paper);border-bottom:1px solid var(--line-paper-2)}
.qas{grid-column:7/13;border-top:var(--hair) solid var(--line-paper-2)}
.qa{border-bottom:var(--hair) solid var(--line-paper-2)}
.qa__q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:18px 0;text-align:left;font-size:var(--t-s);font-weight:500;letter-spacing:-.01em;line-height:1.3}
.qa__x{width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line-paper-2);display:grid;place-items:center;flex:none;transition:transform .35s var(--ease-io),background-color .3s,color .3s,box-shadow .3s}
.qa__x .ic{width:16px;height:16px}
.qa__q:hover .qa__x{box-shadow:inset 0 0 0 1px var(--on-paper)}
.qa__q[aria-expanded=true] .qa__x{transform:rotate(45deg);background:var(--ink);color:var(--paper);box-shadow:none}
.qa__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease-io)}
.qa__a>.qa__in{overflow:hidden;min-height:0}
.qa.is-open .qa__a{grid-template-rows:1fr}
.qa__in{color:var(--on-paper-2);max-width:62ch}
.qa__in p,.qa__in ul{margin-bottom:14px}
.qa__in>:last-child{margin-bottom:26px}
.qa__in ul{display:grid;gap:6px;padding-left:18px;list-style:disc}
.qa__in strong{color:var(--on-paper);font-weight:500}
@media (max-width:1023px){.faq__l{grid-column:1/-1;position:static}.qas{grid-column:1/-1;margin-top:40px}.pilot{max-width:none}}
@media (max-width:767px){.qa__q{min-height:60px;font-size:17px;gap:16px}.qa__x{width:32px;height:32px}}

/* ================================================================ BOOK (orange) */
.bookc{position:relative;color:var(--ink);padding-block:var(--sec);background:var(--orange);overflow:clip;isolation:isolate}
.bookc__bg{position:absolute;inset:0;z-index:0;mix-blend-mode:multiply;opacity:.9;pointer-events:none}
.bookc__bg img,.bookc__bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bookc__bg video{opacity:0;transition:opacity 1s}
.bookc__bg video.is-playing{opacity:1}
.bookc__in{position:relative;z-index:1}
.bookc__h{max-width:13ch;margin-bottom:clamp(48px,6vw,96px)}
.bookc__h .paper{color:var(--white);background:none}
.bookc__g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.bookc__l{grid-column:1/6}
.bookc__r{grid-column:7/13}
.bookc__h3{font-size:var(--t-m);font-weight:500;letter-spacing:-.03em;line-height:1.08;max-width:16ch;margin-bottom:24px}
.host{display:flex;align-items:center;gap:12px;font-weight:500;margin-bottom:28px}
.host img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.bsteps{display:grid;border-top:1px solid rgba(11,11,10,.22);margin-bottom:24px}
.bsteps li{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid rgba(11,11,10,.22);font-size:17px;line-height:1.4}
.bsteps .mono{color:rgba(11,11,10,.65);padding-top:3px}
.bmail a{border-bottom:1px solid currentColor;font-weight:500}
.funder{margin-top:16px;font-size:14px;color:rgba(11,11,10,.8)}
@media (max-width:1023px){.bookc__l,.bookc__r{grid-column:1/-1}.bookc__r{margin-top:12px}}

/* form card */
.fcard{position:relative;background:var(--ink);color:var(--on-ink);border-radius:24px;padding:clamp(20px,2.4vw,32px);box-shadow:0 40px 80px -30px rgba(0,0,0,.45);transition:height .5s var(--ease-out)}
.fsteps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}
.fstep{display:grid;gap:10px;color:var(--on-ink-3)}
.fstep .mono{display:flex;align-items:center;gap:8px;font-size:10.5px}
.fstep .mk{display:none}
.fstep.active{color:var(--on-ink)}
.fstep.active .mk{display:inline-block}
.fstep__ck{display:none}
.fstep.done .fstep__ck{display:inline-flex;color:var(--orange)}
.fstep__ck .ic{width:14px;height:14px}
.fstep__bar{height:2px;background:var(--line-ink-2);border-radius:2px;overflow:hidden}
.fstep__bar i{display:block;height:100%;background:var(--orange);transform-origin:left;transform:scaleX(0);transition:transform .45s var(--ease-out)}
.fstep.active .fstep__bar i,.fstep.done .fstep__bar i{transform:none}
.fpane{display:grid;gap:16px}
.fld{display:grid;gap:8px;min-width:0}
.fld label{font-size:13px;color:var(--on-ink-2);font-weight:500}
.fld input,.sel select{width:100%;height:52px;border-radius:14px;background:rgba(245,243,238,.05);border:1px solid var(--line-ink-2);padding:0 16px;font-size:16px;color:var(--on-ink);transition:border-color .2s,box-shadow .2s,background-color .2s}
.fld input::placeholder{color:var(--on-ink-3)}
.fld input:hover,.sel select:hover{border-color:rgba(245,243,238,.34)}
.fld input:focus,.sel select:focus{border-color:var(--orange);box-shadow:0 0 0 4px var(--focus);background:rgba(245,243,238,.07)}
.fld input.err,.phone.err{border-color:var(--err-ink)}
.fld__e{font-size:13px;color:var(--err-ink);min-height:0;display:none}
.fld__e.show{display:block}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sel{position:relative}
.sel select{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer}
.sel select:invalid,.sel select option[value=""]{color:var(--on-ink-3)}
.sel option{background:var(--ink-2);color:var(--on-ink)}
.sel .ic{position:absolute;right:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);pointer-events:none;color:var(--on-ink-2)}
.phone{position:relative;display:flex;align-items:stretch;height:52px;border-radius:14px;background:rgba(245,243,238,.05);border:1px solid var(--line-ink-2);transition:border-color .2s,box-shadow .2s}
.phone:focus-within{border-color:var(--orange);box-shadow:0 0 0 4px var(--focus)}
.phone input{border:0!important;background:none!important;box-shadow:none!important;height:100%;flex:1;min-width:0;padding-left:14px}
.cc{position:relative;flex:none}
.cc__t{height:100%;display:flex;align-items:center;gap:6px;padding:0 10px 0 14px;border-right:1px solid var(--line-ink-2);font-size:15px}
.cc__t .mono{letter-spacing:.04em;font-size:13px}
.cc__t .ic{width:14px;height:14px;opacity:.7}
.cc__p{position:absolute;top:calc(100% + 8px);left:-1px;z-index:20;width:300px;max-width:calc(100vw - 64px);background:var(--ink-2);border-radius:16px;box-shadow:inset 0 0 0 1px var(--line-ink-2),0 24px 48px -16px rgba(0,0,0,.6);padding:8px}
.cc__p input{width:100%;height:44px;border-radius:10px;background:rgba(245,243,238,.06);border:1px solid var(--line-ink);padding:0 12px;font-size:16px;margin-bottom:6px}
.cc__l{max-height:244px;overflow-y:auto;display:grid}
.cc__item{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;height:44px;padding:0 10px;border-radius:10px;text-align:left;font-size:15px}
.cc__item:hover,.cc__item:focus-visible,.cc__item.is-act{background:rgba(245,243,238,.08)}
.cc__i-code{font-family:var(--mono);font-size:12px;color:var(--on-ink-3)}
.cc__empty{padding:12px;color:var(--on-ink-3);font-size:14px}
.more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease-out)}
.more>.more__in{overflow:hidden;min-height:0;display:grid;gap:16px}
.more.show{grid-template-rows:1fr}
.more.show>.more__in{overflow:visible}
.more__h{font-size:14px;color:var(--on-ink-2);padding-top:6px}
.more .fld{opacity:0;transform:translateY(8px);transition:opacity .45s var(--ease-out),transform .55s var(--ease-out)}
.more.show .fld,.more.show .frow .fld{opacity:1;transform:none}
.more.show .fld:nth-of-type(2){transition-delay:.06s}
.fnote{font-size:12.5px;color:var(--on-ink-3);line-height:1.5}
.fnote a{color:var(--on-ink-2);border-bottom:1px solid var(--line-ink-2)}
.book{display:none}
.book.show{display:grid;animation:paneIn .45s var(--ease-out) both}
@keyframes paneIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.book__t{font-size:20px;font-weight:500;letter-spacing:-.02em}
.book__s{font-size:14px;color:var(--on-ink-2);margin-top:-10px}
.cal{display:grid;gap:10px}
.cal__h{display:flex;align-items:center;justify-content:space-between}
.cal__h p{font-size:18px;font-weight:500;letter-spacing:-.01em}
.cal .round.line{box-shadow:inset 0 0 0 1px var(--line-ink-2)}
.cal .round.line:hover{box-shadow:inset 0 0 0 1px var(--on-ink)}
.cal__w,.cal__d{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
.cal__w span{color:var(--on-ink-3);font-size:10.5px;padding:4px 0}
.cal__day{aspect-ratio:1;max-height:46px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-variant-numeric:tabular-nums;transition:background-color .2s,color .2s,box-shadow .2s;justify-self:center;width:100%;max-width:46px}
.cal__day:hover:not(:disabled){background:rgba(245,243,238,.08)}
.cal__day.today{box-shadow:inset 0 0 0 1px var(--on-ink-2)}
.cal__day.sel{background:var(--paper);color:var(--ink)}
.cal__day:disabled{opacity:.26;cursor:default}
.slots{display:grid;gap:10px}
.slots__l{font-size:14px;color:var(--on-ink-2)}
.slots__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.slot{height:44px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line-ink-2);font-size:15px;font-variant-numeric:tabular-nums;transition:background-color .2s,color .2s,box-shadow .2s;animation:slotIn .4s var(--ease-out) both}
.slot:hover{box-shadow:inset 0 0 0 1px var(--on-ink)}
.slot.sel{background:var(--paper);color:var(--ink);box-shadow:none}
@keyframes slotIn{from{opacity:0;transform:translateY(6px)}}
.tz{color:var(--on-ink-3);font-size:10.5px}
#bookConfirm:disabled{opacity:.35;cursor:default}
#bookConfirm.is-sending .mk{animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.ferr{font-size:14px;color:var(--err-ink);display:none}
.ferr.show{display:block}
.lnk--back{justify-self:start;color:var(--on-ink-2);font-size:14px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.ok{display:none;text-align:left;gap:14px;padding:12px 4px}
.ok.show{display:grid;animation:paneIn .5s var(--ease-out) both}
.ok__ic svg{width:56px;height:56px;fill:none;stroke:var(--orange);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ok__ic circle{stroke-dasharray:164;stroke-dashoffset:164;animation:draw .7s var(--ease-out) .1s forwards}
.ok__ic path{stroke-dasharray:40;stroke-dashoffset:40;animation:draw .5s var(--ease-out) .55s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.ok__h{font-size:28px;font-weight:500;letter-spacing:-.03em}
.ok__p{color:var(--on-ink-2)}
.ok__p b{color:var(--on-ink);font-weight:500}
.ok .lnk{justify-self:start}
@media (max-width:440px){.slots__g{grid-template-columns:repeat(3,minmax(0,1fr))}.frow{grid-template-columns:1fr}}

/* ================================================================ FOOTER */
.foot{padding-block:clamp(80px,9vw,140px) 0;overflow:hidden}
.cr{display:grid;gap:14px;max-width:880px;margin-inline:auto;margin-bottom:clamp(56px,6vw,88px)}
.cr__r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:28px;align-items:baseline}
.cr dt{text-align:right;color:var(--on-ink-3)}
.cr dd{font-size:17px;color:var(--on-ink)}
.cr dd a{border-bottom:1px solid var(--line-ink-2);transition:border-color .2s}
.cr dd a:hover{border-color:var(--on-ink)}
.foot__links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;padding-block:24px;border-top:var(--hair) solid var(--line-ink);font-size:15px;color:var(--on-ink-2)}
.foot__links a:hover{color:var(--on-ink)}
.foot__lang a{font-family:var(--mono);font-size:12px;letter-spacing:.1em}
.foot__made{text-align:center;color:var(--on-ink-3);padding-bottom:28px;font-size:10.5px}
.foot__wm{height:clamp(60px,13.5vw,210px);background:url(/assets/l/wordmark-paper.png) center top/contain no-repeat;opacity:.06;margin-bottom:-2.5vw}
@media (max-width:767px){.cr__r{grid-template-columns:1fr;gap:4px}.cr dt{text-align:left}.cr dd{font-size:15.5px}.foot__links{justify-content:flex-start}}

/* ================================================================ LIGHTBOX */
.lb{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--on-ink);overflow:hidden}
.lb::backdrop{background:rgba(11,11,10,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lb[open]{display:grid;place-items:center}
.lb__frame{position:relative;width:min(1280px,92vw,calc((100dvh - 120px) * var(--ar,1.7778)));aspect-ratio:var(--ar,16/9);border-radius:16px;background:#000;transform-origin:center}
.lb__frame video{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;object-fit:contain;background:#000}
.lb__frame .vf{inset:-12px}
.lb__ctl{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;height:48px;padding:0 10px;border-radius:999px;width:min(640px,calc(100% - 32px));transition:opacity .4s}
.lb.is-idle .lb__ctl{opacity:0}
.lb__b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none}
.lb__b:hover{background:rgba(245,243,238,.1)}
.lb__b .ic{width:18px;height:18px}
.ic-mut{display:none}
.is-muted .ic-snd{display:none}
.is-muted .ic-mut{display:block}
.lb__bar{position:relative;flex:1;height:20px;display:flex;align-items:center}
.lb__bar i{position:absolute;left:0;height:2px;border-radius:2px;transition:height .2s}
#lbBuf{right:0;background:rgba(245,243,238,.18);width:100%}
#lbFill{width:100%;background:var(--orange);transform-origin:left;transform:scaleX(var(--p,0))}
.lb__bar:hover i{height:4px}
.lb__bar input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer;margin:0}
.lb__t{font-size:11px;letter-spacing:.04em;color:var(--on-ink-2);white-space:nowrap}
.lb__title{position:absolute;left:0;top:-34px;color:var(--on-ink-2);font-size:11px}
.lb__x{position:fixed;top:18px;right:18px;width:44px;height:44px;z-index:5}
@media (max-width:767px){.lb__frame{width:100vw;border-radius:0}.lb__frame .vf{display:none}.lb__t{display:none}.lb__title{left:16px}}

/* ================================================================ GLOBAL widgets */
.cursor{position:fixed;left:0;top:0;z-index:400;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;display:grid;place-items:center;pointer-events:none;background:var(--glass-ink);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-ring);color:var(--on-ink);font-size:14px;font-weight:500;letter-spacing:-.005em;opacity:0;transform:scale(.6);transition:opacity .25s,transform .35s var(--ease-out)}
.cursor.is-on{opacity:1;transform:scale(1)}
html:not(.fine) .cursor{display:none}
.sticky{position:fixed;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:250;--h:56px;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .3s var(--ease-out),transform .4s var(--ease-out);box-shadow:0 16px 40px -12px rgba(11,11,10,.45)}
.sticky.is-on{opacity:1;transform:none;pointer-events:auto}
@media (min-width:768px){.sticky{display:none}}

/* reveal defaults (JS-enhanced) */
html.js:not(.reduce):not(.motion-off) [data-split]{visibility:hidden;animation:failsafe-show 0s 2.6s forwards}
html.js:not(.reduce):not(.motion-off) [data-in]{opacity:0;animation:failsafe-fade 0s 2.6s forwards}
html.js:not(.reduce):not(.motion-off) [data-fade]{opacity:0;animation:failsafe-fade 0s 3.5s forwards}
html.gsap-ok [data-split],html.gsap-ok [data-in],html.gsap-ok [data-fade]{animation:none}
@keyframes failsafe-show{to{visibility:visible}}
@keyframes failsafe-fade{to{opacity:1}}
html.motion-off *,html.motion-off *::before,html.motion-off *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important;scroll-behavior:auto!important}}
@supports (corner-shape:squircle){.svc,.fcard,.pilot,.band{corner-shape:squircle;border-radius:38px}.reel__frame{corner-shape:squircle}}
.lb__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:inherit;background:#000;z-index:6}
.lb.is-yt .lb__ctl,.lb.is-yt #lbV{display:none}

/* ================================================================ PORTFOLIO */
.pfh{padding-top:calc(var(--nav-h) + clamp(64px,10vh,120px));padding-bottom:clamp(40px,5vw,72px)}
.pfh .h1{font-size:clamp(42px,6.6vw,112px);max-width:16ch}
.pfh__row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:clamp(28px,4vw,48px);flex-wrap:wrap}
.fchips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.fchip{height:40px;padding:0 16px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line-ink-2);font-size:15px;font-weight:500;color:var(--on-ink-2);transition:background-color .25s,color .25s,box-shadow .25s}
.fchip:hover{color:var(--on-ink);box-shadow:inset 0 0 0 1px var(--on-ink)}
.fchip.is-on{background:var(--paper);color:var(--ink);box-shadow:none}
.fcount{color:var(--on-ink-3);margin-left:8px}
.pfw{padding-bottom:var(--sec)}
.pfeat{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-bottom:56px}
.pfeat .pc--big{grid-column:1/9;grid-row:1/3}
.pfeat .pc:not(.pc--big){grid-column:9/13}
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px}
.pgrid--v{grid-template-columns:repeat(4,minmax(0,1fr))}
.pfw__l{color:var(--on-ink-3);margin:clamp(72px,8vw,120px) 0 28px;padding-top:20px;border-top:var(--hair) solid var(--line-ink-2)}
.pc{min-width:0}
.pc.is-out{display:none}
.pc__m{position:relative;display:block;width:100%;aspect-ratio:var(--ar,16/9);border-radius:16px;overflow:visible;margin-bottom:16px;background:#000}
.pc__m>img,.pc__m>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.pc__m>video{opacity:0;transition:opacity .35s}
.pc__m>video.is-playing{opacity:1}
.pc__m>.vf{inset:-8px}
.pc__play{position:absolute;left:14px;bottom:14px;z-index:3;width:40px;height:40px;transition:opacity .3s,transform .4s var(--ease-out)}
.pc__play .ic{width:14px;height:14px;margin-left:2px}
.pc__m:hover .pc__play{opacity:0;transform:scale(.8)}
.pc__meta{color:var(--on-ink-3);display:flex;gap:10px;align-items:center;margin-bottom:8px;font-size:10.5px}
.chip-s{padding:3px 8px;border-radius:99px;box-shadow:inset 0 0 0 1px var(--line-ink-2);font-size:9.5px}
.pc__c{font-size:var(--t-row);font-weight:500;letter-spacing:-.02em;line-height:1.1}
.pc--big .pc__c{font-size:var(--t-m)}
.pc__t{color:var(--on-ink-2);margin-top:4px}
.pfp{padding-block:var(--sec)}
.pfp__h{font-size:var(--t-m);font-weight:500;letter-spacing:-.03em;line-height:1.08;max-width:22ch;margin-bottom:clamp(36px,4vw,56px)}
.pprev{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 16px}
.pp--h{grid-column:span 2}
.pp__m{position:relative;display:block;width:100%;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:var(--paper-3);margin-bottom:10px}
.pp--h .pp__m{aspect-ratio:auto;height:calc(100% - 52px)}
.pp__m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}
.pp__m:hover img{transform:scale(1.04)}
.pp__c{font-weight:500;font-size:15px;line-height:1.2}
.pp__t{color:var(--on-paper-3);font-size:10px;margin-top:4px}
.pfp__note{margin-top:40px;color:var(--on-paper-3);font-size:14px;max-width:60ch}
.pfc{padding-block:clamp(120px,13vw,220px);position:relative;overflow:clip}
.pfc__bg{position:absolute!important;inset:0;z-index:0;-webkit-mask-image:radial-gradient(120% 90% at 75% 45%,#000 45%,transparent 85%);mask-image:radial-gradient(120% 90% at 75% 45%,#000 45%,transparent 85%)}
.pfc__bg img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.pfc__in{position:relative;z-index:1}
.pfc .h2{max-width:13ch}
.pfc__in{display:flex;flex-direction:column;align-items:flex-start;gap:32px}
@media (max-width:1023px){.pfeat .pc--big,.pfeat .pc:not(.pc--big){grid-column:1/-1;grid-row:auto}.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pprev{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:767px){.pfc{padding-block:96px 280px}.pfc__bg img{object-position:50% 100%;object-fit:contain;top:auto;height:60%;bottom:0;position:absolute}.pgrid{grid-template-columns:1fr;gap:36px}.pgrid--v{grid-template-columns:1fr 1fr;gap:24px 12px}.pprev{grid-template-columns:1fr 1fr;gap:20px 12px}.pp--h{grid-column:span 2}.pp--h .pp__m{aspect-ratio:16/9;height:auto}.fcount{width:100%;margin:6px 0 0}}
main>section,.foot{overflow-x:clip}
html{overflow-x:clip}

/* ================================================================ v2 overrides (review fixes) */
:root{--ctl-ink:rgba(245,243,238,.4);--ctl-paper:rgba(11,11,10,.46)}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}
.ink :focus-visible,.fcard :focus-visible,.lb :focus-visible,.menu :focus-visible,.svc :focus-visible,.reel :focus-visible,.foot :focus-visible{outline-color:var(--orange)}
.bookc>.wrap :focus-visible{outline-color:var(--ink)}
.fcard :focus-visible{outline-color:var(--orange)}
#reelHit:focus-visible{outline-offset:-6px}
main:focus,[tabindex="-1"]:focus{outline:none}
.tabs{padding:4px 4px 12px}

/* hero: CSS-driven intro (no JS dependency) */
.hero__h .w{display:inline-block;overflow:clip;padding:.12em .02em .16em;margin:-.12em -.02em -.16em;vertical-align:top}
.hero__h .wi{display:inline-block;animation:wordUp 1.05s var(--ease-out) both;animation-delay:calc(var(--i) * 60ms + 60ms)}
@keyframes wordUp{from{transform:translateY(112%)}}
.hero-in{animation:softIn .9s var(--ease-out) both;animation-delay:calc(var(--d) * 70ms + 420ms)}
@keyframes softIn{from{opacity:0;transform:translateY(14px);filter:blur(6px)}}
@media (max-width:767px){@keyframes softIn{from{opacity:0;transform:translateY(12px)}}}
.hero .h1{max-width:19ch;font-size:clamp(44px,min(7vw,12.4svh),132px)}
html[lang=cs] .hero .h1{max-width:19ch}
.hero{padding-top:calc(var(--nav-h) + clamp(32px,6.5vh,80px))}
.hero .lead{max-width:56ch}
.reel{margin-top:clamp(28px,4.2vh,48px);background:transparent}
.hero__light{opacity:.32;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 35%,transparent 80%);mask-image:linear-gradient(180deg,#000 0,#000 35%,transparent 80%)}
.reel__frame{background:#0B0B0A}
.reel__frame picture,.reel__poster,.reel__v{border-radius:0}
html.js .reel__frame{--s:calc(min(100vw - 2 * var(--g), var(--max) - 2 * var(--g)) / 100vw)}
.micro{white-space:nowrap;max-width:none;display:grid;gap:4px;justify-items:end;padding-bottom:10px}
@media (max-width:1023px){.micro{justify-items:start;white-space:normal}}
@media (max-width:767px){.reel__cap .tc,.reel__cap .sep{display:none}.reel__cl{max-width:52vw}.reel__cl span{overflow:hidden;text-overflow:ellipsis}.chap{bottom:8px}.chap button{padding-top:18px;position:relative}.chap button::before{content:"";position:absolute;inset:-14px -2px -10px}}
.chap button{position:relative}
.chap button::before{content:"";position:absolute;inset:-12px -2px -8px}

/* section heads on one 12-col axis */
.sec__head{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.sec__head>:first-child{grid-column:1/8}
.sec__lead{grid-column:9/13;justify-self:start}
@media (max-width:1023px){.sec__head>:first-child,.sec__lead{grid-column:1/-1}}

/* orange discipline */
.eyebrow .mk{fill:currentColor}
.svc__ic{color:var(--on-ink-2)}
.svc.is-on .svc__ic{color:var(--paper)}
.step__d{color:var(--on-ink-3);transition:color .3s}
.step.is-on .step__d{color:var(--orange)}
.pilot__ul .ic{color:var(--on-paper-3)}
.tl__after .ic{color:var(--on-ink-3)}
.lnk--o .ic{color:currentColor}
.lnk--o:hover .ic{color:var(--orange)}

/* contrast of controls */
.fld input,.sel select,.phone{border-color:var(--ctl-ink)}
.out__in input{border-color:var(--ctl-paper)}
.round.line,.btn--line,.btn--line-p,.chip-l{box-shadow:inset 0 0 0 1px var(--ctl-paper)}
.cal .round.line,.slot{box-shadow:inset 0 0 0 1px var(--ctl-ink)}
.slot.sel{box-shadow:none}
.slate--ink{border-color:rgba(11,11,10,.4)}
.slate--ink .mono{color:rgba(11,11,10,.86)}
.bookc .bsteps .mono{color:var(--ink)}
.tabs [role=tab] .mono{opacity:1}

/* nav */
.nav__in{max-width:calc(var(--max) - 2 * var(--g))}
.nav[data-theme=orange] .brand__wm{background-image:url(/assets/l/wordmark-mono.png)}
.nav__links a.nav__pf{opacity:.72}
.nav__links a.nav__pf.is-on{opacity:1}
.nav__links a.nav__pf.is-on .mk{width:8px;opacity:1}
html.menu-open,html.menu-open body{overflow:hidden}
.menu{overflow-y:auto;overscroll-behavior:contain}
.menu-open .nav__in{background:var(--glass-ink);color:var(--on-ink);box-shadow:var(--glass-ring)}
.menu-open .nav .brand__wm{background-image:url(/assets/l/wordmark-paper.png)}
.menu-open .nav__cta{visibility:hidden}
.menu-open .nav{transform:none!important}
@media (max-width:767px){.brand__wm{display:block}}
@media (max-width:360px){.brand__wm{display:block;height:9px}.brand{gap:6px}.nav__cta{padding:0 10px 0 12px}}

/* sticky mobile CTA: compact, only when the nav is hidden */
.sticky{left:auto;right:16px;--h:48px;padding:0 18px 0 20px;visibility:hidden;transition:opacity .3s var(--ease-out),transform .4s var(--ease-out),visibility 0s .4s}
.sticky.is-on{visibility:visible;transition-delay:0s}
@media (max-width:767px){.foot{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}

/* logos */
.lg--sefy{--lh:20px}.lg--emorfiq{--lh:38px}.lg--dermacol{--lh:22px}.lg--midu{--lh:26px}
@media (max-width:767px){.lc--cta{grid-column:span 1;height:96px}.lc--cta .lc__t{font-size:15px}}

/* services */
.svc{opacity:1;grid-template-rows:auto;align-items:center}
.svc>*{transition:opacity .45s var(--ease-out)}
.svc:not(.is-on)>*{opacity:.28}
.svc:last-child{margin-right:calc(100vw - min(1120px,84vw) - 2 * max(var(--g),calc((100vw - var(--max)) / 2 + var(--g))))}
.svc__scr{align-self:center}
.svc__body{justify-content:center}
.svc__ic{margin-bottom:22px}
.chips .chip{white-space:nowrap}
.track.is-peek .svc:first-child{animation:peek 1s var(--ease-io)}
@keyframes peek{50%{transform:translateX(-40px)}}
@media (max-width:1023px){.svc{grid-template-columns:1fr;flex-basis:min(600px,84vw)}.svc:last-child{margin-right:calc(100vw - min(600px,84vw) - 2 * var(--g))}}
@media (max-width:767px){.svc{flex-basis:calc(100vw - 2 * var(--g) - 8px)}.svc:last-child{margin-right:var(--g)}.svctl{justify-content:flex-start}.svctl__n{margin-right:auto}.tabs{margin-inline:calc(-1 * var(--g));padding-inline:var(--g);scroll-padding-inline:var(--g)}}
@media (hover:none){.svc__a .lnk{min-height:44px}}

/* work */
@media (max-width:1023px){
  .wrow{grid-template-columns:1fr auto;gap:10px;padding:16px 0 20px}
  .wrow__i,.wrow__f{display:none}
  .wrow::before{content:"";grid-column:1/-1;aspect-ratio:16/9;border-radius:14px;background:#000 var(--pimg) center/cover no-repeat;order:-1}
  .wrow__d{align-self:start;padding-top:4px}
  html:not(.fine) .wrow.is-on .wrow__m{transform:none}
}
@media (min-width:768px) and (max-width:1023px){.wlist{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}}
.wscr-w{padding-left:32px}
@media (min-width:1024px){.wrow__f{display:flex;align-items:center;gap:8px}}
.chip-s{padding:3px 7px;border-radius:99px;box-shadow:inset 0 0 0 1px var(--line-ink-2);font-size:9.5px;letter-spacing:.1em;line-height:1}

/* outreach layout: grid with explicit placement; mobile follows DOM order (demo right after input) */
.out__g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:28px;align-items:start}
.out__h,.out__lead,.out__try,.out__pts,.out__cta{grid-column:1/6;min-width:0}
.out__h{grid-row:1;max-width:13ch}
.out__lead{grid-row:2}
.out__try{grid-row:3}
.out__pts{grid-row:4}
.out__cta{grid-row:5}
.out__r{grid-column:7/13;grid-row:1/7;position:sticky;top:calc(var(--nav-h) + 48px)}
.out__pts li{display:flex;gap:14px;align-items:center}
.out__pts .mk{fill:var(--on-paper-3)}
@media (max-width:1023px){.out__g{display:flex;flex-direction:column}.out__r{position:static;width:100%}}
@media (max-width:767px){.out__scr{aspect-ratio:4/5}.out__cap{display:none}.out__scr>.vf{display:none}}
@container (max-width:520px){
  .od__s2{padding:7cqw 6cqw}
  .od__side{display:none}
  .od__h{font-size:6cqw;margin-bottom:3cqw}
  .od__btn{font-size:3.2cqw;padding:1.4cqw 2.6cqw}
  .od__rows li{font-size:4.2cqw;grid-template-columns:7cqw 1fr auto;padding:2.4cqw 0;gap:2.4cqw}
  .od__rows li:nth-child(n+4){display:none}
  .od__av{width:7cqw;height:7cqw;font-size:2.6cqw}
  .od__s{font-size:3cqw;padding:1cqw 2cqw}
  .od__bar{height:9cqw;padding:0 3cqw;gap:1.6cqw}
  .od__bar>i{width:2cqw;height:2cqw}
  .od__tab{font-size:3.6cqw;height:6.4cqw;padding:0 2.6cqw;max-width:60cqw}
  .od__fav{width:3cqw;height:3cqw}
  .od__card{width:84cqw;padding:6cqw;gap:4cqw}
  .od__play{width:14cqw;height:14cqw}
  .od__play .ic{width:5cqw;height:5cqw}
  .od__k{font-size:3cqw}
  .od__ft{font-size:5.4cqw}
  .od__fn{font-size:7cqw}
  .od__ml{font-size:3.4cqw}
  .od__cur{width:5cqw;height:5cqw}
  .od__av2{width:9cqw;height:7cqw;margin-left:-4.5cqw}
}
.od__card{width:72cqw;padding:4cqw}
.od__card p{display:grid;gap:.8cqw;min-width:0}
.od__ft{font-size:3.4cqw;color:var(--on-ink-2)}
.od__fn{font-size:5.2cqw;font-weight:500;letter-spacing:-.045em;line-height:1.02;color:var(--orange);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.od__play{width:10cqw;height:10cqw}
.od__play .ic{width:3.6cqw;height:3.6cqw}

/* process */
.facts li{gap:8px}
.princ li{gap:4px}

/* studio */
.studio{padding-bottom:clamp(48px,6vw,96px)}

/* faq */
.faq__h{margin-bottom:40px}
.pilot__m{margin-top:20px}

/* booking: headline inside the left column so the form shares the screen */
.bookc__bg{opacity:.2}
.bookc__g{align-items:start}
.bookc__h{font-size:clamp(40px,4.6vw,76px);line-height:1;letter-spacing:-.045em;max-width:12ch;margin-bottom:40px}
.bookc__h .paper{color:var(--white)}
@media (max-width:1023px){
  .bookc__g{display:flex;flex-direction:column}
  .bookc__l{display:contents}
  .bookc__h{order:0;margin-bottom:28px}
  .bookc__r{order:1;margin:0 0 36px;width:100%}
  .bookc__info{order:2}
}

/* form */
.more[inert] .fld{pointer-events:none}
.cal__day.sel,.slot.sel{font-weight:500}

/* lightbox */
.lb.is-idle .lb__ctl{opacity:0;pointer-events:none}
.lb{overscroll-behavior:contain}
html:has(dialog.lb[open]){overflow:hidden}
.lb__bar:focus-within{outline:2px solid var(--orange);outline-offset:4px;border-radius:4px}
@media (max-width:767px){.lb.is-wide .lb__ctl{top:calc(100% + 14px);bottom:auto}.lb.is-wide .lb__title{top:-30px}}

/* cursor: one smoothing only */
.cursor{transition:opacity .25s;transform:translate3d(-200px,-200px,0)}
.cursor span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;transform:scale(.6);transition:transform .35s var(--ease-out)}
.cursor.is-on span{transform:none}

/* touch targets + small labels on phones */
@media (hover:none){
  .chip-l{min-height:40px}
  .foot__links a,.foot__links .motion-t{display:inline-flex;align-items:center;min-height:44px}
  .foot__links{row-gap:0}
  .round.glass{width:44px;height:44px}
  .tabs [role=tab]{height:44px}
  .menu__row a,.menu .motion-t{min-height:44px;display:inline-flex;align-items:center}
  .lang{height:40px}
  .chips .chip,.wrow__d,.foot__made,.out__note,.tz{font-size:11.5px}
  .lc__c{font-size:10.5px}
}
.foot__links .motion-t{font-family:var(--sans);font-size:15px;letter-spacing:0;text-transform:none;color:var(--on-ink-2)}
.menu .motion-t{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
@media (max-width:400px){.slate .mono{white-space:nowrap;font-size:10px}.slate .mono:last-child{overflow:hidden;text-overflow:ellipsis}}
@media (max-width:767px){.pilot .vf,.svc .scr>.vf{display:none}}

/* portfolio */
.pfh .h1{font-size:clamp(40px,5.4vw,92px);max-width:20ch}
.pfeat .pc--big{display:flex;flex-direction:column}
.pfeat .pc--big .pc__m{flex:1;aspect-ratio:auto;min-height:0}
@media (max-width:1023px){.pfeat .pc--big .pc__m{aspect-ratio:16/9;flex:none}}
.pc__m>.vf{opacity:0;transition:opacity .3s}
.pc__m:hover>.vf,.pc__m:focus-visible>.vf,.pc__m.is-live>.vf{opacity:1}
.pc__play{background:rgba(11,11,10,.82);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);-webkit-backdrop-filter:none;backdrop-filter:none}
.pp{display:grid;grid-template-rows:1fr auto auto;align-content:start}
.pp--h .pp__m{height:auto;aspect-ratio:auto;min-height:0}
/* non-9:16 shorts (SEFY 4:5): whole frame visible, blurred copy of the poster fills the rest */
.pp--fit .pp__m{background:var(--ink)}.pp--fit .pp__m::before{content:"";position:absolute;inset:-24px;background:var(--bg) center/cover;filter:blur(22px) brightness(.75)}.pp--fit .pp__m img{object-fit:contain}
.pc__h2{font-size:var(--t-row);font-weight:500;letter-spacing:-.02em;margin:0 0 28px;color:var(--on-ink)}
.pfw__l{font-family:var(--mono)}
@media (max-width:1023px){.pgrid--v{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){.pgrid--v{grid-template-columns:1fr 1fr}}
.pfc{background:var(--orange);color:var(--ink)}
.pfc::before{display:none}
.pfc .h2{color:var(--ink)}
.pfc__bg{-webkit-mask-image:none;mask-image:none;mix-blend-mode:multiply;opacity:.2}
.pfc__bg img{object-position:0 0;object-fit:cover}
@media (max-width:767px){.pfc{padding-block:96px}.pfc__bg img{position:static;height:100%;object-fit:cover}}
.pfc .btn--ink:hover{background:#222}

/* ================================================================ v3 (Bruno's revisions 5. 10.) */
/* hero film */
.reel__bar{position:absolute;left:clamp(14px,1.8vw,28px);right:clamp(14px,1.8vw,28px);bottom:clamp(12px,1.6vw,24px);z-index:5;height:2px;border-radius:2px;background:rgba(245,243,238,.28);overflow:hidden;pointer-events:none}
.reel__bar i{display:block;height:100%;background:var(--orange);transform-origin:left;transform:scaleX(var(--p,0))}
.reel__scrim{height:22%}
@media (max-width:767px){.reel__frame{aspect-ratio:16/9;border-radius:14px}.reel__cap .tc,.reel__cap .sep{display:inline}.reel__cl{display:none}.reel__bar{bottom:8px;left:10px;right:10px}}
.hero__row{margin-top:clamp(24px,3.4vh,36px)}

/* logos: 8 + CTA */
.lg--easy8{--lh:26px}.lg--decoled{--lh:34px}
.lc--cta{grid-column:span 2}
@media (max-width:1023px){.lc--cta{grid-column:span 1;height:auto}}
@media (max-width:767px){.lc--cta{grid-column:span 2;height:84px}}

/* outreach modal */
.om{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:auto;overscroll-behavior:contain;color:var(--on-paper)}
.om::backdrop{background:rgba(11,11,10,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.om[open]{display:grid;place-items:center;padding:clamp(12px,3vw,40px)}
.om__in{position:relative;width:min(1240px,100%);background:var(--paper);border-radius:28px;padding:clamp(24px,4vw,56px);box-shadow:0 40px 120px -40px rgba(0,0,0,.6)}
.om__x{position:absolute;top:16px;right:16px;z-index:3;background:var(--paper)}
.om__g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:start}
.om__l{display:grid;gap:22px;min-width:0}
.om__r{display:grid;gap:22px;min-width:0}
.om__k{color:var(--on-paper-3)}
.om__h{font-size:clamp(34px,4.2vw,64px);max-width:12ch}
.om__lead{color:var(--on-paper-2)}
.om .out__scr{position:relative;aspect-ratio:16/9;border-radius:18px}
.om .out__pts{grid-row:auto;grid-column:auto}
.om .out__cta{grid-row:auto;grid-column:auto}
.om .out__try,.om .out__lead,.om .out__h{grid-column:auto;grid-row:auto}
html:has(dialog.om[open]){overflow:hidden}
@media (max-width:1023px){.om__g{grid-template-columns:1fr}.om__h{max-width:16ch}}
@media (max-width:767px){.om[open]{padding:0;place-items:start}.om__in{border-radius:0;min-height:100%;padding:72px 18px 28px}.om .out__scr{aspect-ratio:4/5}.om .out__cap{display:none}}
.lnk--more .ic{width:16px;height:16px;color:currentColor}
.svc__a{gap:8px 20px}

/* faq without price card */
.faq__lead{font-size:var(--t-lead);color:var(--on-paper-2);max-width:30ch;margin-bottom:18px}
.faq__mail{display:flex;flex-wrap:wrap;gap:8px}

/* booking with both founders */
.host__av{display:flex}
.host__av img{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--orange)}
.host__av img+img{margin-left:-12px}
.fcard .fpane{gap:16px}
#sendBtn.is-sending .mk{animation:blink 1s steps(2) infinite}
.ok__p{max-width:40ch}
/* mobile: film controls under the film + breathing room before the dark section */
.reel__under{display:none}
@media (max-width:767px){
  .reel{padding-bottom:28px}
  .reel__top{display:none}
  .reel__scrim{display:none}
  .reel__under{display:flex;align-items:center;gap:8px;margin-top:12px}
  .reel__utc{display:flex;align-items:center;gap:8px;color:var(--on-paper-3);font-size:11px;letter-spacing:.06em;margin-right:auto}
  .reel__full2{height:40px;padding:0 14px 0 12px;font-weight:500;font-size:14px;box-shadow:inset 0 0 0 1px var(--ctl-paper);color:var(--on-paper)}
  .reel__full2 .ic{width:17px;height:17px}
  .reel__p2{width:40px;height:40px}
  .reel__under.is-paused .ic-pause{display:none}
  .reel__under.is-paused .ic-play{display:block}
}
.st__side{padding-top:0}
@media (max-width:767px){.lc{height:112px}.lg{transform:translateY(-12px)}.lc__c{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;font-size:9.5px;letter-spacing:.08em}}

/* ================================================================ v4 (logos in colour, services nav, caps) */
/* logos: colour on white */
.logos{background:var(--white);color:var(--on-paper);padding-block:clamp(56px,6vw,96px) clamp(64px,7vw,112px)}
.logos__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:clamp(20px,2.4vw,32px);padding-top:20px;border-top:var(--hair) solid var(--line-paper-2)}
.logos__k{display:flex;align-items:center;gap:12px;font-size:clamp(22px,2vw,30px);font-weight:500;letter-spacing:-.025em;color:var(--orange-text)}
.logos__k .mk{width:12px;height:13px;fill:var(--orange)}
.logos__s{color:var(--on-paper-3)}
.logos .lgrid{border-color:var(--line-paper)}
.logos .lc{border-color:var(--line-paper);height:clamp(120px,10vw,152px)}
img.lg{display:block;height:var(--lh,34px);width:auto;max-width:min(190px,84%);object-fit:contain;background:none;-webkit-mask:none;mask:none;opacity:1;transition:transform .5s var(--ease-out)}
.lg--base{--lh:32px}.lg--emorfiq{--lh:58px}.lg--munipolis{--lh:30px}.lg--easy8{--lh:36px}.lg--sefy{--lh:40px}.lg--decoled{--lh:48px}.lg--midu{--lh:36px}.lg--dermacol{--lh:28px}
.logos .lc__c{color:var(--on-paper-3)}
.logos .lc--cta a:hover{background:var(--paper)}
.logos .lc__t .ic{color:var(--orange)}
@media (max-width:767px){.logos .lc{height:118px}img.lg{transform:translateY(-10px);max-width:80%}.lg--base{--lh:26px}.lg--emorfiq{--lh:46px}.lg--munipolis{--lh:22px}.lg--easy8{--lh:28px}.lg--sefy{--lh:32px}.lg--decoled{--lh:38px}.lg--midu{--lh:26px}.lg--dermacol{--lh:20px}}
@media (hover:none){img.lg{opacity:1}}

/* services: navigation under the cards + hints */
.svbar{margin-bottom:20px}
.svnav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:22px}
.svnav__hint{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--on-paper-2);font-weight:500}
.svnav__swipe{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--paper);animation:swipeHint 1.8s var(--ease-io) infinite}
.svnav__swipe .ic{width:16px;height:16px}
.svnav.is-used .svnav__swipe{animation:none}
@keyframes swipeHint{0%,100%{transform:translateX(0)}50%{transform:translateX(8px)}}
.svnav__dots{display:flex;gap:8px;justify-self:center}
.svdot{width:34px;height:20px;display:grid;align-items:center}
.svdot i{display:block;height:4px;border-radius:4px;background:var(--line-paper-2);transition:background-color .3s,transform .3s}
.svdot.is-on i{background:var(--orange)}
.svdot:hover i{background:var(--on-paper-3)}
.svdot.is-on:hover i{background:var(--orange)}
.svnav__btns{display:flex;align-items:center;gap:14px;justify-self:end}
.round.big{width:56px;height:56px}
.round.big .ic{width:22px;height:22px}
.svnav__next{background:var(--ink);color:var(--paper);box-shadow:none!important}
.svnav__next:hover{background:#222}
.svnav__next:disabled{background:transparent;color:var(--on-paper);box-shadow:inset 0 0 0 1px var(--ctl-paper)!important}
.svnav:not(.is-used) .svnav__next:not(:disabled){animation:nextPulse 2.2s var(--ease-out) infinite}
@keyframes nextPulse{0%{box-shadow:0 0 0 0 rgba(242,99,22,.55)}70%{box-shadow:0 0 0 14px rgba(242,99,22,0)}100%{box-shadow:0 0 0 0 rgba(242,99,22,0)}}
.track.is-peek .svc{animation:peekAll 1.3s var(--ease-io)}
@keyframes peekAll{45%{transform:translateX(-90px)}}
.svc:not(.is-on)>*{opacity:.5}
@media (max-width:767px){
  .svnav{grid-template-columns:1fr auto;grid-template-areas:"hint hint" "dots btns";gap:14px 12px;margin-top:16px}
  .svnav__hint{grid-area:hint;font-size:14px}
  .svnav__dots{grid-area:dots;justify-self:start;gap:4px}
  .svdot{width:26px}
  .svnav__btns{grid-area:btns;gap:10px}
  .round.big{width:48px;height:48px}
  @keyframes peekAll{45%{transform:translateX(-60px)}}
}

/* hero film: cap the size on very large screens */
@media (min-width:768px){
  .reel__frame{width:min(100vw,1600px,160svh);margin-inline:auto}
  html.js .reel__frame{--s:calc(min(100vw - 2 * var(--g), var(--max) - 2 * var(--g)) / min(100vw, 1600px, 160svh))}
}

/* founders: colour, same height */
.per--1{margin-top:0}
@media (max-width:767px){.per--1{margin-top:0}}

/* mobile header: language switch next to the CTA */
@media (max-width:1023px){.nav .lang{display:inline-flex;height:30px;opacity:.8}}
@media (max-width:767px){
  .nav .lang{height:28px;padding:2px}
  .nav .lang__i{min-width:24px;padding:0 5px;font-size:10px}
  .brand__wm{height:9px}
  .brand{gap:7px}
  .brand__av{width:26px;height:19px}
  .nav__cta .ic{display:none}
  .nav__cta{padding:0 14px}
  .burger{width:40px;height:40px}
  .burger i{left:11px;right:11px}
  .burger i:nth-child(1){top:16px}.burger i:nth-child(2){top:23px}
  .menu-open .burger i:nth-child(1),.menu-open .burger i:nth-child(2){top:19.5px}
}
@media (max-width:380px){.brand__wm{display:none!important}}
.foot__made{padding-bottom:28px}
@media (max-width:767px){.logos .lc{height:128px}.logos img.lg{transform:translateY(-14px)}.logos .lc__c{white-space:normal;line-height:1.35;bottom:10px;padding:0 8px;overflow:visible}}

/* ================================================================ v5 hero: text + live animation stage */
.hero{padding-bottom:clamp(56px,7vw,112px)}
.hero__split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;min-height:calc(100svh - var(--nav-h) - 120px)}
.hero__txt{grid-column:1/6;min-width:0;display:grid;gap:0}
.hero__stage{grid-column:6/13;min-width:0;justify-self:end;width:min(100%,calc((100svh - var(--nav-h) - 110px) * 1.2))}
.hero .h1{font-size:clamp(42px,min(5.5vw,10.5svh),96px);max-width:11ch;line-height:.97}
html[lang=cs] .hero .h1{max-width:11.5ch}
.hero .lead{margin-top:clamp(20px,2.6vh,30px);max-width:40ch}
.hero__cta{margin-top:28px}
.ha-root{position:relative;width:100%;aspect-ratio:6/5;border-radius:24px;background:var(--white);box-shadow:0 1px 2px rgba(11,11,10,.06),0 50px 100px -50px rgba(11,11,10,.35);overflow:hidden;isolation:isolate;container-type:inline-size}
@media (max-width:1023px){
  .hero__split{grid-template-columns:1fr;min-height:0;gap:28px}
  .hero__txt,.hero__stage{grid-column:1/-1}
  .hero__stage{justify-self:stretch;width:100%}
  .hero .h1{font-size:clamp(40px,7.4vw,72px);max-width:14ch}
}
@media (max-width:767px){
  .hero .h1{font-size:clamp(38px,11vw,52px)}
  .hero{padding-bottom:40px}
  .ha-root{border-radius:18px}
  .hero__cta{flex-direction:column}
  .hero__cta .btn{width:100%}
}
/* founders: smaller portraits */
.st__g{align-items:start}
.people{grid-column:1/8;gap:28px}
.per__img{max-width:300px;aspect-ratio:4/5}
.st__side{grid-column:9/13}
@media (max-width:1023px){.people{grid-column:1/-1;max-width:640px}.per__img{max-width:none}.st__side{grid-column:1/-1}}
@media (max-width:767px){.people{max-width:none}}
@media (min-width:1024px){.people{grid-template-columns:repeat(2,minmax(0,300px));column-gap:40px}}

/* ================================================================ v6 hero: frameless animation on the page background */
.hero .ha-root,.hero .ha-root.ha{background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;contain:layout!important;clip-path:inset(-14% -30% -16% -4%)}
.hero__stage{position:relative}
@media (max-width:1023px){.hero .ha-root,.hero .ha-root.ha{clip-path:inset(-10% -8% -12% -8%)}}
/* ================================================================ v7 portfolio: categories + sticky filter bar; work: full portfolio link */
.work__more{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;margin-top:clamp(40px,5vw,64px)}
.work__ugc{display:inline-flex;align-items:center;gap:8px;color:var(--on-ink-3);transition:color .2s}
.work__ugc:hover{color:var(--on-ink)}
.pfg[hidden],.pfw[hidden]{display:none!important}
.pfh{padding-bottom:clamp(28px,3.4vw,48px)}
.pff{--pt:12px;position:sticky;top:calc(var(--pt) + var(--nav-h) + 10px);z-index:250;height:0;display:flex;justify-content:center;align-items:flex-start;padding-inline:var(--g);pointer-events:none;transition:top .45s var(--ease-out)}
.nav.is-hidden ~ main .pff{top:var(--pt)}
.pff__in{pointer-events:auto;display:flex;gap:4px;padding:5px;border-radius:999px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;
  background:rgba(22,22,20,.74);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 12px 32px -14px rgba(0,0,0,.55)}
.pff__in::-webkit-scrollbar{display:none}
.pff .fchip{flex:none;height:40px;padding:0 16px;box-shadow:none;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;color:rgba(245,243,238,.72)}
.pff .fchip:hover{color:var(--paper);box-shadow:none;background:rgba(255,255,255,.07)}
.pff .fchip.is-on{background:var(--paper);color:var(--ink)}
.pff .fchip:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.fchip__n{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.02em;opacity:.55;font-variant-numeric:tabular-nums}
.pfw{padding-top:calc(50px + clamp(36px,4.4vw,64px))}
.pfw__l{display:flex;justify-content:space-between;align-items:baseline;gap:16px;text-transform:uppercase;letter-spacing:.14em;font-size:11px}
.pfg:first-child > .pfw__l{margin-top:0}
.pfw__n{font-variant-numeric:tabular-nums}
.pgrid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pfeat{margin-bottom:48px}
@media (max-width:767px){
  .pff{--pt:8px;padding-inline:10px}
  .pff .fchip{height:38px;padding:0 13px;font-size:14px;gap:6px}
  .pgrid--2{grid-template-columns:1fr}
  .work__more .btn{width:100%}
}
/* social cards: a film that is not 9:16 (SEFY 4:5) is shown whole on black instead of being cropped */
.pc--fit .pc__m>img,.pc--fit .pc__m>video{object-fit:contain}
/* ================================================================ v8 (8. 10.): our film in the hero, black client wall, plain orange section titles */
/* hero film */
.hero__stage{width:100%;justify-self:stretch}
.hfilm{width:min(100%,calc((100svh - var(--nav-h) - 170px) * 16 / 9));margin-left:auto}
.hfilm__f{position:relative;aspect-ratio:16/9;border-radius:20px;background:#000;box-shadow:0 1px 2px rgba(11,11,10,.08),0 44px 90px -44px rgba(11,11,10,.5);cursor:pointer}
.hfilm__f>picture,.hfilm__f>picture img,.hfilm__f>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.hfilm__f>video{opacity:0;transition:opacity .6s}
.hfilm__f>video.is-playing{opacity:1}
.hfilm__f>.vf{inset:-10px}
.hfilm__hit{position:absolute;inset:0;z-index:4;border-radius:inherit}
.hfilm__hit:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.hfilm__cta{position:absolute;left:16px;bottom:22px;z-index:5;pointer-events:none;display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 16px 0 6px;border-radius:999px;background:rgba(11,11,10,.58);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:var(--on-ink);font-size:14px;font-weight:500;transition:background-color .3s,transform .4s var(--ease-out)}
.hfilm__pl{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--orange);color:#fff}
.hfilm__pl .ic{width:12px;height:12px;margin-left:2px}
.hfilm__d{color:var(--on-ink-2);font-size:11px;letter-spacing:.06em}
.hfilm__f:hover .hfilm__cta{transform:translateY(-2px);background:rgba(11,11,10,.78)}
.hfilm__bar{position:absolute;left:16px;right:16px;bottom:10px;z-index:5;height:2px;border-radius:2px;background:rgba(245,243,238,.22);overflow:hidden;pointer-events:none}
.hfilm__bar i{display:block;height:100%;background:var(--orange);transform-origin:left;transform:scaleX(0)}
@media (max-width:1023px){.hfilm{width:100%}}
@media (max-width:767px){.hfilm__f{border-radius:14px}.hfilm__cta{left:10px;bottom:16px;height:36px;font-size:13px;padding-right:12px}.hfilm__pl{width:26px;height:26px}.hfilm__bar{left:10px;right:10px;bottom:7px}}
/* section titles: plain words in orange (Our clients / Our services / Our recent work / Our team), small line next to them */
.sec__t{color:var(--orange-text)}
.ink .sec__t{color:var(--orange)}
/* client wall on black, bigger white logos */
.logos.ink{background:var(--ink);color:var(--on-ink);padding-block:clamp(72px,8vw,128px)}
.logos.ink .lgrid,.logos.ink .lc{border-color:rgba(245,243,238,.12)}
.logos.ink .lc{height:clamp(132px,12vw,184px)}
.logos.ink img.lg{max-width:min(230px,84%)}
.logos.ink .lg--base{--lh:42px}.logos.ink .lg--emorfiq{--lh:74px}.logos.ink .lg--munipolis{--lh:38px}.logos.ink .lg--easy8{--lh:46px}.logos.ink .lg--sefy{--lh:34px}.logos.ink .lg--decoled{--lh:62px}.logos.ink .lg--midu{--lh:46px}.logos.ink .lg--dermacol{--lh:36px}
.logos.ink .lc__c{color:var(--on-ink-3)}
.logos.ink .lc--cta a{color:var(--on-ink)}
.logos.ink .lc--cta a:hover{background:var(--ink-3)}
@media (max-width:767px){
  .logos.ink .lc{height:124px}
  .logos.ink .lg--base{--lh:30px}.logos.ink .lg--emorfiq{--lh:54px}.logos.ink .lg--munipolis{--lh:26px}.logos.ink .lg--easy8{--lh:32px}.logos.ink .lg--sefy{--lh:24px}.logos.ink .lg--decoled{--lh:46px}.logos.ink .lg--midu{--lh:32px}.logos.ink .lg--dermacol{--lh:24px}
}