/* Rolsmed Group v2 — "Pharmaceutical modernism, in motion"
   Fonts: Funnel Display (display + UI), EB Garamond (reading). Both SIL OFL, self-hosted. */
@font-face{font-family:"Funnel Display";src:url("../assets/fonts/funnel-display.woff2") format("woff2");font-weight:300 800;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("../assets/fonts/eb-garamond.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("../assets/fonts/eb-garamond-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}

:root{
  --red:#E01E26;--red-deep:#B3141C;--graphite:#2D2E33;--foil:#CBCFD5;--blush:#F6D6D3;
  --paper:#F1F2F4;--paper-pure:#FFFFFF;--ink:#1C1D21;--muted:#595B63;--line:rgba(28,29,33,.14);
  --tile-solids:#F6D6D3;--tile-liquids:#DCDFE4;--tile-sterile:#FFFFFF;--tile-topicals:#E6E7EA;
  --soft:#E7E8EC;
  --dark-bg:#2A2B30;--dark-ink:#F1F2F4;--dark-muted:#B4B6BD;--dark-line:rgba(241,242,244,.16);
  --f-display:"Funnel Display","Helvetica Neue",Arial,sans-serif;
  --f-text:"EB Garamond",Garamond,"Times New Roman",serif;
  --wrap:1440px;--gutter:clamp(1.25rem,4vw,4rem);--section:clamp(5rem,10vw,9.5rem);
  --ease:cubic-bezier(.22,1,.36,1);--nav-h:76px;
  color-scheme:light;box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){color-scheme:dark;--paper:#17181B;--ink:#ECEDEF;--muted:#A9ABB2;--line:rgba(236,237,239,.14);
    --tile-solids:#3B2627;--tile-liquids:#2C2E33;--tile-sterile:#24252A;--tile-topicals:#303136;--soft:#222328;--dark-bg:#232428}
}
:root[data-theme="dark"]{color-scheme:dark;--paper:#17181B;--ink:#ECEDEF;--muted:#A9ABB2;--line:rgba(236,237,239,.14);
  --tile-solids:#3B2627;--tile-liquids:#2C2E33;--tile-sterile:#24252A;--tile-topicals:#303136;--soft:#222328;--dark-bg:#232428}

*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:env(safe-area-inset-top,0px);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-text);font-size:clamp(1.125rem,1.06rem + .28vw,1.3rem);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img,svg{display:block;max-width:100%}
a{color:inherit}button{font:inherit;color:inherit}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}
::selection{background:var(--red);color:#fff}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
[id]{scroll-margin-top:calc(var(--nav-h) + 1rem)}
.page[hidden]{display:none}
.brief>*,.ex>*,.route>*,.form-grid>*,.ph-grid>*,.why-grid>*{min-width:0}

[data-theme="light"]{background:var(--paper);color:var(--ink);--focus:var(--red)}
[data-theme="dark"]{background:var(--dark-bg);color:var(--dark-ink);--focus:#fff;--line:var(--dark-line);--muted:var(--dark-muted)}
[data-theme="red"]{background:var(--red);color:#fff;--focus:#fff;--line:rgba(255,255,255,.3);--muted:rgba(255,255,255,.88)}
:focus-visible{outline:3px solid var(--focus,var(--red));outline-offset:3px;border-radius:4px}
.skip{position:fixed;left:1rem;top:-4rem;z-index:100;background:#1C1D21;color:#fff;padding:.75rem 1rem;border-radius:8px;font-family:var(--f-display);text-decoration:none;transition:top .2s}
.skip:focus{top:calc(1rem + env(safe-area-inset-top,0px))}

/* ---------- type ---------- */
.h-hero{font-family:var(--f-display);font-weight:800;font-size:clamp(3rem,1rem + 7.6vw,9.6rem);line-height:.88;letter-spacing:-.05em}
.h-xl{font-family:var(--f-display);font-weight:700;font-size:clamp(2.5rem,1.3rem + 4.4vw,6.2rem);line-height:.95;letter-spacing:-.04em;text-wrap:balance}
.h-lg{font-family:var(--f-display);font-weight:700;font-size:clamp(2rem,1.2rem + 2.6vw,3.8rem);line-height:1;letter-spacing:-.035em}
.lede{font-size:clamp(1.25rem,1.1rem + .6vw,1.65rem);line-height:1.4;max-width:36ch;color:var(--muted);text-wrap:pretty}
[data-theme="red"] .lede{color:#fff}
.ln{display:block;overflow:hidden;padding:0 .04em .08em}.ln>span{display:block}
html.js .page:not(.is-in) .ln>span{transform:translateY(106%)}
html.js .page.is-in .ln>span{transform:none;transition:transform 1.15s var(--ease)}
.page.is-in .ln:nth-child(2)>span{transition-delay:.09s}.page.is-in .ln:nth-child(3)>span{transition-delay:.18s}
html.js .page:not(.is-in) .rise{opacity:0}
html.js .page.is-in .rise{animation:rise 1s var(--ease) .45s both}
html.js .page.is-in .rise.d2{animation-delay:.6s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
html.rm .ln>span{transform:none !important}html.rm .rise{opacity:1 !important;animation:none !important}

/* ---------- buttons (fixed colours: never inherit flipping tokens) ---------- */
.btn{--bg:transparent;--fg:currentColor;--bd:transparent;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:52px;padding:.9rem 1.6rem;border-radius:999px;background:var(--bg);color:var(--fg);border:1.5px solid var(--bd);font-family:var(--f-display);font-weight:600;font-size:1rem;line-height:1;text-decoration:none;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s}
.btn svg{width:20px;height:20px}
.btn-light{--bg:#fff;--fg:#1C1D21}
[data-theme="red"] .btn-light{--fg:#B3141C}
.btn-light:hover{--bg:#2D2E33;--fg:#fff}
[data-theme="dark"] .btn-light:hover{--bg:#E01E26;--fg:#fff}
.btn-ghost-light{--bd:rgba(255,255,255,.75);--fg:#fff}
.btn-ghost-light:hover{--bg:#fff;--fg:#1C1D21;--bd:#fff}
.btn-dark{--bg:var(--ink);--fg:var(--paper)}
.btn-dark:hover{--bg:#E01E26;--fg:#fff}
.btn-red{--bg:#E01E26;--fg:#fff}
.btn-red:hover{--bg:#B3141C}
.btn-ghost{--bd:var(--line);--fg:var(--ink)}
.btn-ghost:hover{--bd:var(--ink)}
.round{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1.5px solid var(--line);background:transparent;cursor:pointer;transition:background-color .3s,border-color .3s,color .3s}
.round svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.round:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.link-go{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--f-display);font-weight:600;text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:.15rem}
.link-go svg{width:18px;height:18px;transition:transform .4s var(--ease)}.link-go:hover svg{transform:translateX(4px)}

/* ---------- nav ---------- */
.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:1.75rem;height:calc(var(--nav-h) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) var(--gutter) 0;color:var(--ink);transition:color .35s,background-color .35s,transform .5s var(--ease);view-transition-name:nav}
.nav.is-hidden{transform:translateY(-110%)}
.nav.is-solid{background:color-mix(in srgb,var(--paper) 94%,transparent)}
.nav[data-on="red"]{color:#fff}.nav[data-on="red"].is-solid{background:color-mix(in srgb,#E01E26 94%,transparent)}
.nav[data-on="dark"]{color:var(--dark-ink)}.nav[data-on="dark"].is-solid{background:color-mix(in srgb,var(--dark-bg) 94%,transparent)}
.nav-logo{display:block;width:clamp(128px,11vw,160px);flex:none}.nav-logo img{width:100%;height:auto}
.logo-white{display:none}
.nav[data-on="red"] .logo-color,.nav[data-on="dark"] .logo-color{display:none}
.nav[data-on="red"] .logo-white,.nav[data-on="dark"] .logo-white{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .nav[data-on="light"] .logo-color,:root:not([data-theme="light"]) .foot .logo-color{display:none}:root:not([data-theme="light"]) .nav[data-on="light"] .logo-white,:root:not([data-theme="light"]) .foot .logo-white{display:block}}
.nav-links{display:flex;gap:1.8rem;margin-left:auto}
.nav-links a{position:relative;font-family:var(--f-display);font-weight:500;font-size:1rem;text-decoration:none;padding:.5rem 0}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:.2rem;height:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.nav-links a:hover::after,.nav-links a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}
.btn-nav{--bg:var(--ink);--fg:var(--paper);min-height:46px;padding:.75rem 1.3rem;font-size:.95rem}
.btn-nav:hover{--bg:#E01E26;--fg:#fff}
.nav[data-on="red"] .btn-nav{--bg:#fff;--fg:#B3141C}.nav[data-on="red"] .btn-nav:hover{--bg:#2D2E33;--fg:#fff}
.nav[data-on="dark"] .btn-nav{--bg:#fff;--fg:#1C1D21}.nav[data-on="dark"] .btn-nav:hover{--bg:#E01E26;--fg:#fff}
.nav-menu{display:none;margin-left:auto;min-height:46px;padding:.6rem 1.15rem;border-radius:999px;border:1.5px solid currentColor;background:transparent;font-family:var(--f-display);font-weight:600;cursor:pointer}
.menu{position:fixed;inset:0;z-index:45;background:#E01E26;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--nav-h) + env(safe-area-inset-top,0px) + 1.5rem) var(--gutter) calc(2rem + env(safe-area-inset-bottom,0px));--focus:#fff;overflow:auto}
.menu[hidden]{display:none}
.menu nav{display:flex;flex-direction:column;gap:.15rem}
.menu nav a{font-family:var(--f-display);font-weight:700;font-size:clamp(2.1rem,9.5vw,3.4rem);letter-spacing:-.04em;line-height:1.08;text-decoration:none;opacity:0;transform:translateY(24px);animation:menuIn .6s var(--ease) forwards}
.menu nav a:nth-child(2){animation-delay:.04s}.menu nav a:nth-child(3){animation-delay:.08s}.menu nav a:nth-child(4){animation-delay:.12s}.menu nav a:nth-child(5){animation-delay:.16s}.menu nav a:nth-child(6){animation-delay:.2s}.menu nav a:nth-child(7){animation-delay:.24s}
@keyframes menuIn{to{opacity:1;transform:none}}
.menu-foot{display:flex;flex-direction:column;gap:.4rem;font-family:var(--f-display);font-size:1.1rem;margin-top:2rem}.menu-foot a{text-decoration:none}
body.menu-open{overflow:hidden}
body.menu-open .nav{color:#fff;background:transparent !important}
body.menu-open .nav .logo-color{display:none}body.menu-open .nav .logo-white{display:block}

/* ---------- cursor ---------- */
.cursor{position:fixed;left:0;top:0;z-index:90;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#E01E26;pointer-events:none;display:none;place-items:center;transition:width .3s var(--ease),height .3s var(--ease),margin .3s var(--ease),background-color .25s,opacity .25s,transform .2s var(--ease)}
.cursor.on-red{background:#fff}
.cursor.is-big{width:80px;height:80px;margin:-40px 0 0 -40px}
.cursor-label{font-family:var(--f-display);font-weight:600;font-size:.88rem;color:#fff;opacity:0;transition:opacity .2s}
.cursor.on-red .cursor-label{color:#B3141C}.cursor.is-big .cursor-label{opacity:1}.cursor.is-gone{opacity:0}
@media (pointer:fine){html.js .cursor{display:grid}}

/* ---------- page curtain (single-file preview) + real page transitions ---------- */
.curtain{position:fixed;inset:0;z-index:80;background:#E01E26;transform:translateY(100%);pointer-events:none;display:none;place-items:center}
.curtain img{width:68px;height:auto}
body.spa .curtain{display:grid}
body.is-leaving .curtain{transform:none;transition:transform .45s cubic-bezier(.7,0,.2,1)}
body.is-revealing .curtain{transform:translateY(-100%);transition:transform .58s cubic-bezier(.7,0,.2,1)}
@view-transition{navigation:auto}
::view-transition-old(root){animation:vtOut .3s ease both}
::view-transition-new(root){animation:vtIn .6s var(--ease) both}
@keyframes vtOut{to{opacity:0;transform:translateY(-12px)}}@keyframes vtIn{from{opacity:0;transform:translateY(18px)}}

/* ---------- HOME hero: fly through the range (CSS scroll-driven, no JS scroll loop) ---------- */
.fly{position:relative}
.fly-stage{position:relative;height:100vh;height:100svh;overflow:hidden;perspective:1000px;perspective-origin:50% 46%}
.fly-tilt{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg));transition:transform .8s var(--ease)}
.fly-3d{position:absolute;inset:0;transform-style:preserve-3d}
html.js .page.is-in .fly-3d{animation:introZ 2.1s var(--ease) both}
@keyframes introZ{from{opacity:0;transform:translateZ(-1600px)}to{opacity:1;transform:none}}
.fi{position:absolute;left:50%;top:50%;width:var(--w);height:auto;opacity:var(--o0);backface-visibility:hidden;transform:translate3d(calc(-50% + var(--x)),calc(-50% + var(--y)),-420px) rotate(var(--r))}
.fly-title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--nav-h) var(--gutter) 6rem;font-family:var(--f-display);font-weight:800;font-size:clamp(3.4rem,12.2vw,15.5rem);line-height:.84;letter-spacing:-.055em;text-align:center;transform:translateZ(0);pointer-events:none}
.hero-foot{position:absolute;z-index:4;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:0 var(--gutter) clamp(1.5rem,3.5vw,2.75rem)}
.hero-sub{max-width:34ch;font-size:clamp(1.15rem,1rem + .45vw,1.45rem);line-height:1.35}
.hero-ctas{display:flex;gap:.75rem;flex-wrap:wrap}
html.js .page:not(.is-in) .hero-foot>*{opacity:0}
html.js .page.is-in .hero-foot>*{animation:rise 1s var(--ease) .9s both}
html.js .page.is-in .hero-foot>*:nth-child(2){animation-delay:1s}
.scroll-cue{position:absolute;z-index:4;left:50%;bottom:clamp(1.5rem,3.5vw,2.75rem);width:22px;height:36px;margin-left:-11px;border:1.5px solid rgba(255,255,255,.75);border-radius:12px}
.scroll-cue span{position:absolute;left:50%;top:7px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:cue 1.8s var(--ease) infinite}
@keyframes cue{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:0}100%{opacity:0}}
.fly-end{display:none;position:absolute;z-index:4;inset:0;flex-direction:column;align-items:center;justify-content:center;gap:1.8rem;text-align:center;padding:var(--nav-h) var(--gutter) 3rem;opacity:0;visibility:hidden;pointer-events:none}
.fly-end a{pointer-events:auto}
.fly-end-big{font-family:var(--f-display);font-weight:800;font-size:clamp(2.6rem,1rem + 6.4vw,8rem);line-height:.9;letter-spacing:-.05em;max-width:14ch;text-wrap:balance}
.fly-end .hero-ctas{justify-content:center}
@supports (animation-timeline:scroll()){
  html:not(.rm) .fly{height:620vh}
  html:not(.rm) .fly-stage{position:sticky;top:0}
  html:not(.rm) .fi{animation:fly linear both;animation-timeline:scroll(root block);animation-range:calc(var(--s) * 1vh) calc((var(--s) + var(--d)) * 1vh)}
  html:not(.rm) .fly-title{animation:titleOut linear both;animation-timeline:scroll(root block);animation-range:0vh 85vh}
  html:not(.rm) .hero-foot,html:not(.rm) .scroll-cue{animation:footOut linear both;animation-timeline:scroll(root block);animation-range:0vh 38vh}
  html:not(.rm) .fly-end{display:flex;animation:endIn linear both;animation-timeline:scroll(root block);animation-range:390vh 480vh}
}
@keyframes fly{0%{opacity:var(--o0);transform:translate3d(calc(-50% + var(--x)),calc(-50% + var(--y)),var(--z0)) rotate(var(--r))}14%{opacity:1}84%{opacity:1}100%{opacity:0;transform:translate3d(calc(-50% + var(--x)),calc(-50% + var(--y)),900px) rotate(var(--r))}}
@keyframes titleOut{to{opacity:0;transform:translateZ(0) scale(2.4)}}
@keyframes footOut{to{opacity:0;visibility:hidden;transform:translateY(24px)}}
@keyframes endIn{0%{opacity:0;visibility:hidden;transform:translateY(36px)}1%{visibility:visible}100%{opacity:1;visibility:visible;transform:none}}

/* ---------- statement + shelf (scroll motion is pure CSS) ---------- */
.statement{padding:var(--section) var(--gutter)}
.statement-text{max-width:1320px;margin:0 auto;font-family:var(--f-display);font-weight:500;font-size:clamp(1.8rem,.9rem + 3.2vw,4.4rem);line-height:1.1;letter-spacing:-.03em;text-wrap:pretty}
.ico{display:inline-block;width:.92em;height:.92em;vertical-align:-.12em;margin:0 .04em}.ico svg{width:100%;height:100%;overflow:visible}
@supports (animation-timeline:view()){
  html:not(.rm) .statement-text .w{animation:wordIn linear both;animation-timeline:view();animation-range:cover 6% cover 30%}
  html:not(.rm) .statement-text .ico{animation:icoIn linear both;animation-timeline:view();animation-range:cover 10% cover 30%}
}
@keyframes wordIn{from{opacity:.16}to{opacity:1}}
@keyframes icoIn{from{transform:scale(0) rotate(-90deg)}to{transform:none}}
.shelf{padding-bottom:var(--section);overflow:hidden;display:grid;gap:clamp(1rem,2vw,2rem)}
.shelf-row{overflow:hidden}
.shelf-track{--g:clamp(2rem,4vw,4.5rem);display:flex;align-items:flex-end;gap:var(--g);padding-right:var(--g);width:max-content;animation:marq 90s linear infinite}
.shelf-row[data-dir="1"] .shelf-track{animation-direction:reverse}
@keyframes marq{to{transform:translate3d(-50%,0,0)}}
html.rm .shelf-track{animation:none}
.shelf-track img{height:clamp(120px,15vw,210px);width:auto}

/* ---------- inner page head ---------- */
.ph{position:relative;padding:calc(var(--nav-h) + clamp(3rem,8vw,7rem)) 0 clamp(3.5rem,7vw,6.5rem);overflow:hidden;isolation:isolate}
.ph-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:2rem clamp(2rem,5vw,5rem);align-items:end}
.ph .lede{margin-top:clamp(1.5rem,3vw,2.25rem)}
.co{display:inline-flex;align-items:center;gap:.6rem;min-height:42px;padding:.35rem 1.1rem .35rem .55rem;border-radius:999px;border:1.5px solid var(--line);font-family:var(--f-display);font-weight:600;font-size:1rem;margin-bottom:clamp(1.4rem,3vw,2.2rem)}
.co img{width:26px;height:auto}
.ph-photo{position:absolute;inset:0;z-index:-2}
.ph-photo img{width:100%;height:100%;object-fit:cover;transform-origin:50% 40%}
.ph-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(36,37,42,.96) 6%,rgba(36,37,42,.62) 55%,rgba(36,37,42,.5) 100%)}
.ph-packs{position:relative;height:clamp(260px,34vw,480px)}
.ph-packs img{position:absolute;height:auto}
.ph-packs img:nth-child(1){width:60%;left:0;top:2%;transform:rotate(-7deg)}
.ph-packs img:nth-child(2){width:56%;right:0;top:30%;transform:rotate(5deg)}
.ph-packs img:nth-child(3){width:50%;left:14%;bottom:0;transform:rotate(-2deg)}
.ph-tall{min-height:min(88vh,860px);display:flex;align-items:flex-end}.ph-tall>.wrap{width:100%}

/* ---------- HOME: doors ---------- */
.doors{padding:var(--section) 0}
.doors-head{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem 4rem;align-items:end;margin-bottom:clamp(2.5rem,5vw,4.5rem)}
.door-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12px}
.door{position:relative;display:flex;align-items:flex-end;min-height:min(78vh,700px);border-radius:26px;overflow:hidden;color:#fff;text-decoration:none;isolation:isolate;--focus:#fff}
.door-health{background:#2D2E33}
.door-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.3s var(--ease)}
.door-health::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(24,25,29,.92) 8%,rgba(24,25,29,.35) 60%,rgba(24,25,29,.1))}
.door:hover .door-bg{transform:scale(1.05)}
.door-pharma{background:#E01E26}
.door-packs{position:absolute;inset:0;z-index:-1}
.door-packs img{position:absolute;height:auto;transition:transform 1s var(--ease)}
.door-packs img:nth-child(1){width:52%;left:5%;top:7%;transform:rotate(-8deg)}
.door-packs img:nth-child(2){width:54%;right:3%;top:17%;transform:rotate(6deg)}
.door-packs img:nth-child(3){width:50%;left:20%;top:38%;transform:rotate(-3deg)}
.door-pharma:hover .door-packs img:nth-child(1){transform:translate(-3%,-3%) rotate(-12deg)}
.door-pharma:hover .door-packs img:nth-child(2){transform:translate(3%,-2%) rotate(9deg)}
.door-pharma:hover .door-packs img:nth-child(3){transform:translate(0,4%) rotate(-1deg)}
.door-body{padding:clamp(1.5rem,3vw,2.8rem);width:100%}
.door-co{font-family:var(--f-display);font-weight:500;opacity:.9;margin-bottom:.6rem}
.door-title{font-family:var(--f-display);font-weight:800;font-size:clamp(2.6rem,1rem + 5vw,6rem);line-height:.88;letter-spacing:-.05em}
.door-line{margin-top:1rem;font-size:1.25rem;line-height:1.35;max-width:34ch}
.door-go{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.6rem;min-height:52px;padding:.8rem 1.4rem;border-radius:999px;background:#fff;color:#1C1D21;font-family:var(--f-display);font-weight:600;transition:background-color .3s,color .3s}
.door-go svg{width:20px;height:20px;transition:transform .4s var(--ease)}
.door:hover .door-go{background:#1C1D21;color:#fff}.door:hover .door-go svg{transform:translateX(5px)}
.door-pharma:hover .door-go{background:#2D2E33}
.door-sub{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.sub-door{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:clamp(1.2rem,2.4vw,2rem) clamp(1.3rem,2.6vw,2.2rem);border-radius:22px;border:1.5px solid var(--line);text-decoration:none;font-family:var(--f-display);font-weight:650;font-size:clamp(1.4rem,1rem + 1.3vw,2.2rem);letter-spacing:-.03em;transition:background-color .35s,color .35s,border-color .35s}
.sub-door span{display:block;font-family:var(--f-text);font-weight:400;font-size:1.1rem;letter-spacing:0;color:var(--muted);margin-top:.2rem;transition:color .35s}
.sub-door svg{width:30px;height:30px;flex:none;transition:transform .4s var(--ease)}
.sub-door:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.sub-door:hover span{color:inherit;opacity:.8}.sub-door:hover svg{transform:translateX(6px)}

/* ---------- route finder ---------- */
.route-sec{padding:0 0 var(--section)}
.route-head{max-width:760px;margin-bottom:clamp(2rem,4vw,3.5rem)}.route-head .lede{margin-top:1.2rem}
.route{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(1.5rem,4vw,4rem);align-items:stretch}
.rtabs{display:grid;gap:.6rem;align-content:start}
.rtab{text-align:left;padding:1.2rem 1.4rem;border-radius:18px;border:1.5px solid var(--line);background:transparent;font-family:var(--f-display);font-weight:600;font-size:clamp(1.2rem,1rem + .7vw,1.6rem);line-height:1.15;letter-spacing:-.02em;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s}
.rtab:hover{border-color:var(--ink)}
.rtab[aria-selected="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.rpanel{display:flex;flex-direction:column;justify-content:space-between;gap:2rem;border-radius:26px;background:#E01E26;color:#fff;padding:clamp(1.5rem,3.5vw,3rem);min-height:340px;--focus:#fff}
.rpanel[hidden]{display:none}
.rpanel h3{font-family:var(--f-display);font-weight:800;font-size:clamp(2rem,1rem + 3.2vw,4.2rem);line-height:.92;letter-spacing:-.045em}
.rpanel p{margin-top:1rem;font-size:1.25rem;max-width:34ch}
.rpanel .btn{align-self:flex-start;--bg:#fff;--fg:#B3141C}.rpanel .btn:hover{--bg:#2D2E33;--fg:#fff}
.swap{animation:swapIn .6s var(--ease)}@keyframes swapIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* ---------- seals + certificates ---------- */
.seal{position:relative;width:110px;height:110px;flex:none}
.seal svg{position:absolute;inset:0;width:100%;height:100%}
.seal-ring{animation:spin 52s linear infinite;will-change:transform}
.seal-ring text{font-family:var(--f-display);font-weight:600;font-size:9.4px;letter-spacing:.14em;fill:var(--dark-ink)}
.seal circle.ring-line{fill:none;stroke:var(--dark-line);stroke-width:1}
.seal circle.core{fill:#E01E26}
.seal .code{font-family:var(--f-display);font-weight:800;font-size:19px;letter-spacing:-.03em;text-anchor:middle;dominant-baseline:central;fill:#fff}
@keyframes spin{to{transform:rotate(360deg)}}
html.rm .seal-ring{animation:none}
.qteaser{padding:var(--section) 0}
.qteaser-head{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem 4rem;align-items:end;margin-bottom:clamp(2.5rem,5vw,4rem)}
.qteaser-head .lede{color:var(--dark-muted)}
.seal-row{display:flex;flex-wrap:wrap;gap:2rem clamp(1.5rem,4vw,4rem);margin-bottom:clamp(2.5rem,5vw,4rem)}
.seal-row li{display:flex;align-items:center;gap:1rem;font-family:var(--f-display);font-weight:600;font-size:1.15rem}

/* ---------- CTA band ---------- */
.cta{padding:var(--section) 0}
.cta-in{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem clamp(2rem,5vw,5rem);align-items:end}
.cta .lede{margin-bottom:1.8rem}

/* ---------- about ---------- */
.why{padding:var(--section) 0}
.why-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem clamp(2rem,6vw,6rem)}
.why-grid p+p{margin-top:1.2rem}.why-grid .body{font-size:clamp(1.2rem,1.1rem + .4vw,1.45rem)}
.tree-sec{padding:0 0 var(--section)}.tree-sec .h-lg{margin-bottom:clamp(2.5rem,5vw,4rem)}
.tree{max-width:1040px}
.t-root{display:inline-flex;align-items:center;gap:1rem;padding:1rem 1.6rem 1rem 1.1rem;border-radius:18px;background:var(--ink);color:var(--paper);font-family:var(--f-display);font-weight:700;font-size:1.4rem;position:relative;left:50%;transform:translateX(-50%)}
.t-root img{width:44px;height:auto}
.t-root::after{content:"";position:absolute;left:50%;top:100%;height:1.6rem;border-left:2px solid var(--ink);transform-origin:top;transform:scaleY(0);transition:transform .5s var(--ease) .2s}
.t-kids{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:3.2rem}
.t-kids::before{content:"";position:absolute;left:25%;right:25%;top:-1.6rem;border-top:2px solid var(--ink);transform:scaleX(0);transition:transform .7s var(--ease) .6s}
.tree.is-in .t-root::after{transform:none}.tree.is-in .t-kids::before{transform:none}
.t-kid{position:relative;padding:clamp(1.4rem,3vw,2.4rem);border-radius:24px}
.t-kid::before{content:"";position:absolute;left:50%;top:-1.6rem;height:1.6rem;border-left:2px solid var(--ink);transform-origin:top;transform:scaleY(0);transition:transform .4s var(--ease) 1.2s}
.tree.is-in .t-kid::before{transform:none}
.t-kid.k-health{background:#2D2E33;color:#fff}.t-kid.k-pharma{background:#E01E26;color:#fff}
.t-kid h3{font-family:var(--f-display);font-weight:800;font-size:clamp(1.8rem,1rem + 2vw,3rem);line-height:.95;letter-spacing:-.04em}
.t-role{margin:.4rem 0 1.3rem;opacity:.88;font-size:1.2rem}
.t-kid ul{display:grid;gap:.5rem}
.t-kid li{padding-top:.5rem;border-top:1px solid rgba(255,255,255,.3);font-family:var(--f-display);font-weight:500}
.rules{padding:var(--section) 0;border-top:1px solid var(--line)}
.rules-title{max-width:16ch;margin-bottom:clamp(2.5rem,5vw,4.5rem)}
.rule{position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:1rem 3rem;align-items:center;padding:clamp(1.4rem,2.6vw,2.4rem) 0;border-top:1px solid var(--line);isolation:isolate}
.rule:last-child{border-bottom:1px solid var(--line)}
.rule::before{content:"";position:absolute;inset:0 calc(var(--gutter) * -1);z-index:-1;background:#E01E26;transform:scaleY(0);transform-origin:bottom;transition:transform .55s var(--ease)}
.rule h3{font-family:var(--f-display);font-weight:650;font-size:clamp(1.7rem,1rem + 2.6vw,3.6rem);line-height:1;letter-spacing:-.04em;transition:color .35s,transform .55s var(--ease)}
.rule p{color:var(--muted);max-width:40ch;transition:color .35s}
@media (hover:hover){.rule p{opacity:0;transform:translateX(-12px);transition:opacity .35s,transform .55s var(--ease),color .35s}.rule:hover::before{transform:scaleY(1);transform-origin:top}.rule:hover h3{color:#fff;transform:translateX(.6rem)}.rule:hover p{opacity:1;transform:none;color:#fff}}
.offices{padding:var(--section) 0;border-top:1px solid var(--line)}
.office-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:clamp(2rem,4vw,3.5rem)}
.office{padding:clamp(1.4rem,2.6vw,2.2rem);border-radius:22px;border:1.5px solid var(--line);display:flex;flex-direction:column;gap:.4rem;min-height:230px}
.office.is-red{background:#E01E26;border-color:#E01E26;color:#fff}.office.is-dark{background:#2D2E33;border-color:#2D2E33;color:#fff}
.office-role{font-family:var(--f-display);font-weight:500;opacity:.85}
.office-city{font-family:var(--f-display);font-weight:800;font-size:clamp(2.2rem,1rem + 3vw,4rem);line-height:.95;letter-spacing:-.045em}
.office-line{margin-top:auto;opacity:.9}

/* ---------- healthcare ---------- */
.strip-sec{padding:var(--section) 0 0}
.strip-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:clamp(1.8rem,3vw,2.8rem)}
.strip-nav{display:flex;gap:.5rem}
.strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--gutter) 1rem;scrollbar-width:none;overscroll-behavior-x:contain}
.strip::-webkit-scrollbar{display:none}
.strip figure{flex:0 0 min(80vw,640px);scroll-snap-align:start}
.strip img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px}
.strip figcaption{margin-top:.8rem;font-family:var(--f-display);font-weight:500}
.explore{padding:var(--section) 0}
.ex{display:grid;grid-template-columns:minmax(240px,.8fr) 1.6fr;gap:clamp(2rem,5vw,5rem);margin-top:clamp(2rem,4vw,3.5rem)}
.etabs{display:grid;border-top:1px solid var(--line);align-content:start}
.etab{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1.2rem 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer;font-family:var(--f-display);font-weight:650;font-size:clamp(1.7rem,1rem + 2.2vw,3.2rem);letter-spacing:-.04em;line-height:1;color:var(--muted);transition:color .3s,padding .5s var(--ease)}
.etab span{font-size:1rem;font-weight:500;letter-spacing:0}
.etab:hover{color:var(--ink)}
.etab[aria-selected="true"]{color:var(--ink);padding-left:1rem;box-shadow:inset 4px 0 0 #E01E26}
.ex-body h3{font-family:var(--f-display);font-weight:700;font-size:clamp(1.6rem,1rem + 1.8vw,2.6rem);letter-spacing:-.035em;line-height:1}
.ex-body>p{margin-top:.9rem;max-width:46ch;font-size:1.25rem;color:var(--muted)}
.ex-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.8rem,1.6vw,1.4rem);margin:clamp(1.5rem,3vw,2.5rem) 0}
.ex-rail li{text-align:center}
.pk{position:relative;display:block;aspect-ratio:1/1}
.pk::before{content:"";position:absolute;inset:6%;border-radius:50%;background:var(--tile-solids)}
.ex-body[data-fam="Liquids"] .pk::before,.tile[data-family="Liquids"] .pk::before{background:var(--tile-liquids)}
.ex-body[data-fam="Sterile"] .pk::before,.tile[data-family="Sterile"] .pk::before{background:var(--tile-sterile);box-shadow:inset 0 0 0 1.5px #E01E26}
.ex-body[data-fam="Topicals"] .pk::before,.tile[data-family="Topicals"] .pk::before{background:var(--tile-topicals);box-shadow:inset 0 0 0 1.5px #2D2E33}
.pk img{position:absolute;left:50%;top:50%;width:auto;height:auto;max-width:92%;max-height:72%;transform:translate(-50%,-50%)}
.ex-rail span.nm{display:block;font-family:var(--f-display);font-weight:600;font-size:1rem;margin-top:.3rem}
.caps{padding:var(--section) 0;border-top:1px solid var(--line)}
.caps-title{max-width:14ch;margin-bottom:clamp(2.5rem,5vw,4rem)}

/* ---------- pharma ---------- */
.models{padding:var(--section) 0}
.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:clamp(2.2rem,4vw,3.5rem)}
.model{display:flex;flex-direction:column;gap:1rem;padding:clamp(1.4rem,2.6vw,2.2rem);border-radius:24px;border:1.5px solid var(--line);min-height:380px;transition:background-color .4s,color .4s,border-color .4s}
.model svg.mi{width:64px;height:64px}
.model h3{font-family:var(--f-display);font-weight:750;font-size:clamp(1.7rem,1rem + 1.6vw,2.5rem);line-height:.98;letter-spacing:-.04em;margin-top:auto}
.model p{color:var(--muted);transition:color .4s}
.model .link-go{align-self:flex-start;margin-top:.4rem}
.model:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.model:hover p{color:inherit;opacity:.85}
.brief-sec{padding:var(--section) 0;background:var(--soft)}
.brief-head{max-width:760px;margin-bottom:clamp(2rem,4vw,3.5rem)}.brief-head .lede{margin-top:1.2rem}
.brief{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(1.5rem,4vw,4rem);align-items:start}
.bforms{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.bform{display:grid;justify-items:start;gap:1rem;padding:1.2rem;border-radius:20px;border:1.5px solid var(--line);background:transparent;cursor:pointer;font-family:var(--f-display);font-weight:650;font-size:1.2rem;text-align:left;letter-spacing:-.02em;transition:background-color .3s,color .3s,border-color .3s}
.bform svg{width:54px;height:54px}.bform:hover{border-color:var(--ink)}
.bform[aria-selected="true"]{background:#E01E26;border-color:#E01E26;color:#fff}
.bform[aria-selected="true"] svg{--red:#fff;--paper-pure:#E01E26;--graphite:#fff;--foil:#F6D6D3}
.bcard{border-radius:26px;background:var(--ink);color:var(--paper);padding:clamp(1.5rem,3.2vw,2.8rem);--focus:var(--paper)}
.bcard h3{font-family:var(--f-display);font-weight:800;font-size:clamp(2rem,1rem + 3vw,3.8rem);line-height:.92;letter-spacing:-.045em}
.bcols{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin:1.8rem 0}
.bcols h4{margin:0 0 .7rem;font-family:var(--f-display);font-weight:600;font-size:1rem;opacity:.7}
.bcols li{padding:.55rem 0;border-top:1px solid color-mix(in srgb,var(--paper) 22%,transparent)}
.bsamples{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.8rem}
.bsamples span{position:relative;display:block;width:84px;aspect-ratio:1/1;border-radius:50%;background:color-mix(in srgb,var(--paper) 12%,transparent)}
.bsamples img{position:absolute;left:50%;top:50%;max-width:88%;max-height:70%;width:auto;height:auto;transform:translate(-50%,-50%)}

/* ---------- franchise ---------- */
.districts-wrap{align-self:center}
.districts{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(4px,.5vw,7px);touch-action:manipulation}
.d{aspect-ratio:1/1;border-radius:4px;background:rgba(255,255,255,.18);cursor:pointer;transition:background-color 1s var(--ease),transform .4s var(--ease)}
.d.hot{background:rgba(255,255,255,.66);transition-duration:.05s}
.d.claimed{background:#fff;transform:scale(1.18);transition-duration:.3s;border-radius:50%}
.d.blank{visibility:hidden}
.districts-note{margin-top:1.2rem;font-family:var(--f-display);font-weight:500;font-size:1.15rem;min-height:3em}
.perks{padding:var(--section) 0}
.perk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:clamp(2.2rem,4vw,3.5rem)}
.perk{padding-top:1.3rem;border-top:2px solid var(--ink)}
.perk h3{font-family:var(--f-display);font-weight:700;font-size:1.6rem;letter-spacing:-.03em;line-height:1.02;margin-bottom:.6rem}
.perk p{color:var(--muted)}
.steps-sec{padding:0 0 var(--section)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:clamp(2rem,4vw,3rem);counter-reset:st}
.step{counter-increment:st;position:relative;padding:1.6rem;border-radius:22px;background:var(--soft);min-height:250px;display:flex;flex-direction:column;gap:.6rem}
.step::before{content:counter(st);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#E01E26;color:#fff;font-family:var(--f-display);font-weight:700;margin-bottom:auto}
.step h3{font-family:var(--f-display);font-weight:700;font-size:1.55rem;letter-spacing:-.03em;line-height:1}
.step p{color:var(--muted)}
.formsec{padding:var(--section) 0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,7rem)}
.form-grid .lede{margin-top:1.5rem;color:var(--dark-muted)}

/* ---------- products ---------- */
.catalog{padding:0 0 var(--section)}
.filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:clamp(2rem,4vw,3rem)}
.filters[hidden]{display:none}
.chip{display:inline-flex;align-items:center;gap:.55rem;min-height:46px;padding:.55rem 1.1rem;border-radius:999px;border:1.5px solid var(--line);background:transparent;font-family:var(--f-display);font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s}
.chip span{font-weight:400;opacity:.65}.chip:hover{border-color:var(--ink)}
.chip.is-on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.unlockbar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin-bottom:clamp(1.4rem,3vw,2.2rem);padding:1rem 1.3rem;border-radius:16px;background:var(--soft);font-family:var(--f-display);font-weight:500}
.unlockbar[hidden]{display:none}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:clamp(2.2rem,4vw,3.5rem) clamp(1rem,2vw,2rem)}
.tile{display:block;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer}
.tile .pk{margin-bottom:1rem}
.tile .pk::before{transition:transform .6s var(--ease)}
.tile .pk img{transition:transform .6s var(--ease)}
.tile:hover .pk::before,.tile:focus-visible .pk::before{transform:scale(1.07)}
.tile:hover .pk img,.tile:focus-visible .pk img{transform:translate(-50%,-56%) rotate(-3deg)}
.tile-name{display:block;font-family:var(--f-display);font-weight:650;font-size:1.15rem;letter-spacing:-.01em;line-height:1.15}
.tile-form{display:block;font-style:italic;color:var(--muted);font-size:1.05rem}
.grid li.is-hidden{display:none}
.gate{margin-top:clamp(2.5rem,5vw,4rem)}
.gate[hidden]{display:none}
.gate-card{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(1.5rem,4vw,3.5rem);border-radius:30px;background:#E01E26;color:#fff;--focus:#fff;--line:rgba(255,255,255,.3)}
.gate-stack{position:relative;height:clamp(200px,24vw,330px)}
.gate-stack img{position:absolute;height:auto;opacity:.95}
.gate-stack img:nth-child(1){width:62%;left:0;top:4%;transform:rotate(-8deg)}
.gate-stack img:nth-child(2){width:60%;right:0;top:26%;transform:rotate(6deg)}
.gate-stack img:nth-child(3){width:52%;left:16%;bottom:0;transform:rotate(-2deg)}
.gate-text h2{font-family:var(--f-display);font-weight:800;font-size:clamp(2.2rem,1rem + 3.6vw,4.6rem);line-height:.92;letter-spacing:-.045em}
.gate-text p{margin-top:1rem;font-size:1.25rem;max-width:38ch}
.gate-form{margin-top:1.6rem;display:grid;gap:1.1rem}
.gate-form .field-row{gap:1.2rem}
.pack{width:min(1180px,calc(100vw - 2rem));max-height:calc(100svh - 2rem);padding:0;border:0;border-radius:26px;background:var(--paper);color:var(--ink);overflow:auto}
.pack::backdrop{background:rgba(20,20,24,.64)}
.pack[open]{animation:packIn .5s var(--ease)}
@keyframes packIn{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
.pack-inner{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(1.5rem,4vw,4rem);padding:clamp(1.25rem,3.5vw,3.5rem);align-items:center}
.pack-visual{position:relative;aspect-ratio:1/1}
.pack-dot{position:absolute;inset:4%;border-radius:50%;background:var(--tile-solids)}
.pack[data-family="Liquids"] .pack-dot{background:var(--tile-liquids)}
.pack[data-family="Sterile"] .pack-dot{background:var(--tile-sterile);box-shadow:inset 0 0 0 2px #E01E26}
.pack[data-family="Topicals"] .pack-dot{background:var(--tile-topicals);box-shadow:inset 0 0 0 2px #2D2E33}
.pack-visual img{position:absolute;left:50%;top:50%;max-width:94%;max-height:78%;width:auto;height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 24px 20px rgba(20,20,30,.2))}
.pack-visual img.swapimg{animation:swapimg .55s var(--ease)}
@keyframes swapimg{from{opacity:0;transform:translate(-50%,-44%) rotate(4deg)}to{opacity:1;transform:translate(-50%,-50%)}}
.pack-family{font-family:var(--f-display);font-weight:500;color:var(--muted)}
.pack-name{font-family:var(--f-display);font-weight:800;font-size:clamp(2.4rem,1rem + 4.5vw,5.4rem);line-height:.9;letter-spacing:-.05em;margin:.4rem 0 .7rem;overflow-wrap:anywhere}
.pack-form{font-style:italic;font-size:1.5rem;color:var(--muted)}
.pack-note{margin-top:1.4rem;max-width:36ch}
.pack-ctas{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}
.pack-nav{position:absolute;left:clamp(1.25rem,3.5vw,3.5rem);bottom:clamp(1.25rem,3.5vw,3.5rem);display:flex;gap:.5rem}
.pack-close{position:absolute;right:1rem;top:1rem;background:var(--paper)}

/* ---------- quality ---------- */
.gates-sec{padding:var(--section) 0 0}
.gates{display:grid;grid-template-columns:repeat(3,1fr);gap:0 clamp(1.5rem,3vw,3rem)}
.gates li{padding:2rem 0 2.4rem;border-top:1px solid var(--dark-line);display:grid;grid-template-columns:auto 1fr;gap:.2rem 1.4rem;align-content:start}
.gate-n{grid-row:span 2;font-family:var(--f-display);font-weight:300;font-size:clamp(3rem,2rem + 2.6vw,4.8rem);line-height:.8;color:#FF5258;letter-spacing:-.05em;min-width:1.1ch}
.gates h3{font-family:var(--f-display);font-weight:650;font-size:1.45rem;letter-spacing:-.02em}
.gates p{color:var(--dark-muted);max-width:30ch}
.register{display:grid;grid-template-columns:minmax(260px,1fr) 2fr;gap:3rem clamp(2rem,6vw,6rem);padding:var(--section) 0}
.register-head{position:sticky;top:calc(var(--nav-h) + 2rem);align-self:start}
.register-head p{color:var(--dark-muted);margin:1.2rem 0 2rem;max-width:34ch}
.certs li{display:grid;grid-template-columns:110px 1fr;gap:1.5rem 2rem;align-items:center;padding:1.75rem 0;border-top:1px solid var(--dark-line)}
.certs li:last-child{border-bottom:1px solid var(--dark-line)}
.cert-code{font-family:var(--f-display);font-weight:700;font-size:clamp(1.5rem,1rem + 1.4vw,2.3rem);letter-spacing:-.03em;line-height:1}
.cert-name{margin-top:.35rem;font-size:1.15rem}.cert-meta{color:var(--dark-muted);font-style:italic}
.cert-ids{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;margin-top:.6rem;font-family:var(--f-display);font-size:.95rem;color:var(--dark-muted)}
.cert-ids b{font-weight:600;color:var(--dark-ink);margin-left:.35rem}
.audit{padding:var(--section) 0;background:var(--paper);color:var(--ink);--line:rgba(28,29,33,.14)}

/* ---------- contact + forms ---------- */
.channels{margin-top:clamp(2rem,4vw,3.5rem)}
.channels li{display:grid;grid-template-columns:120px 1fr;gap:1rem;padding:1rem 0;border-top:1px solid var(--dark-line);align-items:baseline}
.channels span{font-family:var(--f-display);font-weight:500;color:var(--dark-muted);font-size:1rem}
.channels a{overflow-wrap:anywhere;font-family:var(--f-display);font-weight:600;font-size:1.2rem;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size .45s var(--ease)}
.channels a:hover{background-size:100% 1.5px}
.channels p{font-size:1.15rem}
.form{display:grid;gap:1.6rem;align-content:start;padding:clamp(1.5rem,3vw,2.75rem);border-radius:26px;background:rgba(255,255,255,.05);border:1px solid var(--dark-line)}
.interest{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.55rem}
.interest legend{font-family:var(--f-display);font-weight:500;opacity:.78;margin-bottom:.8rem;padding:0}
.interest label{position:relative;cursor:pointer}
.interest input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.interest span{display:inline-flex;min-height:44px;align-items:center;padding:.5rem 1rem;border-radius:999px;border:1.5px solid color-mix(in srgb,currentColor 30%,transparent);font-family:var(--f-display);font-weight:600;font-size:.98rem;transition:background-color .3s,color .3s,border-color .3s}
.interest input:checked + span{background:#fff;color:#1C1D21;border-color:#fff}
.interest input:focus-visible + span{outline:3px solid #fff;outline-offset:3px}
.field{display:grid;gap:.4rem}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
.field label{font-family:var(--f-display);font-weight:500;font-size:1rem;opacity:.8}
.field input,.field textarea{width:100%;padding:.7rem 0;border:0;border-bottom:1.5px solid color-mix(in srgb,currentColor 40%,transparent);background:transparent;color:inherit;font-family:var(--f-text);font-size:1.25rem;border-radius:0;transition:border-color .3s;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:inherit;opacity:.45}
.field input:focus,.field textarea:focus{outline:none;border-bottom-color:currentColor}
.field input[aria-invalid="true"]{border-bottom-color:#FFB3B6}
.err{display:none;color:#FFB3B6;font-family:var(--f-display);font-size:.95rem}
.field.has-err .err{display:block}
.form-actions{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}
.form-actions .btn{--bg:#E01E26;--fg:#fff}.form-actions .btn:hover{--bg:#B3141C}
.form-status{font-family:var(--f-display);font-size:1rem;opacity:.9}
.form-status a{text-decoration:underline}
.gate-form .form-actions .btn{--bg:#fff;--fg:#B3141C}.gate-form .form-actions .btn:hover{--bg:#2D2E33;--fg:#fff}

/* ---------- footer ---------- */
.foot{padding-top:clamp(4rem,8vw,6rem);overflow:hidden}
.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem}
.foot-brand img{width:170px;height:auto;margin-bottom:1.2rem}.foot-brand p{max-width:32ch;color:var(--muted)}
.foot-col{display:grid;gap:.55rem;align-content:start}
.foot-col h4{margin:0 0 .3rem;font-family:var(--f-display);font-weight:500;font-size:.95rem;color:var(--muted)}
.foot-col a{font-family:var(--f-display);font-weight:500;text-decoration:none;width:max-content;max-width:100%}
.foot-col a:hover{color:var(--red)}
.foot-col p{color:var(--muted)}
.foot-word{font-family:var(--f-display);font-weight:800;font-size:23.5vw;line-height:.74;letter-spacing:-.06em;color:#E01E26;text-align:center;margin:clamp(2.5rem,6vw,5rem) 0 0;white-space:nowrap;user-select:none}
.foot-legal{display:flex;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;padding-block:1.6rem;font-family:var(--f-display);font-size:.95rem;color:var(--muted);border-top:1px solid var(--line);position:relative;background:var(--paper)}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .nav-links,.btn-nav{display:none}.nav-menu{display:inline-flex;align-items:center}
  .gates{grid-template-columns:1fr 1fr}.register{grid-template-columns:1fr}.register-head{position:static}
  .perk-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}
  .foot-top{grid-template-columns:1fr 1fr 1fr}.foot-brand{grid-column:1/-1}
}
@media (max-width:900px){
  .doors-head,.qteaser-head,.cta-in,.why-grid,.ph-grid,.form-grid,.route,.brief,.ex,.gate-card,.door-grid,.door-sub{grid-template-columns:1fr}
  .door{min-height:520px}.model-grid,.office-grid{grid-template-columns:1fr}.model{min-height:0}
  .ph-packs{height:300px;max-width:520px}
  .t-kids{grid-template-columns:1fr}.t-kids::before{display:none}.t-root::after{display:none}
  .scene-copy{left:var(--gutter);right:var(--gutter);top:auto;bottom:12%;width:auto;transform:none}.scene-copy-small{display:none}
  .hero-foot{flex-direction:column;align-items:flex-start;gap:1.25rem}.scroll-cue{display:none}.hero-title{padding-bottom:14rem}
  .rule{grid-template-columns:1fr}
  .pack-inner{grid-template-columns:1fr;padding-bottom:6rem}.pack-visual{max-width:360px;width:100%;margin:0 auto}
}
@media (max-width:640px){
  :root{--nav-h:66px}
  .grid{grid-template-columns:1fr 1fr;gap:1.8rem 1rem}.tile-name{font-size:1.02rem}
  .channels li{grid-template-columns:108px 1fr}.channels a{font-size:1.05rem}.channels span{font-size:.95rem}
  .bsamples span{width:68px}
  .gates,.perk-grid,.steps,.field-row,.bcols{grid-template-columns:1fr}
  .certs li{grid-template-columns:76px 1fr;gap:1rem 1.25rem}.seal{width:76px;height:76px}
  .channels li{grid-template-columns:96px 1fr}
  .hero-ctas .btn{min-height:48px;padding:.8rem 1.25rem}
  .hero-title{font-size:clamp(3.1rem,15.5vw,6rem);justify-content:flex-start;padding-top:calc(var(--nav-h) + 9vh);padding-bottom:0}
  .foot-top{grid-template-columns:1fr 1fr}
  .ex-rail{grid-template-columns:repeat(3,1fr)}.bforms{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}

/* ================= v3 photo treatments ================= */
@property --lr{syntax:'<length>';inherits:true;initial-value:0px}
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
/* capsule-shaped window that opens on load */
html.js .page:not(.is-in) .ph-photo{clip-path:inset(40% 31% 40% 31% round 999px)}
html.js .page.is-in .ph-photo{animation:winOpen 1.8s cubic-bezier(.77,0,.18,1) .1s both}
@keyframes winOpen{from{clip-path:inset(40% 31% 40% 31% round 999px)}to{clip-path:inset(0 0 0 0 round 0)}}
@supports (animation-timeline:view()){html:not(.rm) .ph-photo img{animation:par linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}
@keyframes par{from{transform:translateY(-5%) scale(1.14)}to{transform:translateY(7%) scale(1.14)}}
/* inspection HUD (quality hero) */
.hud{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hud-c{position:absolute;width:34px;height:34px;border:0 solid rgba(255,255,255,.85)}
.hud-c.tl{left:clamp(1rem,3vw,2.6rem);top:calc(var(--nav-h) + 1rem);border-width:2px 0 0 2px}.hud-c.tr{right:clamp(1rem,3vw,2.6rem);top:calc(var(--nav-h) + 1rem);border-width:2px 2px 0 0}
.hud-c.bl{left:clamp(1rem,3vw,2.6rem);bottom:clamp(1rem,3vw,2.6rem);border-width:0 0 2px 2px}.hud-c.br{right:clamp(1rem,3vw,2.6rem);bottom:clamp(1rem,3vw,2.6rem);border-width:0 2px 2px 0}
.hud-scan{position:absolute;top:0;bottom:0;left:0;width:3px;background:linear-gradient(transparent,rgba(255,255,255,.9),transparent);animation:scanX 7s linear infinite}
@keyframes scanX{from{transform:translateX(0)}to{transform:translateX(100vw)}}
.hud-ring{position:absolute;width:74px;height:74px;margin:-37px 0 0 -37px;border:2px solid #fff;border-radius:50%}
.hud-ring::before,.hud-ring::after{content:"";position:absolute;inset:-14px;border:2px solid rgba(255,255,255,.6);border-radius:50%;animation:ring 2.4s ease-out infinite}
.hud-ring::after{animation-delay:1.2s}
@keyframes ring{from{transform:scale(.6);opacity:1}to{transform:scale(1.7);opacity:0}}
html.rm .hud-scan,html.rm .hud-ring::before,html.rm .hud-ring::after{animation:none}
/* colour lens that follows the cursor over greyscale photos */
.fig,.door-health[data-lens]{--mx:50%;--my:50%;--lr:0px;transition:--lr .55s var(--ease)}
.fig{position:relative;overflow:hidden;border-radius:22px;isolation:isolate}
.fig:hover,.door-health[data-lens]:hover{--lr:150px}
.strip .fig img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0}
.fig .fig-base,.door-health .door-bg{filter:grayscale(1) contrast(1.12)}
.fig .duo{position:absolute;inset:0;background:#E01E26;mix-blend-mode:multiply}
.fig .fig-col{position:absolute;inset:0;height:100%;clip-path:circle(var(--lr) at var(--mx) var(--my))}
.door-col{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;clip-path:circle(var(--lr) at var(--mx) var(--my))}
@media (hover:none){.fig .fig-base,.door-health .door-bg{filter:none}.fig .duo,.fig .fig-col,.door-col{display:none}}
/* hotspots */
.hs{position:absolute;z-index:3;width:44px;height:44px;margin:-22px 0 0 -22px;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.hs-dot{position:relative;width:16px;height:16px;border-radius:50%;background:#fff}
.hs-dot::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #fff;animation:ping 2.2s ease-out infinite}
@keyframes ping{from{transform:scale(1);opacity:.9}to{transform:scale(3.2);opacity:0}}
.hs-tip{position:absolute;left:50%;bottom:calc(100% + 4px);width:232px;margin-left:-116px;padding:.8rem 1rem;border-radius:14px;background:#fff;color:#1C1D21;font-size:1.02rem;line-height:1.3;text-align:left;opacity:0;transform:translateY(8px) scale(.96);pointer-events:none;transition:opacity .3s,transform .4s var(--ease)}
.hs-tip b{display:block;font-family:var(--f-display);font-weight:700;margin-bottom:.15rem}
.hs:hover .hs-tip,.hs:focus-visible .hs-tip{opacity:1;transform:none}
html.rm .hs-dot::after{animation:none}
/* photo that follows the cursor (capabilities list) */
.peek{position:fixed;left:0;top:0;z-index:60;width:clamp(240px,22vw,340px);aspect-ratio:4/3;border-radius:18px;overflow:hidden;pointer-events:none;opacity:0;transform:translate3d(-9999px,0,0) scale(.85);transition:opacity .3s,transform .5s var(--ease)}
.peek.is-on{opacity:1}
.peek img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s}.peek img.on{opacity:1}
/* door lens base */
.door-health[data-lens]:hover .door-go{background:#1C1D21;color:#fff}

/* ================= v3 brief builder effects ================= */
.bform{position:relative;overflow:hidden;isolation:isolate;--mx:50%;--my:50%}
.bform::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .3s;background:radial-gradient(circle 140px at var(--mx) var(--my),rgba(224,30,38,.3),transparent 70%)}
.bform::after{content:"";position:absolute;inset:-40% -70%;z-index:-1;background:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.6) 50%,transparent 58%);transform:translateX(-130%)}
.bform:hover{border-color:#E01E26}.bform:hover::before{opacity:1}.bform:hover::after{animation:shine .95s var(--ease)}
@keyframes shine{to{transform:translateX(130%)}}
.bform svg{transition:transform .55s cubic-bezier(.34,1.56,.64,1)}
.bform:hover svg{transform:scale(1.4) rotate(-14deg)}
.bform[aria-selected="true"]::before{background:radial-gradient(circle 140px at var(--mx) var(--my),rgba(255,255,255,.3),transparent 70%)}
.bform:active{transform:scale(.97)}
.bcard{position:relative;overflow:hidden;isolation:isolate;--mx:50%;--my:50%}
.bcard::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle 240px at var(--mx) var(--my),rgba(224,30,38,.22),transparent 70%)}
.bcard.swap{animation:cardIn .75s var(--ease)}
@keyframes cardIn{from{opacity:0;transform:perspective(1000px) rotateY(-16deg) translateX(40px)}to{opacity:1;transform:none}}
.bcard h3{animation:h3In .8s var(--ease) both}@keyframes h3In{from{opacity:0;transform:translateY(24px) skewY(4deg)}to{opacity:1;transform:none}}
.bcols li{position:relative;animation:liIn .6s var(--ease) both;animation-delay:calc(var(--i,0) * 70ms + 150ms);transition:padding .35s var(--ease),color .3s}
@keyframes liIn{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}
.bcols li::before{content:"";position:absolute;left:0;top:50%;width:0;height:8px;margin-top:-4px;border-radius:4px;background:#FF5258;transition:width .35s var(--ease)}
.bcols li:hover{padding-left:1.5rem;color:#fff}.bcols li:hover::before{width:11px}
.bsamples span{animation:pop .75s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--i,0) * 90ms + 350ms);transition:transform .45s cubic-bezier(.34,1.56,.64,1),background-color .3s}
@keyframes pop{from{opacity:0;transform:scale(.2) rotate(-40deg)}to{opacity:1;transform:none}}
.bsamples span:hover{transform:scale(1.3) rotate(-8deg);background:#E01E26;z-index:2}
.bcard .btn{position:relative;isolation:isolate}
.bcard .btn::before{content:"";position:absolute;inset:-4px;border-radius:inherit;z-index:-1;background:conic-gradient(from var(--ang),#E01E26,#fff,#2D2E33,#E01E26);opacity:0;transition:opacity .3s}
.bcard .btn:hover::before{opacity:1;animation:spinAng 1.3s linear infinite}
@keyframes spinAng{to{--ang:360deg}}
.model:hover svg.mi{animation:wob .8s var(--ease)}
@keyframes wob{30%{transform:rotate(-16deg) scale(1.25)}60%{transform:rotate(10deg) scale(1.15)}100%{transform:none}}
html.rm .bform::after,html.rm .bcard .btn::before{animation:none}

/* ================= v3 auto-growing message box ================= */
.field textarea{display:block;field-sizing:content;min-height:7.5rem;max-height:70vh;resize:none}
.field.prefilled textarea{animation:fillFlash 2.6s var(--ease)}
@keyframes fillFlash{0%{background:rgba(255,255,255,.24);box-shadow:0 0 0 8px rgba(255,255,255,.24)}100%{background:transparent;box-shadow:0 0 0 8px transparent}}
.prefill-note{justify-self:start;font-family:var(--f-display);font-weight:500;font-size:.95rem;color:#fff;background:#E01E26;border-radius:999px;padding:.35rem 1rem;animation:rise .6s var(--ease) both}

@media (max-width:900px){.fly-stage{perspective:700px}.fi{width:min(calc(var(--w) * 1.9),66vw)}.fly-end-big{font-size:clamp(2.4rem,11vw,4.6rem)}}

/* phone hero: fewer, smaller packs so the headline and intro stay readable */
@media (max-width:900px){
  .fi{width:min(calc(var(--w) * 1.3),42vw)}
  .fly-3d>.fi:nth-child(4),.fly-3d>.fi:nth-child(5),.fly-3d>.fi:nth-child(6){display:none}
  .hero-foot::before{content:"";position:absolute;left:0;right:0;bottom:0;top:-4rem;z-index:-1;background:linear-gradient(rgba(224,30,38,0),#E01E26 60%)}
}

/* ================= v4 home hero: two discs become one standard ================= */
.fly-stage{perspective:none}
.dsc{--D:min(56vmin,620px);position:absolute;left:50%;top:42%;width:var(--D);height:var(--D);margin-top:calc(var(--D) / -2);border-radius:50%;display:grid;align-items:center;font-family:var(--f-display)}
.dsc b{display:block;font-weight:800;font-size:clamp(1.2rem,.7rem + 1.7vw,2.5rem);letter-spacing:-.04em;line-height:1}
.dsc span{display:block;margin-top:.35rem;font-weight:500;font-size:clamp(1rem,.8rem + .5vw,1.35rem)}
.dsc>div{max-width:30%}
.dsc-h{background:#2D2E33;color:#fff;transform:translateX(calc(-50% - 14vmin));padding-left:calc(var(--D) * .08)}
.dsc-p{background:#fff;color:#B3141C;transform:translateX(calc(-50% + 14vmin));padding-left:calc(var(--D) * .55);z-index:1}
.dsc-p>div{max-width:none}
.fly-end{justify-content:flex-end;padding-bottom:clamp(1.5rem,4vh,3rem);z-index:5}
.fly-end-big{font-size:clamp(2rem,.8rem + 4.4vw,5.4rem);max-width:none}
.fly-end .hero-ctas{margin-top:.2rem}
@supports (animation-timeline:scroll()){
  html:not(.rm) .fly{height:430vh}
  html:not(.rm) .dsc-h{animation:dscL linear both;animation-timeline:scroll(root block);animation-range:0vh 250vh}
  html:not(.rm) .dsc-p{animation:dscR linear both;animation-timeline:scroll(root block);animation-range:0vh 250vh}
  html:not(.rm) .dsc>div{animation:lblIn linear both;animation-timeline:scroll(root block);animation-range:120vh 230vh}
  html:not(.rm) .fly-title{animation:titleOut linear both;animation-timeline:scroll(root block);animation-range:0vh 70vh}
  html:not(.rm) .fly-end{animation:endIn linear both;animation-timeline:scroll(root block);animation-range:250vh 330vh}
}
@keyframes dscL{from{transform:translate(calc(-50% - 46vw),var(--oy,0px))}to{transform:translate(calc(-50% - 14vmin),0)}}
@keyframes dscR{from{transform:translate(calc(-50% + 46vw),var(--oy,0px))}to{transform:translate(calc(-50% + 14vmin),0)}}
@keyframes lblIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (max-width:900px){.dsc{--D:62vmin;top:38%}.dsc>div{max-width:34%}.dsc-p{padding-left:calc(var(--D) * .56)}.dsc-h{padding-left:calc(var(--D) * .06)}.dsc b{font-size:1.05rem}.dsc span{font-size:.9rem}}

/* readable text over the discs: soft dark-red shadow behind hero text */
.fly-title{filter:drop-shadow(0 0 2px rgba(90,0,8,.45)) drop-shadow(0 6px 20px rgba(90,0,8,.55))}
.hero-sub{text-shadow:0 1px 3px rgba(90,0,8,.6),0 4px 18px rgba(90,0,8,.55);font-weight:500}
.fly-end-big{text-shadow:0 2px 20px rgba(90,0,8,.5)}

.fly-title{filter:drop-shadow(0 0 2px rgba(90,0,8,.5)) drop-shadow(0 8px 26px rgba(70,0,6,.7))}
@media (max-width:900px){.dsc{--oy:24vh}}

/* ================= v5 polish: serif accent, outline ticker, capsule-window photo band ================= */
.ser{font-family:var(--f-text);font-style:italic;font-weight:400;letter-spacing:-.03em;font-size:1.06em}
.ticker{overflow:hidden;padding:clamp(1.5rem,3vw,3rem) 0;border-block:1px solid var(--line)}
.tick-track{display:flex;align-items:center;gap:clamp(1.5rem,3vw,3rem);width:max-content;padding-right:clamp(1.5rem,3vw,3rem);font-family:var(--f-display);font-weight:800;font-size:clamp(3rem,1.2rem + 7vw,8.5rem);line-height:1;letter-spacing:-.05em;text-transform:uppercase;white-space:nowrap;animation:marq 60s linear infinite}
.tick-track span{color:transparent;-webkit-text-stroke:2px var(--ink)}
.tick-track span.fill{color:#E01E26;-webkit-text-stroke:0}
.tick-track i{font-style:normal;font-size:.35em;color:#E01E26}
html.rm .tick-track{animation:none}
.rv{position:relative}
.rv-in{position:relative;height:90vh;overflow:hidden}
.rv-img{position:absolute;inset:0}
.rv-img img{width:100%;height:100%;object-fit:cover}
.rv-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(36,37,42,.92),rgba(36,37,42,.35) 60%,rgba(36,37,42,.2))}
.rv-txt{position:absolute;left:0;right:0;bottom:0;padding:0 var(--gutter) clamp(2rem,5vw,4rem);max-width:var(--wrap);margin-inline:auto;display:grid;gap:1.6rem;justify-items:start}
.rv-txt h2{max-width:14ch;text-shadow:0 2px 24px rgba(20,20,26,.5)}
@supports (animation-timeline:view()){
  html:not(.rm) .rv{height:280vh;view-timeline:--rv block}
  html:not(.rm) .rv-in{position:sticky;top:0;height:100svh}
  html:not(.rm) .rv-img{animation:rvOpen linear both;animation-timeline:--rv;animation-range:cover 26% cover 56%}
  html:not(.rm) .rv-img img{animation:rvZoom linear both;animation-timeline:--rv;animation-range:cover 26% cover 66%}
  html:not(.rm) .rv-txt{animation:rvTxt linear both;animation-timeline:--rv;animation-range:cover 50% cover 62%}
}
@keyframes rvOpen{from{clip-path:inset(30% 33% 30% 33% round 999px)}to{clip-path:inset(0 0 0 0 round 0)}}
@keyframes rvZoom{from{transform:scale(1.35)}to{transform:scale(1)}}
@keyframes rvTxt{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}