@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 300 500;
  font-display: swap;
  src: url(fonts/fraunces-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url(fonts/fraunces-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(fonts/inter-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{
  --cream:#F6EEE6; --paper:#FBF7F2; --plum:#3A1830; --plum-2:#5B2A4A; --ink:#2A1622;
  --muted:#7A6170; --blush:#EBC9C3; --rose:#C76E7C; --line:rgba(58,24,48,.14);
  --serif:'Fraunces', 'Iowan Old Style', Georgia, serif; --sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-height:100vh;min-height:100svh;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;
  display:flex;flex-direction:column;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;
  background:radial-gradient(120% 70% at 50% 0%, #FBF5EF 0%, var(--cream) 60%)}
.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;will-change:transform}
.b1{width:420px;height:420px;background:#F0CFC7;top:-140px;right:-160px;animation:drift 18s ease-in-out infinite alternate}
.b2{width:360px;height:360px;background:#E6C7D6;bottom:-120px;left:-170px;animation:drift 22s ease-in-out infinite alternate-reverse}
.b3{width:260px;height:260px;background:#F4DEC8;top:42%;right:-140px;opacity:.45;animation:drift 26s ease-in-out infinite alternate}
@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(-30px,24px) scale(1.08)}}

.top{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 0;max-width:1080px;width:100%;margin:0 auto}
.mark{display:flex;flex-direction:column;line-height:1;text-decoration:none;color:var(--plum)}
.mark-main{font-family:var(--serif);font-size:22px;font-weight:500;letter-spacing:-.01em;font-variation-settings:"opsz" 60}
.mark-sub{font-size:9.5px;letter-spacing:.32em;text-transform:uppercase;margin-top:5px;color:var(--plum-2);opacity:.8}
.pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--plum);
  border:1px solid var(--line);background:rgba(251,247,242,.6);padding:7px 12px;border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--rose);box-shadow:0 0 0 0 rgba(199,110,124,.5);animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(199,110,124,.45)}70%{box-shadow:0 0 0 8px rgba(199,110,124,0)}100%{box-shadow:0 0 0 0 rgba(199,110,124,0)}}

main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:0 24px}
.hero{max-width:640px;padding:clamp(44px,10vh,104px) 0 36px}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--rose);margin-bottom:18px}
h1{font-family:var(--serif);font-weight:400;font-variation-settings:"opsz" 96;color:var(--plum);
  font-size:clamp(38px,10.4vw,72px);line-height:1.05;letter-spacing:-.015em;text-wrap:balance}
h1 em{display:block;font-style:italic;font-weight:300;color:var(--rose);margin-top:.14em}
h1 .num{font-style:italic;font-weight:300}
.sub{margin-top:20px;font-size:clamp(16px,4.3vw,19px);line-height:1.55;color:var(--muted);max-width:30em}

.join{margin-top:30px;display:grid;gap:10px;max-width:460px}
.field input{width:100%;font:inherit;font-size:17px;color:var(--ink);background:var(--paper);
  border:1px solid var(--line);border-radius:14px;padding:17px 18px;outline:none;transition:border-color .2s,box-shadow .2s;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset, 0 6px 22px -14px rgba(58,24,48,.35)}
.field input::placeholder{color:#A8939F}
.field input:focus{border-color:var(--plum-2);box-shadow:0 0 0 4px rgba(91,42,74,.12)}
.join.err .field input{border-color:var(--rose);box-shadow:0 0 0 4px rgba(199,110,124,.15)}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
#btn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;border-radius:14px;
  padding:17px 20px;font-size:17px;font-weight:600;letter-spacing:.01em;color:#FBF3F0;
  background:linear-gradient(180deg,#4A1F3D 0%,var(--plum) 100%);box-shadow:0 12px 28px -12px rgba(58,24,48,.6);
  transition:transform .15s ease, box-shadow .2s ease, opacity .2s}
#btn:hover{box-shadow:0 16px 34px -12px rgba(58,24,48,.7)}
#btn:active{transform:scale(.985)}
#btn:focus-visible,.ghost:focus-visible,.mark:focus-visible{outline:3px solid var(--rose);outline-offset:3px}
#btn[disabled]{opacity:.8;cursor:progress}
.spinner{display:none;width:16px;height:16px;border-radius:50%;border:2px solid rgba(251,243,240,.35);border-top-color:#FBF3F0;animation:spin .7s linear infinite}
.loading .spinner{display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}
.hint{font-size:13.5px;color:var(--muted);padding-left:2px}
.join.err .hint{color:#A3404F}

.done{margin-top:30px;max-width:460px;background:rgba(251,247,242,.75);border:1px solid var(--line);border-radius:20px;
  padding:26px 24px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 18px 40px -24px rgba(58,24,48,.45);
  animation:pop .5s cubic-bezier(.2,.9,.3,1.2) both;outline:none}
.done h2{font-family:var(--serif);font-weight:400;font-size:34px;letter-spacing:-.02em;color:var(--plum);margin-top:14px;line-height:1.1}
.done p{color:var(--muted);margin-top:6px;font-size:16px}
.done .done-small{font-size:14px;margin-top:14px}
.check svg{width:46px;height:46px;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.check circle{stroke:var(--blush);fill:#F6E3DE}
.check path{stroke:var(--plum);stroke-dasharray:40;stroke-dashoffset:40;animation:draw .6s .25s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.ghost{margin-top:16px;background:transparent;border:1px solid var(--line);color:var(--plum);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600}

.perks{display:grid;grid-template-columns:1fr;gap:0;max-width:460px;border-top:1px solid var(--line);margin-top:8px}
.perks div{display:flex;gap:16px;align-items:baseline;padding:15px 0;border-bottom:1px solid var(--line)}
.perks .k{font-family:var(--serif);font-style:italic;font-weight:300;font-size:15px;color:var(--rose);min-width:22px}
.perks p{font-size:15px;color:var(--ink)}
.first{margin:26px 0 40px;font-family:var(--serif);font-style:italic;font-weight:300;font-size:20px;color:var(--plum-2)}
.first strong{font-weight:500;font-style:normal}
.foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 24px calc(18px + env(safe-area-inset-bottom));
  max-width:1080px;width:100%;margin:0 auto;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}

.rise{opacity:0;transform:translateY(14px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--d) * 90ms + 80ms)}
@keyframes rise{to{opacity:1;transform:none}}

@media (min-width:900px){
  .hero{padding-top:120px}
  .perks{grid-template-columns:repeat(3,1fr);max-width:820px;gap:28px;border-top:0}
  .perks div{flex-direction:column;gap:6px;border-bottom:0;border-top:1px solid var(--line)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}
  .rise{opacity:1;transform:none}
}
.nw{white-space:nowrap}

/* ---- 2026-10-22: nav, phone+email form, story, counter, R&D crew ---- */
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:16px}
.nav{display:flex;align-items:center;gap:14px}
.navlink{font-size:13px;font-weight:500;color:var(--plum);text-decoration:none;border-bottom:1px solid rgba(58,24,48,.3);padding-bottom:1px}
.navlink:hover{border-bottom-color:var(--plum)}
.field.phone{display:flex;gap:8px}
.ccwrap,.selwrap{position:relative;display:block}
.ccwrap{flex:0 0 auto}
.ccwrap::after,.selwrap::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:1.5px solid var(--plum-2);border-bottom:1.5px solid var(--plum-2);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.field select{appearance:none;-webkit-appearance:none;font:inherit;font-size:17px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:14px;
  padding:17px 32px 17px 14px;outline:none;box-shadow:0 1px 0 rgba(255,255,255,.8) inset, 0 6px 22px -14px rgba(58,24,48,.35);transition:border-color .2s,box-shadow .2s}
.field .ccwrap select{width:92px;color:transparent}
.ccwrap select option{color:var(--ink)}
.ccwrap .ccshow{position:absolute;z-index:2;left:15px;top:50%;transform:translateY(-50%);font-size:17px;pointer-events:none;color:var(--ink)}
.field .selwrap select{width:100%}
.field select:focus{border-color:var(--plum-2);box-shadow:0 0 0 4px rgba(91,42,74,.12)}
.field.phone input{flex:1;min-width:0}
.join.err .field.bad input,.crew-form.err .field.bad input,.crew-form.err .field.bad select{border-color:var(--rose);box-shadow:0 0 0 4px rgba(199,110,124,.15)}
.join.err .field input{border-color:var(--line)}
.join.err .field.bad input{border-color:var(--rose)}

.done .ghost{margin-top:16px}
.crew-cta{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.crew-q{font-family:var(--serif);font-style:italic;font-weight:300;font-size:20px;color:var(--plum-2);margin:0!important}
.crew-btn{margin-top:10px;background:var(--plum);color:#FBF3F0;border:0;border-radius:999px;padding:11px 18px;font-size:14.5px;font-weight:600}

.story{max-width:640px;padding:64px 0 8px}
.story h2{font-family:var(--serif);font-weight:400;font-variation-settings:"opsz" 96;color:var(--plum);font-size:clamp(34px,9vw,54px);line-height:1.05;letter-spacing:-.015em}
.photos{margin:26px 0 24px}
.photos:empty{display:none}
.photos .ph{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#5a4a3e;aspect-ratio:853/993;max-width:460px}
.photos .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}
.story-text p{font-size:clamp(17px,4.5vw,19px);line-height:1.6;color:var(--ink);margin-top:14px}
.story-text p:first-child{margin-top:0}
.sig{margin-top:22px;font-family:var(--serif);font-style:italic;font-size:21px;color:var(--plum)}
.sig span{display:block;font-family:var(--sans);font-style:normal;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:4px}

.tally{max-width:520px;margin:56px 0 0;padding:28px 0 8px;border-top:1px solid var(--line)}
.tally .first{margin:0 0 4px}
.counter-line{font-family:var(--serif);font-size:clamp(22px,6.2vw,34px);line-height:1.15;color:var(--plum);letter-spacing:-.01em}
.counter-line strong{font-weight:500}
.counter-line em{white-space:nowrap;font-style:italic;font-weight:300;color:var(--rose)}
.bar{margin-top:14px;height:10px;border-radius:999px;background:rgba(58,24,48,.08);overflow:hidden;box-shadow:inset 0 1px 2px rgba(58,24,48,.08)}
.bar span{display:block;height:100%;width:0;min-width:10px;border-radius:999px;background:linear-gradient(90deg,var(--rose),#A84F64);transition:width 1.2s cubic-bezier(.2,.7,.2,1)}
.tally-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}
.tally-actions .ghost{margin-top:0}
.claim{display:inline-flex;align-items:center;border-radius:999px;padding:11px 18px;font-size:14px;font-weight:600;color:#FBF3F0;background:var(--plum);text-decoration:none}
.crew-link{margin:18px 0 40px;font-size:14.5px}
.crew-link a{color:var(--plum-2);text-decoration:none;border-bottom:1px solid rgba(91,42,74,.35)}

.crew{max-width:460px;margin:0 0 48px}
.done .crew{margin:18px 0 0}
.crew-form,.crew-done{display:grid;gap:12px;background:rgba(251,247,242,.75);border:1px solid var(--line);border-radius:20px;padding:22px 20px;
  box-shadow:0 18px 40px -24px rgba(58,24,48,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.done .crew-form,.done .crew-done{background:transparent;border:0;box-shadow:none;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.crew-form h3,.crew-done h3{font-family:var(--serif);font-weight:400;font-size:28px;color:var(--plum);line-height:1.1}
.crew-sub,.crew-done p{font-size:15px;color:var(--muted);margin-top:-4px}
.crew-form label:not(.sr):not(.check-row){display:block;font-size:13.5px;font-weight:500;color:var(--plum-2);margin:0 0 6px 2px}
.crew-form .field input,.crew-form .field select{font-size:16px;padding:14px 15px}
.crew-form .ccwrap select{padding-right:30px}
.check-row{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--ink);padding:4px 2px;cursor:pointer}
.check-row input{width:22px;height:22px;flex:0 0 22px;accent-color:var(--plum);margin-top:1px}
.crew-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;border-radius:14px;padding:15px 20px;font-size:16px;font-weight:600;color:#FBF3F0;
  background:linear-gradient(180deg,#4A1F3D 0%,var(--plum) 100%);box-shadow:0 12px 28px -12px rgba(58,24,48,.6)}
.crew-submit[disabled]{opacity:.8;cursor:progress}
.crew-form.err #crew-hint{color:#A3404F}
@media (max-width:360px){.nav{gap:10px}.pill{padding:6px 10px;font-size:11px}.navlink{font-size:12px}}
@media (min-width:900px){.story{padding-top:96px}.tally{margin-top:72px}}

/* ---- 2026-10-22: story teaser + full-story sheet (text from story.md) ---- */
.sig-top{margin:-8px 0 22px;font-size:19px}
.story-teaser p.pull{font-size:clamp(18px,4.8vw,20px);line-height:1.5;color:var(--plum);border-left:3px solid var(--rose);padding-left:14px;margin-top:20px}
.story-teaser strong,.sheet-body strong{font-weight:600;color:var(--plum)}
.read-story{display:inline-flex;align-items:center;gap:8px;margin-top:26px;border-radius:999px;padding:14px 22px;min-height:48px;font-size:16px;font-weight:600;color:#FBF3F0;text-decoration:none;
  background:linear-gradient(180deg,#4A1F3D 0%,var(--plum) 100%);box-shadow:0 12px 28px -12px rgba(58,24,48,.6)}
.read-story:active{transform:scale(.985)}
.read-story:focus-visible,.sheet-close:focus-visible,.sheet-join:focus-visible{outline:3px solid var(--rose);outline-offset:3px}
.story-sheet{display:none;position:fixed;inset:0;z-index:50;background:var(--paper);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.story-sheet.open,.story-sheet:target{display:block}
html.sheet-open,html.sheet-open body{overflow:hidden}
.sheet-bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:calc(10px + env(safe-area-inset-top)) 18px 10px;background:rgba(251,247,242,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.sheet-label{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--rose)}
.sheet-close{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;color:var(--plum);font-size:15px;font-weight:600;text-decoration:none;background:#fff}
.sheet-body{max-width:36rem;margin:0 auto;padding:30px 22px calc(56px + env(safe-area-inset-bottom))}
.sheet-body h2{font-family:var(--serif);font-weight:400;font-variation-settings:"opsz" 96;color:var(--plum);font-size:clamp(32px,8.5vw,48px);line-height:1.08;letter-spacing:-.015em;margin-bottom:22px}
.sheet-body p{font-size:17px;line-height:1.72;color:var(--ink);margin-top:1.15em}
.sheet-body h2+p{margin-top:0}
.sheet-body p.sig-dk{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--plum);margin-top:1.6em}
.sheet-cta{margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}
.sheet-join{min-height:52px;padding:14px 26px;font-size:16px}
@media (min-width:700px){.sheet-body{padding-top:48px}.sheet-body p{font-size:18px}}
.story-sheet.js:not(.open){display:none!important}

/* ---- 2026-10-22 v3: full-story overlay as chapters, pull quotes and photo breaks ---- */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/cormorant-600-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:600;font-display:swap;src:url(fonts/cormorant-600-italic.woff2) format('woff2')}
.story-sheet{--aub:#0B080D;--lav:#D2AFE2;--lav-soft:#F1E6F6}
.sheet-body .eyebrow-story{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--aub);margin:4px 0 12px;display:flex;align-items:center;gap:10px}
.sheet-body .eyebrow-story::before{content:"";width:26px;height:2px;border-radius:2px;background:var(--lav)}
.sheet-body h2{font-family:'Cormorant Garamond',var(--serif);font-weight:600;font-variation-settings:normal;color:var(--aub);font-size:clamp(42px,12vw,64px);line-height:1;letter-spacing:-.01em;margin-bottom:34px}
.sheet-body .ch{margin-top:44px}
.sheet-body h2+.ch{margin-top:0}
.sheet-body .ch-label{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-family:var(--sans);font-size:12px!important;line-height:1.2!important;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--aub)}
.sheet-body .ch-num{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;padding:0 9px;border-radius:999px;background:var(--aub);color:var(--lav);letter-spacing:.08em}
.sheet-body .ch-title{color:#6B4C7A}
.sheet-body .ch-label+p{margin-top:0}
.sheet-body .ch p strong{color:var(--aub);font-weight:600;background:linear-gradient(transparent 62%,var(--lav-soft) 62%)}
.sheet-body .pq{margin:46px -22px 0;padding:40px 28px 42px;background:var(--aub);color:var(--lav);position:relative;overflow:hidden}
.sheet-body .pq::after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(210,175,226,.22),rgba(210,175,226,0) 70%)}
.sheet-body .pq blockquote{max-width:30rem;margin:0 auto}
.sheet-body .pq p{font-family:'Cormorant Garamond',var(--serif);font-weight:600;font-size:clamp(30px,8.4vw,40px);line-height:1.12;letter-spacing:-.005em;color:var(--lav);margin:0}
.sheet-body .pq .pq-mark{color:#F5EFE6;opacity:.9}
.sheet-body .sph{margin:44px 0 0}
.sheet-body .sph img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 18px 40px -24px rgba(11,8,13,.45)}
.sheet-body p.sig-dk{font-family:'Cormorant Garamond',var(--serif);font-style:italic;font-weight:600;font-size:28px;color:var(--aub);margin-top:1.4em}
.sheet-cta .sheet-join{background:var(--aub);color:var(--lav)}
@media (min-width:700px){.sheet-body .pq{margin-left:0;margin-right:0;border-radius:24px;padding:48px 44px}.sheet-body .ch-label{font-size:12px!important}}

/* 2026-10-22 v4: Devika's video breaks (tap-to-play with sound) + chapter 04 product grid (brand names blurred) */
.sheet-body .svid{margin:44px 0 0}
.sheet-body .ch .svid{margin:26px 0 8px}
.sheet-body .svid-box{position:relative;width:100%;border-radius:20px;overflow:hidden;background:var(--aub);box-shadow:0 18px 40px -24px rgba(11,8,13,.45)}
.sheet-body .svid video{display:block;width:100%;height:100%;object-fit:cover;background:var(--aub)}
.sheet-body .svid-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:0;padding:0;margin:0;background:linear-gradient(180deg,rgba(11,8,13,0) 45%,rgba(11,8,13,.35));cursor:pointer}
.sheet-body .svid-play svg{width:66px;height:66px;padding:18px 16px 18px 20px;border-radius:50%;background:rgba(11,8,13,.62);fill:var(--lav);box-shadow:0 0 0 2px rgba(210,175,226,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .2s}
.sheet-body .svid-play:hover svg{transform:scale(1.06)}
.sheet-body .svid-play:focus-visible{outline:3px solid var(--lav);outline-offset:-6px}
.sheet-body .svid.playing .svid-play{display:none}
.sheet-body .svid figcaption{display:table;margin:12px auto 0;padding:6px 13px;border-radius:999px;background:var(--aub);color:var(--lav);font-family:var(--sans);font-size:11.5px;line-height:1.35;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-align:center;max-width:100%}
.sheet-body .sgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0 4px}
.sheet-body .sgrid img{display:block;width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;border-radius:14px;background:#E9DFE6}
.sheet-body .sgrid img:last-child:nth-child(odd){grid-column:1/-1;aspect-ratio:4/3}
@media (min-width:700px){.sheet-body .svid-tall .svid-box{max-width:460px;margin:0 auto}}