.xmas-front{--xmas-green:#12372b;--xmas-deep:#0a1f18;--xmas-gold:#f0c876;--xmas-red:#b23a2e;--xmas-paper:#fbf5e6;--xmas-pad:max(var(--gutter), calc((100vw - var(--frame)) / 2 + var(--gutter)));background:var(--xmas-deep);--color-background:var(--xmas-deep);--color-surface:#ffffff0d;--color-surface-secondary:#0e2a20}.xmas-front h2{font-family:var(--font-serif);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(2.25rem,3.8vw,4rem);font-weight:400;line-height:1.06}.xmas-front-hero{isolation:isolate;min-height:min(820px,94svh);padding:calc(var(--shell-h) + 64px) var(--xmas-pad) 96px;background:var(--xmas-deep);color:var(--landing-ink);align-items:center;display:flex;position:relative;overflow:hidden}.xmas-front-hero>picture>img,.xmas-front-hero>.xmas-front-motion{object-fit:cover;z-index:-2}.xmas-front-hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg, #06120ee6, #06120e80 52%, #06120e14), linear-gradient(0deg, var(--xmas-deep), transparent 30%);position:absolute;inset:0}.xmas-front-hero-copy{max-width:720px}.xmas-front-hero .landing-eyebrow{color:var(--xmas-gold);text-transform:uppercase}.xmas-front-hero h1{font-family:var(--font-serif);letter-spacing:-.04em;text-wrap:balance;margin:0 0 28px;font-size:clamp(3.25rem,6.2vw,6.5rem);font-weight:400;line-height:1}.xmas-front-hero-copy>p:not(.landing-eyebrow){max-width:30em;margin:0;font-size:clamp(1.0625rem,1.4vw,1.25rem);line-height:1.6}.xmas-front .landing-button:not(.landing-secondary){background:var(--xmas-gold);color:#1c1608;border-radius:999px;padding-inline:28px}.xmas-front .landing-button:not(.landing-secondary):hover{background:#f7d994}.xmas-front .landing-secondary{border-radius:999px}.xmas-front-story{padding:clamp(64px, 8vw, 120px) var(--xmas-pad) 0;gap:clamp(28px,3.6vw,52px);display:grid}.xmas-front-story-words{justify-items:start;gap:18px;display:grid}.xmas-front-story-words>p:last-child{max-width:38em;color:var(--color-lede);margin:0;font-size:1.1875rem;line-height:1.6}.xmas-front-book{background:var(--xmas-paper);border-radius:28px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 30px 60px -30px #000000b3}.xmas-front-book-art{aspect-ratio:3/2;position:relative}.xmas-front-book-art img{object-fit:cover}.xmas-front-book-page{color:#2a2418;flex-direction:column;min-height:0;padding:clamp(24px,2.6vw,40px);display:flex;position:relative}.xmas-front-book-day{letter-spacing:.08em;text-transform:uppercase;color:#6b5a34;align-items:center;gap:12px;margin:0 0 14px;font-size:.75rem;font-weight:700;display:flex}.xmas-front-book-day span{background:var(--xmas-gold);color:#1c1608;width:34px;height:34px;font:400 1.125rem/1 var(--font-serif);letter-spacing:0;border-radius:50%;place-items:center;display:grid}.xmas-front-book-page h3{font-family:var(--font-serif);text-wrap:balance;margin:0 0 16px;font-size:clamp(1.625rem,2.2vw,2.125rem);font-weight:400;line-height:1.1}.xmas-front-book-text{min-height:0;font-family:var(--font-serif);flex:1 1 0;font-size:1.0625rem;line-height:1.62;position:relative;overflow:hidden}.xmas-front-book-text p{margin:0 0 .75em}.xmas-front-book-text:after{content:"";background:linear-gradient(0deg, var(--xmas-paper), #fbf5e600);pointer-events:none;height:5.5em;position:absolute;inset:auto 0 0}.xmas-front-book-on{color:#1c1608;text-underline-offset:5px;align-self:flex-start;margin-top:14px;font-weight:600;-webkit-text-decoration:underline #c99a3c;text-decoration:underline #c99a3c;text-decoration-thickness:2px}.xmas-front-book-on:hover{text-decoration-color:currentColor}.xmas-front-how{padding:clamp(64px, 8vw, 120px) var(--xmas-pad);scroll-margin-top:var(--shell-h);gap:clamp(28px,3.6vw,52px);display:grid}.xmas-front-steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,32px);margin:0;padding:0;list-style:none;display:grid}.xmas-front-steps li{counter-increment:step;align-content:start;gap:8px;display:grid;position:relative}.xmas-front-step-art{aspect-ratio:4/3;border-radius:24px;margin-bottom:14px;display:block;position:relative;overflow:hidden;box-shadow:0 24px 48px -28px #000000b3}.xmas-front-step-art img{object-fit:cover}.xmas-front-step-art:after{content:"";background:linear-gradient(200deg,#0000 55%,#0816118c);position:absolute;inset:0}.xmas-front-steps li:before{content:counter(step);z-index:1;background:var(--xmas-gold);color:#1c1608;width:52px;height:52px;font-family:var(--font-serif);border-radius:50%;place-items:center;font-size:1.75rem;line-height:1;display:grid;position:absolute;top:14px;left:14px;box-shadow:0 0 0 4px #f0c87638,0 10px 24px #0006}.xmas-front-steps strong{font-family:var(--font-serif);text-wrap:balance;font-size:clamp(1.5rem,2.1vw,2rem);font-weight:400;line-height:1.12}.xmas-front-steps li>span:last-child{color:var(--color-lede);max-width:30em;line-height:1.55}.xmas-front-tag{letter-spacing:.08em;text-transform:uppercase;background:#ffffff1a;border-radius:999px;align-self:flex-start;margin:0;padding:5px 12px;font-size:.75rem;font-weight:700}.xmas-front-parents{padding:clamp(56px, 7vw, 104px) var(--xmas-pad);background:var(--color-surface-secondary);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.xmas-front-parents-art{aspect-ratio:4/3;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #0009}.xmas-front-parents-art img{object-fit:cover}.xmas-front-parents dl{gap:clamp(20px,2.4vw,32px);margin:clamp(28px,3.4vw,48px) 0 0;display:grid}.xmas-front-parents dt{margin-bottom:8px;font-size:1.1875rem;font-weight:600}.xmas-front-parents dd{color:var(--color-lede);margin:0;line-height:1.6}.xmas-front-personal .xmas-front-tag{color:var(--xmas-gold);background:#f0c8762e;margin:0 0 18px;display:inline-block}.xmas-front-personal-lede{color:var(--color-lede);margin:clamp(16px,2vw,24px) 0 0;font-size:1.1875rem;line-height:1.6}.xmas-front-personal .landing-button{margin-top:clamp(28px,3.4vw,44px)}.xmas-front-personal-note{color:var(--color-lede);margin:14px 0 0;font-size:.9375rem}.xmas-front-personal-note strong{color:var(--xmas-gold);font-size:1.0625rem}.xmas-front-faq{padding:clamp(64px, 8vw, 120px) var(--xmas-pad);grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:start;gap:clamp(28px,6vw,96px);display:grid}.xmas-front-faq details{border-top:1px solid var(--color-border)}.xmas-front-faq details:last-child{border-bottom:1px solid var(--color-border)}.xmas-front-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:14px 0;font-size:1.1875rem;font-weight:600;list-style:none;display:flex}.xmas-front-faq summary::-webkit-details-marker{display:none}.xmas-front-faq summary:after{content:"+";color:var(--xmas-gold);font:400 1.75rem/1 var(--font-serif);flex:none;transition:transform .18s}.xmas-front-faq details[open] summary:after{transform:rotate(45deg)}.xmas-front-faq summary:focus-visible{outline:2px solid var(--xmas-gold);outline-offset:4px;border-radius:6px}.xmas-front-faq details p{max-width:38em;color:var(--color-lede);margin:0 0 22px;line-height:1.6}.xmas-front-close{isolation:isolate;min-height:min(760px,86svh);padding:clamp(72px, 9vw, 128px) var(--gutter);text-align:center;background:radial-gradient(ellipse at 50% 0%, #1d5340, transparent 65%), var(--xmas-deep);color:var(--xmas-paper);align-content:end;justify-items:center;gap:28px;display:grid;position:relative;overflow:hidden}.xmas-front-close>picture>img{object-fit:cover;z-index:-2}.xmas-front-close:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(180deg, var(--color-surface-secondary), transparent 22%), linear-gradient(0deg, #06120ee0, #06120e40 55%, transparent 80%);position:absolute;inset:0}.xmas-front-close h2{max-width:14em}.xmas-front-kids{color:#fbf5e6d1;text-underline-offset:4px;font-size:.9375rem}.xmas-front-kids:hover{color:#fff}@media (max-width:900px){.xmas-front-steps{grid-template-columns:1fr;gap:36px}.xmas-front-step-art{aspect-ratio:16/10}.xmas-front-book,.xmas-front-parents,.xmas-front-faq{grid-template-columns:1fr}.xmas-front-book-text{flex:none;overflow:visible}.xmas-front-book-text:after{content:none}}@media (max-width:700px){.xmas-front-hero{align-items:flex-end;min-height:92svh;padding-top:160px;padding-bottom:56px}.xmas-front-hero:after{background:linear-gradient(0deg, var(--xmas-deep) 4%, #06120edb 38%, #06120e0d 82%)}.xmas-front-hero h1{font-size:clamp(2.75rem,11.5vw,4.25rem)}.xmas-front-hero .landing-actions .landing-button{flex:auto}.xmas-front-book{border-radius:22px}}@media (prefers-reduced-motion:reduce){.xmas-front-faq summary:after{transition:none}}.cysten-app:has(.xmas-front) .cysten-shell{--shell-surface:#0a1f18;--shell-ink:#f3efe6;--shell-ink-dim:#f1ede4c7;--shell-rule:#ffffff1a}.cysten-app:has(.xmas-front) .cysten-shell .cysten-logo i{background:#d6e7b1}.cysten-app:has(.xmas-front) .cysten-footer{--color-background:#0a1f18;--color-foreground:#f3efe6;--color-foreground-strong:#f3efe6;--color-foreground-soft:#f1ede4d1;--color-faint-foreground:#f1ede49e;--color-ink:#f3efe6;--color-border:#ffffff1f;--color-border-strong:#ffffff38;--color-hover:#ffffff14;--color-selected:#ffffff24;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0a1f18;border-top-color:#ffffff1a}