/* Layout: an arctic night that runs the whole page. The hero is a carved cabin window holding the live call;
   below a snowy horizon, the parent's sheet is a parchment letter, prices are gift tags, the CSE offer sits on frosted glass. */
:root{
  --night:#06101F; --night-2:#0B1C33; --night-3:#12294A;
  --ice:#EAF2F8; --frost:#A8BFD3; --dim:#6F87A0; --line:rgba(234,242,248,.14);
  --aurora:#3EE6B0; --aurora-2:#62B6FF; --aurora-3:#B08CFF;
  --gold:#E8C27A; --gold-hi:#F6DFA6; --gold-lo:#B8873C;
  --berry:#D3283F; --berry-hi:#E63F55;
  --wood:#3B2415; --wood-hi:#6A4327;
  --paper:#F7F0E1; --paper-ink:#2B1F17; --paper-line:#DCCDB0; --paper-muted:#6E5E4E;
  --display:"Gloock", "Iowan Old Style", Georgia, serif;
  --body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --script:"Pinyon Script", "Snell Roundhand", cursive;
  --mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--night);color:var(--ice);font:16px/1.6 var(--body);overflow-x:hidden;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
img,svg,video{max-width:100%}
[hidden]{display:none!important}
#sky,#snow{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
#sky{z-index:0}
#snow{z-index:2}
header,main,footer{position:relative;z-index:1}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px))}
h1,h2,h3,h4{font-family:var(--display);font-weight:400;line-height:1.08;margin:0;text-wrap:balance}
p{margin:0}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2.5px solid var(--gold);outline-offset:3px;border-radius:8px}
.mono{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase}

/* header */
.top{position:sticky;top:0;z-index:5;background:linear-gradient(to bottom, rgba(6,16,31,.85), rgba(6,16,31,0));}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:22px;text-decoration:none;color:var(--ice)}
.brand em{font-style:normal;background:linear-gradient(120deg,var(--gold-hi),var(--gold) 45%,var(--gold-lo));-webkit-background-clip:text;background-clip:text;color:transparent}
.brand.small{font-size:18px}
.links{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.links a{text-decoration:none;color:var(--frost);font-weight:500;font-size:15px}
.links a:hover{color:var(--ice)}
.lang{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:rgba(11,28,51,.6)}
.lang button{border:0;background:transparent;padding:6px 12px;font-weight:600;font-size:13px;cursor:pointer;color:var(--frost)}
.lang button[aria-pressed="true"]{background:var(--ice);color:var(--night)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 24px;font-weight:600;font-size:15.5px;
  border:1.5px solid transparent;cursor:pointer;text-decoration:none;transition:transform .15s, box-shadow .2s, background .2s, border-color .2s}
.btn:hover{transform:translateY(-1px)}
.btn.sm{padding:10px 18px;font-size:14.5px}
.btn-gold{color:#2A1B08;background:linear-gradient(135deg,var(--gold-hi),var(--gold) 50%,var(--gold-lo));box-shadow:0 8px 26px -10px rgba(232,194,122,.7), inset 0 1px 0 rgba(255,255,255,.5)}
.btn-berry{color:#fff;background:linear-gradient(135deg,var(--berry-hi),var(--berry));box-shadow:0 8px 24px -12px rgba(211,40,63,.8)}
.btn-ghost{border-color:rgba(234,242,248,.35);color:var(--ice);background:rgba(234,242,248,.04)}
.btn-ghost:hover{border-color:var(--ice)}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}

/* hero */
.hero{padding-block:44px 0}
.hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:56px;align-items:center}
.hero-copy{display:flex;flex-direction:column;gap:22px;min-width:0}
.postmark{width:96px;height:96px;color:var(--gold);opacity:.9;transform:rotate(-12deg)}
.hero h1{font-size:clamp(42px,6vw,76px);letter-spacing:-.012em}
.hero h1 .gold{font-style:italic;background:linear-gradient(110deg,var(--gold-hi) 10%,var(--gold) 45%,var(--gold-lo) 70%,var(--gold-hi));background-size:200% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 7s ease-in-out infinite}
@keyframes sheen{50%{background-position:100% 0}}
.hero h1 .aur{color:var(--aurora)}
.lede{font-size:clamp(17px,1.6vw,19.5px);color:var(--frost);max-width:32em}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ticks li{display:flex;gap:12px;align-items:flex-start;color:var(--ice)}
.ticks li::before{content:"";flex:none;width:9px;height:9px;margin-top:9px;transform:rotate(45deg);background:var(--gold);box-shadow:0 0 12px var(--gold)}
.ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:inherit}

/* cabin window */
.cabin{display:flex;flex-direction:column;gap:14px;min-width:0}
.frame{position:relative;padding:14px;border-radius:30px;
  background:
    linear-gradient(90deg, rgba(0,0,0,.25), transparent 12%, transparent 88%, rgba(0,0,0,.25)),
    repeating-linear-gradient(92deg, #4A2D1A 0 7px, #3E2515 7px 13px, #53331E 13px 19px),
    var(--wood);
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset, 0 2px 0 rgba(255,255,255,.08) inset, 0 40px 90px -30px rgba(0,0,0,.8), 0 0 120px -30px rgba(255,190,110,.35)}
.frame::before{content:"";position:absolute;left:-12px;right:-12px;top:-22px;height:44px;z-index:6;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 44' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FFFFFF'/%3E%3Cstop offset='1' stop-color='%23CFDDEA'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 30 C20 14 44 10 70 16 C96 6 126 4 150 14 C178 4 214 2 240 12 C268 0 306 2 330 14 C356 4 392 4 418 14 C446 2 484 4 506 16 C532 8 566 8 600 26 L600 34 C580 34 572 42 560 40 C548 44 540 36 528 38 C500 34 470 40 440 36 C410 40 380 34 350 38 C320 34 290 40 260 36 C230 40 200 34 170 38 C140 34 110 40 80 36 C56 40 40 34 24 38 C14 40 6 36 0 36Z' fill='url(%23s)'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  filter:drop-shadow(0 5px 6px rgba(0,0,0,.35))}
.frost{position:absolute;width:120px;height:120px;pointer-events:none;z-index:4;opacity:.55;mix-blend-mode:screen}
.frost.f1{left:14px;bottom:14px;background:radial-gradient(circle at 0 100%, rgba(255,255,255,.75), rgba(255,255,255,0) 70%);border-bottom-left-radius:18px}
.frost.f2{right:14px;top:14px;background:radial-gradient(circle at 100% 0, rgba(255,255,255,.6), rgba(255,255,255,0) 70%);border-top-right-radius:18px}
.screen{position:relative;width:100%;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#1C0B09;box-shadow:0 0 0 3px #2A190E, 0 0 0 4px rgba(255,255,255,.06)}
.scene,#santa-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
#santa-video{background:#000}
#me{position:absolute;right:12px;bottom:12px;width:26%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;border:2px solid rgba(255,255,255,.75);z-index:3;transform:scaleX(-1);background:#0B1C33}
.me-badge{position:absolute;right:12px;bottom:12px;width:26%;aspect-ratio:3/4;border-radius:12px;border:2px solid rgba(255,255,255,.75);z-index:3;
  background:linear-gradient(160deg,#173A52,#0B1C33);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.me-badge .ini{width:46%;aspect-ratio:1;border-radius:50%;background:var(--ice);color:var(--night);display:grid;place-items:center;font-family:var(--display);font-size:clamp(16px,2.4vw,28px)}
.me-badge .who{font-size:11.5px;font-weight:600;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:8px;z-index:3;pointer-events:none}
.pill{display:inline-flex;align-items:center;gap:8px;background:rgba(6,12,20,.55);color:#F4F1EC;border-radius:999px;padding:6px 12px;
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-variant-numeric:tabular-nums}
.dot{width:8px;height:8px;border-radius:50%;background:#8A9596}
.live .dot{background:#FF4D5E;box-shadow:0 0 10px #FF4D5E;animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{50%{opacity:.35}}
.subs{position:absolute;left:0;right:0;bottom:0;padding:56px 31% 16px 16px;z-index:2;
  background:linear-gradient(to top, rgba(4,8,12,.85), rgba(4,8,12,0));color:#FBF8F3;display:flex;flex-direction:column;gap:6px;justify-content:flex-end;min-height:36%}
.subs .kid{font-size:13px;color:#BFE6D8}
.subs .santa{font-size:clamp(15px,1.6vw,18px);line-height:1.4;font-weight:500;text-wrap:pretty}
.typing span{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#FBF8F3;animation:bounce 1s infinite}
.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}
@keyframes bounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}
.overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;
  padding:28px;background:radial-gradient(ellipse at 50% 60%, rgba(6,16,31,.55), rgba(6,16,31,.85));color:#FBF8F3;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.overlay h3{font-size:clamp(26px,3.2vw,36px)}
.overlay p{max-width:24em;color:#D7E3EC}
.overlay .mono{color:var(--gold)}
.overlay .ctas{justify-content:center}
.ring{width:78px;height:78px;border-radius:50%;background:linear-gradient(135deg,#2FAE79,#1E7A4F);display:grid;place-items:center;position:relative;box-shadow:0 0 40px rgba(62,230,176,.5)}
.ring::after,.ring::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid var(--aurora);animation:ringout 1.6s ease-out infinite}
.ring::before{animation-delay:.8s}
@keyframes ringout{from{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}
.signature{font-family:var(--script);font-size:40px;line-height:1;color:var(--gold)}
.signature.small{font-size:30px;color:var(--paper-ink)}

/* dock */
.dock{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:20px;background:rgba(11,28,51,.7);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.dock-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.round{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(234,242,248,.06);border-radius:999px;padding:9px 14px;cursor:pointer;font-size:14px;font-weight:500}
.round[aria-pressed="false"]{color:var(--dim)}
.round#mic-btn[aria-pressed="true"]{border-color:#FF6B7C;color:#FFB3BD}
.round[disabled]{opacity:.45;cursor:not-allowed}
.hang{margin-left:auto;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:10px 18px;background:var(--berry);color:#fff;font-weight:600;cursor:pointer}
.hang[disabled]{opacity:.35;cursor:not-allowed}
.listen{display:inline-flex;align-items:center;gap:8px;color:var(--aurora);font-size:14px;font-weight:600}
.eq{display:inline-flex;gap:3px;align-items:flex-end;height:16px}
.eq i{width:3px;background:var(--aurora);border-radius:2px;animation:eq 0.9s ease-in-out infinite}
.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.4s}
@keyframes eq{0%,100%{height:4px}50%{height:16px}}
.demo-tools{display:flex;flex-direction:column;gap:10px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--line);background:rgba(234,242,248,.06);border-radius:999px;padding:7px 13px;font-size:14px;cursor:pointer}
.chip:hover:not([disabled]){border-color:var(--gold)}
.chip[disabled]{opacity:.45;cursor:not-allowed}
.say{display:flex;gap:8px}
.say input{flex:1;min-width:0;border:1px solid var(--line);background:rgba(6,16,31,.6);border-radius:999px;padding:11px 16px}
.say input:focus{outline:none;border-color:var(--gold)}
.mode-note{font-size:13px;color:var(--frost)}
.mode-note b{color:var(--gold);font-weight:600}

/* horizon */
.horizon{position:relative;z-index:1;margin-top:-10px;line-height:0}
.horizon svg{width:100%;height:clamp(90px,14vw,200px);display:block}

/* sections */
.band{padding-block:72px;position:relative;background:var(--night)}
.band + .band{border-top:1px solid var(--line)}
.sec-head{display:flex;flex-direction:column;gap:12px;margin-bottom:34px;max-width:46em}
.sec-head h2{font-size:clamp(32px,4.2vw,52px)}
.sec-head p{color:var(--frost);font-size:17px}
.eyebrow{color:var(--gold)}

/* the letter */
.letter-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:44px;align-items:start}
.letter{position:relative;background:
   repeating-linear-gradient(to bottom, transparent 0 33px, rgba(150,120,80,.12) 33px 34px),
   radial-gradient(ellipse at 20% 0%, #FFFBF0, var(--paper) 60%, #EEE2C9);
  color:var(--paper-ink);border-radius:6px;padding:30px clamp(18px,3.6vw,40px);display:grid;gap:18px;min-width:0;
  box-shadow:0 30px 70px -30px rgba(0,0,0,.9), 0 0 0 1px rgba(0,0,0,.2);transform:rotate(-.6deg)}
.letter::after{content:"";position:absolute;inset:10px;border:1px solid rgba(184,135,60,.35);border-radius:3px;pointer-events:none}
.letter-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.tag{background:rgba(43,31,23,.08);color:var(--paper-muted);border-radius:4px;padding:4px 8px}
.stamp{width:64px;height:76px;flex:none;padding:5px;background:var(--paper);border:2px dashed rgba(43,31,23,.25);transform:rotate(5deg);box-shadow:0 2px 6px rgba(0,0,0,.12)}
.stamp span{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(160deg,var(--berry),#8E1424);color:var(--paper);font-family:var(--display);font-size:15px}
.dear{font-family:var(--script);font-size:34px;line-height:1.1;color:var(--paper-ink)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end}
.field{display:flex;flex-direction:column;gap:5px;min-width:0}
.field label{font-weight:600;font-size:13.5px;color:var(--paper-muted);letter-spacing:.01em}
.field .hint{font-size:12.5px;color:var(--paper-muted)}
.letter input[type=text],.letter input[type=number],.letter select,.letter textarea{border:0;border-bottom:1.5px solid var(--paper-line);background:transparent;border-radius:0;padding:6px 2px;width:100%;
  font-size:17px;color:var(--paper-ink)}
.letter select{background:transparent}
.letter textarea{resize:vertical}
.letter input:focus,.letter select:focus,.letter textarea:focus{outline:none;border-bottom-color:var(--berry)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--paper-ink);padding-bottom:8px}
.check input,.consent input{margin-top:3px;flex:none;width:18px;height:18px;accent-color:var(--berry)}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;background:rgba(43,31,23,.06);border-radius:8px;padding:12px;color:var(--paper-ink)}
.err{color:var(--berry);font-size:14.5px;font-weight:600}
.letter-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.how{display:flex;flex-direction:column;gap:24px;padding-top:8px}
.how h3{font-size:28px}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:22px;counter-reset:s}
.steps li{display:grid;grid-template-columns:44px 1fr;gap:14px;counter-increment:s}
.steps li::before{content:counter(s);width:44px;height:44px;border-radius:50%;border:1.5px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-family:var(--display);font-size:20px}
.steps h4{font-family:var(--body);font-weight:700;font-size:17px;margin-bottom:4px}
.steps p{color:var(--frost);font-size:15px}
.checklist{border-left:2px solid var(--aurora);padding:4px 0 4px 16px}
.checklist h4{font-family:var(--body);font-weight:700;font-size:15px;margin-bottom:4px;color:var(--aurora)}
.checklist p{color:var(--frost);font-size:14.5px}

/* gift tags */
.tags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-top:12px}
.gift{position:relative;padding:34px 24px 24px;display:flex;flex-direction:column;gap:12px;border-radius:8px 8px 18px 18px;
  background:linear-gradient(170deg,#13304F,#0C2038);border:1px solid var(--line);
  clip-path:polygon(18% 0,82% 0,100% 9%,100% 100%,0 100%,0 9%)}
.gift.t1{transform:rotate(-1.2deg)}.gift.t2{transform:translateY(-10px)}.gift.t3{transform:rotate(1.2deg)}
.gift .hole{position:absolute;top:14px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--night);box-shadow:inset 0 0 0 2px rgba(232,194,122,.6)}
.gift.pick{background:linear-gradient(170deg,#3A2412,#1F140A);border-color:rgba(232,194,122,.5)}
.gift h3{font-family:var(--body);font-weight:700;font-size:18px}
.price{font-family:var(--display);font-size:44px;font-variant-numeric:tabular-nums;color:var(--gold-hi)}
.gift p{color:var(--frost);font-size:15px;flex:1}
.flag{align-self:flex-start;background:var(--gold);color:#2A1B08;border-radius:4px;padding:3px 8px}
.fine{font-size:13.5px;color:var(--frost);margin-top:22px}

/* cse */
.cse{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:start}
.packs{display:grid;gap:10px}
.pack{display:grid;grid-template-columns:1fr auto;gap:2px 16px;align-items:baseline;background:rgba(234,242,248,.04);border:1px solid var(--line);border-radius:14px;padding:16px 20px}
.pack h3{font-family:var(--body);font-size:16px;font-weight:700}
.pack .p{font-family:var(--display);font-size:28px;font-variant-numeric:tabular-nums;text-align:right;color:var(--gold-hi)}
.pack .u{grid-column:1/-1;color:var(--frost);font-size:14px;font-variant-numeric:tabular-nums}
.pack.event{background:linear-gradient(120deg,rgba(62,230,176,.16),rgba(98,182,255,.1));border-color:rgba(62,230,176,.45)}
.pack.event .p{color:var(--aurora)}
.feats{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:8px;font-size:15px}
.feats li{display:flex;gap:10px}
.feats li::before{content:"✓";color:var(--aurora);font-weight:700}
.glass{display:grid;gap:16px;padding:28px;border-radius:22px;background:linear-gradient(160deg,rgba(234,242,248,.1),rgba(234,242,248,.03));
  border:1px solid rgba(234,242,248,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.glass h3{font-size:28px}
.glass .field label{color:var(--frost)}
.glass input,.glass textarea{border:1px solid var(--line);background:rgba(6,16,31,.55);border-radius:10px;padding:11px 13px;width:100%}
.glass input:focus,.glass textarea:focus{outline:none;border-color:var(--gold)}
.ok{color:var(--aurora);font-weight:600;font-size:14.5px}

/* trust */
.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.trust div{display:flex;flex-direction:column;gap:8px;border-top:1px solid rgba(232,194,122,.5);padding-top:16px}
.trust h3{font-family:var(--body);font-weight:700;font-size:16.5px}
.trust p{color:var(--frost);font-size:14.5px}

.foot{border-top:1px solid var(--line);background:var(--night)}
.foot-in{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-block:28px 40px;color:var(--dim);font-size:13.5px}
.foot a{color:var(--frost)}

/* santa illustration motion */
#eyes{transform-box:fill-box;transform-origin:center;animation:blink 5s infinite}
@keyframes blink{0%,94%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}
#head{animation:bob 4.5s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(3px)}}
#mouth{transform-box:fill-box;transform-origin:center top;transform:scaleY(.35)}
.talking #mouth{animation:talk .24s ease-in-out infinite alternate}
@keyframes talk{from{transform:scaleY(.3)}to{transform:scaleY(1.15)}}
.flake{animation:fall linear infinite}
@keyframes fall{from{transform:translateY(-20px)}to{transform:translateY(200px)}}
.bulb{animation:glow 1.6s ease-in-out infinite alternate}
.bulb:nth-child(even){animation-delay:.8s}
@keyframes glow{from{opacity:1}to{opacity:.35}}
.aur{animation:aurwave 6s ease-in-out infinite alternate;transform-box:fill-box}
@keyframes aurwave{to{transform:translateX(-18px) scaleY(1.2);opacity:.6}}

@media (prefers-reduced-motion: reduce){
  #eyes,#head,.flake,.bulb,.aur,.live .dot,.ring::after,.ring::before,.typing span,.eq i,.hero h1 .gold{animation:none}
  .talking #mouth{animation:none;transform:scaleY(.8)}
}

@media (max-width:960px){
  .hero-in,.letter-grid,.cse{grid-template-columns:minmax(0,1fr)}
  .hero-in{gap:36px}
  .tags{grid-template-columns:minmax(0,1fr);max-width:460px}
  .gift.t1,.gift.t2,.gift.t3{transform:none}
  .trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .letter{transform:none}
}
@media (max-width:560px){
  .links a{display:none}
  .grid2,.trust{grid-template-columns:minmax(0,1fr)}
  .postmark{width:76px;height:76px}
  .subs{padding-right:30%}
  .hang span{display:none}
  .round span{display:none}
  .frame{padding:10px;border-radius:24px}
}