/* notes §1 */

/* notes §2 */
@font-face{font-family:"Playfair Display";src:url("/fonts/playfair/playfair-normal-latin.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display";src:url("/fonts/playfair/playfair-italic-latin.woff2") format("woff2");font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:"Outfit";src:url("/fonts/outfit/outfit-normal-latin.woff2") format("woff2");font-weight:300 600;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("/fonts/cormorant/cormorant-italic-latin.woff2") format("woff2");font-weight:400 600;font-style:italic;font-display:swap}
@font-face{font-family:"Caveat";src:url("/fonts/caveat/caveat-normal-latin.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/fonts/inter/inter-normal-latin.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("/fonts/fraunces/fraunces-normal-latin.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("/fonts/fraunces/fraunces-italic-latin.woff2") format("woff2");font-weight:300 700;font-style:italic;font-display:swap}

/* notes §3 */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip;background:var(--night)}
body{margin:0;background:var(--night);color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
:focus-visible{outline:2px solid var(--champagne-4);outline-offset:3px;border-radius:4px}
[data-ground=linen] :focus-visible,[data-ground=ivory] :focus-visible,[data-ground=paper] :focus-visible,.mega :focus-visible{outline-color:var(--emerald)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:12px;top:-60px;z-index:300;background:var(--paper-warm);color:var(--night);padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:500}
.skip:focus{top:12px}
.shell{width:100%;max-width:calc(var(--shell) + 2*var(--px));margin-inline:auto;padding-inline:var(--px)}
.tnum{font-variant-numeric:tabular-nums lining-nums}

/* grounds */
[data-ground=night]{background:var(--night);color:var(--on-night)}
[data-ground=deep]{background:var(--night-deep);color:var(--on-night)}
/* notes §4 */
[data-ground=emerald]{background:radial-gradient(85% 55% at 8% 50%,rgba(37,107,88,.92) 0%,rgba(37,107,88,.42) 45%,rgba(37,107,88,0) 80%),var(--emerald-deep);color:var(--on-night);--hair-n:rgba(240,220,166,.2)}
[data-ground=linen]{background:var(--linen);color:var(--ink)}
[data-ground=ivory]{background:var(--ivory);color:var(--ink)}
[data-ground=paper]{background:var(--paper-warm);color:var(--ink)}
:is([data-ground=night],[data-ground=deep],[data-ground=emerald]) :is(h1,h2,h3){color:var(--ivory)}
:is([data-ground=linen],[data-ground=ivory],[data-ground=paper]) :is(h1,h2,h3){color:var(--night)}
:is(h1,h2,h3) em{font-style:italic;font-weight:400}
:is([data-ground=night],[data-ground=deep],[data-ground=emerald]) :is(h1,h2,h3) em{color:var(--champagne-4)}
:is([data-ground=linen],[data-ground=ivory],[data-ground=paper]) :is(h1,h2,h3) em{color:var(--emerald)}
.seam{height:120px;margin-block:-1px}
.seam--soft{height:40px}
.seam--line{height:1px;margin-block:0;position:relative;z-index:1}

/* type */
.h1{font:400 clamp(2.3rem,1.4rem + 3vw,4.25rem)/1.05 var(--play);letter-spacing:-.012em;text-wrap:balance}
.h2{font:400 clamp(1.85rem,1.2rem + 1.9vw,3rem)/1.1 var(--play);letter-spacing:-.01em;text-wrap:balance}
.h3{font:400 clamp(1.35rem,1.05rem + .7vw,1.75rem)/1.2 var(--play);text-wrap:balance}
.kicker{font:500 12px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;margin-bottom:22px;display:flex;align-items:center;gap:12px}
.kicker::before{content:"";width:28px;height:1px;background:currentColor;opacity:.7;flex:none}
:is([data-ground=night],[data-ground=deep],[data-ground=emerald]) .kicker{color:var(--champagne-4)}
:is([data-ground=linen],[data-ground=ivory],[data-ground=paper]) .kicker{color:var(--champagne-ink)}
.lede{font-size:clamp(1rem,.96rem + .2vw,1.125rem);line-height:1.62;max-width:56ch}
[data-ground=night] .lede,[data-ground=deep] .lede,[data-ground=emerald] .lede{font-weight:400;color:var(--on-night)}
:is([data-ground=linen],[data-ground=ivory],[data-ground=paper]) .lede{font-weight:300}
.aside{font:italic 500 clamp(1.2rem,1.08rem + .4vw,1.45rem)/1.3 var(--corm)}
:is([data-ground=night],[data-ground=deep],[data-ground=emerald]) .aside{color:var(--champagne-4)}
:is([data-ground=linen],[data-ground=ivory],[data-ground=paper]) .aside{color:var(--champagne-ink)}
.sec{padding-block:var(--sec)}

/* buttons */
.btns{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:34px}
/* notes §5 */
.btn{--b:currentColor;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:11px 22px;border:1px solid var(--b);border-radius:5px;text-decoration:none;font:500 11px/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;transition:background-color .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}
.btn .arr{width:14px}
.arr{width:20px;height:10px;flex:none;transition:transform .45s var(--ease)}
.btn:hover .arr,a:hover .arr{transform:translateX(4px)}
:is([data-ground=night],[data-ground=deep],[data-ground=emerald]) .btn{--b:rgba(240,220,166,.42);color:var(--ivory)}
:is([data-ground=night],[data-ground=deep],[data-ground=emerald]) .btn--primary{background:var(--champagne-4);--b:var(--champagne-4);color:var(--night)}
:is([data-ground=night],[data-ground=deep],[data-ground=emerald]) .btn--primary:hover{background:#F6E6BC}
:is([data-ground=night],[data-ground=deep],[data-ground=emerald]) .btn:not(.btn--primary):hover{background:rgba(240,220,166,.06);--b:var(--champagne-4);color:var(--champagne-4)}
:is([data-ground=linen],[data-ground=ivory],[data-ground=paper]) .btn{--b:rgba(20,51,43,.28);color:var(--night)}
:is([data-ground=linen],[data-ground=ivory],[data-ground=paper]) .btn--primary{background:var(--emerald);--b:var(--emerald);color:var(--ivory)}
:is([data-ground=linen],[data-ground=ivory],[data-ground=paper]) .btn--primary:hover{background:var(--emerald-deep)}
:is([data-ground=linen],[data-ground=ivory],[data-ground=paper]) .btn:not(.btn--primary):hover{background:rgba(37,107,88,.07);--b:var(--emerald)}
.btn--sm{min-height:36px;padding:8px 14px;font-size:10px;gap:10px}

/* ---------- devices (one component; Blender plates swap in here) ---------- */
.ph{--t:calc(var(--sw)*.018);--b:calc(var(--sw)*.035);position:relative;width:calc(var(--sw) + 2*(var(--t) + var(--b)));padding:var(--t);border-radius:calc(var(--sw)*.165);
  background:linear-gradient(135deg,#d6d9d7 0%,#8b908e 14%,#eef0ef 30%,#6d7270 47%,#c5c9c7 63%,#7a7f7d 82%,#dcdfdd 100%);
  box-shadow:inset 0 0 0 calc(var(--sw)*.003) rgba(255,255,255,.55),inset 0 0 0 calc(var(--sw)*.008) rgba(0,0,0,.25),0 1px 2px rgba(13,34,28,.22)}
/* shadows are gradients on static pseudo-elements: no blur to repaint while the camera moves */
.ph::after{content:"";position:absolute;left:-6%;right:-6%;top:12%;bottom:-7%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(13,34,28,.30),rgba(31,90,74,.12) 62%,rgba(31,90,74,0));pointer-events:none}
.ph__bez{position:relative;padding:var(--b);background:#050706;border-radius:calc(var(--sw)*.148)}
.ph .scr{width:var(--sw);height:calc(var(--sw)*844/390);border-radius:calc(var(--sw)*.112);background:var(--ivory)}
.ph__isl{position:absolute;top:calc(var(--b) + var(--sw)*.028);left:50%;width:calc(var(--sw)*.29);height:calc(var(--sw)*.082);transform:translateX(-50%);background:#020303;border-radius:99px;z-index:6;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.ph__btn{position:absolute;width:calc(var(--sw)*.014);border-radius:2px;background:linear-gradient(90deg,#6d7270,#d6d9d7 50%,#7a7f7d)}
.ph__btn--a{left:calc(var(--sw)*-.011);top:18%;height:5%}
.ph__btn--b{left:calc(var(--sw)*-.011);top:26%;height:9%}
.ph__btn--c{left:calc(var(--sw)*-.011);top:37%;height:9%}
.ph__btn--d{right:calc(var(--sw)*-.011);top:28%;height:13%}
.dk{--b:calc(var(--sw)*.022);position:relative;width:calc(var(--sw) + 2*var(--b))}
.dk__lid{position:relative;padding:var(--b) var(--b) calc(var(--b)*1.5);border-radius:calc(var(--sw)*.024) calc(var(--sw)*.024) calc(var(--sw)*.006) calc(var(--sw)*.006);background:#0a0d0c;
  box-shadow:inset 0 0 0 calc(var(--sw)*.0022) #a9afac,inset 0 0 0 calc(var(--sw)*.0042) #2a302d}
.dk::after{content:"";position:absolute;left:-4%;right:-4%;top:20%;bottom:-9%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(13,34,28,.26),rgba(31,90,74,.10) 60%,rgba(31,90,74,0));pointer-events:none}
.dk__cam{position:absolute;top:calc(var(--b)*.38);left:50%;width:calc(var(--sw)*.006);height:calc(var(--sw)*.006);margin-left:calc(var(--sw)*-.003);border-radius:50%;background:#26302c}
.dk .scr{width:var(--sw);height:calc(var(--sw)*.625);border-radius:calc(var(--sw)*.004);background:var(--ivory)}
.dk__base{position:relative;height:calc(var(--sw)*.026);margin:0 calc(var(--sw)*-.06);border-radius:0 0 calc(var(--sw)*.05) calc(var(--sw)*.05)/0 0 calc(var(--sw)*.022) calc(var(--sw)*.022);
  background:linear-gradient(180deg,#e9ecea 0%,#b9bebb 30%,#8d928f 70%,#6b706d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.dk__base i{position:absolute;top:0;left:50%;width:14%;height:38%;transform:translateX(-50%);background:linear-gradient(180deg,#9aa09d,#c6cbc8);border-radius:0 0 calc(var(--sw)*.012) calc(var(--sw)*.012)}
.scr{position:relative;overflow:hidden;isolation:isolate}
.glass{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.04) 26%,rgba(255,255,255,0) 40%)}
.scr>img.fill{width:100%;height:auto}
.cropbox{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);overflow:hidden}
.cropbox img{position:absolute;max-width:none}
.mk{position:absolute;border-radius:3px}

/* ---------- masthead ---------- */
.mast{position:fixed;inset:0 0 auto;z-index:60;color:var(--ivory);transition:transform .45s var(--ease)}
.mast.is-hidden{transform:translateY(-100%)}
.mast::before{content:"";position:absolute;inset:0;background:var(--tint,transparent);opacity:0;transition:opacity .35s,background-color .35s;border-bottom:1px solid var(--hl,transparent)}
.mast.is-frost::before{opacity:1}
.mast.is-hidden::before{opacity:0}
.mast[data-tone=dark]{--tint:rgba(20,51,43,.98);--hl:rgba(240,220,166,.14)}
.mast[data-tone=light]{color:var(--night);--tint:rgba(244,239,227,.98);--hl:rgba(44,58,53,.1)}
.mast[data-tone=light][data-g=ivory]{--tint:rgba(250,244,232,.98)}
.mast[data-tone=light][data-g=paper]{--tint:rgba(255,254,250,.98)}
.mast[data-tone=dark][data-g=deep]{--tint:rgba(13,34,28,.98)}
.mast[data-tone=dark][data-g=emerald]{--tint:rgba(31,90,74,.98)}
.mast__bar{position:relative;height:var(--bar);display:flex;align-items:center;gap:36px}
.mast__brand{display:flex;align-items:center;flex:none;height:26px}
.mast__brand img{height:26px;width:auto}
.mast__brand .wm-ink{display:none}
.mast[data-tone=light] .mast__brand .wm-ink{display:block}
.mast[data-tone=light] .mast__brand .wm-light{display:none}
.mast__nav{flex:1;min-width:0}
.mast__nav>ul{display:flex;align-items:center;gap:28px}
.mast__nav>ul>li{position:relative}
.nl-a{position:relative;display:inline-flex;align-items:center;gap:7px;height:var(--bar);font:500 14.5px/1 var(--sans);letter-spacing:.01em;text-decoration:none;color:inherit;opacity:.88;transition:opacity .25s}
.nl-a:hover,.nl-a[aria-expanded=true]{opacity:1}
.nl-a svg{width:8px;height:8px;transition:transform .3s var(--ease)}
.nl-a[aria-expanded=true] svg{transform:rotate(180deg)}
.nl-a.is-cur::after{content:"";position:absolute;left:0;right:0;bottom:19px;height:1px;background:currentColor;opacity:.75}
.mast__right{display:flex;align-items:center;gap:22px;flex:none}
.mast__login{font:500 14.5px/1 var(--sans);text-decoration:none;opacity:.88}
.mast__login:hover{opacity:1}
/* round 2c: the bar's button — a slim champagne hairline that fills on hover (emerald on the light bar) */
.mast__cta{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 15px;border:1px solid rgba(240,220,166,.6);border-radius:5px;font:500 10.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;background:transparent;color:var(--champagne-4);transition:background-color .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}
.mast__cta:hover{background:var(--champagne-4);border-color:var(--champagne-4);color:var(--night)}
.mast[data-tone=light] .mast__cta{border-color:rgba(37,107,88,.55);color:var(--emerald)}
.mast[data-tone=light] .mast__cta:hover{background:var(--emerald);border-color:var(--emerald);color:var(--ivory)}
.mast__cta .arr{width:14px}
.mast__menu{display:none;align-items:center;gap:10px;height:40px;font:500 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.mast__menu i{display:block;width:20px;height:9px;position:relative}
.mast__menu i::before,.mast__menu i::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor}
.mast__menu i::before{top:0}.mast__menu i::after{bottom:0}
.mega{position:absolute;left:-24px;top:calc(var(--bar) - 6px);width:min(720px,calc(100vw - 48px));background:var(--paper-warm);color:var(--ink);border:1px solid var(--rule);border-radius:8px;padding:22px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;box-shadow:0 20px 40px -28px rgba(13,34,28,.3);opacity:0;transform:translateY(6px);visibility:hidden;transition:opacity .24s var(--eoc),transform .24s var(--eoc),visibility 0s .24s}
.mega.is-open{opacity:1;transform:none;visibility:visible;transition:opacity .24s var(--eoc),transform .24s var(--eoc)}
.mega__links{display:grid;gap:4px;align-content:start}
.mega__links a{display:block;padding:12px 14px;border-radius:4px;text-decoration:none;transition:background .25s}
.mega__links a:hover,.mega__links a:focus-visible{background:var(--linen)}
.mega__links b{display:flex;align-items:center;gap:8px;font:400 1.2rem/1.2 var(--play);color:var(--night)}
.mega__links span{display:block;margin-top:4px;font-size:13.5px;line-height:1.45;color:var(--ink-soft)}
.mega__line{padding:12px 14px 14px;font:italic 500 1.02rem/1.3 var(--corm);color:var(--champagne-ink)}
.subpill{position:fixed;left:0;top:var(--bar);z-index:58;transform:none;display:flex;gap:28px;padding:0 var(--px);border-radius:0;background:rgba(255,254,250,.98);border:0;box-shadow:none;transition:opacity .35s var(--ease),transform .45s var(--ease),top .45s var(--ease);right:0;justify-content:center;height:44px;border-bottom:1px solid var(--rule)}
.subpill.is-off{opacity:0;pointer-events:none;transform:translate(0,-8px)}
.subpill b{display:inline-flex;align-items:center;height:44px;padding:0 24px 0 0;margin-right:-4px;border-right:1px solid var(--rule);font:500 10.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--champagne-ink)}
.subpill a{white-space:nowrap;padding:0;border-radius:0;font:500 10.5px/1 var(--sans);text-decoration:none;color:var(--ink-soft);display:inline-flex;align-items:center;height:44px;letter-spacing:.18em;text-transform:uppercase}
.subpill a[aria-current=page]{background:none;color:var(--night);box-shadow:inset 0 -1px 0 var(--champagne-ink)}
.sheet{position:fixed;inset:0;z-index:95;background:var(--night);color:var(--ivory);display:flex;flex-direction:column;transform:translateY(102%);visibility:hidden;transition:transform .5s var(--ease),visibility 0s .5s}
.sheet.is-open{transform:none;visibility:visible;transition:transform .5s var(--ease)}
.sheet__top{display:flex;align-items:center;justify-content:space-between;height:var(--bar);padding-inline:var(--px);flex:none}
.sheet__top img{height:24px;width:auto}
.sheet__x{display:inline-flex;align-items:center;gap:10px;height:40px;font:500 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.sheet__body{flex:1;overflow:auto;padding:8px var(--px) 24px}
.sheet__cards{display:grid;gap:10px}
.sheet__links{margin-top:18px;display:grid}
.sheet__links a{padding:13px 2px;border-bottom:1px solid var(--hair-n);font:400 1.15rem/1.2 var(--sans);text-decoration:none;color:var(--on-night)}
.sheet__foot{flex:none;padding:14px var(--px) calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--hair-n)}
.sheet__foot a{width:100%;justify-content:space-between}
@media (max-width:960px){
  .mast__nav,.mast__login{display:none}
  .mast__bar{gap:12px;justify-content:space-between}
  .mast__menu{display:inline-flex}
  .mast__cta{height:32px;padding:0 11px;font-size:9.5px;letter-spacing:.16em}
  .mast__cta .arr{display:none}
  .subpill b{display:none}
}
@media (max-width:760px){.subpill{display:none!important}}
@media (max-width:359px){.mast__cta{display:none}}

/* ---------- heroes ---------- */
.hero{position:relative;min-height:max(680px,min(100svh,980px));overflow:hidden;isolation:isolate;display:flex;align-items:center}
.hero__media{position:absolute;inset:0;z-index:-3;animation:heroin 8s cubic-bezier(.16,1,.3,1) both}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:30% 30%;filter:brightness(.7) saturate(.92)}
.hero__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(20,51,43,.94) 0%,rgba(20,51,43,.82) 32%,rgba(20,51,43,.35) 60%,rgba(20,51,43,.15) 100%),linear-gradient(0deg,rgba(13,34,28,.7) 0%,rgba(13,34,28,0) 30%),linear-gradient(180deg,rgba(13,34,28,.5) 0%,rgba(13,34,28,0) 18%)}
.hero__in{width:100%;padding-top:calc(var(--bar) + 48px);padding-bottom:80px}
.hero__copy{max-width:min(560px,42vw);position:relative;z-index:2}
.hero .lede{margin-top:26px;max-width:46ch}
.hero .aside{margin-top:16px}
.hero__seal{position:absolute;left:var(--px);bottom:28px;width:58px;height:auto;opacity:.95;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}
/* notes §6 */
.hero--home .hero__media img{object-position:0% 40%}
/* notes §7 */
.hero--couples .hero__media img{object-position:50% 50%}
.hero--suppliers .hero__media img{object-position:50% 62%}
.hero--together .hero__media img{object-position:50% 45%}
@media (min-width:961px){.hero--home .hero__media img{width:128%;max-width:none}}
@media (max-width:960px){
  .hero{align-items:flex-start;min-height:max(720px,100svh)}
  .hero__copy{max-width:none}
  .hero__in{padding-top:calc(var(--bar) + 28px);padding-bottom:48px}
  .hero{align-items:flex-end}
  .hero__shade{background:linear-gradient(180deg,rgba(20,51,43,.66) 0%,rgba(20,51,43,.6) 36%,rgba(20,51,43,.9) 66%,rgba(20,51,43,.98) 100%)}
  .hero .btns .btn{flex:1 1 auto;justify-content:space-between}
  .hero__seal{display:none}
  .hero--home .hero__media img{object-position:45% 50%}
  /* notes §8 */
  .hero--couples .hero__media img{width:135%;max-width:none;height:auto;margin:-25% 0 0 -19%;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
  .hero--suppliers .hero__media img{object-position:88% 50%}
  .hero--together .hero__media img{object-position:58% 50%}
}
/* notes §9 */
@media (max-width:760px){
  .hero--home .hero__media{inset:0 0 auto 0;height:62svh}
  .hero--home .hero__media img{object-position:45% 45%;-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent);mask-image:linear-gradient(180deg,#000 75%,transparent)}
}

/* ---------- film placeholder ---------- */
.film{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:var(--night-deep);isolation:isolate;box-shadow:inset 0 0 0 1px rgba(240,220,166,.12)}
.film__bg,.film__fg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.film--portrait .film__bg{filter:blur(40px) saturate(.6) brightness(.42);transform:scale(1.25)}
.film--portrait .film__fg{left:auto;width:auto;height:100%;aspect-ratio:var(--ar);right:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 34%);mask-image:linear-gradient(90deg,transparent,#000 34%)}
.film__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,34,28,.82) 0%,rgba(13,34,28,.45) 46%,rgba(13,34,28,.05) 80%),linear-gradient(0deg,rgba(13,34,28,.6),transparent 50%)}
.film__meta{position:absolute;left:clamp(20px,4vw,56px);bottom:clamp(18px,4vw,52px);right:30%;color:var(--ivory)}
.film__meta .kicker{color:var(--champagne-4);margin-bottom:12px}
.film__meta :is(h2,h3){color:var(--ivory)!important;font:400 clamp(1.4rem,1rem + 2vw,2.9rem)/1.08 var(--play);text-wrap:balance}
.film__play{position:absolute;left:50%;top:50%;width:clamp(52px,4.4vw,72px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(240,220,166,.7);color:var(--champagne-4);display:grid;place-items:center;background:rgba(20,51,43,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .4s}
.film__play svg{width:28%;margin-left:6%}
.film__play:hover{background:rgba(20,51,43,.5)}
.film__note{position:absolute;left:50%;top:calc(50% + clamp(48px,6vw,76px));transform:translate(-50%,6px);background:var(--paper-warm);color:var(--night);font:500 13.5px/1.3 var(--sans);padding:10px 16px;border-radius:5px;white-space:nowrap;opacity:0;transition:opacity .35s var(--ease),transform .45s var(--ease);pointer-events:none}
.film__note.is-on{opacity:1;transform:translate(-50%,0)}
.film--small{border-radius:12px;max-width:300px;margin-top:22px}
.film--small .film__meta{left:14px;bottom:12px;right:14px}
.film--small .film__meta h3{font-size:1.05rem}
.film--small .film__meta .kicker{font-size:10px;margin-bottom:6px}
.film--small .film__play{width:48px}
.film--small .film__note{top:calc(50% + 32px);font-size:12px;padding:7px 12px}
@media (max-width:640px){.film__meta{right:16px}}
.filmsec .shell{max-width:calc(1180px + 2*var(--px))}

/* ---------- home doors ---------- */
.doors__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.door{position:relative;display:flex;flex-direction:column;text-decoration:none;border-radius:6px;background:linear-gradient(180deg,rgba(31,90,74,.35),rgba(20,51,43,.6));border:1px solid var(--hair-n);overflow:hidden;transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .4s}
.door:hover{transform:none;border-color:var(--hair-n2);box-shadow:none}
.door__stage{position:relative;height:340px;display:flex;align-items:flex-end;justify-content:center;gap:0;padding:36px 20px 0;overflow:hidden;background:radial-gradient(120% 90% at 50% 100%,rgba(240,220,166,.16),transparent 60%)}
.door__stage{align-items:center;padding:24px 20px}
.door__stage .ph{--sw:126px;transition:transform .7s var(--ease)}
.door__stage .dk{--sw:min(300px,calc((100vw - 2*var(--px) - 80px) / 1.2));transition:transform .7s var(--ease)}
.door__stage .pair{display:flex;align-items:center;gap:14px}
.door__stage .pair .ph{--sw:100px}
.door__stage .pair .dk{--sw:min(210px,calc(100vw - 2*var(--px) - 200px))}
.door:hover .door__stage>*{transform:translateY(-8px)}
.door__copy{padding:28px 28px 30px;display:flex;flex-direction:column;flex:1;border-top:1px solid var(--hair-n)}
.door__copy .kicker{margin-bottom:14px}
.door__copy p.line{margin-top:14px;color:var(--on-night);font-size:16px;line-height:1.55}
.go{margin-top:auto;padding-top:24px;display:inline-flex;align-items:center;gap:12px;font:500 14px/1.2 var(--sans);letter-spacing:.02em;color:var(--champagne-4)}
.demo-print{margin-top:28px;font-size:13px;text-align:center;opacity:.72}
@media (max-width:960px){.doors__grid{grid-template-columns:1fr}.door__stage{height:290px}}

.band__head{max-width:760px}
.band__head .lede{margin-top:24px}
.band__grid{margin-top:clamp(48px,6vw,88px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,3vw,48px)}
.pt{padding:26px 0 34px;border-top:1px solid var(--champagne-3)}
.pt__n{font:italic 400 15px/1 var(--play);color:var(--champagne-ink)}
.pt h3{margin-top:16px;font:400 1.32rem/1.25 var(--play)}
.pt p{margin-top:10px;font-size:15.5px;line-height:1.6;font-weight:300}
@media (max-width:960px){.band__grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.band__grid{grid-template-columns:1fr}}
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2.2vw,32px)}
.founder{align-items:center;row-gap:40px}
.founder__ph{grid-column:1 / span 5;position:relative;isolation:isolate}
.founder__ph img{width:100%;height:auto;aspect-ratio:600/799;object-fit:cover;border-radius:4px}
.founder__ph::after{content:none;position:absolute;inset:16px -16px -16px 16px;border:1px solid var(--champagne);border-radius:20px;z-index:-1;opacity:.6}
.founder__tx{grid-column:7 / span 6}
.founder__tx .lede{margin-top:22px}
.founder__tx .lede+.lede{margin-top:12px}
.who{margin-top:28px;display:flex;flex-direction:column;gap:2px}
.who b{font:400 1.6rem/1.1 "Caveat",var(--corm);color:var(--champagne-4)}
.who span{font-size:13px;letter-spacing:.06em;opacity:.7}
@media (max-width:960px){.founder__ph{grid-column:1 / -1;max-width:420px;margin-right:16px}.founder__tx{grid-column:1 / -1}}   /* v2.7 fix: the offset outline stays inside the gutter */
.jband{position:relative;overflow:hidden;isolation:isolate;min-height:clamp(560px,78vh,820px);display:flex;align-items:center;color:var(--ivory)}
.jband__media{position:absolute;inset:0;z-index:-2}
.jband__media img{width:100%;height:100%;object-fit:cover;object-position:var(--jpos,58% 40%);filter:brightness(.78) saturate(.92)}
.jband__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,51,43,.92) 0%,rgba(20,51,43,.74) 34%,rgba(20,51,43,.22) 66%,rgba(20,51,43,.08) 100%),linear-gradient(0deg,rgba(13,34,28,.55) 0%,rgba(13,34,28,0) 34%),linear-gradient(180deg,rgba(13,34,28,.45) 0%,rgba(13,34,28,0) 22%)}
.jband__in{width:100%;padding-top:96px;padding-bottom:96px}
.jband__tx{max-width:560px}
.jband .jcta__lines{color:var(--champagne-4)}
.jcta__lines{font:italic 500 clamp(1.5rem,1.2rem + 1vw,2rem)/1.25 var(--corm);color:var(--champagne-ink);margin-bottom:18px}
@media (max-width:760px){.jband{min-height:640px;align-items:flex-end}.jband__media img{object-position:var(--jposm,62% 30%)}.jband__shade{background:linear-gradient(0deg,rgba(20,51,43,.96) 0%,rgba(20,51,43,.8) 42%,rgba(20,51,43,.25) 72%,rgba(20,51,43,.1) 100%)}.jband__in{padding-top:56px;padding-bottom:56px}}
.ends__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--champagne-3)}
.end{position:relative;display:flex;flex-direction:column;gap:16px;min-height:300px;padding:40px clamp(20px,2.4vw,40px) 36px;text-decoration:none;color:var(--ink);border-right:1px solid var(--hair-l);transition:background .5s var(--ease)}
.end:last-child{border-right:0}
.end:hover{background:var(--paper-warm)}
.end__n{font:italic 400 15px/1 var(--play);color:var(--champagne-ink)}
.end__t{font:400 clamp(1.5rem,1.15rem + 1vw,2.1rem)/1.12 var(--play);color:var(--night)}
.end__s{font-size:15.5px;line-height:1.55;max-width:34ch;font-weight:300}
.end .go{color:var(--emerald)}
/* round 2: a "Where next" of two cards sits side by side; four sit two by two */
.ends__grid:has(>.end:nth-child(2):last-child),.ends__grid:has(>.end:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.ends__grid:has(>.end:nth-child(4):last-child)>.end:nth-child(2){border-right:0}
.ends__grid:has(>.end:nth-child(4):last-child)>.end:nth-child(-n+2){border-bottom:1px solid var(--hair-l)}
@media (max-width:960px){.ends__grid,.ends__grid:has(>.end:nth-child(2):last-child),.ends__grid:has(>.end:nth-child(4):last-child){grid-template-columns:1fr}.end{min-height:0;border-right:0;border-bottom:1px solid var(--hair-l);padding:30px 4px}}

/* ---------- try (v2.7, 4 Oct: the rooms are a slideshow under the device; pages.js lay() sets the device sizes) ---------- */
.try{padding-top:calc(var(--bar) + 64px);padding-bottom:clamp(56px,7vw,100px);min-height:100svh}
.try__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:clamp(14px,2vh,24px);flex-wrap:wrap}
.try__head .kicker{margin-bottom:10px}
.try__head .h2{font-size:clamp(1.9rem,1.3rem + 1.5vw,2.7rem)}
.try__head .lede{margin-top:6px;font-size:1rem}
/* round 2c: the device toggle in the buttons' language — 6px corners, a hairline, the chosen side a squared fill */
.toggle{display:inline-flex;padding:3px;border-radius:6px;border:1px solid var(--rule);background:var(--paper-warm);position:relative}
.toggle button{position:relative;z-index:1;min-height:38px;padding:8px 18px;border-radius:4px;font:500 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);transition:color .3s}
.toggle button[aria-pressed=true]{color:var(--ivory)}
.toggle::before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:4px;background:var(--night);transition:transform .45s var(--ease)}
.toggle[data-mode=desk]::before{transform:translateX(100%)}
.try__grid{display:grid;grid-template-columns:minmax(0,1fr) 272px;column-gap:clamp(28px,3.4vw,56px);align-items:start}
.try__stage{min-width:0;container-type:inline-size;border-radius:18px}
.try__stage:focus-visible{outline-offset:6px}
.try__view{position:relative;width:100%;height:520px}
.try__dev{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:18px}
.try__ghost{z-index:2;pointer-events:none}
.try__dev .ph{--sw:var(--tph,300px)}
.try__dev .dk{--sw:var(--tdk,640px)}
.try__dev .pair{display:flex;align-items:center;gap:22px;width:100%;justify-content:center}
.try__dev .pair .ph{--sw:var(--tpp,200px)}
.try__dev .pair .dk{--sw:var(--tpd,520px)}
/* the control bar: previous · where you are · next, the line that fills over the seven seconds, and the dots to jump */
.try__bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;max-width:780px;margin:14px auto 0}
.try__arr{display:inline-flex;align-items:center;gap:12px;min-width:44px;min-height:44px;max-width:100%;border-radius:5px;text-align:left}
.try__arr--prev{justify-self:start}
.try__arr--next{justify-self:end;text-align:right}
.try__ico{flex:none;width:40px;height:40px;border-radius:5px;display:grid;place-items:center;border:1px solid var(--rule);background:var(--paper-warm);color:var(--night);transition:background .3s var(--ease),color .3s,border-color .3s,transform .4s var(--ease)}
.try__arr:hover .try__ico{background:var(--emerald-deep);border-color:var(--emerald-deep);color:var(--ivory)}
.try__arr--prev:hover .try__ico{transform:translateX(-2px)}
.try__arr--next:hover .try__ico{transform:translateX(2px)}
.try__pn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 13.5px/1.3 var(--sans);color:var(--ink-soft)}
.try__cur{display:flex;align-items:baseline;justify-content:center;gap:10px;white-space:nowrap}
.try__ct{font:500 11.5px/1 var(--sans);letter-spacing:.16em;font-variant-numeric:tabular-nums;color:var(--champagne-ink)}
.try__sep{color:var(--champagne)}
.try__nm{font:400 clamp(1.25rem,1.05rem + .5vw,1.5rem)/1.2 var(--play);color:var(--night)}
.try__run{display:flex;align-items:center;gap:8px;max-width:780px;margin:8px auto 0;transition:opacity .4s}
.try__run.is-off{opacity:0;visibility:hidden}
.try__prog{flex:1;height:2px;border-radius:2px;background:var(--rule);overflow:hidden}
.try__prog i{display:block;height:100%;background:var(--champagne-ink);transform-origin:left center;transform:scaleX(0);animation:tryfill 7s linear both;animation-play-state:paused}
@keyframes tryfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.try__stop{position:relative;flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:var(--ink-soft)}
.try__stop::before{content:"";position:absolute;inset:-11px}
.try__stop:hover{color:var(--emerald)}
.try__pips{display:flex;justify-content:center;flex-wrap:wrap;margin-top:2px}
.try__pip{width:24px;height:24px;display:grid;place-items:center;border-radius:6px}
.try__pip i{display:block;width:14px;height:2px;border-radius:0;background:rgba(169,136,78,.45);transition:width .45s var(--ease),background .3s}
.try__pip:hover i{background:var(--emerald)}
.try__pip[aria-current=true] i{width:28px;background:var(--emerald-deep)}
.scr--scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.scr--scroll::-webkit-scrollbar{display:none}
.tshot{position:relative;width:100%}
.tshot>img{width:100%;height:auto}
.hot{position:absolute;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;display:grid;place-items:center;background:var(--emerald);color:var(--ivory);font:600 12px/1 var(--sans);box-shadow:0 0 0 3px rgba(255,254,250,.9),0 4px 12px rgba(13,34,28,.35);z-index:3;cursor:default}
.hot.is-on{background:var(--champagne-ink)}
.hbox{position:absolute;border:1.5px solid var(--champagne);border-radius:8px;opacity:0;transition:opacity .3s;pointer-events:none;z-index:2}
.hbox.is-on{opacity:1}
.pressbtn{position:absolute;z-index:4;border-radius:8px;border:1.5px dashed var(--emerald);background:rgba(37,107,88,.06);animation:pressring 2.2s var(--ease) infinite}
@keyframes pressring{0%,100%{box-shadow:0 0 0 0 rgba(37,107,88,.35)}50%{box-shadow:0 0 0 6px rgba(37,107,88,0)}}
.after{position:absolute;inset:0;z-index:4;background:var(--ivory);opacity:0;transition:opacity .4s var(--eoc);pointer-events:none;overflow:hidden}
.after.is-on{opacity:1;pointer-events:auto}
.after img{width:100%;height:auto}
.backchip{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:6;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:5px;background:var(--night);color:var(--ivory);font:500 13px/1 var(--sans);box-shadow:0 8px 20px -8px rgba(0,0,0,.45)}
.try__notes{padding-top:clamp(8px,4vh,40px)}
.try__notes h3{font:400 1.3rem/1.2 var(--play);color:var(--night)}
.try__hint{margin-top:8px;font:italic 440 1.02rem/1.45 "Fraunces","Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;color:#87681E}
.notes{margin-top:16px;display:grid;gap:6px}
.notes li{display:grid;grid-template-columns:24px 1fr;gap:10px;font-size:14px;line-height:1.45;align-items:start;padding:7px 8px;border-radius:10px;transition:background .25s;cursor:default}
.notes li:hover,.notes li.is-on{background:var(--paper-warm)}
.notes li .n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:none;color:var(--emerald);font:italic 400 12px/1 var(--play);border:1px solid var(--emerald)}
.notes li.press .n{background:transparent;border:1.5px dashed var(--emerald);color:var(--emerald)}
.try__dnote{margin-bottom:10px;font:italic 440 .98rem/1.4 "Fraunces","Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;color:#87681E}
.try__live{margin-top:18px;font-size:14px}
.try__live a{color:var(--emerald);text-underline-offset:3px}
@media (max-width:1000px){
  .try__grid{grid-template-columns:minmax(0,1fr)}
  .try__notes{padding-top:0;margin-top:28px;max-width:620px}
  /* v2.7b: stacked, the bar above already names the room; the notes' heading stays for screen readers (it is in the live region) but is not drawn twice */
  .try__notes h3{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
}
@media (max-width:760px){
  .try{padding-top:calc(var(--bar) + 18px)}
  .try__head{align-items:center}
  .try__head .kicker{margin-bottom:6px}
  .try__head .lede{font-size:.95rem;line-height:1.45}
  .try__bar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;margin-top:10px}
  .try__pn,.try__pips{display:none}
  .try__cur{flex-direction:column;align-items:center;gap:5px;white-space:normal;text-align:center}
  .try__sep{display:none}
  .try__nm{font-size:1.15rem}
  .try__dev .pair{flex-direction:column;gap:14px}
}
@media (prefers-reduced-motion:reduce){.try__run{display:none}.try__pip i,.try__ico{transition:none}}

/* ---------- pricing,waitlist,join,story ---------- */
.pr-top{padding-top:calc(var(--bar) + clamp(56px,8vw,120px));padding-bottom:clamp(56px,7vw,100px)}
.pr-quiet{margin-top:18px;font:italic 500 clamp(1.15rem,1rem + .5vw,1.4rem)/1.4 var(--corm);color:var(--champagne-4)}
.soon{margin-top:10px;font:italic 400 clamp(3rem,1.6rem + 6vw,7.4rem)/1 var(--play);color:var(--champagne-4);letter-spacing:-.02em}
.pr-grid{row-gap:56px;align-items:start}
.pr-copy{grid-column:1 / span 6}
.pr-form{grid-column:8 / span 5;position:sticky;top:calc(var(--bar) + 24px)}
.incl{margin-top:32px;display:grid}
.incl li{position:relative;padding:16px 0 16px 34px;border-top:1px solid var(--hair-l);line-height:1.55;font-weight:300}
.incl li:last-child{border-bottom:1px solid var(--hair-l)}
.incl li::before{content:"";position:absolute;left:2px;top:24px;width:14px;height:7px;border-left:1.5px solid var(--emerald);border-bottom:1.5px solid var(--emerald);transform:rotate(-45deg)}
.pr-note{margin-top:28px}
@media (max-width:960px){.pr-copy,.pr-form{grid-column:1 / -1;position:static}}
.wl{scroll-margin-top:calc(var(--bar) + 20px);background:var(--paper-warm);border:1px solid var(--rule);border-radius:6px;padding:clamp(22px,3vw,40px);color:var(--ink);box-shadow:none}
.wl h2{margin-bottom:8px;color:var(--night)}
.wl form{display:grid;gap:20px}
.fld{display:grid;gap:8px;border:0;margin:0;padding:0;min-width:0}
.fld>label,.fld legend,.fld .lbl{font:500 13px/1.3 var(--sans);letter-spacing:.06em;color:var(--night);padding:0}
.fld legend{margin-bottom:8px}
.wl input[type=email],.wl input[type=text],.wl select,.wl textarea{width:100%;min-height:46px;padding:12px 14px;border-radius:4px;border:1px solid rgba(44,58,53,.24);background:#fff;font:400 16px/1.4 var(--sans);color:var(--ink);transition:border-color .25s,box-shadow .25s}
.wl textarea{min-height:130px;resize:vertical}
.wl input:focus,.wl select:focus,.wl textarea:focus{outline:none;border-color:var(--emerald);box-shadow:0 0 0 3px rgba(37,107,88,.16)}
.wl input[aria-invalid=true]{border-color:var(--blush);box-shadow:0 0 0 3px rgba(178,107,74,.14)}
.err{font-size:13.5px;color:var(--blush)}
.seg__opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(44,58,53,.24);border-radius:5px;overflow:hidden;background:#fff}
.seg__opt{position:relative;display:flex;cursor:pointer}
.seg__opt+.seg__opt{border-left:1px solid rgba(44,58,53,.16)}
.seg__opt input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.seg__opt span{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 10px;min-height:52px;font-size:14.5px;line-height:1.3;transition:background .3s,color .3s}
.seg__opt input:checked+span{background:var(--emerald);color:var(--ivory)}
.seg__opt input:focus-visible+span{box-shadow:inset 0 0 0 2px var(--champagne)}
.wl--compact .seg__opts{grid-template-columns:1fr}
.wl--compact .seg__opt+.seg__opt{border-left:0;border-top:1px solid rgba(44,58,53,.16)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.chk{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;font-size:15px;line-height:1.5;cursor:pointer}
.chk input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--emerald)}
.privacy-l{font-size:13.5px;line-height:1.55;color:var(--ink-soft)}
.privacy-l a{color:var(--emerald)}
.wl button[type=submit]{justify-self:start;background:var(--emerald);color:var(--ivory);--b:var(--emerald)}
.wl button[type=submit]:hover{background:var(--emerald-deep)}
.wl__ok h2{font:400 clamp(2rem,1.4rem + 1.6vw,2.8rem)/1.1 var(--play)}
.wl__ok p{margin-top:14px}
.wl__ok .tick{width:52px;height:52px;border-radius:50%;border:1px solid var(--emerald);display:grid;place-items:center;color:var(--emerald);margin-bottom:22px}
details.store{margin-top:26px;border:1px dashed var(--champagne-ink);border-radius:12px;padding:12px 16px;background:var(--champagne-wash)}
details.store summary{cursor:pointer;font:500 13px/1.4 var(--sans);letter-spacing:.06em;color:var(--champagne-ink)}
details.store pre{margin:12px 0 4px;white-space:pre-wrap;word-break:break-word;font:12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.linkbtn{margin-top:10px;font-size:13px;text-decoration:underline;text-underline-offset:3px;color:var(--ink-soft)}
@media (max-width:640px){.seg__opts{grid-template-columns:1fr}.seg__opt+.seg__opt{border-left:0;border-top:1px solid rgba(44,58,53,.16)}}
.join{padding-top:calc(var(--bar) + clamp(48px,7vw,110px));padding-bottom:var(--sec)}
.join__grid{row-gap:44px;align-items:start}
.join__intro{grid-column:1 / span 5}
.join__intro .lede{margin-top:22px}
.join__intro img{margin-top:40px;width:100%;max-width:340px;height:auto;aspect-ratio:500/660;object-fit:cover;border-radius:999px 999px 18px 18px}
.join__form{grid-column:7 / span 6;align-self:center}
@media (max-width:960px){.join__intro,.join__form{grid-column:1 / -1}.join__intro img{display:none}}
.st-hero{padding-top:calc(var(--bar) + clamp(28px,4vw,56px));padding-bottom:clamp(48px,6vw,96px)}
.read{max-width:62ch;margin-inline:auto;padding-inline:var(--px);box-sizing:content-box}
.story{padding-block:var(--sec)}
.story .h2{margin-bottom:clamp(32px,4vw,56px)}
.story p.t{font:300 clamp(1.03rem,.98rem + .2vw,1.125rem)/1.7 var(--sans);margin-top:1.15em}
.story p.lead{font:italic 400 clamp(1.7rem,1.3rem + 1.4vw,2.4rem)/1.2 var(--play);color:var(--emerald)}
.story p.pull{font:italic 500 clamp(1.35rem,1.15rem + .7vw,1.75rem)/1.4 var(--corm);color:var(--champagne-ink);border-left:1px solid var(--champagne);padding-left:22px;margin-block:1.5em}
.sig{margin-top:44px;font:400 clamp(2.4rem,2rem + 1.4vw,3.2rem)/1 "Caveat",var(--corm);color:var(--emerald);transform:rotate(-3deg);transform-origin:left;display:inline-block}
.sig-role{margin-top:10px;font-size:13.5px;letter-spacing:.08em;color:var(--ink-soft)}
.close{text-align:center}
.close .kicker{justify-content:center}
.close .kicker::after{content:"";width:28px;height:1px;background:currentColor;opacity:.7}
.close .btns{justify-content:center}

/* ---------- journal ---------- */
.jr{padding-top:calc(var(--bar) + clamp(56px,7vw,110px));padding-bottom:var(--sec)}
.jr__head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.jr__head .lede{margin-top:18px}
.jr__note{font-size:13.5px;color:var(--ink-soft);justify-self:end;text-align:right;max-width:34ch}
.jr__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.2vw,32px) clamp(16px,2vw,28px)}
.jc{position:relative;display:flex;flex-direction:column}
.jc:nth-child(1){grid-column:span 2;grid-row:span 2}
.jc__img{position:relative;border-radius:4px;overflow:hidden;aspect-ratio:500/660;background:var(--linen)}
.jc:nth-child(1) .jc__img{aspect-ratio:auto;flex:1;min-height:420px}
.jc__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.jc:hover .jc__img img{transform:scale(1.03)}
.jc__tag{position:absolute;left:12px;top:12px;padding:6px 10px;border-radius:3px;background:rgba(255,254,250,.92);font:500 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--champagne-ink)}
.jc__cat{margin-top:14px;font:500 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--champagne-ink)}
.jc__t{margin-top:8px;font:400 1.3rem/1.2 var(--play);color:var(--night)}
.jc:nth-child(1) .jc__t{font-size:clamp(1.6rem,1.2rem + 1vw,2.2rem)}
@media (max-width:960px){.jr__head{grid-template-columns:1fr}.jr__note{justify-self:start;text-align:left}.jr__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jc:nth-child(1){grid-row:auto}.jc:nth-child(1) .jc__img{aspect-ratio:4/3;min-height:0}}

/* ---------- legal ---------- */
.lg{padding-top:calc(var(--bar) + clamp(48px,6vw,96px));padding-bottom:var(--sec)}
.lg__grid{display:grid;grid-template-columns:260px minmax(0,68ch);gap:clamp(32px,5vw,88px);justify-content:center;align-items:start}
.lg__idx{position:sticky;top:calc(var(--bar) + 24px);max-height:calc(100svh - var(--bar) - 48px);overflow:auto;padding-right:8px;scrollbar-width:thin}
.lg__idx p{font:500 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--champagne-ink);margin-bottom:14px}
.lg__idx button{display:grid;grid-template-columns:28px 1fr;gap:6px;width:100%;text-align:left;padding:7px 8px;border-radius:8px;font-size:14px;line-height:1.35;color:var(--ink-soft);transition:background .25s,color .25s}
.lg__idx button:hover{background:var(--paper-warm);color:var(--ink)}
.lg__idx button.is-on{color:var(--night);background:var(--paper-warm)}
.lg__idx button span:first-child{font:italic 400 13px/1.35 var(--play);color:var(--champagne-ink)}
.lg__art h1{font:400 clamp(2.4rem,1.6rem + 2.6vw,3.8rem)/1.05 var(--play);color:var(--night)}
.lg__upd{margin-top:14px;font-size:14px;color:var(--ink-soft)}
.lg__art>p.in{margin-top:18px;font-weight:300;font-size:17.5px;line-height:1.7}
.lg__sec{padding-top:44px;scroll-margin-top:calc(var(--bar) + 24px)}
.lg__sec h2{display:flex;gap:14px;align-items:baseline;font:400 clamp(1.5rem,1.2rem + .8vw,1.9rem)/1.2 var(--play);color:var(--night);padding-bottom:14px;border-bottom:1px solid var(--rule);margin-bottom:6px}
.lg__sec h2 span.n{font:italic 400 1rem/1 var(--play);color:var(--champagne-ink)}
.lg__sec h3{margin-top:24px;font:500 15px/1.4 var(--sans);letter-spacing:.02em;color:var(--night)}
.lg__sec p{margin-top:14px;font-weight:300;font-size:17px;line-height:1.72}
.lg__sec ul{margin-top:14px;display:grid;gap:8px}
.lg__sec li{position:relative;padding-left:22px;font-weight:300;font-size:16.5px;line-height:1.65}
.lg__sec li::before{content:"";position:absolute;left:2px;top:.8em;width:10px;height:1px;background:var(--champagne)}
.lg__art a{color:var(--emerald);text-underline-offset:3px;word-break:break-word}
.iris-flag{text-decoration:underline dashed var(--blush) 1.5px;text-underline-offset:4px;background:var(--blush-wash);border-radius:3px;padding:0 2px}
.iris-chip{display:inline-block;margin-left:5px;padding:2px 6px;border-radius:5px;border:1px dashed var(--blush);font:600 9.5px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--blush);vertical-align:2px;white-space:nowrap}
.lg__mob{display:none}
@media (max-width:960px){
  .lg__grid{grid-template-columns:minmax(0,1fr)}
  .lg__idx{display:none}
  .lg__mob{display:block;margin-top:24px;border:1px solid var(--rule);border-radius:12px;background:var(--paper-warm);padding:12px 14px}
  .lg__mob summary{cursor:pointer;font:500 13px/1.3 var(--sans);letter-spacing:.06em;color:var(--night)}
  .lg__mob button{display:block;width:100%;text-align:left;padding:8px 2px;font-size:14.5px;border-bottom:1px solid var(--rule)}
}

/* ---------- contact ---------- */
.ct{padding-top:calc(var(--bar) + clamp(56px,7vw,110px));padding-bottom:var(--sec)}
.ct__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:start}
.ct__grid .lede{margin-top:20px}
.chan{margin-top:36px;display:grid;border-top:1px solid var(--rule)}
.chan li{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid var(--rule)}
.chan .lab{font:500 12px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--champagne-ink)}
.chan .em{font:400 clamp(1.1rem,1rem + .4vw,1.35rem)/1.3 var(--play);color:var(--night);user-select:all;-webkit-user-select:all;word-break:break-all}
.copy{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:5px;border:1px solid var(--rule);font:500 12.5px/1 var(--sans);color:var(--emerald);background:var(--paper-warm);min-width:74px;justify-content:center;text-transform:uppercase;letter-spacing:.16em;font-size:10.5px}
.copy:hover{border-color:var(--emerald)}
.ct__stat{margin-top:6px;font-size:13.5px;color:var(--emerald)}
@media (max-width:860px){.ct__grid{grid-template-columns:1fr}.chan li{grid-template-columns:1fr auto}.chan .lab{grid-column:1 / -1}}

/* ---------- footer ---------- */
.foot{background:var(--night-deep);color:var(--on-night);padding-block:clamp(56px,7vw,96px) 36px;border-top:1px solid var(--hair-n)}
.foot__top{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding-bottom:36px;border-bottom:1px solid var(--hair-n)}
.foot__brand{display:flex;align-items:center;gap:18px}
.foot__home{display:block;line-height:0;border-radius:6px}
.foot__brand img.wm{height:36px;width:auto}
.foot__brand img.seal{width:50px;height:auto}
.foot__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.3fr);gap:28px;padding-block:40px;border-bottom:1px solid var(--hair-n)}
.foot__cols h2{font:500 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--champagne-4);margin-bottom:16px}
.foot__cols ul{display:grid;gap:9px}
.foot__cols a{text-decoration:none;font-size:15px;color:var(--on-night)}
.foot__cols a:hover{color:var(--champagne-4)}
.foot__mail{font:400 1.3rem/1.3 var(--play);color:var(--ivory);user-select:all;-webkit-user-select:all}
.foot__print{display:grid;gap:6px;margin-top:26px;font-size:12.5px;line-height:1.55;color:var(--on-night-2)}
.foot__print a{color:var(--champagne-4)}
.foot__proto{margin-top:12px;display:inline-block;padding:4px 8px;border:1px dashed var(--hair-n2);border-radius:5px;font:600 10px/1 var(--sans);letter-spacing:.18em;color:var(--champagne-4)}
@media (max-width:960px){.foot__cols{grid-template-columns:repeat(2,minmax(0,1fr))}.foot__cols>div:last-child{grid-column:1 / -1}}

/* ---------- prototype notes ---------- */

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:0s!important;animation-duration:0s!important;scroll-behavior:auto!important}
}

/* ---------- the device band under each hero ---------- */
.dband{padding-block:clamp(40px,5vw,72px) clamp(48px,6vw,88px)}
.dband__line{text-align:center;font:italic 500 clamp(1.15rem,1.05rem + .45vw,1.45rem)/1.3 var(--corm);color:var(--champagne-ink);margin-bottom:clamp(28px,3.4vw,48px)}
.dband__set{display:flex;align-items:flex-end;justify-content:center;gap:clamp(28px,3.4vw,56px)}
.dband__dk{padding:0 calc(var(--dsw) * .07)}
.dband__dk .dk{--sw:var(--dsw)}
.dband__set{--dsw:min(900px,calc(100vw - 2*var(--px) - 2*56px - var(--psw) * 1.106 - 80px),calc((100svh - 140px) * 1.25));--psw:min(340px,calc((100svh - 260px) / 2.2701))}
.dband__ph .ph{--sw:var(--psw)}
@media (max-width:760px){
  .dband__set{flex-direction:column;align-items:center;gap:28px;--dsw:calc((100vw - 2*var(--px)) / 1.18);--psw:min(50vw,calc((100svh - 150px) / 2.2701))}
  .dband__dk{padding:0}
}

/* off-screen sections skip rendering until near (never the sticky scene or the heroes) */
main>section:not(.hero):not(.dband):not(.filmsec):not(.try):not(.lg):not(.ct):not(.jr):not(.join),.foot{content-visibility:auto;contain-intrinsic-size:auto 800px}


/* ---------- v2.3: motion that does its job ---------- */
@keyframes heroin{from{transform:scale(1.04)}to{transform:none}}
a{transition:color .15s ease,text-decoration-color .15s ease}
/* W3b: the intro settles, never flashes in (his 09:58) */
.rv{opacity:0;transform:translateY(24px)}
.rv[data-rv=rise]{transform:translateY(40px)}
.rv.in{opacity:1;transform:none;transition:opacity .9s var(--ease) var(--rvd,0ms),transform 1.1s var(--ease) var(--rvd,0ms)}
.rv.in[data-rv=rise]{transition:opacity 1s var(--ease) var(--rvd,0ms),transform 1.3s var(--ease) var(--rvd,0ms)}

/* ---------- v2.3: THE FEATURE SWITCHER ---------- */
.fs{padding-block:clamp(72px,8vw,128px);--cc:var(--champagne-ink);--track:rgba(44,58,53,.14);--fill:var(--champagne-ink);--chip:var(--paper-warm)}
.fs:is([data-ground=night],[data-ground=emerald]){--cc:var(--champagne-4);--track:rgba(240,220,166,.16);--fill:var(--champagne-4);--chip:rgba(240,220,166,.08)}
.fs+.fs{padding-top:0}


/* the stage: the device whole, flat, never bleeding */
.fs__g{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .32s var(--eoc),visibility 0s .32s}
.fs__g.is-on{opacity:1;visibility:visible;transition:opacity .32s var(--eoc)}
.fs__g .ph,.fs__g .dk{position:absolute}
.fs__g[data-g=phone] .ph{--sw:min(calc(100cqh / 2.2701),calc(100cqw / 1.106));top:calc((100cqh - var(--sw) * 2.2701) / 2);left:calc((100cqw - var(--sw) * 1.106) * .14)}
.fs__g[data-g=desk] .dk{--sw:min(calc(100cqw / 1.164),calc(100cqh / .706));left:calc((100cqw - var(--sw) * 1.044) / 2);top:calc((100cqh - var(--sw) * .706) / 2)}
.fs__g[data-g=both] .dk{--sw:min(calc(100cqw * .8 / 1.164),calc(100cqh * .84 / .706));left:calc(var(--sw) * .06 + 1cqw);top:3cqh}
.fs__g[data-g=both] .ph{--sw:calc(100cqh * .76 / 2.2701);right:2cqw;bottom:0}
.fs__g[data-g=pair]{--gap:56px;--psw:min(calc(100cqh / 2.2701),calc((100cqw - var(--gap)) / 3.374));--dsw:calc(var(--psw) * 1.9487);--x0:calc((100cqw - var(--psw) * 3.374 - var(--gap)) / 2);--y0:calc((100cqh - var(--psw) * 2.2701) / 2)}
.fs__g[data-g=pair] .ph{--sw:var(--psw);left:var(--x0);top:var(--y0)}
.fs__g[data-g=pair] .dk{--sw:var(--dsw);left:calc(var(--x0) + var(--psw) * 1.106 + var(--gap) + var(--dsw) * .06);top:calc(var(--y0) + var(--psw) * .06)}
.fs .scr .fr{position:absolute;inset:0;overflow:hidden;background:var(--ivory);opacity:0;visibility:hidden;transition:opacity .3s var(--eoc),visibility 0s .3s}
.fs .scr .fr.is-on{opacity:1;visibility:visible;z-index:2;transition:opacity .3s var(--eoc)}
.fs .scr .fr.is-prev{opacity:1;visibility:visible;z-index:1;transition:none}
.fs .fr .tshot{position:relative;width:100%}
.fs .fr .tshot>img{width:100%;height:auto}
.fs__tap{position:absolute;border-radius:8px;background:rgba(13,34,28,.2);opacity:0;pointer-events:none}
.fs__drip,.fs__crip{position:absolute;border-radius:50%;opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(255,254,250,.92) 0%,rgba(37,107,88,.32) 45%,rgba(37,107,88,0) 70%)}
.fr.is-pressing .fs__tap{animation:fstap .5s ease}
.fr.is-pressing .fs__drip,.fs__card.is-pressing .fs__crip{animation:fsrip .6s var(--eoc)}
@keyframes fstap{0%,100%{opacity:0}35%{opacity:1}}
@keyframes fsrip{0%{opacity:.95;transform:scale(.2)}100%{opacity:0;transform:scale(1)}}
.fs__zone{position:absolute;border:1.5px solid var(--champagne-ink);border-radius:10px;opacity:0;pointer-events:none;transition:opacity .4s var(--eoc)}
.fr.is-on .fs__zone{opacity:1;transition:opacity .45s var(--eoc) calc(var(--z) * 110ms + 380ms)}
.fs__zone b{position:absolute;left:6px;top:6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--night);color:var(--champagne-4);font:600 11.5px/1 var(--sans)}
.fs__zone>span{position:absolute;left:32px;top:5px;padding:3px 9px;border-radius:6px;background:var(--paper-warm);border:1px solid var(--rule);font:500 12.5px/1.2 var(--sans);color:var(--ink);white-space:nowrap}
/* paper */
.fs__doc{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .32s var(--eoc),visibility 0s .32s}
.fs__doc.is-on{opacity:1;visibility:visible;transition:opacity .32s var(--eoc)}
.fs .pg{position:absolute;left:0;top:0;background:var(--paper-warm);border-radius:2px;overflow:hidden;box-shadow:0 1px 2px rgba(20,51,43,.1),0 26px 50px -26px rgba(20,51,43,.38)}
.fs .pg::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(60,50,30,.012) 0 1px,transparent 1px 3px),radial-gradient(120% 90% at 30% 10%,rgba(255,255,255,.25),rgba(0,0,0,.02))}
.fs .pg img{position:absolute;left:0;top:0;height:auto;max-width:none}
.fs .pg .hl{position:absolute;background:rgba(240,220,166,.6);mix-blend-mode:multiply;transform-origin:0 50%;transform:scaleX(0);border-radius:2px;transition:transform .2s ease}
.fs__doc.is-on .pg .hl{transform:scaleX(1);transition:transform .55s var(--ease) .32s}
.fs__doc:not([data-fan]) .pg{transform:translateY(14px);transition:transform .55s var(--ease)}
.fs__doc:not([data-fan]).is-on .pg{transform:none}
.fs__doc[data-fan] .pg{opacity:0;transform:translateY(26px);transition:opacity .4s var(--eoc),transform .6s var(--ease)}
.fs__doc[data-fan].is-on .pg{opacity:1;transform:rotate(var(--r));transition:opacity .45s var(--eoc) var(--d),transform .7s var(--ease) var(--d)}
/* where you are */
.fs .where{position:absolute;left:0;top:0;margin:0;max-width:100%;padding:6px 13px 6px 10px;border-radius:5px;font:500 13.5px/1.2 var(--sans);display:flex;align-items:center;gap:8px;white-space:nowrap;z-index:6;opacity:0;transition:opacity .2s var(--eoc)}
.fs .where.is-on{opacity:1;transition:opacity .35s var(--eoc)}
.fs .where span{overflow:hidden;text-overflow:ellipsis}
.fs[data-ground=linen] .where{color:var(--ink);background:rgba(255,254,250,.92);border:1px solid var(--rule)}
.fs:is([data-ground=night],[data-ground=emerald]) .where{color:var(--ivory);background:rgba(13,34,28,.9);border:1px solid var(--hair-n)}
.where i{flex:none;width:14px;height:14px;border:1.5px solid currentColor;border-radius:3px;opacity:.8}
.where i.g-phone{width:9px;height:15px;border-radius:3px}
.where i.g-desk{width:16px;height:11px;border-radius:2px;box-shadow:0 3px 0 -1.5px currentColor}
.where i.g-paper{width:11px;height:14px;border-radius:1px}
.where i.g-both{width:16px;height:11px;border-radius:2px;box-shadow:6px 3px 0 -3px currentColor}
/* ring,card,hairline,handoff */
.fs__ov{position:absolute;inset:0;pointer-events:none;z-index:5}
.fs__ring{position:absolute;left:0;top:0;border:1.5px solid var(--champagne);border-radius:9px;opacity:0;pointer-events:none}
.fs:is([data-ground=night],[data-ground=emerald]) .fs__ring{border-color:var(--champagne-4);box-shadow:0 0 0 1.5px rgba(13,34,28,.6),0 0 16px rgba(240,220,166,.55);border-width:2px}
.fs__lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.fs__lines path{fill:none;stroke:var(--champagne-ink);stroke-width:1;opacity:0}
.fs:is([data-ground=night],[data-ground=emerald]) .fs__lines path{stroke:var(--champagne-4);stroke-width:1.5;filter:drop-shadow(0 0 1.5px rgba(13,34,28,.9))}
.fs__card{position:absolute;left:0;top:0;transform-origin:0 0;padding:8px;background:var(--paper-warm);border-radius:12px;opacity:0;visibility:hidden;box-shadow:0 1px 2px rgba(20,51,43,.12),0 22px 44px -18px rgba(20,51,43,.42)}
.fs__ci{position:relative;overflow:hidden;border-radius:6px;background:var(--ivory)}
.fs__ci img{position:absolute;inset:0;width:100%;height:100%;display:block}
.fs__ci img.b{transition:opacity .3s var(--eoc)}
.fs__cl{height:30px;display:flex;align-items:center;padding:0 4px;margin:0;font:500 12px/1.2 var(--sans);letter-spacing:.02em;color:var(--champagne-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .2s ease}
.fs__card.is-rest .fs__cl{opacity:1}
.fs__tag{position:absolute;padding:3px 8px;border-radius:3px;background:var(--night);color:var(--champagne-4);font:600 11px/1.2 var(--sans);white-space:nowrap;opacity:0;transition:opacity .2s ease}
.fs__card.is-rest:not(.is-done) .fs__tag{opacity:1}
.fs__hand{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:4}
.fs__hl{fill:none;stroke:var(--champagne-4);stroke-width:1.3;stroke-linecap:round}
.fs[data-ground=linen] .fs__hl{stroke:var(--champagne-ink)}
.fs__hg{fill:none;stroke:rgba(240,220,166,.24);stroke-width:1;stroke-dasharray:2 5}
.fs__hd{fill:#D8BE86;filter:drop-shadow(0 0 5px rgba(240,220,166,.85))}
.fs__pulse{position:absolute;left:0;top:0;border-radius:8px;border:1.5px solid var(--champagne-4);opacity:0;pointer-events:none}


@media (max-width:760px){
  .fs{padding-block:64px}
  .fs .where{font-size:11.5px;padding:5px 11px 5px 9px}
  .fs__g[data-g=phone] .ph{left:calc((100cqw - var(--sw) * 1.106) / 2)}
  .fs__g[data-g=pair]{--dsw:calc(100cqw / 1.164);--psw:calc((100cqh - var(--dsw) * .706 - 18px) / 2.2701)}
  .fs__g[data-g=pair] .dk{left:calc(var(--dsw) * .06);top:0}
  .fs__g[data-g=pair] .ph{left:calc((100cqw - var(--psw) * 1.106) / 2);top:calc(var(--dsw) * .706 + 18px)}
  .fs__g[data-g=both] .dk{--sw:calc(100cqw * .86 / 1.164);left:calc(var(--sw) * .06);top:0}
  .fs__g[data-g=both] .ph{--sw:calc(100cqh * .66 / 2.2701);right:0;bottom:0}
  .fs__zone>span{display:none}
}
@media (prefers-reduced-motion:reduce){.hero__media{animation:none}}

/* ---------- v2.4: THE STORY PLAYER ---------- */
.sp{--gr:var(--linen);--track2:rgba(44,58,53,.22)}
.sp[data-ground=night]{--gr:var(--night);--track2:rgba(240,220,166,.3)}
.sp[data-ground=emerald]{--gr:var(--emerald-deep);--track:rgba(240,220,166,.22);--track2:rgba(240,220,166,.34);--chip:rgba(13,34,28,.18)}
.sp__head{margin-bottom:clamp(28px,3.4vw,52px)}
.sp__head .kicker{color:var(--cc)}
.sp__title{max-width:22ch;font-size:clamp(1.9rem,1.1rem + 2.3vw,3.3rem)}
.sp__rail{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(16px,2vw,28px);align-items:center;margin-bottom:clamp(14px,1.6vw,22px)}
.sp__tabs{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(var(--ns),minmax(0,1fr));column-gap:clamp(14px,1.6vw,24px)}
.sp__tab{display:flex;align-items:baseline;gap:10px;text-align:left;padding:2px 0 8px;opacity:.5;transition:opacity .15s ease;-webkit-tap-highlight-color:transparent}
.sp__tab:hover,.sp__tab:focus-visible{opacity:.8}
.sp__tab[aria-selected=true]{opacity:1}
.sp__tn{font:italic 400 14px/1 var(--play);color:var(--cc);font-variant-numeric:lining-nums}
.sp__tl{font:400 clamp(1rem,.9rem + .4vw,1.22rem)/1.25 var(--play);text-wrap:balance}
.sp[data-ground=linen] .sp__tl{color:var(--night)}
.sp:is([data-ground=night],[data-ground=emerald]) .sp__tl{color:var(--ivory)}
.sp__segs{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(var(--ns),minmax(0,1fr));column-gap:clamp(14px,1.6vw,24px)}
.sp__sg{display:flex;gap:5px}
.sp__seg{flex:1;height:20px;display:flex;align-items:center;-webkit-tap-highlight-color:transparent}
.sp__seg i{position:relative;display:block;width:100%;height:3px;border-radius:2px;background:var(--track);overflow:hidden;transition:height .15s ease}
.sp__seg:hover i,.sp__seg:focus-visible i{height:5px}
.sp__seg b{position:absolute;inset:0;background:var(--fill);transform:scaleX(0);transform-origin:0 50%;animation-timing-function:linear;animation-fill-mode:forwards;animation-play-state:paused}
.sp.is-run .sp__seg.is-cur b{animation-play-state:running}
.sp__seg.is-done b,.sp__seg.is-full b{transform:scaleX(1);animation-name:none!important}
@keyframes spfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.sp__pp{grid-column:2;grid-row:1/3;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--track2);background:var(--chip);color:var(--cc);transition:background-color .15s ease,border-color .15s ease}
.sp__pp:hover{border-color:var(--cc)}
.sp__ic{width:16px;height:16px}
.sp__pp[data-state=pause] .sp__ic--play,.sp__pp[data-state=play] .sp__ic--pause{display:none}
.sp__body{display:grid;grid-template-columns:clamp(230px,22vw,320px) minmax(0,1fr);column-gap:clamp(28px,3.6vw,56px);align-items:center}
.sp__line{grid-column:1;grid-row:1;min-width:0}
.sp__lk{font:500 12px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--cc);margin-bottom:14px;display:flex;gap:10px}
.sp__lh{font:400 clamp(1.4rem,1.05rem + 1.1vw,2rem)/1.15 var(--play);text-wrap:balance}
.sp__ls{margin-top:12px;font-size:16px;line-height:1.55;max-width:38ch}
.sp[data-ground=linen] .sp__ls{font-weight:300;color:var(--ink)}
.sp:is([data-ground=night],[data-ground=emerald]) .sp__ls{color:var(--on-night)}
.sp__li.is-in{animation:spline .9s var(--ease) both}
.sp__li.is-out{opacity:0;transition:opacity .2s var(--eoc)}
@keyframes spline{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.sp__stage{grid-column:2;grid-row:1;position:relative;height:clamp(420px,calc(100svh - 230px),640px);min-width:0;touch-action:pan-y;outline:none}
.sp__area{position:absolute;left:0;right:0;top:46px;bottom:0;container-type:size}
.sp .scr .fr{position:absolute;inset:0;overflow:hidden;background:var(--ivory);opacity:0;visibility:hidden;transition:opacity .3s var(--eoc),visibility 0s .3s}
/* the pointer */
.sp__ptr{position:absolute;left:0;top:0;width:0;height:0;opacity:0;z-index:8;pointer-events:none;will-change:transform}
.sp__ptr::before{content:"";position:absolute;left:-22px;top:-22px;width:44px;height:44px;border-radius:50%;background:rgba(240,220,166,.22);border:1.5px solid rgba(240,220,166,.9);box-shadow:0 0 0 1.5px rgba(13,34,28,.55),0 6px 18px rgba(13,34,28,.5)}
.sp__ptr>i{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border-radius:50%;background:var(--champagne-3);box-shadow:0 0 0 2px rgba(13,34,28,.6),0 2px 6px rgba(13,34,28,.5)}
.sp__ptr.is-tap>i{animation:sptap .36s var(--eoc)}
.sp__ptr.is-tap::before{animation:spring .55s var(--eoc)}
@keyframes sptap{0%{transform:scale(1)}40%{transform:scale(.85)}100%{transform:scale(1)}}
@keyframes spring{0%{transform:scale(1);opacity:1}100%{transform:scale(1.7);opacity:0}}
/* the title card between screens */
.sp__tc{position:absolute;inset:0;z-index:9;display:grid;place-items:center;background:var(--gr);opacity:0;visibility:hidden;pointer-events:none;border-radius:6px}
.sp__tc.is-on{visibility:visible;animation:sptc var(--tc,2400ms) var(--eoc) forwards}
.sp__tc p{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:0 24px}
.sp__tcn{font:500 12px/1 var(--sans);letter-spacing:.2em;color:var(--cc)}
.sp__tct{font:400 clamp(1.5rem,1.1rem + 1.2vw,2.25rem)/1.1 var(--play);text-wrap:balance}
.sp[data-ground=linen] .sp__tct{color:var(--night)}
.sp:is([data-ground=night],[data-ground=emerald]) .sp__tct{color:var(--ivory)}
.sp__tc.is-on .sp__tct{animation:spline .9s var(--ease) .15s both}
@keyframes sptc{0%{opacity:0}30%{opacity:1}72%{opacity:1}100%{opacity:0}}
/* the circle film,lifting in beside the phone */
.sp__film{position:absolute;z-index:7;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .2s var(--eoc),transform .2s var(--eoc),visibility 0s .2s}
.sp__film.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .5s var(--eoc),transform .6s var(--ease)}
.sp__film .film--small{max-width:none;margin:0}
.sp__mq{display:none}
/* the drawn pages */
.sp__dg .sp__draw{position:absolute;inset:0}
.sp__mail,.sp__tree,.sp__win{background:var(--paper-warm);border-radius:12px;box-shadow:0 1px 2px rgba(20,51,43,.12),0 22px 44px -22px rgba(20,51,43,.4)}
.sp__mail{position:absolute;left:0;top:12cqh;width:min(34cqw,330px);padding:18px 20px 20px}
.sp__mh{font:400 12.5px/1.6 var(--sans);color:var(--ink-soft)}
.sp__mh b{color:var(--ink);font-weight:500}
.sp__ms{font:400 1.15rem/1.25 var(--play);color:var(--night);margin:10px 0 8px}
.sp__mb i{display:block;height:6px;border-radius:3px;background:var(--rule);margin:8px 0}
.sp__att{display:inline-flex;gap:8px;align-items:center;margin-top:12px;padding:6px 10px;border:1px solid var(--rule);border-radius:8px;font:500 12.5px/1.2 var(--sans);color:var(--ink)}
.sp__fi{width:15px;height:12px;color:var(--champagne-2);flex:none}
.sp__fi--s,.sp__fi--p{width:12px;height:15px;color:var(--emerald)}
.sp__seal{position:absolute;right:-16px;top:-22px;width:66px;height:auto}
.sp__wire{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.sp__wire path{fill:none;stroke:var(--champagne-ink);stroke-width:1.2;stroke-dasharray:1;stroke-dashoffset:0}
.sp__tree{position:absolute;left:37.5cqw;top:14cqh;width:min(32cqw,310px);padding:16px 16px 14px}
.sp__tt,.sp__qk{font:500 11px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--champagne-ink);margin-bottom:8px}
.sp__tree ul{margin:0}
.sp__tr{display:flex;align-items:center;gap:8px;padding:5px 8px 5px calc(8px + var(--l) * 15px);font:400 14px/1.3 var(--sans);color:var(--ink);border-radius:6px;white-space:nowrap}
.sp__tr.is-root{font-weight:500;color:var(--night)}
.sp__tr.is-new{background:var(--champagne-wash)}
.sp__tr em{margin-left:auto;padding-left:8px;font:italic 500 14px/1 var(--corm);color:var(--champagne-ink)}
.sp__qp{--sw:min(calc(100cqh * .98 / 2.2701),24cqw);position:absolute;right:1cqw;top:calc(50% - var(--sw) * 1.135)}
.sp__dg .sp__qp .ph{position:relative}
.sp__qscr{position:absolute;inset:0;background:var(--ivory);padding:calc(var(--sw) * .2) calc(var(--sw) * .05) 0}
.sp__qscr .sp__qk{font-size:calc(var(--sw) * .03);margin:0 0 calc(var(--sw) * .03) calc(var(--sw) * .02)}
.sp__qs img,.sp__mq img{width:100%;height:auto;display:block}
.sp__win{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(94cqw,880px);padding:18px 22px 18px}
.sp__wh{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--rule)}
.sp__wh .sp__fi{width:18px;height:15px}
.sp__wh b{font:400 1.25rem/1.2 var(--play);color:var(--night)}
.sp__wh span{font:400 13px/1.2 var(--sans);color:var(--ink-meta)}
.sp__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:14px}
.sp__ch{display:flex;gap:8px;align-items:center;font:500 12px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--champagne-ink);margin-bottom:8px}
.sp__col ul{margin:0}
.sp__col li{display:flex;gap:8px;align-items:center;padding:6px 9px;border-radius:7px;background:var(--ivory);margin-bottom:6px;font:400 13.5px/1.25 var(--sans);color:var(--ink);min-width:0}
.sp__col li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp__keep{margin-top:10px;font:italic 500 1.2rem/1.3 var(--corm);color:var(--champagne-ink)}
/* the drawn pages,in motion (.is-play) or at rest (.is-done) */
.sp__dg:not(.is-play):not(.is-done) :is(.sp__mail,.sp__seal,.sp__tree,.sp__tr,.sp__qp,.sp__wire,.sp__col,.sp__col li,.sp__keep,.sp__win){opacity:0}
.sp__dg.is-play .sp__mail{animation:spinL .6s var(--ease) .2s both}
.sp__dg.is-play .sp__seal{animation:spseal .42s cubic-bezier(.3,1.4,.5,1) 1.3s both}
.sp__dg.is-play .sp__wire path{stroke-dasharray:1;animation:spwire .7s var(--eoc) 2s both}
.sp__dg.is-play .sp__tree{animation:spfade .45s var(--eoc) 2.4s both}
.sp__dg.is-play .sp__tr{animation:spinL .45s var(--ease) calc(2.6s + var(--j) * .2s) both}
.sp__dg.is-play .sp__tr.is-new{animation:spinL .45s var(--ease) calc(2.6s + var(--j) * .2s) both,spglow 1.4s var(--eoc) 3.6s both}
.sp__dg.is-play .sp__qp{animation:sprise .7s var(--ease) 5.1s both}
.sp__dg.is-play .sp__win{animation:spfade .5s var(--eoc) .1s both}
.sp__dg.is-play .sp__col{animation:spfade .45s var(--eoc) calc(.4s + var(--c) * .14s) both}
.sp__dg.is-play .sp__col li{animation:spinL .4s var(--ease) calc(.9s + var(--j) * .11s) both}
.sp__dg.is-play .sp__keep{animation:spinL .6s var(--ease) 3.4s both}
@keyframes spinL{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@keyframes spfade{from{opacity:0}to{opacity:1}}
@keyframes sprise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes spseal{from{opacity:0;transform:scale(1.6) rotate(-14deg)}to{opacity:1;transform:none}}
@keyframes spwire{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes spglow{0%{background:var(--champagne-wash)}30%{background:rgba(240,220,166,.9)}100%{background:var(--champagne-wash)}}
.sp__win.sp__win{transform:translate(-50%,-50%)}

@media (max-width:960px) and (min-width:761px){
  .sp__body{grid-template-columns:clamp(200px,26vw,250px) minmax(0,1fr);column-gap:24px}
  .sp__ls{font-size:15px}
}
@media (max-width:760px){
  .sp__head{margin-bottom:22px}
  .sp__title{font-size:clamp(1.7rem,1.3rem + 2vw,2.2rem)}
  .sp__rail{column-gap:12px;margin-bottom:10px}
  .sp__segs{grid-row:1;column-gap:10px}
  .sp__tabs{grid-row:2;column-gap:10px}
  .sp__tab{padding:2px 0 0;gap:0}
  .sp__tn{display:none}
  .sp__tl{font:500 12px/1.25 var(--sans);letter-spacing:.01em}
  .sp__pp{width:44px;height:44px}
  .sp__body{grid-template-columns:minmax(0,1fr)}
  .sp__stage{grid-column:1;grid-row:1;height:clamp(380px,calc(100svh - 290px),600px)}
  .sp__area{top:40px}
  .sp .where{font-size:11.5px;padding:5px 11px 5px 9px}
  .sp__line{grid-column:1;grid-row:2;margin-top:14px}
  .sp__lk{display:none}
  .sp__lh{font-size:1.25rem}
  .sp__ls{font-size:15px;margin-top:6px}
  .sp__mq{display:block;position:absolute;z-index:7;left:50%;bottom:6px;width:min(250px,64%);padding:8px;background:var(--paper-warm);border-radius:12px;box-shadow:0 1px 2px rgba(20,51,43,.12),0 18px 36px -14px rgba(20,51,43,.45);opacity:0;visibility:hidden;transform:translate(-50%,18px);transition:opacity .15s ease,transform .15s ease,visibility 0s .15s}
  .sp__mq.is-on{visibility:visible;opacity:1;transform:translate(-50%,0);transition:opacity .45s var(--eoc),transform .6s var(--ease)}
  .sp__mq .fs__cl{opacity:1}
  .sp__mail{left:0;right:auto;top:0;width:86cqw;padding:12px 14px}
  .sp__mb{display:none}
  .sp__ms{font-size:1rem;margin:6px 0 2px}
  .sp__att{margin-top:6px}
  .sp__seal{width:52px;right:-8px;top:-14px}
  .sp__wire{display:none}
  .sp__tree{left:auto;right:0;top:auto;bottom:0;width:86cqw;padding:12px 12px 10px}
  .sp__tr{padding-block:3px;font-size:13px}
  .sp__qp{display:none}
  .sp__win{width:100cqw;padding:12px 12px 10px}
  .sp__wh b{font-size:1rem}
  .sp__wh span{display:none}
  .sp__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 10px;margin-top:10px}
  .sp__ch{font-size:10.5px;margin-bottom:5px}
  .sp__col li{padding:4px 7px;margin-bottom:4px;font-size:12px}
  .sp__keep{display:none}
}
@media (prefers-reduced-motion:reduce){.sp__ptr{display:none}.sp__li.is-in,.sp__tc.is-on{animation:none}}

/* ---------- v2.5: emerald, mixed in where it carries weight ---------- */
/* home: the band of points on emerald */
[data-ground=emerald] .pt{border-top-color:rgba(240,220,166,.38)}
[data-ground=emerald] .pt__n{color:var(--champagne-4)}
[data-ground=emerald] .pt p{font-weight:400;color:var(--on-night)}
/* pricing: the included list gets an emerald tick column */
/* round 2e: the filled-disc ticks removed — the hairline tick at L416–418 is the house mark */


/* try: the device toggle */
.toggle::before{background:var(--emerald-deep)}
/* where next: an emerald ground on hover and focus, ivory text */
.end{transition:background-color .35s var(--ease),color .35s var(--ease)}
.end:is(:hover,:focus-visible){background:var(--emerald-deep);color:var(--on-night)}
.end:is(:hover,:focus-visible) :is(.end__t){color:var(--ivory)}
.end:is(:hover,:focus-visible) :is(.end__n,.go){color:var(--champagne-4)}
.end:focus-visible{outline-color:var(--champagne-ink);outline-offset:-3px}
@media (max-width:960px){.end:is(:hover,:focus-visible){padding-inline:18px}}
/* tap targets: 44px to the finger, the same look to the eye */
.sp__seg{position:relative}
.sp__seg::before{content:"";position:absolute;left:0;right:0;top:-12px;bottom:-12px}
@media (max-width:760px){
  .sp__rail{position:relative;z-index:10}
  .sp__seg::before{top:-24px;bottom:0}
  .sp__tab{position:relative}
  .sp__tab::after{content:"";position:absolute;left:0;right:0;top:0;bottom:-14px}
}

/* ---------- v2.5 final: the films, the menu, the circle door ---------- */
.film__video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;z-index:3}
.film.is-playing :is(.film__play,.film__meta,.film__shade,.film__note){display:none}
/* the menu button shows at every width: the top bar holds Couples, Suppliers, Together and Our story, the rest live in the menu */
.mast__menu{display:inline-flex}
.sheet__scrim{position:fixed;inset:0;z-index:94;background:rgba(13,34,28,.42);opacity:0;visibility:hidden;transition:opacity .35s var(--eoc),visibility 0s .35s}
.sheet__scrim.is-on{opacity:1;visibility:visible;transition:opacity .35s var(--eoc)}
@media (min-width:961px){
  .sheet{left:auto;width:min(460px,100vw);transform:translateX(102%);box-shadow:-1px 0 0 var(--hair-n)}
  .sheet.is-open{transform:none}
}
@media (max-width:960px){.sheet__scrim{display:none}}
/* couples: the circle, a door to its own page */
.cdoor{align-items:center;row-gap:44px}
.cdoor__tx{grid-column:1 / span 5}
.cdoor__tx .lede{margin-top:22px}
.cdoor__tx .aside{margin-top:14px}
.cdoor__dev{grid-column:7 / span 6;display:flex;justify-content:center;align-items:flex-end;gap:clamp(18px,2.4vw,36px);text-decoration:none}
.cdoor__dev .ph{--sw:min(240px,22vw);transition:transform .7s var(--ease)}
.cdoor__dev .ph+.ph{--sw:min(204px,18.7vw);margin-bottom:28px}
.cdoor__dev:hover .ph{transform:translateY(-8px)}
@media (max-width:960px){.cdoor__tx,.cdoor__dev{grid-column:1 / -1}.cdoor__dev .ph{--sw:min(40vw,200px)}.cdoor__dev .ph+.ph{--sw:min(33vw,170px)}}

/* the menu's side cards: the photograph fills the box; the screen that side sees rises into it */
.smed{position:absolute;inset:0;overflow:hidden;background:var(--night);border-radius:inherit;isolation:isolate}
.smed picture{display:contents}
.smed__ph{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;filter:brightness(.8) saturate(.95);transition:transform 1.2s var(--ease)}
.smed::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}
.smed__dev{position:absolute;z-index:2;transition:transform .7s var(--ease)}
.smed__pair{display:flex;align-items:flex-end;gap:8px}
.smed .ph::after,.smed .dk::after{display:none}
.mega__card{position:relative;display:block;min-height:318px;border-radius:6px;overflow:hidden;text-decoration:none;background:var(--night)}
.mega__card .smed::after{background:linear-gradient(180deg,rgba(13,34,28,.82) 0%,rgba(13,34,28,.35) 42%,rgba(13,34,28,0) 62%)}
.mega__card .mega__line{position:relative;z-index:3;padding:16px 18px;color:var(--champagne-4);text-decoration:none}
.mega__card:hover .smed__ph{transform:scale(1.04)}
.mega__card:hover .smed__dev{transform:translateY(-6px)}
.mega__card .smed--couples .smed__dev{right:10px;bottom:-84px}
.mega__card .smed--couples .ph{--sw:88px}
.mega__card .smed--suppliers .smed__dev{right:-30px;bottom:-12px}
.mega__card .smed--suppliers .dk{--sw:236px}
.mega__card .smed--together .smed__dev{right:-22px;bottom:-14px}
.mega__card .smed--together .ph{--sw:58px}
.mega__card .smed--together .dk{--sw:178px}
.scard{position:relative;display:block;min-height:142px;padding:18px 41% 18px 18px;border:1px solid var(--hair-n);border-radius:6px;overflow:hidden;text-decoration:none;background:var(--night)}
.scard .smed::after{background:linear-gradient(90deg,rgba(13,34,28,.92) 0%,rgba(13,34,28,.74) 44%,rgba(13,34,28,.12) 72%,rgba(13,34,28,0) 100%)}
.scard__tx{position:relative;z-index:3;display:block}
.scard__tx b{display:block;font:400 1.5rem/1.1 var(--play);color:var(--ivory)}
.scard__tx>span{display:block;margin-top:6px;font-size:13.5px;line-height:1.42;color:var(--on-night)}
.scard:hover .smed__ph{transform:scale(1.04)}
.scard .smed--couples .smed__dev{right:16px;bottom:-60px}
.scard .smed--couples .ph{--sw:76px}
.scard .smed--suppliers .smed__dev{right:-46px;bottom:-8px}
.scard .smed--suppliers .dk{--sw:160px}
.scard .smed--together .smed__dev{right:-40px;bottom:-10px}
.scard .smed--together .ph{--sw:40px}
.scard .smed--together .dk{--sw:122px}
@media (prefers-reduced-motion:reduce){.smed__ph,.smed__dev{transition:none}}

/* notes §10 */
/* ---------- v2.6: the app screens, rebuilt as live HTML (the stage) · base ---------- */
.as{
  --a-ivory:#FAF4E8;--a-paper:#FEFCF7;--a-cream:#FFFDF4;--a-white:#F5F6F4;--a-mint:#EAF4EE;
  --a-emerald:#256B58;--a-rail:#1E5A48;--a-forest:#14332B;
  --a-ink:#2C3A35;--a-ink-d:#1A2420;--a-muted:#5E6E68;--a-muted-d:#5A6660;--a-faint:#8A968F;--a-faint-d:#8A948E;
  --a-gold:#87681E;--a-gold-s:#7E5F1A;--a-gold-2:#BFA067;--a-gold-hi:#F0DCA6;--a-gold-3:#E7CF92;--a-gold-4:#D8BE86;--a-gold-5:#A9884E;--a-gold-6:#CBA875;
  --a-line:#E9E0CC;--a-line-c:#E4E7E2;--a-av:#F7EEDB;--a-chip:#F5EEDF;--a-alert:#FBF1DC;--a-rust:#9F5129;
  --a-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--a-play:"Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;--a-fr:"Fraunces","Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;--a-corm:"Cormorant Garamond",Georgia,serif;--a-cav:"Caveat",cursive;
  position:relative;overflow:hidden;background:var(--a-ivory);color:var(--a-ink);font:400 14px/1.45 var(--a-sans);-webkit-font-smoothing:antialiased;text-align:left;letter-spacing:0;box-sizing:border-box;cursor:default;user-select:none;-webkit-user-select:none}
.as *,.as *::before,.as *::after{box-sizing:border-box}
.as :is(h1,h2,h3,h4,p,ul,ol,figure){margin:0;color:inherit}
.as :is(ul,ol){padding:0;list-style:none}
.as img{display:block;max-width:100%}
.as button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:default;text-align:left}
.as .is-off{display:none!important}
.as .is-ghost{visibility:hidden!important}
.as--phone .ps__scroll{transition:transform .9s cubic-bezier(.22,1,.36,1)}
.as .is-in{animation:as-in .42s cubic-bezier(.22,1,.36,1) both}
@keyframes as-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.as .as__seal{display:inline-block;border-radius:50%;object-fit:contain;flex:none}
.as .as__av{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--a-av);box-shadow:inset 0 0 0 1px rgba(191,160,103,.45);font:500 14px/1 var(--a-play);color:var(--a-gold)}
.as .as__ic{width:1em;height:1em;display:inline-block;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* the dietary chip: it flies, so it is complete on its own */
.as .as__diet{display:inline-block;vertical-align:middle;padding:2px 6px;border-radius:4px;border:1px solid rgba(159,81,41,.4);background:#FDF6EF;font:600 11px/1.3 var(--a-sans);letter-spacing:.96px;text-transform:uppercase;color:var(--a-rust);white-space:nowrap}
.as .as__diet--severe{background:var(--a-rust);color:#FFFDF4;border-color:var(--a-rust)}
/* a file chip: a document that flies */
.as .as__file,.as .ds__file{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;padding:4px 9px 4px 7px;border-radius:7px;border:1px solid var(--a-line);background:var(--a-paper);font:500 12.5px/1.3 var(--a-sans);color:var(--a-ink-d);white-space:nowrap;box-shadow:0 1px 2px rgba(31,26,20,.06)}
.as .as__file .as__ic,.as .ds__file .as__ic{color:var(--a-emerald);width:13px;height:13px}
/* instant mode: the engine sets this while laying a moment out at rest */
.mo--instant .as *,.mo--instant .as{transition:none!important;animation:none!important}

/* notes §11 */
/* ---------- v2.6: the phone screens (agent P) · the couple's rooms + the supplier's Arrived · 390 × 844, px only ---------- */
.as.as--phone{width:390px;height:844px;min-height:844px}
.as.as--phone.ps--overlay{background:transparent}
/* the couple's chrome */
.as--phone .ps__hd{position:absolute;left:0;top:0;right:0;height:56px;background:var(--a-emerald);display:flex;align-items:center;padding:0 4px 0 6px;box-shadow:inset 0 -1px 0 rgba(240,220,166,.28)}
.as--phone .ps__hdbtn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--a-gold-hi);flex:none}
.as--phone .ps__hdbtn .as__ic{width:22px;height:22px;stroke-width:1.4}
.as--phone .ps__burger{display:block;width:18px;height:12px;border-top:1.5px solid var(--a-gold-hi);border-bottom:1.5px solid var(--a-gold-hi);position:relative}
.as--phone .ps__burger::after{content:"";position:absolute;left:0;right:0;top:50%;margin-top:-1px;border-top:1.5px solid var(--a-gold-hi)}
.as--phone .ps__title{flex:1;text-align:right;font:italic 400 17px/1 var(--a-play);color:var(--a-gold-hi);padding-right:2px;white-space:nowrap}
.as--phone .ps__body{position:absolute;left:0;top:56px;right:0;height:724px;overflow:hidden;padding:0 16px}
.as--phone .ps__tabs{position:absolute;left:0;right:0;bottom:0;height:64px;background:var(--a-emerald);display:flex}
.as--phone .ps__tab{width:78px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;padding-bottom:9px;color:rgba(255,253,244,.72);font:italic 400 12px/1 var(--a-play);position:relative}
.as--phone .ps__tab .as__ic{width:24px;height:24px;stroke-width:1.5}
.as--phone .ps__tab.is-cur{color:var(--a-gold-hi)}
.as--phone .ps__tab--ayla .as__seal{position:absolute;left:50%;top:-30px;margin-left:-29px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
/* the room head */
.as--phone .ps__kick{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:16px;font:500 12px/1.3 var(--a-sans);letter-spacing:1.44px;text-transform:uppercase;color:var(--a-gold);white-space:nowrap}
.as--phone .ps__kick b{font-weight:500;color:var(--a-faint);overflow:hidden;text-overflow:ellipsis}
.as--phone .ps__h1{font:400 30px/33.6px var(--a-play);letter-spacing:-.24px;color:var(--a-ink);margin-top:5px;padding-bottom:9px;border-bottom:1px solid var(--a-gold-4)}
.as--phone .ps__h1 em{font-style:italic;color:var(--a-gold)}
.as--phone .ps__lede{font:400 13.5px/1.45 var(--a-sans);color:var(--a-muted);margin-top:10px}
.as--phone .ps__stats{display:flex;margin-top:8px;border-top:1px solid var(--a-line)}
.as--phone .ps__stat{flex:1;min-width:0;padding:18px 6px 16px 12px;border-left:1px solid var(--a-line)}
.as--phone .ps__stat i{display:block;font:600 12px/1.2 var(--a-sans);letter-spacing:1.44px;text-transform:uppercase;font-style:normal;color:var(--a-gold)}
.as--phone .ps__stat b{display:block;font:400 32px/1.1 var(--a-play);color:var(--a-ink);margin:18px 0 10px;white-space:nowrap}
.as--phone .ps__stat b small{font-size:17px;color:var(--a-faint)}
.as--phone .ps__stat span{display:block;font:400 12px/1.35 var(--a-sans);color:var(--a-faint)}
.as--phone .ps__stats--money .ps__stat b{font-size:24px;letter-spacing:-.3px}
.as--phone .ps__stats--tight .ps__stat{padding:14px 4px 12px 10px}
.as--phone .ps__stats--tight .ps__stat i{height:30px;font-size:11px;letter-spacing:1.2px}
.as--phone .ps__stats--tight .ps__stat b{margin:8px 0 8px}
.as--phone .ps__next{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--a-emerald);color:var(--a-cream);box-shadow:0 10px 24px -12px rgba(20,63,53,.55)}
.as--phone .ps__next>div{flex:1;min-width:0}
.as--phone .ps__next i{display:block;font:500 12px/1.3 var(--a-sans);letter-spacing:1.92px;text-transform:uppercase;font-style:normal;color:var(--a-gold-hi)}
.as--phone .ps__next p{font:italic 400 18px/1.3 var(--a-play);margin-top:2px}
.as--phone .ps__next span{display:block;font:400 14px/1.3 var(--a-sans);color:rgba(234,242,237,.85);margin-top:2px}
.as--phone .ps__next .as__ic{width:20px;height:20px;color:var(--a-gold-hi)}
.as--phone .ps__ftabs{display:flex;gap:20px;margin-top:14px;white-space:nowrap;overflow:hidden;border-bottom:1px solid var(--a-line)}
.as--phone .ps__ftab{flex:none;font:italic 400 16px/1 var(--a-play);color:var(--a-muted);padding:7px 0 10px;border-bottom:2px solid transparent;margin-bottom:-1px}
.as--phone .ps__ftab.is-cur{color:var(--a-ink);border-bottom-color:var(--a-gold-2)}
.as--phone .ps__ftab b{font:400 12px/1 var(--a-sans);color:var(--a-faint);margin-left:4px}
/* list rows and chips */
.as--phone .ps__row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--a-line)}
.as--phone .ps__row>div{flex:1;min-width:0}
.as--phone .ps__row--open{border-bottom:0}
.as--phone .ps__row h3{font:400 17px/1.25 var(--a-play);color:var(--a-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.as--phone .ps__row p{font:400 13.5px/1.35 var(--a-sans);color:var(--a-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.as--phone .ps__row time{font:400 13px/1 var(--a-sans);color:rgba(44,58,53,.42);flex:none}
.as--phone .ps__row .as__ic{color:var(--a-faint);width:18px;height:18px}
.as--phone .ps__chip{display:inline-block;flex:none;padding:6px 8px;border-radius:4px;background:var(--a-chip);font:600 12px/1 var(--a-sans);letter-spacing:.96px;text-transform:uppercase;color:var(--a-gold);white-space:nowrap}
.as--phone .ps__chip--mint{background:#EAF4EE;color:#3E7C65}
.as--phone .as__btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:24px;font:600 14px/1 var(--a-sans);white-space:nowrap;flex:none}
.as--phone .as__btn--p{background:var(--a-emerald);color:var(--a-cream)}
.as--phone .as__btn--s{color:var(--a-gold);box-shadow:inset 0 0 0 1px rgba(191,160,103,.45)}
.as--phone .ps__coll{display:flex;align-items:center;gap:10px;height:40px;border-bottom:1px solid var(--a-line);font:400 15px/1 var(--a-play);color:var(--a-ink)}
.as--phone .ps__coll span{font:400 12.5px/1 var(--a-sans);color:var(--a-faint);flex:1}
/* the guest sheet */
.as--phone .as__sheet{position:absolute;left:0;right:0;top:150px;bottom:0;background:var(--a-paper);border-radius:22px 22px 0 0;box-shadow:0 -12px 40px rgba(20,51,43,.28);padding:0 20px;overflow:hidden}
.as--phone .as__sheet.is-in{animation:ps-up .46s cubic-bezier(.22,1,.36,1) both}
@keyframes ps-up{from{transform:translateY(100%)}to{transform:none}}
.as--phone .ps__grab{display:block;width:56px;height:4px;border-radius:2px;background:#C9C3B6;margin:18px auto 0}
.as--phone .ps__x{position:absolute;right:14px;top:10px;width:46px;height:46px;border-radius:50%;background:var(--a-paper);box-shadow:0 2px 10px rgba(31,26,20,.16);display:flex;align-items:center;justify-content:center;color:var(--a-ink)}
.as--phone .ps__x .as__ic{width:18px;height:18px}
.as--phone .ps__attrow{display:flex;align-items:center;gap:12px;margin-top:24px}
.as--phone .ps__att{display:inline-block;padding:8px 13px;border:1px solid #7FA496;border-radius:3px;font:500 11.5px/1 var(--a-sans);letter-spacing:2.2px;text-transform:uppercase;color:#5A7B70}
.as--phone .ps__resp{font:italic 400 15px/1 var(--a-sans);color:var(--a-ink)}
.as--phone .ps__gname{font:500 30px/1.15 var(--a-sans);color:var(--a-ink);margin-top:8px}
.as--phone .ps__party{display:inline-block;margin-top:6px;padding:7px 12px;background:#F0DEB4;font:400 13px/1 var(--a-sans);letter-spacing:2px;text-transform:uppercase;color:var(--a-gold)}
.as--phone .ps__linkbox{display:flex;align-items:center;justify-content:space-between;height:46px;margin-top:10px;padding:0 14px;background:#FFFEFA;border:1px solid var(--a-line);border-radius:8px;font:400 14.5px/1 var(--a-sans);color:var(--a-ink)}
.as--phone .ps__linkbox b{font:400 13px/1 var(--a-sans);letter-spacing:1.3px;text-transform:uppercase;color:var(--a-gold-2)}
.as--phone .ps__fresh{font:400 14.5px/1 var(--a-sans);color:var(--a-ink);margin:10px 0 0}
.as--phone .ps__slab{font:400 13.5px/1 var(--a-sans);letter-spacing:3.6px;text-transform:uppercase;color:var(--a-ink);padding:12px 0 7px;margin-top:2px;border-bottom:1px solid var(--a-line)}
.as--phone .ps__slab--first{margin-top:10px;border-top:1px solid var(--a-line)}
.as--phone .ps__pills{display:flex;gap:10px;margin-top:10px}
.as--phone .ps__pills span{display:inline-block;height:40px;line-height:38px;padding:0 15px;border:1px solid rgba(191,160,103,.5);border-radius:20px;font:400 14.5px/38px var(--a-sans);color:var(--a-ink);white-space:nowrap}
.as--phone .ps__pills span.is-on{background:#F0DEB4;border:2px solid var(--a-gold-5);line-height:36px}
.as--phone .ps__meal{padding-top:10px}
.as--phone .ps__meal h3{font:400 18px/1.25 var(--a-sans);color:var(--a-ink)}
.as--phone .ps__meal h3 b{font-weight:400}
.as--phone .ps__meal p{font:400 14px/1.35 var(--a-sans);color:var(--a-muted);margin-top:4px}
.as--phone .ps__plus{margin-top:10px;padding:10px 14px;background:#FFFEFA;border:1px solid var(--a-line);border-radius:10px}
.as--phone .ps__plus i{display:block;font:italic 400 13px/1 var(--a-sans);color:#7A8C9A}
.as--phone .ps__plus h3{font:400 17px/1.2 var(--a-sans);color:var(--a-ink);margin-top:5px}
.as--phone .ps__plus p{font:400 13.5px/1.35 var(--a-sans);color:var(--a-muted);margin-top:4px}
.as--phone .ps__plus .as__diet{margin-top:6px}
.as--phone .ps__sfoot{position:absolute;left:0;right:0;bottom:0;padding:10px 20px 16px;background:linear-gradient(rgba(254,252,247,0),var(--a-paper) 24%);display:flex;flex-direction:column;gap:10px}
.as--phone .ps__sbtn{height:50px;border-radius:6px;font:400 14.5px/1 var(--a-sans);letter-spacing:3.4px;text-transform:uppercase;text-align:center}
.as--phone .ps__sbtn--o{border:1px solid var(--a-line);background:#FFFEFA;color:var(--a-ink)}
.as--phone .ps__sbtn--f{background:var(--a-emerald);color:var(--a-cream)}
/* seating: the top table */
.as--phone .ps__ring{position:relative;height:160px;margin-top:12px;background:var(--a-paper);border:1px solid var(--a-line);border-radius:14px}
.as--phone .ps__oval{position:absolute;left:50%;top:50%;width:160px;height:66px;margin:-33px 0 0 -80px;border-radius:50%;background:#F3E9D3;box-shadow:inset 0 0 0 1px var(--a-gold-4);display:flex;flex-direction:column;align-items:center;justify-content:center;font:400 15px/1.2 var(--a-play);color:var(--a-ink)}
.as--phone .ps__oval span{font:400 11.5px/1 var(--a-sans);color:var(--a-faint);margin-top:3px}
.as--phone .ps__chair{position:absolute;width:30px;height:30px;border-radius:50%;background:var(--a-av);box-shadow:inset 0 0 0 1px rgba(191,160,103,.45);display:flex;align-items:center;justify-content:center;font:400 11px/1 var(--a-play);color:var(--a-gold)}
.as--phone .ps__chair--empty{background:transparent;box-shadow:none;border:1px dashed rgba(191,160,103,.7)}
.as--phone .ps__chair--empty b{display:none;font-weight:400}
.as--phone .ps__chair--empty.is-in{background:var(--a-av);border:1px solid var(--a-gold-2);box-shadow:0 0 0 3px rgba(37,107,88,.18)}
.as--phone .ps__chair--empty.is-in b{display:inline}
.as--phone .ps__seats{margin-top:8px}
.as--phone .ps__seats li{display:flex;gap:6px;height:23px;align-items:center;font:400 13.5px/1 var(--a-sans);color:var(--a-ink);white-space:nowrap;overflow:hidden;break-inside:avoid}
.as--phone .ps__seats li i{font-style:normal;color:var(--a-faint);width:16px;text-align:right;flex:none}
.as--phone .ps__seats li small{font-size:12px;color:var(--a-muted)}
.as--phone .ps__seats li em{font-style:normal;color:var(--a-faint)}
/* your team: the supplier card */
.as--phone .ps__tcard{position:relative;margin:2px 0 12px;background:var(--a-paper);border:1px solid rgba(191,160,103,.45);border-radius:14px;padding:14px 16px 12px}
.as--phone .ps__tcard::before,.as--phone .ps__tcard::after,.as--phone .ps__tcard .ps__cm::before,.as--phone .ps__tcard .ps__cm::after{content:"";position:absolute;width:12px;height:12px;border:1px solid var(--a-gold-2)}
.as--phone .ps__tcard::before{left:8px;top:8px;border-width:1px 0 0 1px}
.as--phone .ps__tcard::after{right:8px;top:8px;border-width:1px 1px 0 0}
.as--phone .ps__tcard .ps__cm::before{left:8px;bottom:8px;border-width:0 0 1px 1px}
.as--phone .ps__tcard .ps__cm::after{right:8px;bottom:8px;border-width:0 1px 1px 0}
.as--phone .ps__tcard .ps__thead{display:flex;align-items:center;gap:14px}
.as--phone .ps__tav{width:44px;height:44px;border-radius:50%;background:var(--a-paper);box-shadow:inset 0 0 0 1px rgba(191,160,103,.5);display:flex;align-items:center;justify-content:center;font:italic 400 20px/1 var(--a-play);color:var(--a-gold);flex:none}
.as--phone .ps__tcard h3{font:400 21px/1.2 var(--a-sans);color:var(--a-ink)}
.as--phone .ps__tchips{display:flex;gap:8px;margin-top:8px}
.as--phone .ps__tcard p{font:400 13.5px/1.35 var(--a-sans);color:var(--a-muted);margin-top:5px}
.as--phone .ps__tcard p.ps__ital{font-style:italic}
.as--phone .ps__tbtns{display:flex;align-items:center;gap:8px;margin-top:10px}
.as--phone .ps__pillbtn{height:38px;padding:0 13px;border-radius:19px;background:#FFFEFA;box-shadow:0 1px 3px rgba(31,26,20,.12),inset 0 0 0 1px var(--a-line);font:400 13.5px/38px var(--a-sans);color:var(--a-ink);white-space:nowrap;flex:none}
.as--phone .ps__askher{margin-left:auto;font:600 11.5px/1 var(--a-sans);letter-spacing:1.4px;text-transform:uppercase;color:var(--a-gold);white-space:nowrap}
/* the shopfront */
.as--phone .ps__shop{display:flex;align-items:center;gap:14px;margin-top:16px;padding:16px 18px;border-radius:14px;background:var(--a-emerald);color:var(--a-cream)}
.as--phone .ps__shop x-h2{font:400 22px/1.15 var(--a-play)}
.as--phone .ps__shop span{display:block;font:500 11px/1.2 var(--a-sans);letter-spacing:1.6px;text-transform:uppercase;color:var(--a-gold-hi);margin-top:4px}
.as--phone .ps__files li{display:flex;align-items:center;gap:10px;height:38px;border-bottom:1px solid var(--a-line);font:400 14.5px/1 var(--a-sans);color:var(--a-ink);white-space:nowrap;overflow:hidden}
.as--phone .ps__files li .as__ic{width:18px;height:18px;color:var(--a-gold-2)}
.as--phone .ps__files li .as__meta{font-size:12.5px;color:var(--a-faint);overflow:hidden;text-overflow:ellipsis}
.as--phone .ps__files li.is-new{background:var(--a-av);margin:0 -16px;padding:7px 16px 8px;height:auto;flex-wrap:wrap;row-gap:3px}
.as--phone .ps__files li.is-new .as__meta{flex-basis:100%;padding-left:28px}
.as--phone .ps__ask{position:relative;min-height:48px;margin-top:10px;padding:13px 50px 13px 18px;border-radius:24px;border:1px solid #E9DFC8;background:var(--a-paper);box-shadow:0 2px 10px rgba(31,26,20,.05)}
.as--phone .ps__ask i{position:absolute;left:18px;top:50%;transform:translateY(-50%);font:italic 400 15.5px/1 var(--a-fr);color:var(--a-faint);white-space:nowrap}
.as--phone .ps__ask.is-typing i{display:none}
.as--phone .ps__ask [data-t=ask-text]{display:block;min-height:1px;font:400 14.5px/1.35 var(--a-sans);color:var(--a-ink)}
.as--phone .ps__askbtn{position:absolute;right:3px;bottom:3px;width:40px;height:40px;border-radius:50%;background:var(--a-emerald);display:flex;align-items:center;justify-content:center}
.as--phone .ps__bubw{display:flex;justify-content:flex-end;margin-top:14px}
.as--phone .ps__bub{max-width:290px;padding:9px 14px;border-radius:16px 16px 4px 16px;background:var(--a-emerald);color:var(--a-cream);font:400 14px/1.4 var(--a-sans)}
.as--phone .ps__ayla{display:flex;gap:12px;align-items:flex-start;margin-top:14px}
.as--phone .ps__ayla p{font:italic 450 16.5px/24px var(--a-fr);color:var(--a-ink)}   /* v2.7, 4 Oct: Ayla speaks in Fraunces italic on the website (his word: the old face was hard to read) */
.as--phone .ps__sig{font:italic 500 13px/1 var(--a-fr);color:var(--a-gold);margin-top:8px}
.as--phone .ps__src{font:italic 400 12.5px/1.3 var(--a-sans);color:var(--a-faint);margin-top:4px}
.as--phone .ps__sugg{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--a-line);font:italic 400 16px/1.2 var(--a-play);color:var(--a-ink)}
.as--phone .ps__sugg i{font-style:normal;font-size:12px;color:var(--a-gold-2)}
.as--phone .ps__sugg .as__ic{margin-left:auto;color:var(--a-faint)}
/* the wedding pack: the tree */
.as--phone .ps__tree{margin-top:8px}
.as--phone .ps__tree li{display:flex;align-items:center;gap:10px;height:36px;padding:0 8px;border-radius:6px;font:400 14px/1 var(--a-sans);color:var(--a-ink);white-space:nowrap}
.as--phone .ps__tree li .as__ic{width:18px;height:18px;color:var(--a-gold-2)}
.as--phone .ps__tree li.ps__doc .as__ic{color:var(--a-faint)}
.as--phone .ps__tree li em{font:italic 400 12.5px/1 var(--a-sans);color:var(--a-gold);margin-left:auto}
.as--phone .ps__tree li.is-new{background:var(--a-av)}
.as--phone .ps__tree .l1{padding-left:24px}.as--phone .ps__tree .l2{padding-left:40px}.as--phone .ps__tree .l3{padding-left:56px}.as--phone .ps__tree .l4{padding-left:72px}
/* the money: the payment card */
.as--phone .ps__pay{margin-top:16px;padding:14px 16px 16px;background:var(--a-paper);border:1px solid rgba(191,160,103,.45);border-top:3px solid var(--a-emerald);border-radius:14px}
.as--phone .ps__pay i{display:block;font:600 12px/1.3 var(--a-sans);letter-spacing:1.68px;text-transform:uppercase;font-style:normal;color:var(--a-gold)}
.as--phone .ps__pay h3{font:400 20px/1.2 var(--a-play);color:var(--a-ink);margin-top:8px}
.as--phone .ps__pay .ps__amt{font:400 15px/1.3 var(--a-sans);color:var(--a-ink);margin-top:3px}
.as--phone .ps__pay p{font:400 13.5px/1.4 var(--a-sans);color:var(--a-muted);margin-top:6px}
.as--phone .ps__pay .ps__btns{display:flex;gap:10px;margin-top:12px}
.as--phone .ps__pay [data-t=pay-state]{font:500 13.5px/1.35 var(--a-sans);color:var(--a-emerald);margin-top:12px}
/* the board */
.as--phone .ps__search{display:flex;align-items:center;gap:12px;height:44px;margin-top:12px;border-bottom:1px solid var(--a-line);font:italic 400 17px/1 var(--a-play);color:var(--a-faint)}
.as--phone .ps__search .as__ic{width:22px;height:22px;color:var(--a-gold)}
.as--phone .ps__wall{display:flex;gap:16px;margin-top:14px}
.as--phone .ps__col{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}
.as--phone .ps__tile{position:relative;border-radius:10px;overflow:hidden;background:var(--a-av)}
.as--phone .ps__tile img{width:100%;object-fit:cover;display:block}
.as--phone .ps__heart{position:absolute;right:8px;top:8px;width:36px;height:36px;border-radius:50%;background:rgba(255,253,244,.72);display:flex;align-items:center;justify-content:center;color:var(--a-ink)}
.as--phone .ps__heart .as__ic{width:18px;height:18px}
.as--phone .ps__heart.is-on{background:var(--a-gold-2);color:#fff}
.as--phone .ps__heart.is-on .as__ic{fill:#fff;stroke:#fff}
.as--phone .ps__cap{display:flex;align-items:center;gap:8px;padding:7px 9px;background:var(--a-paper);font:400 12px/1.3 var(--a-sans);color:var(--a-ink)}
.as--phone .ps__cap .as__av{width:22px;height:22px;font-size:9px}
/* the supplier's phone: Arrived */
.as.as--phone.ps--sup{background:var(--a-forest)}
.as--phone .ps__shd{position:absolute;left:0;top:0;right:0;height:61px;display:flex;align-items:center;gap:10px;padding:0 16px;color:#fff}
.as--phone .ps__shd x-h1{flex:1;font:400 21px/1 var(--a-play);color:#fff}
.as--phone .ps__sroom{text-align:right}
.as--phone .ps__sroom i{display:block;font:italic 400 14px/1.1 var(--a-play);color:var(--a-gold-2)}
.as--phone .ps__sroom b{display:block;font:600 11px/1.2 var(--a-sans);letter-spacing:.9px;text-transform:uppercase;color:#fff;margin-top:2px}
.as--phone .ps__q{width:28px;height:28px;border-radius:50%;border:1px solid var(--a-gold-2);color:var(--a-gold-2);font:400 14px/26px var(--a-play);text-align:center;flex:none}
.as--phone .ps__strip{position:absolute;left:0;top:61px;right:0;height:33px;padding:0 16px;display:flex;align-items:center;gap:6px;background:var(--a-ivory);border-top:1px solid rgba(191,160,103,.6);font:600 11px/1 var(--a-sans);letter-spacing:.66px;text-transform:uppercase;color:var(--a-gold-s);white-space:nowrap;overflow:hidden}
.as--phone .ps__strip b{color:var(--a-ink-d);font-weight:600}
.as--phone .ps__smain{position:absolute;left:0;top:94px;right:0;height:693px;padding:20px 16px 0;background:var(--a-ivory);overflow:hidden}
.as--phone .ps__skick{font:600 11px/1.3 var(--a-sans);letter-spacing:1.98px;text-transform:uppercase;color:var(--a-gold-s)}
.as--phone .ps__sh1{font:400 38px/39.9px var(--a-play);letter-spacing:-.76px;color:var(--a-ink);margin-top:6px}
.as--phone .ps__sh1 em{font-style:italic;color:var(--a-gold)}
.as--phone .ps__slede{font:400 14px/20.3px var(--a-sans);color:var(--a-muted);margin:10px 0 6px}
.as--phone .ps__acard{display:flex;gap:12px;align-items:flex-start;margin-top:12px;padding:14px;background:var(--a-paper);border:1px solid var(--a-line);border-radius:12px;box-shadow:0 2px 0 rgba(191,160,103,.35)}
.as--phone .ps__acard>div{flex:1;min-width:0}
.as--phone .ps__acard h3{font:700 14px/1.3 var(--a-sans);color:var(--a-ink-d)}
.as--phone .ps__acard p{font:400 13px/1.4 var(--a-sans);color:var(--a-muted);margin-top:3px}
.as--phone .ps__acard .as__file{margin:7px 0 3px}
.as--phone .ps__acard time{font:400 12px/1 var(--a-sans);color:var(--a-faint);flex:none;padding-top:2px}
.as--phone .ps__stabs{position:absolute;left:0;right:0;bottom:0;height:57px;border-top:1px solid var(--a-gold-2);display:flex}
.as--phone .ps__stab{width:78px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;padding-bottom:8px;color:rgba(234,242,237,.85);font:italic 400 12px/1 var(--a-play);position:relative}
.as--phone .ps__stab .as__ic{width:16px;height:16px}
.as--phone .ps__stab.is-cur{color:var(--a-gold-3)}
.as--phone .ps__stab--ayla .as__seal{position:absolute;left:50%;top:-30px;margin-left:-28px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
.as--phone .ps__sbadge{position:absolute;top:3px;right:16px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#fff;color:var(--a-ink-d);font:600 11px/20px var(--a-sans);font-style:normal;text-align:center}
/* v2.7 · Ayla, the couple's (psAyla) */
.as--phone .ps__kick--rule{padding:20px 0 12px;border-bottom:1px solid var(--a-gold-2);letter-spacing:1.6px;font-weight:600;font-size:11.5px}
.as--phone .ps__kick--rule b{font-weight:600}
.as--phone .ps__win{margin:14px -16px 0;height:224px;overflow:hidden;background:#2C3A35}
.as--phone .ps__win img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;filter:grayscale(1) contrast(1.04);max-width:none}
.as--phone .ps__ayla--home{margin-top:18px;gap:18px}
.as--phone .ps__ayla--home p{font-size:17.5px;line-height:25.5px}
.as--phone .ps__ayla--home .ps__sig{margin-top:10px;font-size:14px}
.as--phone .ps__ask--home{margin-top:16px;height:52px;min-height:52px;border-radius:26px;border-color:#E2D3B0;background:#FFFEFA}
.as--phone .ps__ask--home i{font-size:18px}
.as--phone .ps__ask--home .ps__askbtn{right:5px;top:5px;bottom:auto}
.as--phone .ps__qs{margin-top:8px}
.as--phone .ps__sugg--home{padding:12px 0 12px 6px;font-size:19px;border-top:0;border-bottom:1px solid var(--a-line)}
.as--phone .ps__sugg--home:last-child{border-bottom:0}
.as--phone .ps__sugg--home i{width:14px;flex:none}
.as--phone .ps__ready{display:flex;align-items:center;gap:12px;margin-top:14px;white-space:nowrap}
.as--phone .ps__ready span{font:600 11.5px/1 var(--a-sans);letter-spacing:2px;text-transform:uppercase;color:var(--a-gold)}
.as--phone .ps__ready i{flex:1;border-top:1px solid var(--a-line)}
.as--phone .ps__ready em{font:italic 400 14px/1 var(--a-play);color:var(--a-faint)}
/* v2.7 · Ayla, the supplier's phone (psSupAyla): her dock as the room */
.as--phone .ps__dock{padding:14px 18px 0;background:#FDFCF9}
.as--phone .ps__dhead{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--a-line-c)}
.as--phone .ps__dhead b{display:block;font:400 19px/1.1 var(--a-play);color:var(--a-ink-d)}
.as--phone .ps__dhead span{display:block;font:600 9.5px/1.3 var(--a-sans);letter-spacing:2px;text-transform:uppercase;color:var(--a-gold-s);margin-top:3px}
.as--phone .ps__dhead em{margin-left:auto;align-self:flex-start;margin-top:6px;font:400 12px/1 var(--a-sans);font-style:normal;color:var(--a-gold-s)}
.as--phone .ps__ddate{font:500 11px/1 var(--a-sans);letter-spacing:1.3px;text-transform:uppercase;color:#616964;padding:12px 0 11px;border-bottom:1px solid var(--a-line-c)}
.as--phone .ps__dk{font:500 11px/1 var(--a-sans);letter-spacing:2.4px;text-transform:uppercase;color:var(--a-muted-d);padding:13px 0 2px}
.as--phone .ps__mline{padding:10px 0 12px;border-bottom:1px solid var(--a-line-c)}
.as--phone .ps__mline p{font:italic 450 16px/22px var(--a-fr);color:var(--a-ink-d)}
.as--phone .ps__mline span{display:block;font:400 12px/1.35 var(--a-sans);color:var(--a-muted);margin:5px 0 8px}
.as--phone .ps__mbtn{display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:13px;background:var(--a-mint);border:1px solid #D3E6DA;font:600 10.5px/1 var(--a-sans);letter-spacing:1.5px;text-transform:uppercase;color:var(--a-rail)}
.as--phone .ps__dgrey{font:400 11.5px/1.4 var(--a-sans);color:var(--a-muted);margin:10px 0 10px}
.as--phone .ps__dalert{position:relative;margin-top:2px;background:var(--a-alert);border-radius:8px;padding:10px 54px 10px 26px}
.as--phone .ps__dalert p{font:400 12.5px/1.4 var(--a-sans);color:var(--a-gold-s)}
.as--phone .ps__dalert i{position:absolute;left:11px;top:16px;width:7px;height:7px;border-radius:50%;background:var(--a-gold-s)}
.as--phone .ps__dalert b{position:absolute;right:12px;top:50%;margin-top:-9px;font:500 12.5px/18px var(--a-sans);color:var(--a-gold-s);text-decoration:underline}
.as--phone .ps__dask{display:flex;align-items:center;justify-content:space-between;height:44px;margin-top:12px;padding:0 4px 0 14px;border-radius:10px;border:1px solid var(--a-line-c);background:#fff;font:400 14px/1 var(--a-sans);color:var(--a-muted-d)}
.as--phone .ps__dask b{height:36px;padding:0 13px;display:inline-flex;align-items:center;border-radius:7px;background:var(--a-ink-d);color:#fff;font:600 13px/1 var(--a-sans)}

/* notes §12 */
/* ---------- v2.6: the supplier's desk (agent D) · 1440×900 · scoped under .as--desk ---------- */
.as--desk{background:#E9EBE8;color:var(--a-ink-d)}
.as.as--desk :is(x-h1,h3,p,ul){margin:0}
.as.as--desk .ds__card{position:absolute;left:16px;top:0;width:1408px;height:900px;display:flex;background:var(--a-ivory)}
/* the rail */
.as.as--desk .ds__rail{width:232px;flex:none;height:900px;background:var(--a-rail);color:rgba(234,242,237,.85);padding:18px 12px 14px;position:relative;font:400 13px/1.3 var(--a-sans)}
.as.as--desk .ds__rh{display:flex;align-items:center;gap:10px;padding:0 4px 14px;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:14px}
.as.as--desk .ds__rh b{display:block;font:400 15px/1.1 var(--a-play);color:#fff}
.as.as--desk .ds__rh span{display:block;font:400 11px/1.3 var(--a-sans);color:rgba(234,242,237,.85)}
.as.as--desk .ds__rh i{display:block;font:400 10px/1.3 var(--a-sans);font-style:normal;color:rgba(234,242,237,.55)}
.as.as--desk .ds__rg{font:600 9.5px/1 var(--a-sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--a-gold-3);padding:14px 10px 8px}
.as.as--desk .ds__ri{display:flex;align-items:center;gap:10px;width:208px;height:32px;padding:0 10px;border-radius:6px;margin-bottom:2px}
.as.as--desk .ds__ri .as__ic{width:14px;height:14px;opacity:.75}
.as.as--desk .ds__ri span{flex:1}
.as.as--desk .ds__ri b,.as.as--desk .ds__tab b{font:500 11.5px/1 var(--a-fr);color:var(--a-gold-3)}
.as.as--desk .ds__ri.is-cur,.as.as--desk .ds__rs.is-cur{background:rgba(255,255,255,.14);color:#fff;font-weight:600}
.as.as--desk .ds__rs{height:27px;line-height:27px;width:208px;padding-left:37px;font-size:11.5px;border-radius:6px;color:rgba(234,242,237,.75)}
.as.as--desk .ds__code{position:absolute;left:12px;bottom:40px;width:208px;height:60px;border:1px solid rgba(234,242,237,.55);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;justify-content:center}
.as.as--desk .ds__code span{font:500 10px/1 var(--a-sans);letter-spacing:1.4px;text-transform:uppercase;color:rgba(234,242,237,.75)}
.as.as--desk .ds__code b{font:600 16px/1.2 var(--a-sans);letter-spacing:1.92px;color:#fff;margin-top:4px}
.as.as--desk .ds__code i{position:absolute;right:10px;top:22px;color:rgba(234,242,237,.7)}
.as.as--desk .ds__code i .as__ic{width:12px;height:12px}
.as.as--desk .ds__rf{position:absolute;left:12px;bottom:0;height:40px;width:208px;display:flex;align-items:center;gap:10px;padding:0 6px;font:400 13px/1 var(--a-sans);color:rgba(234,242,237,.85)}
.as.as--desk .ds__rf-s{width:22px;height:22px;border-radius:50% 48% 50% 46%;background:var(--a-gold-3);color:#3B2E10;font:600 8px/22px var(--a-sans);text-align:center;flex:none}
/* the body: topbar + main */
.as.as--desk .ds__body{width:866px;flex:none;display:flex;flex-direction:column;height:900px}
.as.as--desk .ds__top{height:55px;flex:none;background:#fff;border-bottom:1px solid var(--a-line-c);display:flex;align-items:center;gap:12px;padding:0 34px}
.as.as--desk .ds__crumb{font:600 14px/1 var(--a-sans);color:var(--a-ink-d);white-space:nowrap}
.as.as--desk .ds__crumb i{font-style:normal;color:var(--a-faint-d);margin:0 7px}
.as.as--desk .ds__crumb span+i+span{font-weight:400;color:var(--a-muted-d)}
.as.as--desk .ds__search{width:420px;height:46px;flex:none;border-radius:8px;background:var(--a-white);border:1px solid var(--a-line-c);display:flex;align-items:center;gap:8px;padding:0 10px 0 12px;font:400 13px/1 var(--a-sans);color:var(--a-faint-d);}
.as.as--desk .ds__search span{flex:1;white-space:nowrap;overflow:hidden}
.as.as--desk .ds__search .as__ic{width:13px;height:13px;opacity:.7}
.as.as--desk .ds__search kbd{font:500 10.5px/1 var(--a-sans);padding:4px 5px;border:1px solid var(--a-line-c);border-radius:4px;background:#fff;color:var(--a-muted-d)}
.as.as--desk .ds__tb{height:42px;padding:0 16px;border-radius:6px;font:600 13px/1 var(--a-sans);color:var(--a-ink-d);background:#fff;border:1px solid var(--a-line-c);white-space:nowrap}
.as.as--desk .ds__tb--p{background:var(--a-rail);color:#fff;border-color:var(--a-rail)}
.as.as--desk .ds__main{height:845px;overflow:hidden;padding:26px 34px 0}
/* the page head */
.as.as--desk .ds__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.as.as--desk .ds__head-l{min-width:0;flex:1}
.as.as--desk .ds__kick,.as.as--desk .ds__fig-k,.as.as--desk .ds__sk span,.as.as--desk .ds__pk{font:600 11px/1.3 var(--a-sans);letter-spacing:1.98px;text-transform:uppercase;color:var(--a-gold-s)}
.as.as--desk .ds__h1{font:400 38px/1.05 var(--a-play);letter-spacing:-.76px;color:var(--a-ink);margin:6px 0 8px}
.as.as--desk .ds__meta{font:400 14px/1.45 var(--a-sans);color:var(--a-muted);max-width:640px}
.as.as--desk .ds__back{font:400 13px/1.3 var(--a-sans);color:var(--a-ink);margin-top:10px}
.as.as--desk .ds__head-r{text-align:right;flex:none;padding-bottom:2px}
.as.as--desk .ds__head-r b{display:block;font:500 26px/1.1 var(--a-play);color:var(--a-ink);white-space:nowrap}
.as.as--desk .ds__head-r span{display:block;font:400 13px/1.4 var(--a-sans);color:var(--a-muted-d);white-space:nowrap}
.as.as--desk .ds__head-r span b{display:inline;font:inherit;color:inherit}
.as.as--desk .ds__rule{border:0;border-top:1px solid var(--a-line);margin:14px 0 16px}
/* fig cards */
.as.as--desk .ds__figs{display:grid;grid-template-columns:repeat(4,189px);gap:14px;align-items:stretch}
.as.as--desk .ds__fig{position:relative;min-height:148px;padding:16px 18px 14px;border-radius:12px;border:1px solid var(--a-line);background:var(--a-paper);display:flex;flex-direction:column;gap:8px}
.as.as--desk .ds__fig-k{font-size:11px;letter-spacing:1.76px;color:var(--a-muted-d);padding-right:18px}
.as.as--desk .ds__fig-v{font:500 30px/1.1 var(--a-play);color:var(--a-ink-d)}
.as.as--desk .ds__fig-v b{font:inherit;color:inherit}
.as.as--desk .ds__fig-s{font:400 12.5px/1.35 var(--a-sans);color:var(--a-muted)}
.as.as--desk .ds__fig-ch{position:absolute;right:14px;top:14px;color:var(--a-muted-d)}
.as.as--desk .ds__fig-ch .as__ic{width:12px;height:12px}
.as.as--desk .ds__fig--next{background:var(--a-emerald);border-color:var(--a-emerald);color:var(--a-cream);box-shadow:rgba(20,63,53,.55) 0 18px 36px -18px}
.as.as--desk .ds__fig--next .ds__fig-k,.as.as--desk .ds__fig--next .ds__fig-s,.as.as--desk .ds__fig--next .ds__fig-ch{color:var(--a-cream)}
.as.as--desk .ds__fig-nv{font:500 18px/1.25 var(--a-fr);font-style:italic;color:var(--a-cream)}
.as.as--desk .ds__fig--wide{min-height:0;width:auto}
.as.as--desk .ds__rust{font-style:normal;color:var(--a-rust)}
/* the room-tab bar */
.as.as--desk .ds__tabs{height:56px;margin:14px 0 18px;padding:5px;border-radius:10px;border:1px solid var(--a-line);background:var(--a-paper);display:flex;gap:2px}
.as.as--desk .ds__tab{height:46px;padding:0 15px;border-radius:7px;font:500 14px/1 var(--a-sans);color:var(--a-ink-d);display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.as.as--desk .ds__tab.is-cur{background:var(--a-emerald);color:var(--a-cream)}
.as.as--desk .ds__tab b{color:var(--a-gold-s)}.as.as--desk .ds__tab.is-cur b{color:var(--a-gold-hi)}
/* section kicker + panels */
.as.as--desk .ds__sk{display:flex;align-items:center;gap:12px;margin:0 0 12px}
.as.as--desk .ds__sk span{font-size:11px;letter-spacing:1.76px;color:var(--a-ink-d);white-space:nowrap}
.as.as--desk .ds__sk i{flex:1;height:1px;background:var(--a-line)}
.as.as--desk .ds__sk em{font:italic 400 13px/1.3 var(--a-play);color:var(--a-muted);white-space:nowrap}
.as.as--desk .ds__sk--tight{margin-top:14px}
.as.as--desk .ds__panel{background:#fff;border:1px solid var(--a-line-c);border-radius:12px;padding:16px 20px;margin-bottom:16px}
.as.as--desk .ds__panel--flush{padding:0}
.as.as--desk .ds__panel--list{padding:14px 20px}
.as.as--desk .ds__panel--mint{background:var(--a-mint);border-color:#D8E8DF}
.as.as--desk .ds__panel--list ul li{padding:8px 0;border-top:1px solid var(--a-line-c);font:400 14px/1.3 var(--a-sans);color:var(--a-ink-d)}
.as.as--desk .ds__panel--list ul li:first-child{border-top:0;padding-top:0}
.as.as--desk .ds__psub{font:400 12.5px/1.4 var(--a-sans);color:var(--a-muted)}
.as.as--desk .ds__empty{font:400 14px/1.45 var(--a-sans);color:var(--a-ink-d);margin-top:8px}
.as.as--desk .ds__brows{margin-top:6px}
.as.as--desk .ds__brow{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--a-line-c);font:400 14px/1.3 var(--a-sans);color:var(--a-ink-d)}
.as.as--desk .ds__brow .as__ic{color:var(--a-emerald);width:15px;height:15px}
.as.as--desk .ds__brow-k{min-width:112px}
.as.as--desk .ds__brow b{font:500 18px/1 var(--a-play);color:var(--a-ink-d)}
.as.as--desk .ds__brow em{margin-left:auto;font:italic 400 12.5px/1.3 var(--a-play);color:var(--a-faint-d);white-space:nowrap}
.as.as--desk .ds__cols{display:grid;grid-template-columns:1fr 232px;gap:18px;align-items:start}
.as.as--desk .ds__cols--food{grid-template-columns:1fr 330px}
.as.as--desk .ds__cols--shop{grid-template-columns:1fr 240px}
.as.as--desk .ds__side .ds__fig{margin-bottom:18px}
.as.as--desk .ds__ph{display:flex;align-items:baseline;gap:10px;padding:16px 20px 12px;border-bottom:1px solid var(--a-line-c)}
.as.as--desk .ds__ph b{font:400 17px/1.2 var(--a-play);color:var(--a-ink-d)}
.as.as--desk .ds__ph span{font:400 12.5px/1.3 var(--a-sans);color:var(--a-muted)}
.as.as--desk .ds__ph em{margin-left:auto;font:500 13px/1 var(--a-sans);font-style:normal;color:var(--a-gold-s)}
.as.as--desk .ds__h3{font:400 20px/1.2 var(--a-play);color:var(--a-ink-d)}
.as.as--desk .ds__ptext{font:400 13px/1.5 var(--a-sans);color:var(--a-muted);margin-top:8px}
.as.as--desk .ds__mintbox{margin-top:12px;padding:10px 12px;border-radius:8px;background:var(--a-mint);font:400 12.5px/1.45 var(--a-sans);color:var(--a-ink-d)}
/* tables */
.as.as--desk .ds__table{width:100%;border-collapse:collapse;font:400 14px/1.3 var(--a-sans);color:var(--a-ink-d)}
.as.as--desk .ds__table th{font:600 12px/1 var(--a-sans);letter-spacing:.96px;text-transform:uppercase;color:var(--a-muted-d);text-align:left;padding:4px 8px 10px 0}
.as.as--desk .ds__table td{padding:7px 8px 7px 0;border-top:1px solid var(--a-line-c);vertical-align:middle;height:40px}
.as.as--desk .ds__table--today th{padding:16px 10px 10px 20px}.as.as--desk .ds__table--today td{padding:7px 10px 7px 20px;height:52px}
.as.as--desk .ds__what{white-space:nowrap;width:168px}.as.as--desk .ds__kind{width:96px}.as.as--desk .ds__when .ds__btn{display:inline-flex;margin-top:5px}
.as.as--desk .ds__table .ds__num{text-align:right;padding-right:0}.as.as--desk .ds__table td.ds__num{font:500 14px/1 var(--a-fr)}
.as.as--desk .ds__table .ds__course{font:600 12px/1 var(--a-sans);letter-spacing:.96px;text-transform:uppercase;color:var(--a-muted-d);width:88px}
.as.as--desk .ds__table td .ds__v{font-style:normal;color:var(--a-gold-s)}
.as.as--desk .ds__who{font-weight:500;width:150px}.as.as--desk .ds__when{font-size:13.5px}
.as.as--desk .ds__sent{display:block;margin-top:5px;font:500 13px/1 var(--a-sans);color:var(--a-emerald)}
/* pills, buttons, chips */
.as.as--desk .ds__pill{display:inline-block;vertical-align:middle;padding:3px 9px;border-radius:999px;border:1px solid var(--a-gold-6);font:600 11px/1.3 var(--a-sans);letter-spacing:1.32px;text-transform:uppercase;color:var(--a-gold-s);white-space:nowrap}
.as.as--desk .ds__pill--r{color:var(--a-rust);border-color:rgba(159,81,41,.4);background:#FDF6EF}
.as.as--desk .ds__pill--e{color:var(--a-emerald);border-color:rgba(37,107,88,.4);background:var(--a-mint)}
.as.as--desk .ds__pill .ds__p-b{display:none}
.as.as--desk .ds__pill[data-state=sent]{background:var(--a-emerald);border-color:var(--a-emerald);color:#fff}
.as.as--desk .ds__pill[data-state=sent] .ds__p-a{display:none}.as.as--desk .ds__pill[data-state=sent] .ds__p-b{display:inline}
.as.as--desk .ds__pill i{font-style:normal}
.as.as--desk .ds__btn{display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:999px;font:600 12px/1 var(--a-sans);white-space:nowrap;vertical-align:middle}
.as.as--desk .ds__btn--p{background:var(--a-emerald);color:var(--a-cream)}
.as.as--desk .ds__btn--s{background:#fff;color:var(--a-ink-d);border:1px solid var(--a-line-c)}
.as.as--desk .ds__shared{display:inline-flex;align-items:center;gap:5px;font:500 13px/1 var(--a-sans);color:var(--a-emerald);white-space:nowrap}
.as.as--desk .ds__shared .as__ic{width:13px;height:13px}
/* the food tab */
.as.as--desk .ds__pk{font-size:11px;letter-spacing:1.76px;color:var(--a-ink-d);display:flex;align-items:baseline;gap:10px;margin-bottom:6px}
.as.as--desk .ds__pk em{font:italic 400 12.5px/1.3 var(--a-play);letter-spacing:0;text-transform:none;color:var(--a-muted)}
.as.as--desk .ds__decl li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:8px 0;border-top:1px solid var(--a-line-c);font:400 13.5px/1.3 var(--a-sans);color:var(--a-ink-d)}
.as.as--desk .ds__decl li span:first-child{min-width:118px;flex:none}.as.as--desk .ds__decl li .as__diet{flex:none}
.as.as--desk .ds__decl li em{margin-left:auto;font:italic 400 12px/1.3 var(--a-play);color:var(--a-faint-d);white-space:nowrap;order:-1}.as.as--desk .ds__decl li span:first-child{order:-2}
.as.as--desk .ds__foot{margin-top:10px;font:italic 400 12.5px/1.3 var(--a-sans);color:var(--a-faint-d)}
/* the day tab */
.as.as--desk .ds__tl{columns:2;column-gap:28px}
.as.as--desk .ds__tl li{display:flex;gap:14px;align-items:baseline;padding:5px 0;border-top:1px solid var(--a-line-c);font:400 14px/1.3 var(--a-sans);color:var(--a-ink-d);break-inside:avoid}
.as.as--desk .ds__tl li:first-child,.as.as--desk .ds__tl li:nth-child(6){border-top:0;padding-top:0}
.as.as--desk .ds__tl b{font:500 13px/1 var(--a-fr);color:var(--a-muted-d);width:40px;flex:none}
.as.as--desk .ds__papers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}
.as.as--desk .ds__paper{background:#fff;border:1px solid var(--a-line-c);border-radius:10px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start;min-height:96px}
.as.as--desk .ds__paper>div{flex:1;min-width:0}
.as.as--desk .ds__paper>.as__ic{width:18px;height:18px;color:var(--a-emerald);margin-top:2px}
.as.as--desk .ds__paper b{display:block;font:400 15px/1.25 var(--a-play);color:var(--a-ink-d)}
.as.as--desk .ds__paper span{display:block;font:400 12.5px/1.35 var(--a-sans);color:var(--a-muted);margin:3px 0 8px}
.as.as--desk .ds__paper .ds__pill{flex:none;margin-top:1px}
.as.as--desk .ds__papers .ds__btn{grid-column:1/-1;justify-self:start;margin-top:4px}
/* the file tab */
.as.as--desk .ds__frow{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--a-line-c);font:400 13.5px/1.3 var(--a-sans);color:var(--a-ink-d);min-height:46px}
.as.as--desk .ds__frow:first-child{border-top:0;padding-top:0}
.as.as--desk .ds__frow-m{color:var(--a-muted)}
.as.as--desk .ds__frow-r{margin-left:auto;display:inline-flex;align-items:center;gap:10px}
.as.as--desk .ds__frow.is-new{background:var(--a-av);margin:0 -20px -16px;padding:8px 20px;border-radius:0 0 11px 11px}
/* the shopfront */
.as.as--desk .ds__shopcard{border:1px solid #D8E8DF;border-radius:12px;background:var(--a-mint);overflow:hidden}
.as.as--desk .ds__shop-h{background:var(--a-emerald);color:var(--a-cream);padding:16px 20px;display:flex;align-items:center;gap:14px}
.as.as--desk .ds__shop-seal{width:52px;height:52px;border-radius:50%;background:#F3E5C0;display:inline-flex;align-items:center;justify-content:center;flex:none}
.as.as--desk .ds__shop-h b{display:block;font:400 22px/1.1 var(--a-play)}
.as.as--desk .ds__shop-h span{display:block;font:600 10px/1.3 var(--a-sans);letter-spacing:1.6px;text-transform:uppercase;color:var(--a-gold-hi);margin-top:4px}
.as.as--desk .ds__shop-b{padding:16px 20px 18px}
.as.as--desk .ds__shop-k{font:600 11px/1.6 var(--a-sans);letter-spacing:1.98px;text-transform:uppercase;color:var(--a-gold-s);margin-bottom:10px}
.as.as--desk .ds__bub{margin:0 0 8px auto;width:max-content;max-width:360px;background:var(--a-emerald);color:var(--a-cream);border-radius:8px;padding:9px 14px;font:400 14px/1.3 var(--a-sans)}
.as.as--desk .ds__ans{background:var(--a-paper);border-radius:8px;padding:9px 14px;margin:0 0 12px;max-width:380px}
.as.as--desk .ds__ans b{display:block;font:400 14px/1.35 var(--a-sans);color:var(--a-ink-d)}
.as.as--desk .ds__ans span{display:block;font:400 11.5px/1.3 var(--a-sans);color:var(--a-muted);margin-top:3px}
.as.as--desk .ds__shop-ask{margin-top:4px;height:44px;border-radius:22px;background:#fff;border:1px solid #E9DFC8;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 16px;font:400 13.5px/1 var(--a-sans);color:var(--a-faint-d)}
.as.as--desk .ds__holds li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid var(--a-line-c);font:400 13px/1.3 var(--a-sans);color:var(--a-ink-d);white-space:nowrap}
.as.as--desk .ds__holds{margin-top:8px}
/* the Ayla column */
.as.as--desk .ds__ayla{width:310px;flex:none;height:900px;background:#fff;border-left:1px solid var(--a-line-c);padding:22px 20px;overflow:hidden;display:flex;flex-direction:column}
.as.as--desk .ds__ay-head{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--a-line-c)}
.as.as--desk .ds__ay-head b{display:block;font:500 18px/1.1 var(--a-play);color:var(--a-ink-d)}
.as.as--desk .ds__ay-head span{display:block;font:600 9.5px/1.3 var(--a-sans);letter-spacing:1.9px;text-transform:uppercase;color:var(--a-gold);margin-top:3px}
.as.as--desk .ds__ay-head em{margin-left:auto;align-self:flex-start;font:400 11px/1 var(--a-sans);font-style:normal;color:var(--a-gold-s);white-space:nowrap}
.as.as--desk .ds__ay-date{font:500 11px/1 var(--a-sans);text-transform:uppercase;letter-spacing:.4px;color:#616964;padding:14px 0 12px;border-bottom:1px solid var(--a-line-c);margin-bottom:14px}
.as.as--desk .ds__alert{position:relative;background:var(--a-alert);border-radius:8px;padding:12px 58px 12px 28px;margin-bottom:14px}
.as.as--desk .ds__alert p{font:400 12.5px/1.4 var(--a-sans);color:var(--a-ink-d)}
.as.as--desk .ds__alert i{position:absolute;left:13px;top:19px;width:7px;height:7px;border-radius:50%;background:var(--a-gold-5)}
.as.as--desk .ds__alert b{position:absolute;right:12px;top:12px;font:500 12.5px/1.4 var(--a-sans);color:var(--a-gold-s);text-decoration:underline}
.as.as--desk .ds__ay-gap{height:118px}
.as.as--desk .ds__ask{height:44px;border-radius:22px;background:#fff;border:1px solid #E9DFC8;display:flex;align-items:center;justify-content:space-between;padding:0 4px 0 14px;font:400 13.5px/1 var(--a-sans);color:var(--a-muted-d);box-shadow:0 1px 2px rgba(31,26,20,.05)}
.as.as--desk .ds__ask-b{height:36px;padding:0 12px;border-radius:6px;background:var(--a-ink-d);color:#fff;font:600 13px/1 var(--a-sans)}
.as.as--desk .ds__chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 14px}
.as.as--desk .ds__chips span{font:500 11px/1 var(--a-sans);color:var(--a-rail);background:#fff;border:1px solid var(--a-line-c);border-radius:12px;padding:8px 10px}
.as.as--desk .ds__ay-grey{font:italic 400 13.5px/1.55 var(--a-sans);color:var(--a-faint-d);text-align:center;padding:0 4px;margin-bottom:16px}
.as.as--desk .ds__aycard{position:relative;background:#fff;border:1px solid var(--a-line-c);border-top:2px solid var(--a-emerald);border-radius:10px;padding:14px 16px;margin-bottom:14px}
.as.as--desk .ds__aycard--dot{padding-left:30px}
.as.as--desk .ds__aycard--dot::before{content:"";position:absolute;left:13px;top:17px;width:7px;height:7px;border-radius:50%;background:var(--a-gold-5)}
.as.as--desk .ds__ay-k{font:600 9.5px/1.3 var(--a-sans);letter-spacing:1.4px;text-transform:uppercase;color:var(--a-ink-d);margin-bottom:6px}
.as.as--desk .ds__ay-p{font:500 15px/1.35 var(--a-play);color:var(--a-ink-d);margin-bottom:8px}
.as.as--desk .ds__ay-l{font:400 12.5px/1.4 var(--a-sans);color:var(--a-muted);margin-top:6px}
.as.as--desk .ds__ay-cross{font:italic 450 14px/1.45 var(--a-fr);color:var(--a-ink-d);margin-bottom:16px}
.as.as--desk .ds__ay-q{font:italic 450 14px/1.42 var(--a-fr);color:var(--a-ink-d);margin-bottom:10px}
.as.as--desk .ds__ay-field{background:var(--a-white);border:1px solid var(--a-line-c);border-radius:6px;padding:9px 11px;font:400 13px/1.35 var(--a-sans);color:var(--a-ink-d);margin-bottom:10px}
.as.as--desk .ds__ay-held{display:block;margin-top:10px;font:500 13px/1.35 var(--a-sans);color:var(--a-emerald)}
.as.as--desk .ds__ay-held .as__ic{width:14px;height:14px;color:var(--a-emerald)}
/* v2.7 · her whole day in the column (dsAyla('today')) */
.as.as--desk .ds__ay-k--m{color:var(--a-muted-d);letter-spacing:2px;margin-bottom:8px}
.as.as--desk .ds__ay-btn{margin-top:4px;height:28px;font-size:11.5px}
.as.as--desk .ds__aycard .ds__ay-q+.ds__ay-field+.ds__btn{height:28px;font-size:11.5px}

/* notes §13 */
/* ---------- v2.6: the papers (agent D) · print on #FEFCF7 · scoped under .pp ---------- */
.pp{position:relative;overflow:hidden;background:#FEFCF7;color:#1F1A14;font:400 11px/1.35 "Inter",system-ui,sans-serif;-webkit-font-smoothing:antialiased;box-shadow:inset 0 0 0 1px rgba(31,26,20,.08);text-align:left;letter-spacing:0;box-sizing:border-box;user-select:none;cursor:default}
.pp *,.pp *::before,.pp *::after{box-sizing:border-box}
.pp.pp :is(x-h1,p,ul,li){margin:0;padding:0;list-style:none}
.pp i{font-style:normal}
.pp.pp .pp__foot{position:absolute;left:36px;right:36px;bottom:26px;font:400 9.5px/1.3 "Inter",sans-serif;color:#5A6660}
/* the kitchen sheet */
.pp.pp--kitchen .pp__kh{background:#1E5A48;color:#FFFDF4;padding:22px 36px 20px;height:96px}
.pp.pp--kitchen .pp__kk{font:600 8px/1 "Inter",sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:#E7CF92}
.pp.pp--kitchen x-h1{font:400 22px/1.1 "Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;margin:8px 0 5px}
.pp.pp--kitchen .pp__kd{font:400 11px/1.2 "Inter",sans-serif;color:rgba(255,253,244,.85)}
.pp.pp--kitchen .pp__kb{padding:22px 36px 0}
.pp.pp--kitchen .pp__stats{display:flex;gap:30px;padding-bottom:14px;border-bottom:1px solid rgba(31,26,20,.12);margin-bottom:6px}
.pp.pp--kitchen .pp__stats span{display:block;font:600 7.5px/1 "Inter",sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#5A6660;margin-bottom:6px}
.pp.pp--kitchen .pp__stats b{font:500 20px/1 "Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;color:#1F1A14}
.pp.pp--kitchen .pp__sec{font:600 7.5px/1 "Inter",sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#5A6660;padding:16px 0 4px}
.pp.pp--kitchen .pp__row{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0;border-bottom:1px solid rgba(31,26,20,.12)}
.pp.pp--kitchen .pp__row span{font:600 11px/1.3 "Inter",sans-serif;color:#1F1A14}
.pp.pp--kitchen .pp__row span i{color:#7E5F1A;font-weight:500}
.pp.pp--kitchen .pp__row b{font:400 16px/1 "Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;color:#1F1A14}
.pp.pp--kitchen .pp__sub{font:400 8.5px/1.3 "Inter",sans-serif;color:#8A948E;padding-top:5px}
.pp.pp--kitchen .pp__chips{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px}
.pp.pp--kitchen .pp__chip{display:inline-block;padding:3px 7px;border:1px solid #CBA875;border-radius:3px;font:600 8px/1.2 "Inter",sans-serif;letter-spacing:.5px;text-transform:uppercase;color:#7E5F1A}
.pp.pp--kitchen .pp__chip--sev{border:1.5px solid #9F5129;color:#9F5129;font-weight:700}
/* the chef's table plan */
.pp.pp--plan{padding:18px 24px 0}
.pp.pp--plan .pp__ph{display:flex;align-items:baseline;gap:12px;padding-bottom:8px;border-bottom:1.5px solid #1E5A48;margin-bottom:8px;position:relative}
.pp.pp--plan x-h1{font:400 22px/1 "Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;color:#1F1A14}
.pp.pp--plan .pp__ph span{font:400 11px/1 "Inter",sans-serif;color:#1F1A14}
.pp.pp--plan .pp__ph em{font:italic 400 11px/1 "Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;color:#1F1A14;margin-left:auto;margin-right:150px}
.pp.pp--plan .pp__mark{position:absolute;right:0;top:-4px;display:inline-flex;align-items:center;gap:6px;font:600 8px/1 "Inter",sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#1E5A48}
.pp.pp--plan .pp__grid{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:238px;gap:7px}
.pp.pp--plan .pp__cell{border:1px solid #1E5A48;background:#FFFEFA;overflow:hidden;font:400 9px/1.3 "Inter",sans-serif;color:#1F1A14;padding:0 6px 4px}
.pp.pp--plan .pp__cell p{font:400 9px/1.3 "Inter",sans-serif;color:#1F1A14}
.pp.pp--plan .pp__ch{background:#1E5A48;color:#FFFDF4;margin:0 -6px 3px;padding:4px 6px 3px;font:700 10px/1.2 "Inter",sans-serif;text-transform:uppercase;letter-spacing:.3px}
.pp.pp--plan .pp__ch b{display:block}.pp.pp--plan .pp__ch span{display:block;font-weight:600;font-size:9px;opacity:.9}
.pp.pp--plan .pp__cs{font:700 7.5px/1 "Inter",sans-serif;letter-spacing:.9px;text-transform:uppercase;color:#1E5A48;padding:5px 0 2px}
.pp.pp--plan .pp__sev{margin:3px 0;border:1.5px solid #9F5129;color:#9F5129;font-weight:700;font-size:8px;line-height:1.2;padding:2px 4px;text-transform:uppercase;letter-spacing:.2px}
.pp.pp--plan .pp__cell--all{background:#F3F7F4}
.pp.pp--plan .pp__foot--plan{display:flex;justify-content:space-between;left:24px;right:24px;bottom:14px}
/* the order of the day */
.pp.pp--order{padding:84px 70px 0;text-align:center}
.pp.pp--order .pp__ok{font:600 8px/1 "Inter",sans-serif;letter-spacing:3px;text-transform:uppercase;color:#A9884E}
.pp.pp--order .pp__ot{font:400 26px/1.1 "Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;color:#1F1A14;margin:16px 0 8px}
.pp.pp--order .pp__od{font:italic 400 11px/1.3 "Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;color:#5A6660}
.pp.pp--order .pp__orule{border:0;border-top:1px solid rgba(31,26,20,.14);width:120px;margin:22px auto 26px}
.pp.pp--order .pp__tl{text-align:left;margin:0 auto;width:380px}
.pp.pp--order .pp__tl li{display:flex;gap:22px;align-items:baseline;padding:10px 0}
.pp.pp--order .pp__tl b{font:500 12px/1 "Fraunces","Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;color:#5A6660;width:44px;flex:none;letter-spacing:.3px}
.pp.pp--order .pp__tl span{display:block;font:400 13px/1.25 "Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;color:#1F1A14}
.pp.pp--order .pp__tl em{display:block;font:italic 400 10px/1.3 "Inter",sans-serif;color:#8A948E;margin-top:2px}
.pp.pp--order .pp__orn{font:400 14px/1 "Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;color:#BFA067;margin-top:40px}
.pp.pp--order .pp__love{font:italic 400 12px/1.3 "Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;color:#5A6660;margin-top:10px}
/* v2.7 · the couple's seating plan (ppSeatPlan) */
.pp.pp--seat{padding:20px 26px 0}
.pp.pp--seat .pp__ph{display:flex;align-items:baseline;gap:12px;padding-bottom:9px;border-bottom:1.5px solid #256B58;margin-bottom:12px}
.pp.pp--seat x-h1{font:400 23px/1 "Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;color:#1F1A14}
.pp.pp--seat .pp__ph span{font:400 11px/1 "Inter",sans-serif;color:#1F1A14}
.pp.pp--seat .pp__ph em{margin-left:auto;font:italic 400 12px/1 "Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;color:#87681E}
.pp.pp--seat .pp__sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pp.pp--seat .pp__st{border:1px solid #D8C9A6;background:#FFFEFA;height:478px;overflow:hidden}
.pp.pp--seat .pp__sh{background:#256B58;color:#FFFDF4;padding:6px 10px 5px;display:flex;justify-content:space-between;align-items:baseline}
.pp.pp--seat .pp__sh b{font:700 10px/1.2 "Inter",sans-serif;letter-spacing:.8px;text-transform:uppercase}
.pp.pp--seat .pp__sh span{font:italic 400 10.5px/1.2 "Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;color:#F0DCA6}
.pp.pp--seat .pp__ring{position:relative;width:220px;height:172px;margin:8px auto 2px}
.pp.pp--seat .pp__ring--oval{height:124px;margin:14px auto 8px}
.pp.pp--seat .pp__tbl{position:absolute;left:62px;top:38px;width:96px;height:96px;border-radius:50%;background:#F3E9D3;box-shadow:inset 0 0 0 1px #D8BE86}
.pp.pp--seat .pp__ring--oval .pp__tbl{left:38px;top:34px;width:144px;height:56px}
.pp.pp--seat .pp__seat{position:absolute;width:22px;height:22px;border-radius:50%;background:#FEFCF7;border:1px solid #BFA067;font:600 9px/20px "Inter",sans-serif;text-align:center;color:#87681E}
.pp.pp--seat .pp__seat--new{background:#256B58;border-color:#256B58;color:#FFFDF4}
.pp.pp--seat .pp__seat--sev{border:1.5px solid #9F5129;color:#9F5129;font-weight:700}
.pp.pp--seat .pp__names{padding:0 12px}
.pp.pp--seat .pp__names li{display:flex;align-items:baseline;gap:8px;padding:4px 0;border-top:1px solid rgba(31,26,20,.1);font:400 10.5px/1.25 "Inter",sans-serif;color:#1F1A14;white-space:nowrap}
.pp.pp--seat .pp__names b{width:14px;flex:none;text-align:right;font:500 10px/1 "Fraunces","Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;color:#8A948E}
.pp.pp--seat .pp__names span{font-weight:500}
.pp.pp--seat .pp__names em{margin-left:auto;font:italic 400 9.5px/1.2 "Inter",sans-serif;color:#5A6660;overflow:hidden;text-overflow:ellipsis;padding-right:3px}
.pp.pp--seat .pp__names .pp__sevtag{font:700 8px/1.2 "Inter",sans-serif;font-style:normal;letter-spacing:.3px;text-transform:uppercase;color:#9F5129;border:1.5px solid #9F5129;padding:1px 4px}
.pp.pp--seat .pp__nm--new{background:#EAF4EE}
.pp.pp--seat .pp__foot--plan{display:flex;justify-content:space-between;left:26px;right:26px;bottom:14px}

/* notes §14 */
/* ---------- v2.6: THE STAGE — live screens, a camera, things that cross ---------- */
.mo{--mo-ground:#193F34}
.mo .sp__title{max-width:26ch}
.mo__lede{margin-top:18px;max-width:52ch}
.mo .sp__stage{height:auto;aspect-ratio:16/10;max-height:680px;min-height:0;contain:layout paint;isolation:isolate}
.mo__view{position:absolute;inset:0;overflow:hidden;border-radius:6px;background:radial-gradient(70% 60% at 50% 42%,rgba(37,107,88,.55),rgba(13,34,28,0) 70%),var(--mo-ground);box-shadow:inset 0 0 0 1px rgba(240,220,166,.12)}
.mo__view::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px rgba(13,34,28,.45);border-radius:inherit}
.mo__world{position:absolute;left:0;top:0;width:1200px;height:750px;transform-origin:0 0;will-change:transform;transition:transform 1.4s cubic-bezier(.22,1,.36,1)}
.mo--instant .mo__world,.mo__world.is-jump{transition:none}
.mo__item{position:absolute;left:0;top:0}
.mo__item .ph,.mo__item .dk{position:relative}
/* the screen at its design size, scaled into the device */
.fitw{position:absolute;inset:0;overflow:hidden}
.fitw .mo__fit{transform-origin:0 0}
.mo__fit{position:absolute;left:0;top:0;transform-origin:0 0}
.mo__item .scr{background:#FAF4E8}
/* a device not in focus steps back */
.mo__item{transition:opacity .7s var(--eoc)}
.mo__item.is-dim{opacity:.5}
/* overlays laid over a phone screen (the guest's card) */
.mo__layer{position:absolute;inset:0;z-index:3}
.mo__layer.is-in{animation:mosheet .55s cubic-bezier(.22,1,.36,1) both}
@keyframes mosheet{from{transform:translateY(40%);opacity:0}to{transform:none;opacity:1}}
.mo__dim{position:absolute;inset:0;background:rgba(20,51,43,0);transition:background .45s var(--eoc);z-index:2;pointer-events:none}
.mo__dim.is-on{background:rgba(20,51,43,.55)}
/* papers */
.mo__paper{position:absolute;left:0;top:0;transform-origin:50% 100%;background:#FEFCF7;box-shadow:0 1px 2px rgba(20,51,43,.12),0 30px 60px -28px rgba(13,34,28,.6);border-radius:2px;overflow:hidden;opacity:0;transform:translateY(40px) rotate(var(--r,0deg));transition:opacity .5s var(--eoc),transform .9s var(--ease)}
.mo__paper.is-in{opacity:1;transform:rotate(var(--r,0deg))}
.mo__paper::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 30% 10%,rgba(255,255,255,.18),rgba(0,0,0,.02))}
/* drawn cards: the email and the Drive tree */
.mo__card{position:absolute;left:0;top:0;background:var(--paper-warm);border-radius:14px;box-shadow:0 1px 2px rgba(20,51,43,.12),0 26px 50px -24px rgba(13,34,28,.6);padding:18px 20px;color:var(--ink);font:400 14px/1.45 "Inter",var(--sans);opacity:0;transform:translateY(16px);transition:opacity .45s var(--eoc),transform .7s var(--ease)}
.mo__card.is-in{opacity:1;transform:none}
.mo__card .k{font:600 10.5px/1.3 "Inter",var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--champagne-ink);margin-bottom:10px}
.mo__mail .mh{font:400 13px/1.6 "Inter",var(--sans);color:var(--ink-soft)}
.mo__mail .mh b{color:var(--ink);font-weight:500}
.mo__mail .ms{font:400 18px/1.25 var(--play);color:var(--night);margin:10px 0 8px}
.mo__mail .mb i{display:block;height:6px;border-radius:3px;background:var(--rule);margin:8px 0}
.mo__att{display:inline-flex;gap:8px;align-items:center;margin-top:12px;padding:6px 10px;border:1px solid var(--rule);border-radius:8px;background:#fff;font:500 12.5px/1.2 "Inter",var(--sans);color:var(--ink);white-space:nowrap}
.mo__att svg{width:13px;height:15px;color:var(--emerald)}
.mo__mail .seal{position:absolute;right:-18px;top:-24px;width:70px;height:auto;opacity:0;transform:scale(1.5) rotate(-14deg);transition:opacity .3s,transform .45s cubic-bezier(.3,1.4,.5,1)}
.mo__mail.is-sealed .seal{opacity:1;transform:none}
.mo__tree ul{margin:0;padding:0;list-style:none}
.mo__tree li{display:flex;align-items:center;gap:8px;padding:6px 8px 6px calc(8px + var(--l) * 16px);font:400 14px/1.3 "Inter",var(--sans);color:var(--ink);border-radius:6px;white-space:nowrap}
.mo__tree li svg{width:15px;height:12px;color:var(--champagne-2);flex:none}
.mo__tree li.is-root{font-weight:500;color:var(--night)}
.mo__tree li.is-slot{min-height:30px}
.mo__tree li.is-new{background:var(--champagne-wash)}
.mo__tree li.is-new svg{color:var(--emerald)}
.mo__tree li em{margin-left:auto;padding-left:10px;font:italic 500 14px/1 var(--corm);color:var(--champagne-ink)}
/* the flight layer: clones cross between devices here, in world coordinates */
.mo__fly{position:absolute;left:0;top:0;width:1200px;height:750px;pointer-events:none;z-index:20}
.mo__fly>*{position:absolute;left:0;top:0;transform-origin:0 0;filter:drop-shadow(0 10px 18px rgba(13,34,28,.45))}
/* a pulse ring on a target, in world coordinates */
.mo__pulse{position:absolute;left:0;top:0;border-radius:8px;border:2px solid var(--champagne-4);box-shadow:0 0 0 2px rgba(13,34,28,.35),0 0 18px rgba(240,220,166,.5);opacity:0;pointer-events:none;z-index:19}
.mo__pulse.is-on{animation:mopulse 1.2s var(--eoc) 2}
@keyframes mopulse{0%{opacity:0;transform:scale(1.06)}30%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.02)}}
/* the overlay above the view: the pointer and Ayla's card, in stage coordinates */
.mo__ov{position:absolute;inset:0;pointer-events:none;z-index:6}
.mo__ptr{position:absolute;left:0;top:0;width:0;height:0;opacity:0;z-index:8;will-change:transform;transition:opacity .25s var(--eoc)}
.mo__ptr::before{content:"";position:absolute;left:-22px;top:-22px;width:44px;height:44px;border-radius:50%;background:rgba(240,220,166,.22);border:1.5px solid rgba(240,220,166,.9);box-shadow:0 0 0 1.5px rgba(13,34,28,.55),0 6px 18px rgba(13,34,28,.5)}
.mo__ptr>i{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border-radius:50%;background:var(--champagne-3);box-shadow:0 0 0 2px rgba(13,34,28,.6),0 2px 6px rgba(13,34,28,.5)}
.mo__ptr.is-tap>i{animation:sptap .36s var(--eoc)}
.mo__ptr.is-tap::before{animation:moring .6s var(--eoc)}
@keyframes moring{0%{transform:scale(1);opacity:1}100%{transform:scale(1.9);opacity:0}}
.mo__ayla{position:absolute;z-index:7;max-width:min(360px,46%);padding:14px 16px 14px 14px;border-radius:6px;background:rgba(254,252,247,.96);color:var(--ink);box-shadow:0 1px 2px rgba(20,51,43,.16),0 30px 50px -22px rgba(0,0,0,.6);display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;align-items:start;opacity:0;transform:translateY(14px);transition:opacity .4s var(--eoc),transform .6s var(--ease);pointer-events:none}
.mo__ayla.is-on{opacity:1;transform:none}
.mo__ayla[data-pos=bl]{left:16px;bottom:16px}
.mo__ayla[data-pos=br]{right:16px;bottom:16px}
.mo__ayla[data-pos=tl]{left:16px;top:16px}
.mo__ayla[data-pos=tr]{right:16px;top:16px}
.mo__ayla img{width:40px;height:40px;border-radius:50%}
.mo__ayla p{font:italic 450 16.5px/1.42 "Fraunces","Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;color:var(--night)}   /* v2.7, 4 Oct: her voice in Fraunces italic — Cormorant was hard to read (his word) */
.mo__ayla small{display:block;margin-top:7px;font:italic 500 13px/1 "Fraunces","Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;letter-spacing:.01em;color:#87681E}
.mo__ayla button{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:8px 14px;border-radius:5px;background:var(--emerald);color:var(--ivory);font:600 12.5px/1 "Inter",var(--sans);letter-spacing:.02em;pointer-events:none}
.mo__ayla button svg{width:14px;height:8px}
.mo__ayla button.is-done{background:var(--champagne-wash);color:var(--champagne-ink)}
/* the title card between moments sits on the stage's ground */
.mo .sp__tc{border-radius:6px;background:var(--mo-ground)}
/* v2.7 fix (critique item 8): the chapter title only shows while the ground under it is solid, so it is never white over an ivory screen */
.mo .sp__tc.is-on p{animation:motc var(--tc,2400ms) linear both}
@keyframes motc{0%,26%{opacity:0}32%{opacity:1}70%{opacity:1}74%,100%{opacity:0}}
.mo .sp__tct{color:var(--ivory)}
/* notes §15 */
.mo .sp__player{scroll-margin-top:calc(var(--bar) + 18px);scroll-snap-align:start}
html:has(.mo){scroll-snap-type:y proximity}
/* rail: one segment per moment */
.mo .sp__tab{align-items:flex-start}
.mo .sp__tn{padding-top:5px}
/* the line beside the stage: bigger than v2.5 */
.mo .sp__lh{font-size:clamp(1.55rem,1.1rem + 1.35vw,2.3rem)}
.mo .sp__ls{font-size:16.5px}
/* phones */
@media (max-width:760px){
  .mo .sp__stage{aspect-ratio:4/5;max-height:none}
  .mo__view{border-radius:4px}
  .mo__ayla{max-width:86%;padding:11px 12px 11px 11px;grid-template-columns:30px minmax(0,1fr);column-gap:9px}
  .mo__ayla img{width:30px;height:30px}
  .mo__ayla p{font-size:15px;line-height:1.4}
  .mo__ayla small{font-size:12.5px;margin-top:5px}
  .mo__ayla button{padding:7px 12px;font-size:12px}
  .mo__ptr::before{left:-18px;top:-18px;width:36px;height:36px}
  .mo__ptr>i{left:-7px;top:-7px;width:14px;height:14px}
  .mo .sp__tl{font-size:12px}
}
@media (prefers-reduced-motion:reduce){.mo .sp__tc.is-on p{animation:none}.mo__ptr{display:none}.mo__world{transition:none}.mo__paper,.mo__card,.mo__item,.mo__ayla{transition:none}}
/* the Ayla band under each showcase */
.ab{padding-block:clamp(56px,7vw,110px)}
.ab__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin-top:clamp(36px,4vw,56px)}
.ab__col{padding:26px 0 0;border-top:1px solid var(--champagne-3)}
.ab__col h3{font:400 1.42rem/1.2 var(--play);color:var(--night)}
.ab__col .ab__k{font:italic 400 15px/1 var(--play);color:var(--champagne-ink);margin-bottom:14px;display:block}
.ab__col p{margin-top:12px;font-size:16px;line-height:1.6;font-weight:300}
.ab__col p.q{font:italic 450 1.1rem/1.4 "Fraunces","Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;color:#87681E;margin-top:14px}
.ab__law{margin-top:clamp(32px,4vw,52px);display:flex;flex-wrap:wrap;gap:12px 28px;align-items:baseline}
.ab__law p{font:italic 420 clamp(1.15rem,1rem + .55vw,1.45rem)/1.4 "Fraunces","Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,serif;color:var(--night)}
.ab__law span{font:500 12px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--champagne-ink)}
@media (max-width:960px){.ab__grid{grid-template-columns:1fr}}

/* notes §16 */
/* ---------- v2.7 · the try page's live rooms (pages.js tryLive/tryDots) and the quick fade ---------- */
.try__dev .thtml{position:absolute;inset:0}
.try__dev .tlay{position:absolute;inset:0;pointer-events:none;z-index:3}
.try__dev .tlay .hot{pointer-events:auto}
.try__dev .fitw .as{pointer-events:none}
.try__dev--paper{padding:4px 0 14px}
.tpaper{position:relative;width:100%;background:#FEFCF7;border-radius:3px;box-shadow:0 1px 2px rgba(13,34,28,.08),0 18px 44px -12px rgba(13,34,28,.32),0 6px 16px rgba(13,34,28,.08)}
.tpaper--port{width:var(--tpw,min(100%,640px))}
.tpaper--land{width:var(--tpl,100%)}
.tpaper .fitw{border-radius:3px}
.try__dev .tshot>img,.try__dev .cropbox>img{transition:opacity .22s ease-out}
.try__dev img.is-wait{opacity:0}
/* notes §17 */
.dzw{display:none}
@media (max-width:760px){
  .try{padding-top:calc(var(--bar) + 12px);overflow-x:clip}
  .try__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;margin-bottom:12px}
  .try__head>div:not(.toggle){display:contents}
  .try__head .kicker{grid-column:1 / -1;margin-bottom:6px;font-size:11px}
  .try__head .kicker::before{width:20px}
  .try__head .h2{grid-column:1;font-size:1.62rem;line-height:1.15}
  .try__head .toggle{grid-column:2;grid-row:2;justify-self:end}
  .try__head .lede{grid-column:1 / -1;margin-top:5px;font-size:.9rem;line-height:1.42;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
  /* the pill: 30 px to the eye, 44 px to the finger */
  .try__head .toggle{padding:2px}
  .try__head .toggle button{width:56px;min-height:24px;padding:0;font-size:10px;letter-spacing:.16em}
  .try__head .toggle button::after{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px}
  .try__head .toggle::before{top:2px;bottom:2px;left:2px;width:56px}
  .try__head .toggle[data-mode=desk]::before{transform:translateX(56px)}
  /* the device takes the width */
  .try__view{width:auto;margin-inline:-8px}
  .try__dev{flex-direction:column;gap:14px}
  .try__dev .ph{--t:calc(var(--sw)*.006);--b:calc(var(--sw)*.018)}
  .try__dev .ph.ph--fb{--sw:var(--tphf,var(--tph,300px))}
  .try__dev .ph__isl{top:calc(var(--b) + var(--sw)*.02);width:calc(var(--sw)*.25);height:calc(var(--sw)*.07)}
  .try__dev .scr--scroll{overscroll-behavior-y:auto}
  .try__dev .pair{gap:14px}
  .try__dev .tpaper--port{width:var(--tpw)}
  /* the desk, brought close: a thin lid, no base, no hinge; its screen keeps the desk's shape unless zoomed */
  .try__dev .dzw{display:flex;flex-direction:column;align-items:center}
  .try__dev .dk--z{--b:5px}
  .try__dev .dk--z .dk__base,.try__dev .dk--z .dk__cam{display:none}
  .try__dev .dk--z::after{top:auto;bottom:-14px;height:28px;left:4%;right:4%;background:radial-gradient(closest-side,rgba(13,34,28,.22),rgba(13,34,28,0))}
  .try__dev .dk--z .dk__lid{border-radius:12px}
  .try__dev .dk--z .scr{height:calc(var(--sw)*var(--ar,.625));border-radius:6px}
  .try__dev .dk--z.is-z .scr{height:calc(var(--sw)*var(--ar,.625)*var(--z,1));touch-action:pan-y;cursor:grab}
  .try__dev .dzw.is-drag .scr{cursor:grabbing}
  .try__dev .dz__in{position:relative;width:100%;height:100%}
  .try__dev .dk--z.is-z .dz__in{width:calc(var(--z,1)*100%)}
  .try__dev .dzw.is-drag .dz__in .hot{transition:none}
  /* where you are across it: a hairline in the lid's chin; the switch between close and whole: a small pill in the screen's corner */
  .try__dev .dzw{position:relative}
  .dz__trk{position:absolute;left:24px;right:24px;bottom:2px;height:3px;border-radius:3px;background:rgba(255,255,255,.16);cursor:pointer;z-index:7}
  .dz__trk::before{content:"";position:absolute;left:0;right:0;top:-3px;bottom:-16px}
  .dz__trk i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:var(--champagne-3,#d9c48f);transition:transform .25s var(--eoc)}
  .dzw.is-drag .dz__trk i{transition:none}
  .dzw.is-whole .dz__trk{visibility:hidden}
  .dz__btn{position:absolute;top:13px;right:13px;z-index:7;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px 0 9px;border-radius:5px;border:1px solid rgba(13,34,28,.14);background:rgba(255,254,250,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--night);font:500 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;box-shadow:0 6px 16px -8px rgba(13,34,28,.45)}
  .dz__btn::after{content:"";position:absolute;left:-6px;right:-6px;top:-8px;bottom:-8px}
  .dz__btn svg{flex:none;color:var(--emerald)}
  /* a landscape sheet brought close: the paper is the window, the track sits on the ground under it */
  .try__dev .dzw--paper{padding-bottom:12px}
  .try__dev .tpaper.dk--z{--sw:var(--tpl);width:var(--sw)}
  .try__dev .tpaper.dk--z::after{content:none}
  .try__dev .tpaper.dk--z .scr{border-radius:3px;background:#FEFCF7}
  .dzw--paper .dz__trk{left:16px;right:16px;bottom:2px;background:var(--rule)}
  .dzw--paper .dz__trk i{background:var(--champagne-ink)}
  .dzw--paper .dz__btn{top:8px;right:8px}
  /* notes §18 */
  .try__bar{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:8;margin:12px 0 0;padding:4px;border-radius:6px;border:1px solid var(--rule);
    background:rgba(255,254,250,.97);box-shadow:0 1px 0 var(--rule)}
  .try__cur{gap:3px}
  .try__nm{font-size:1.05rem;line-height:1.15}
  .try__ct{font-size:10.5px}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){.dz__trk i{transition:none}}

/* notes §19 */
/* notes §20 */

/* ---------- 1. materials ---------- */
/* notes §21 */
.ph{isolation:isolate;background:none;box-shadow:none}
.ph::before{content:"";position:absolute;left:-9%;right:-9%;top:12%;bottom:-9%;z-index:-1;pointer-events:none;
  background:
    radial-gradient(37% 1.7% at 50% 90.8%,rgba(8,22,18,.55),rgba(8,22,18,0)),
    radial-gradient(47% 4.6% at 50% 90.2%,rgba(13,34,28,.26),rgba(13,34,28,0)),
    radial-gradient(closest-side,rgba(13,34,28,.24),rgba(31,90,74,.09) 62%,rgba(31,90,74,0))}
.ph::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:
    linear-gradient(132deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.5) 40%,rgba(255,255,255,0) 48%),
    linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 9%,rgba(0,0,0,0) 90%,rgba(0,0,0,.22)),
    linear-gradient(135deg,#d3d6d4 0%,#8b908e 14%,#e9ebea 30%,#666b69 47%,#bfc3c1 63%,#727775 82%,#d6d9d7 100%);
  box-shadow:
    inset 0 0 0 calc(var(--sw)*.003) rgba(255,255,255,.6),
    inset 0 calc(var(--sw)*.004) 0 calc(var(--sw)*.002) rgba(255,255,255,.55),
    inset 0 0 0 calc(var(--sw)*.008) rgba(0,0,0,.24),
    0 calc(var(--sw)*.007) 0 #3a3f3d,
    0 calc(var(--sw)*.009) 0 rgba(13,34,28,.18)}
/* the black glass round the screen catches a little light along its top */
.ph__bez{box-shadow:inset 0 calc(var(--sw)*.003) 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(255,255,255,.03)}
.ph__btn{background:linear-gradient(90deg,#4f5452,#e3e6e4 45%,#a9aeac 60%,#5d6260)}

/* the desk: a lit aluminium rim on the lid, a deck you can read as metal, a shadow that sits on the ground */
.dk{isolation:isolate}
.dk__lid{box-shadow:inset 0 0 0 calc(var(--sw)*.0022) #a9afac,inset 0 calc(var(--sw)*.0026) 0 calc(var(--sw)*.0006) rgba(255,255,255,.55),inset 0 0 0 calc(var(--sw)*.0042) #2a302d}
.dk__lid::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:6;
  background:linear-gradient(162deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,0) 24%)}
.dk__base{background:
    linear-gradient(90deg,rgba(255,255,255,0) 18%,rgba(255,255,255,.4) 50%,rgba(255,255,255,0) 82%),
    linear-gradient(180deg,#f4f6f5 0%,#cfd3d1 22%,#a3a8a6 58%,#7b807d 86%,#5a5f5c 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(0,0,0,.25),0 calc(var(--sw)*.003) 0 rgba(40,46,43,.35)}
.dk::after{left:-5%;right:-5%;top:20%;bottom:-10%;border-radius:0;
  background:
    radial-gradient(48% 2.6% at 50% 89.6%,rgba(8,22,18,.5),rgba(8,22,18,0)),
    radial-gradient(54% 7% at 50% 89%,rgba(13,34,28,.22),rgba(13,34,28,0)),
    radial-gradient(closest-side,rgba(13,34,28,.22),rgba(31,90,74,.08) 60%,rgba(31,90,74,0))}

/* the glass: the old static sheen, plus a soft glare the mouse moves (opacity 0 until a tilt is live) */
.glass{background:linear-gradient(118deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.045) 26%,rgba(255,255,255,0) 40%)}
.glass::after{content:"";position:absolute;left:-50%;top:-50%;width:200%;height:200%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,255,255,.18),rgba(255,255,255,.06) 45%,rgba(255,255,255,0));
  opacity:var(--d3go,0);transform:translate3d(var(--d3gx,0%),var(--d3gy,0%),0)}
.glass.d3-on::after{will-change:transform,opacity}

/* ---------- 2. depth: outside the stage, hover-capable fine pointers, motion allowed ---------- */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  /* the perspective lives on each device's own parent (a rotate only reads its parent's perspective) */
  .door__stage{perspective:700px}
  .dband__dk,.dband__ph{perspective:1500px}
  .cdoor__dev{perspective:1400px}
  .try__dev{perspective:2000px}
  .smed__dev{perspective:700px}
  /* notes §22 */
  .dband__dk>.dk{rotate:.3 -1 0 7deg}
  .dband__ph>.ph{rotate:.28 1 0 9deg}
  .door__stage>.ph{rotate:.4 1 0 10deg}
  .door__stage>.dk{rotate:.4 -1 0 9deg}
  .door__stage>.pair{rotate:.4 -1 0 8deg}
  .cdoor__dev>.ph{rotate:.3 1 0 8deg}
  .cdoor__dev>.ph+.ph{rotate:.3 -1 0 8deg}
  .try__dev>.dk,.try__dev>.ph,.try__dev>.pair{rotate:1 0 0 3deg}
}

/* ---------- the stage keeps its raster light: no glare layer, no lid gloss, two shadow layers not three ---------- */
.mo__world .glass::after,.mo__world .dk__lid::after{content:none}
.mo__world .ph::before{background:
    radial-gradient(37% 1.7% at 50% 90.8%,rgba(8,22,18,.5),rgba(8,22,18,0)),
    radial-gradient(closest-side,rgba(13,34,28,.26),rgba(31,90,74,.1) 62%,rgba(31,90,74,0))}
.mo__world .dk::after{background:
    radial-gradient(48% 2.6% at 50% 89.6%,rgba(8,22,18,.45),rgba(8,22,18,0)),
    radial-gradient(closest-side,rgba(13,34,28,.24),rgba(31,90,74,.09) 60%,rgba(31,90,74,0))}

/* notes §23 */
/* the screens' own headings are not page headings: the renderers write x-h1/x-h2 (one h1 per page, its own) */
x-h1,x-h2{display:block;font-weight:700}
x-h1{font-size:2em}
x-h2{font-size:1.5em}
/* the film's optional teaser: muted, under the shade, never under reduced motion (the script never builds it then) */
.film__teaser{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.film[data-film-state="placeholder"] .film__play{display:none}
@media (prefers-reduced-motion: reduce){.film__teaser{display:none}}
/* notes §24 */
.film[data-film-aspect="9/16"] .film__bg{filter:blur(40px) saturate(.6) brightness(.42);transform:scale(1.25)}
.film--poster[data-film-aspect="9/16"] .film__fg{left:auto;right:0;width:auto;height:100%;aspect-ratio:9/16;-webkit-mask-image:linear-gradient(90deg,transparent,#000 34%);mask-image:linear-gradient(90deg,transparent,#000 34%)}
.film[data-film-aspect="9/16"] .film__video{background:transparent}
.film[data-film-aspect="9/16"].is-playing .film__fg{display:none}
@media (max-width:760px){.film[data-film-aspect="9/16"]{aspect-ratio:9/16}.film[data-film-aspect="9/16"] .film__fg{left:0;width:100%;-webkit-mask-image:none;mask-image:none}}
/* the house's 44px tap floor on the footer's links (siteDoorContract (h)); the list's own gap is folded into it */
.foot__cols ul{gap:0}
.foot__cols a{display:inline-flex;align-items:center;min-height:44px}
/* notes §25 */
html[data-view=couple] [data-for=supplier],html[data-view=supplier] [data-for=couple],
html:not([data-view=couple]) [data-only=couple],html:not([data-view=supplier]) [data-only=supplier],
html:not([data-view]) [data-only=chosen],html[data-view] [data-only=both]{display:none!important}
/* home's Ayla door, shown once a side is chosen: the seal, never a drawn screen */
.door__seal{width:min(180px,56%);height:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.22));transition:transform .7s var(--ease)}
/* the footer's switch: the 44px tap floor, as the footer's links */
.foot__view{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px}
.foot__view button{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;font:inherit;color:var(--champagne-4);background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.foot__view button[aria-pressed=true]{color:var(--on-night);text-decoration:none}
/* notes §26 */
.vsplash{display:none}
html[data-first] .vsplash{--vs-top:calc(56px + env(safe-area-inset-top,0px));position:fixed;inset:0;z-index:100;display:block;overflow:auto;outline:none;color:var(--ivory);background:radial-gradient(120% 70% at 50% 0%,#183B31 0%,var(--night-deep) 62%)}
.vsplash__intro{position:absolute;left:50%;top:var(--vs-top);width:0;height:0;pointer-events:none}
/* notes §27 */
.vsplash__coin{position:absolute;left:-80px;top:-40px;width:160px;height:80px}
.vsplash__seal,.vsplash__wm{position:absolute;inset:0;margin:auto}
.vsplash__seal{width:76px;height:auto;opacity:0}
.vsplash__wm{width:88px;height:auto}
.vsplash__rule{position:absolute;left:-30px;top:30px;width:60px;height:1px;background:rgba(191,160,103,.55)}
.vsplash__stage{display:flex;flex-direction:column;align-items:center;min-height:100%;padding:calc(var(--vs-top) + 62px) var(--px) calc(24px + var(--safe-b));text-align:center}
.vsplash__h{max-width:30ch;margin-bottom:clamp(28px,5vh,44px);font:400 31px/1.16 var(--play);color:var(--ivory)}
.vsplash__h em{font-style:italic;color:var(--h-em)}
/* notes §28 */
.vsplash__doors{display:grid;grid-template-columns:280px 125px 280px;justify-content:center;align-items:start;width:100%}
.vsplash__door{position:relative;display:grid;justify-items:center;align-content:start;text-decoration:none;color:var(--ivory);cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}
.vsplash__arch{position:relative;display:block;width:280px;aspect-ratio:7/10;border-radius:999px 999px 0 0;box-shadow:0 15px 40px rgba(5,14,11,.55);transition:box-shadow .35s var(--ease)}
.vsplash__arch::before{content:"";position:absolute;inset:-7px;border:1px solid rgba(240,220,166,.4);border-radius:999px 999px 0 0;pointer-events:none;transition:border-color .35s var(--ease)}
.vsplash__arch::after{content:"";position:absolute;inset:-13px;border:2px solid transparent;border-radius:999px 999px 0 0;pointer-events:none}
.vsplash__arch picture{display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit}
.vsplash__ph{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .35s var(--ease)}
.vsplash__mid{position:relative;display:flex;align-items:center;justify-content:center;height:400px}
.vsplash__mid::before,.vsplash__mid::after{content:"";position:absolute;top:50%;height:1px;background:rgba(191,160,103,.35)}
.vsplash__mid::before{left:13px;right:calc(50% + 23px)}
.vsplash__mid::after{right:13px;left:calc(50% + 23px)}
.vsplash__mid img{width:35px;height:auto}
.vsplash__tx{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:31px;text-align:center}
.vsplash__dk{font:500 9.5px/1 var(--sans);letter-spacing:.36em;text-transform:uppercase;color:var(--champagne-4)}
.vsplash__dt{font:400 27px/1.18 var(--play);color:var(--ivory);white-space:nowrap}
.vsplash__go{display:inline-flex;align-items:center;gap:9px;height:36px;margin-top:6px;padding:0 22px;border:1px solid rgba(240,220,166,.6);font:500 9.5px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--ivory);transition:background-color .35s var(--ease),color .35s var(--ease)}
.vsplash__go .arr{width:23px;height:auto;color:var(--champagne-4);transition:transform .35s var(--ease),color .35s var(--ease)}
/* notes §29 */
.vsplash__door:focus-visible .vsplash__arch::before{border-color:rgba(240,220,166,.85)}
.vsplash__door:focus-visible .vsplash__arch::after{border-color:var(--champagne-4)}
.vsplash__door:focus-visible .vsplash__go{background:var(--ivory);color:var(--night)}
.vsplash__door:focus-visible .vsplash__go .arr{color:var(--night)}
@media (hover:hover) and (pointer:fine){
  .vsplash__door:hover .vsplash__arch::before{border-color:rgba(240,220,166,.85)}
  .vsplash__door:hover .vsplash__go{background:var(--ivory);color:var(--night)}
  .vsplash__door:hover .vsplash__go .arr{color:var(--night)}
}
@media (prefers-reduced-motion:no-preference){
  .vsplash__door{transition:transform .35s var(--ease)}
  .vsplash__door:focus-visible{transform:translateY(-4px)}
  .vsplash__door:focus-visible .vsplash__arch{box-shadow:0 22px 50px rgba(5,14,11,.6)}
  .vsplash__door:focus-visible .vsplash__ph{transform:scale(1.03)}
  .vsplash__door:focus-visible .vsplash__go .arr{transform:translateX(5px)}
  .vsplash__door:active{transform:translateY(-1px) scale(.995);transition-duration:.12s}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .vsplash__door:hover{transform:translateY(-4px)}
  .vsplash__door:hover .vsplash__arch{box-shadow:0 22px 50px rgba(5,14,11,.6)}
  .vsplash__door:hover .vsplash__ph{transform:scale(1.03)}
  .vsplash__door:hover .vsplash__go .arr{transform:translateX(5px)}
  .vsplash__door:active{transform:translateY(-1px) scale(.995);transition-duration:.12s}
}
.vsplash__both{position:relative;min-height:44px;margin-top:clamp(20px,5vh,56px);padding:0 14px;font:500 9.5px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--on-night-2);background:none;border:0;cursor:pointer}
.vsplash__both::before,.vsplash__both::after{content:"";position:absolute;top:50%;width:58px;height:1px;background:rgba(191,160,103,.5)}
.vsplash__both::before{right:calc(100% + 3px)}
.vsplash__both::after{left:calc(100% + 3px)}
.vsplash__both:is(:hover,:focus-visible){color:var(--ivory)}
@media (prefers-reduced-motion:no-preference){
  html[data-first] .vsplash{animation:vsplashIn .5s var(--ease) both}
  html[data-first] .vsplash__seal{animation:vsplashSealTurn 1.6s var(--ease) .15s both}
  html[data-first] .vsplash__wm{animation:vsplashWmTurn 1.6s var(--ease) .15s both}
  html[data-first] .vsplash__intro{animation:vsplashLift .9s var(--ease) 1.75s both}
  html[data-first] .vsplash__rule{animation:vsplashRule .5s var(--ease) 2.4s both}
  html[data-first] :is(.vsplash__h,.vsplash__door,.vsplash__mid,.vsplash__both){animation:vsplashUp .9s var(--ease) both}
  html[data-first] .vsplash__h{animation-delay:2.55s}
  html[data-first] .vsplash__door:first-child{animation-delay:2.75s}
  html[data-first] :is(.vsplash__door:last-child,.vsplash__mid){animation-delay:2.9s}
  html[data-first] .vsplash__both{animation-delay:3.2s}
  html[data-first] .vsplash.is-skip,html[data-first] .vsplash.is-skip *{animation-delay:0s!important;animation-duration:.3s!important}
  /* feat-site-doors-lead-home-6oct W1: back at the doors in the same visit (a side already chosen), the entrance is at rest: .is-skip's timing from the start */
  html[data-first][data-seen] .vsplash,html[data-first][data-seen] .vsplash *{animation-delay:0s!important;animation-duration:.3s!important}
}
@keyframes vsplashIn{from{opacity:0}to{opacity:1}}
@keyframes vsplashSealTurn{0%{opacity:0;transform:scale(.86)}25%{opacity:1;transform:scale(1)}55%{opacity:1;transform:scale(1)}76%{opacity:1;transform:scaleX(0)}76.1%,100%{opacity:0;transform:scaleX(0)}}
@keyframes vsplashWmTurn{0%,76%{opacity:0;transform:scaleX(0)}76.1%{opacity:1;transform:scaleX(0)}100%{opacity:1;transform:scaleX(1)}}
@keyframes vsplashLift{from{top:50%;scale:1.3}to{top:var(--vs-top);scale:1}}
@keyframes vsplashUp{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes vsplashRule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* the menu's small switch (round 2b, his word 4 Oct): who the site is showing, changed in one press */
.sheet__view{display:flex;flex-wrap:wrap;align-items:center;gap:0 20px;margin:4px 0 16px;border-bottom:1px solid var(--hair-n)}
.sheet__view span{margin-right:4px;font:500 10px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--on-night-2)}
.sheet__view button{position:relative;min-height:44px;padding:0;border:0;background:none;font:500 11.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--on-night-2);cursor:pointer;transition:color .3s var(--ease)}
.sheet__view button:hover{color:var(--ivory)}
.sheet__view button[aria-pressed=true]{color:var(--champagne-4)}
.sheet__view button[aria-pressed=true]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--champagne-4)}
/* notes §30 */
.sheet{background:radial-gradient(120% 70% at 50% 0%,#183B31 0%,var(--night-deep) 70%) var(--night-deep)}
.sheet__view{border-bottom-color:rgba(191,160,103,.43)}
.scard{border-color:rgba(191,160,103,.47);background:var(--night-deep)}
.scard .smed{background:var(--night-deep)}
.scard .smed::after{background:linear-gradient(90deg,rgba(13,34,28,.94) 0%,rgba(13,34,28,.75) 44%,rgba(13,34,28,.12) 72%,rgba(13,34,28,0) 100%)}
.sheet__links a{border-bottom-color:rgba(191,160,103,.27)}
.sheet__foot{background:var(--night-deep);border-top-color:rgba(191,160,103,.43)}
.sheet__foot .btn.btn--primary{min-height:48px;padding:0 18px;border-radius:0;background:var(--ivory);--b:var(--ivory);color:var(--night);font-size:12px;letter-spacing:.2em}
.sheet__foot .btn.btn--primary:hover{background:#fff;--b:#fff}
.sheet__foot .btn.btn--primary .arr{width:26px}
.sheet__badge{display:flex;align-items:center;gap:10px;margin-top:14px}
.sheet__badge img{width:30px;height:auto;flex:none}
.sheet__badge-l{display:flex;flex-direction:column;font:400 14px/1.25 var(--play);color:rgba(250,244,232,.8)}
.sheet__badge-l em{font-style:italic;color:var(--champagne-4)}
.sheet__badge-n{margin-left:auto;font:500 10px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--champagne-4)}
/* ================= round 2 · THE AYLA PAGE (W5): how she works, what she does on each side, and her limits ================= */
.ay .h2{max-width:24ch;margin:12px 0 clamp(28px,4vw,52px)}
.ay__never{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(20px,3vw,48px);margin:0;padding:0;border-top:1px solid var(--hair-n2)}
.ay__never li{padding:20px 0;border-bottom:1px solid var(--hair-n);font:400 clamp(1.2rem,1rem + .7vw,1.6rem)/1.3 var(--play);color:var(--ivory)}
@media (max-width:960px){.ay__never{grid-template-columns:1fr}}
/* the Ayla page: the diagram */
.ayd{--h:var(--night);--soft:var(--ink-soft);--kick:var(--champagne-ink);--line:var(--champagne);--la:.55;--meta:var(--ink-meta);--dim:rgba(20,51,43,.22);--s1:rgba(13,34,28,.26);--s2:rgba(13,34,28,.14);--sl:cubic-bezier(.65,0,.35,1);overflow:hidden}
.ayd[data-ground=emerald]{--h:var(--ivory);--soft:rgba(250,244,232,.82);--kick:var(--champagne-4);--line:var(--champagne-4);--la:.42;--meta:rgba(250,244,232,.62);--dim:rgba(13,34,28,.3);--s1:rgba(8,26,21,.45);--s2:rgba(8,26,21,.25)}
.ayd__head,.ayd__side>.h2,.ayd__side>.lede{text-align:center;margin-inline:auto}
.ayd .kicker{justify-content:center}
.ayd .kicker::after{content:"";width:28px;height:1px;background:currentColor;opacity:.7}
.ayd__sw{display:flex;justify-content:center;gap:28px;margin:-8px 0 14px}
.ayd:not(.is-on) .ayd__sw{visibility:hidden}
.ayd__sw button{position:relative;min-height:44px;font-size:15px;color:var(--soft);transition:color .3s var(--ease)}
.ayd__sw button:hover,.ayd__sw [aria-pressed=true]{color:var(--h)}
.ayd__sw [aria-pressed=true]::after{content:"";position:absolute;left:0;right:0;bottom:9px;height:1px;background:var(--line)}
.ayd__side>.h2{max-width:20ch;margin-bottom:18px}
.ayd:not(.is-on) .ayd__side+.ayd__side{margin-top:var(--sec)}
.ayd .lede{color:var(--soft)}
.ayd__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px 28px;margin-top:clamp(36px,5vw,64px);padding-top:28px;border-top:1px solid var(--champagne-3)}
.ayd.is-on .ayd__list{display:none}
.ayd__n,.ayd__st b,.ayd__cap b{display:block;font:500 11px/1 var(--sans);letter-spacing:.2em;color:var(--kick)}
.ayd__t{margin:10px 0 8px;font:400 1.3rem/1.2 var(--play)}
.ayd__list p{font-size:15.5px;line-height:1.55;font-weight:300;color:var(--soft)}
.ayd__foot{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:clamp(48px,6vw,80px);font:500 12px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--kick);text-align:center}
.ayd__foot::before,.ayd__foot::after{content:"";flex:none;width:64px;height:1px;background:var(--line);opacity:var(--la)}
.ayd__stage{display:grid;grid-template-columns:740px 1fr;gap:40px;align-items:start;margin-top:clamp(40px,5vw,72px)}
.ayd__dial{position:relative;width:740px;height:560px;--cx:370px;--cy:280px;margin-top:14px}
.ayd__dial svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ayd__ring{fill:none;stroke:var(--line);stroke-opacity:var(--la);stroke-dasharray:var(--c);transition:stroke-dashoffset 2.2s var(--sl)}
.ayd__ring+.ayd__ring{stroke-opacity:calc(var(--la)*.55)}
.ayd__sp{fill:none;stroke:var(--line);stroke-opacity:.9;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset .9s var(--sl)}
.ayd__sp.on{stroke-dashoffset:0}
.ayd__dot{fill:var(--line);transition:r .5s var(--ease),opacity .5s}
.ayd__halo{fill:none;stroke:var(--line);stroke-opacity:0;transition:stroke-opacity .5s,r .6s var(--ease)}
.ayd__halo.on{stroke-opacity:.55}
.ayd__seal{position:absolute;left:calc(var(--cx) - 52px);top:calc(var(--cy) - 58px);width:104px;height:101px;background:url(/img/v6/brand/ayla-seal-clean.webp) 0 0/100% 100%;filter:drop-shadow(0 10px 18px rgba(13,34,28,.22))}
.ayd__seal.is-sp{background:url(/img/v6/ayla/seal-sweep.webp) 0 0/1976px 101px}
.ayd__seal.sweep{animation:aydSweep 1.05s steps(18) both}
@keyframes aydSweep{to{background-position:-1872px 0}}
.ayd__who{position:absolute;left:var(--cx);top:calc(var(--cy) + 56px);transform:translateX(-50%);text-align:center;pointer-events:none;white-space:nowrap}
.ayd__who b{display:block;font:400 26px/1 var(--play);color:var(--h)}
.ayd__who i{display:block;margin-top:6px;font:italic 500 17px/1.3 var(--corm);color:var(--soft)}
.ayd__st{position:absolute;left:0;top:0;padding:6px 4px;color:var(--soft);white-space:nowrap;transition:color .35s,opacity .8s var(--ease)}
.ayd__st b{margin-bottom:6px;font-size:10.5px}
.ayd__st span{display:inline-block;position:relative;font:400 16px/1.15 var(--play)}
.ayd__st span::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:var(--line);transform:scaleX(0);transform-origin:var(--o);transition:transform .6s var(--sl)}
.ayd__st:hover,.ayd__st:focus-visible,.ayd__st[aria-pressed=true]{color:var(--h)}
.ayd__st[aria-pressed=true] span::after{transform:none}
.ayd__hint{position:absolute;left:var(--cx);bottom:-6px;transform:translateX(-50%);font:500 10px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--meta);white-space:nowrap}
.ayd__show{display:flex;flex-direction:column;align-items:center;transition:opacity 1.4s var(--ease),transform 1.4s var(--ease)}
.ayd__dev{--k:.47;width:calc(618px*var(--k));height:calc(1251px*var(--k));perspective:1600px;touch-action:pan-y}
.ayd__plate{width:618px;height:1251px;transform-origin:0 0;transform:scale(var(--k))}
.ayd__tilt{position:relative;height:100%;transform-style:preserve-3d;transition:transform .9s var(--ease);filter:drop-shadow(0 40px 46px var(--s1)) drop-shadow(0 8px 12px var(--s2))}
.ayd__tilt>img{position:absolute;left:0;top:0;width:618px;max-width:none;height:1251px}
.ayd__glass{mix-blend-mode:screen;opacity:.22;pointer-events:none}
.ayd__warp{position:absolute;left:0;top:0;width:780px;height:1688px;transform-origin:0 0;transform:matrix3d(.65447847,-.00949193,0,-.00001787,-.0059833,.66107399,0,-.00000567,0,0,1,0,49.9204,59.156,0,1);border-radius:84px;overflow:hidden;background:var(--night-deep)}
.ayd__warp>*{position:absolute;inset:0;width:780px;height:1688px}
.ayd__warp picture{opacity:0;transition:opacity .8s var(--ease)}
.ayd__warp picture.on{opacity:1}
.ayd__warp img{max-width:none;width:100%;height:100%}
.ayd__veil{fill:var(--dim);opacity:0}
.ayd__frame{fill:none;stroke:var(--champagne);stroke-width:4;opacity:0}
.ayd__hole,.ayd__frame,.ayd__veil{transition:x .8s var(--sl),y .8s var(--sl),width .8s var(--sl),height .8s var(--sl),opacity .6s var(--ease)}
.focus>.ayd__veil,.focus>.ayd__frame{opacity:1}
.ayd__cap{max-width:400px;min-height:132px;margin-top:30px;text-align:center}
.ayd__cap>div{transition:opacity .45s var(--ease),transform .6s var(--ease)}
.ayd__cap>.out{opacity:0;transform:translateY(6px)}
.ayd__cap h3{margin:12px 0 10px;font:400 28px/1.15 var(--play)}
.ayd__cap p{font-size:16px;line-height:1.6;color:var(--soft)}
.ayd__nav{display:none;align-items:center;justify-content:center;gap:22px;margin-top:22px;font:500 11px/1 var(--sans);letter-spacing:.22em;color:var(--kick)}
.ayd__nav button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);color:var(--h)}
.ayd__nav svg{width:18px;height:10px;fill:none;stroke:currentColor;stroke-width:1.2}
.ayd.pre .ayd__ring{stroke-dashoffset:var(--c)}
.ayd.pre :is(.ayd__st,.ayd__dot,.ayd__seal,.ayd__who){opacity:0}
.ayd__seal,.ayd__who{transition:opacity 1.4s var(--ease)}
.ayd.pre .ayd__show{opacity:0;transform:translateY(18px)}
@media (max-width:1180px){.ayd__stage{grid-template-columns:1fr 1fr;gap:0;align-items:center}.ayd__dial{transform:scale(.8);margin:-56px -74px}}
@media (max-width:960px){.ayd__stage{grid-template-columns:1fr;gap:8px}.ayd__dial{transform:none;margin:0 auto 6px;width:300px;height:300px;--cx:150px;--cy:150px}
  .ayd__st span,.ayd__hint,.ayd__who i{display:none}.ayd__st{padding:10px}.ayd__st b{margin:0;font-size:11px}.ayd__seal{transform:scale(.72)}.ayd__who{top:calc(var(--cy) + 46px)}.ayd__who b{font-size:18px}
  .ayd__dev{--k:.41}.ayd__nav{display:flex}.ayd__cap{margin-top:22px;min-height:150px}.ayd__cap h3{font-size:24px}.ayd__cap p{font-size:15px}}
@media (prefers-reduced-motion:reduce){.ayd *{transition-duration:.01ms!important;animation:none!important}}
/* ================= round 2 · HOW IT WORKS (W6): one section on every door page, each track [data-for] its side ================= */
.hiw .h2{max-width:22ch;margin:12px 0 clamp(26px,3.6vw,44px)}
.hiw__tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,36px);align-items:start}
.hiw__track{padding:26px 0 6px;border-radius:0;background:none;border:0;border-top:1px solid var(--champagne-3)}
.hiw__who{margin-bottom:14px;font:400 clamp(1.4rem,1.15rem + .8vw,1.9rem)/1.15 var(--play);color:var(--night)}
.hiw__steps{list-style:none;counter-reset:hiw;margin:0;padding:0}
.hiw__steps li{position:relative;counter-increment:hiw;padding:12px 0 12px 44px;border-top:1px solid var(--hair-l);font-size:15.5px;line-height:1.5;font-weight:300}
.hiw__steps li::before{content:counter(hiw,decimal-leading-zero);position:absolute;left:0;top:13px;font:italic 400 15px/1.4 var(--play);color:var(--champagne-ink)}
.hiw__steps b{font-weight:500}
.hiw__more{align-self:start;font-size:15.5px;padding-top:28px;border-top:1px solid var(--champagne-3)}
.hiw__more a{color:var(--emerald);text-underline-offset:3px}
@media (max-width:760px){.hiw__tracks{grid-template-columns:1fr}}
/* notes §31 */
html[data-view] .ends__grid:has(>.end[data-for]){grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
@media (max-width:960px){html[data-view] .ends__grid:has(>.end[data-for]){grid-template-columns:1fr}}
/* notes §32 */
.wl>.fld+.fld{margin-top:18px}
.wl>.btn{margin-top:24px}
@media (max-width:760px){.vsplash__stage{padding-top:calc(var(--vs-top) + 74px)}
  .vsplash__wm{width:72px}.vsplash__rule{top:26px}
  .vsplash__h{max-width:none;margin-bottom:46px;font-size:23px}.vsplash__h em{display:block}
  .vsplash__doors{grid-template-columns:repeat(2,minmax(0,159px));gap:20px}
  .vsplash__mid{display:none}
  .vsplash__arch{width:100%;aspect-ratio:3/5}
  .vsplash__arch::before{inset:-5px}.vsplash__arch::after{inset:-11px}
  .vsplash__tx{gap:7px;padding-top:24px}
  .vsplash__dk{font-size:8px;letter-spacing:.3em}
  .vsplash__dt{font-size:19px;line-height:1.16;white-space:normal}
  .vsplash__door:first-child .vsplash__dt{max-width:7.6em}.vsplash__door:last-child .vsplash__dt{max-width:4.4em}
  .vsplash__go{height:27px;margin-top:5px;padding:0 15px;font-size:8px;letter-spacing:.28em;gap:7px}
  .vsplash__go .arr{width:17px}
  .vsplash__both{margin-top:clamp(18px,6vh,64px);font-size:8.5px}
  .vsplash__both::before,.vsplash__both::after{width:58px}}
/* T1b · metric-matched fallbacks for Playfair Display: the words keep their size and their lines while the font arrives */
@font-face{font-family:"Playfair Fallback";src:local("Georgia");size-adjust:101%;ascent-override:106.9%;descent-override:24.8%;line-gap-override:0%}
@font-face{font-family:"Playfair Fallback";font-style:italic;src:local("Georgia Italic"),local("Georgia-Italic");size-adjust:93.8%;ascent-override:115.1%;descent-override:26.7%;line-gap-override:0%}
@font-face{font-family:"Playfair Fallback T";src:local("Times New Roman"),local("TimesNewRomanPSMT"),local("Liberation Serif"),local("LiberationSerif");size-adjust:109.8%;ascent-override:98.4%;descent-override:22.8%;line-gap-override:0%}
@font-face{font-family:"Playfair Fallback T";font-style:italic;src:local("Times New Roman Italic"),local("TimesNewRomanPS-ItalicMT"),local("Liberation Serif Italic"),local("LiberationSerif-Italic");size-adjust:104.7%;ascent-override:103.2%;descent-override:23.9%;line-gap-override:0%}
:root{--play:"Playfair Display","Playfair Fallback","Playfair Fallback T",Georgia,"Times New Roman",serif}

/* ---------- S3 12 Oct 17:5x DRAFT: ONE top bar, emerald, on every page (Stephen 17:46; token O1 TOPBAR_TOKEN) ---------- */
html .mast,html .mast[data-tone],html .mast[data-tone][data-g]{--tint:#1F5A4A;--hl:rgba(240,220,166,.14);color:#FAF4E8}
html .mast::before,html .mast.is-frost::before{opacity:1;background:#1F5A4A;border-bottom:1px solid rgba(240,220,166,.14)}
html .mast[data-tone] .mast__brand .wm-ink{display:none}
html .mast[data-tone] .mast__brand .wm-light{display:block}
html .mast .nl-a.is-cur{color:#F0DCA6;opacity:1}
html .mast[data-tone] .mast__cta{border-color:rgba(240,220,166,.6);color:#FAF4E8}
html .mast[data-tone] .mast__cta:hover{background:#F0DCA6;border-color:#F0DCA6;color:#14332B}
html .sheet{background:#1F5A4A;color:#FAF4E8}
html .sheet a[aria-current],html .sheet .is-cur{color:#F0DCA6}
/* S3 DRAFT: pricing heroes clear the solid bar (O4 FIX 2) */
html main>section.pr-top{padding-top:calc(var(--bar,64px) + clamp(28px,5svh,60px)) !important}