/* Decor by Areté: page styles. Tokens first; components follow in page order. */

/* ---------- Fonts ---------- */
@font-face{font-family:'LeJourSerif';src:url(/assets/fonts/lejour-serif.woff2) format('woff2');font-display:swap}
@font-face{font-family:'LeJourSerif Fallback';src:local('Georgia');size-adjust:97%}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(/assets/fonts/cormorant-italic-500.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:'Glacial';src:url(/assets/fonts/glacial.woff2) format('woff2');font-display:swap}
/* Le Jour Script and Swash are added by decor.js (FontFace) only when needed. */

/* ---------- Tokens ---------- */
:root{
  --g-sky:#2B2825;--g-sky-low:#3A3631;--g-900:#221F1C;--g-700:#3E3A35;--g-500:#625C54;--g-300:#8E877C;--g-100:#BDB6AA;--g-paper:#E9E3D6;
  --espresso:#1D1612;--espresso-2:#2A201A;--glow:#6B4A2E;--cream:#F3EAD8;--gold:#C9A45C;--gold-leaf:#D9B36C;--gold-press:#C79E55;--gold-ink:#7A5A22;
  --vellum:#F6F0E4;--vellum-2:#EDE4D3;--ink:#2A1D15;--umber:#5A4A3E;--rust:#9C3F1E;--rust-press:#7F3218;--sage-ink:#4F6B4E;--err:#8C2433;--ember:#F2B45A;
  --il-sky-top:#4A3346;--il-sky-mid:#9A6272;--il-sky-low:#E9A87A;--il-shingle:#8FA68A;--il-siding:#7F9A7A;--il-siding-shade:#5E7A5B;--il-trim:#F4EAD5;--il-roof:#5A3A2A;--il-ink-line:#3B2A20;--il-chimney:#8C8680;--il-door:#9A5A33;--il-window-dark:#5A3A2A;--il-window-lit:#F6C67A;--il-stone:#8C8680;--il-lattice:#3B2A20;--il-step:#6B4A35;--il-walk:#D8D0C0;--il-lawn:#5E7A45;--il-lawn-2:#6E8B4A;--il-terracotta:#B8663F;--il-lantern:#1F1A17;--il-tree-1:#E08A2E;--il-tree-2:#F2B544;--il-tree-3:#C8561E;--il-wand-dark:#6B4226;--il-wand-light:#A36A3A;--il-wand-streak:#B47A45;

  --bg-dark:var(--espresso);--bg-dark-2:var(--espresso-2);--bg-paper:var(--vellum);--bg-paper-2:var(--vellum-2);
  --text:var(--ink);--text-soft:var(--umber);--on-dark:var(--cream);--on-dark-soft:var(--g-100);
  --accent:var(--gold);--accent-ink:var(--gold-ink);
  --cta:var(--gold-leaf);--cta-text:var(--espresso);--cta-press:var(--gold-press);
  --cta-paper:var(--espresso);--cta-paper-text:var(--cream);--cta-paper-press:#3A2C22;
  --cta-pencil:var(--g-700);--cta-pencil-text:var(--cream);
  --link:var(--rust);--ok:var(--sage-ink);
  --field:#FBF8F1;--line:rgba(90,74,62,.28);--line-dark:rgba(243,234,216,.16);
  --header-bg:rgba(29,22,18,.985);

  --f-display:'LeJourSerif','LeJourSerif Fallback','Cormorant Garamond',Georgia,serif;
  --f-italic:'Cormorant Garamond',Georgia,serif;
  --f-sans:'Glacial',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-script:'LeJourScript','Cormorant Garamond',cursive;
  --f-swash:'LeJourSwash',serif;

  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;
  --gutter:16px;--maxw:1200px;--section-y:clamp(64px,10vw,128px);
  --header-h:48px;--ticket-h:64px;--tap:44px;
  --r-1:2px;--r-2:6px;--r-pill:999px;
  --shadow-paper:0 1px 0 rgba(42,29,21,.06),0 18px 40px -24px rgba(42,29,21,.35);
  --shadow-photo:0 30px 60px -20px rgba(0,0,0,.55);
  --focus:0 0 0 2px var(--bg-paper),0 0 0 4px var(--accent);
  --hero-h:clamp(600px,100vh,940px);
  --ease-out:cubic-bezier(.2,.8,.2,1);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .16 0 0 0 0 .12 0 0 0 0 .09 0 0 0 .9 -.35'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
@supports (height:100svh){:root{--hero-h:clamp(600px,100svh,940px)}}
@media (min-width:768px){:root{--gutter:24px}}
@media (min-width:1024px){:root{--gutter:48px}}

/* Palette tokens live in the decor-kit section at the end of this file. */

/* ---------- Winter (Austrian Advent) ---------- */
html[data-season=winter]{
  --w-night:#13201A;--w-tanne:#1F3A2B;--w-tanne-2:#2E5240;--w-loden:#5B6647;--w-cranberry:#9E1B32;--w-cranberry-deep:#6E1223;--w-wool:#F4EDE0;--w-wool-2:#E9E0CF;--w-ink:#1B2A22;--w-straw:#D8B25C;--w-candle:#FFD27A;--w-lebkuchen:#8A4E2A;--w-icing:#FFF8EE;--w-snow:#F7F4EE;--w-snow-shadow:#C9D2D6;--w-sky-top:#1B2A3A;--w-sky-low:#2E4057;
  --bg-dark:var(--w-night);--bg-dark-2:var(--w-tanne);--bg-paper:var(--w-wool);--bg-paper-2:var(--w-wool-2);
  --text:var(--w-ink);--text-soft:var(--w-loden);--on-dark:var(--w-wool);--on-dark-soft:#C9D6CB;
  --accent:var(--w-straw);--accent-ink:#7A5A22;--cta:var(--w-straw);--cta-text:var(--w-night);--cta-press:#C49F4C;
  --cta-paper:var(--w-cranberry);--cta-paper-text:var(--w-wool);--cta-paper-press:var(--w-cranberry-deep);--link:var(--w-cranberry);
  --field:#FBF7F0;--line:rgba(91,102,71,.3);--header-bg:rgba(19,32,26,.985);
}
html:not([data-season=winter]) [data-season-only=winter],html[data-season=winter] [data-season-only=fall]{display:none!important}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
*{font-synthesis:none}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 12px);scroll-padding-bottom:calc(var(--ticket-h) + env(safe-area-inset-bottom) + 12px);background:var(--g-sky)}
@media (min-width:1024px){html{scroll-padding-bottom:96px}}
html:not([data-hero=pencil]){background:var(--bg-dark)}
@media (prefers-reduced-motion:no-preference){html:not(.calm){scroll-behavior:smooth}}
body{margin:0;background:var(--bg-dark);color:var(--text);font:17px/1.55 var(--f-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;padding-bottom:calc(var(--ticket-h) + env(safe-area-inset-bottom))}
html[data-hero=pencil] body{background:var(--g-sky)}
@media (min-width:1024px){body{padding-bottom:0;font-size:18px;line-height:1.6}}
img,svg,video{display:block;max-width:100%}
.sprite{overflow:hidden}
a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:.18em}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
a{-webkit-tap-highlight-color:transparent}
p,h1,h2,h3,h4,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
[hidden]{display:none!important}
.c{font-family:var(--f-sans);margin-inline:.04em;letter-spacing:0}
.dot{font-family:system-ui,-apple-system,sans-serif;opacity:.7;padding-inline:.15em}
.opt{color:var(--text-soft);font-size:.88em}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.wrap.narrow{max-width:calc(720px + 2*var(--gutter))}
.m-only{display:inline}.d-only{display:none}
@media (min-width:1024px){.m-only{display:none}.d-only{display:inline}}
.skip{position:fixed;left:8px;top:-60px;z-index:100;background:var(--cream);color:var(--ink);padding:10px 14px;border-radius:var(--r-1)}
.skip:focus{top:8px}

/* Sections */
.paper,.paper-2,.dark{position:relative;isolation:isolate;padding-block:var(--section-y);transition:background-color .6s,color .6s}
.paper{background:var(--bg-paper);color:var(--text)}
.paper-2{background:var(--bg-paper-2);color:var(--text)}
.dark{background:var(--bg-dark);color:var(--on-dark)}
.paper::before,.paper-2::before,.dark::before,.endcard::before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--grain);opacity:.28;pointer-events:none}
.dark::before{opacity:.5}

/* Type */
.eyebrow{font:11.5px/1.4 var(--f-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-ink)}
.dark .eyebrow,.hero .eyebrow,.endcard .eyebrow{color:var(--accent)}
.title{font:34px/1.04 var(--f-display);letter-spacing:.04em;text-transform:uppercase;font-weight:400;color:inherit;text-wrap:balance}
.kicker{font:italic 500 19px/1.35 var(--f-italic);color:var(--text-soft);margin-top:10px;max-width:34ch}
.dark .kicker{color:var(--on-dark-soft)}
.lede{max-width:36ch}
.sec-head{margin-bottom:var(--s-6)}
.sec-head .eyebrow+.title{margin-top:10px}
.sec-head.center{text-align:center}.sec-head.center .kicker{margin-inline:auto}
.fine{font-size:15px;line-height:1.45;color:var(--text-soft);margin-top:var(--s-4)}
.step-num{font:11.5px/1.4 var(--f-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-ink);display:flex;align-items:center;gap:.5em}
.step-num::after{content:"";flex:0 0 40px;height:1px;background:currentColor;opacity:.5}
.step-num span{font-family:system-ui,sans-serif}
@media (min-width:1024px){
  .eyebrow{font-size:12.5px;letter-spacing:.24em}
  .title{font-size:56px}
  .kicker{font-size:22px;max-width:40ch}
  .lede{max-width:60ch}
}

/* Buttons */
.btn{--bg:var(--cta);--fg:var(--cta-text);--bgp:var(--cta-press);position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--tap);padding:0 22px;border-radius:var(--r-1);background:var(--bg);color:var(--fg);font:14px/1 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;transition:background-color .4s,color .4s,transform .15s;white-space:nowrap}
.btn:active{background:var(--bgp);transform:translateY(1px)}
.btn svg{width:18px;height:18px;flex:none}
.btn-lg{min-height:52px;padding-inline:28px}
.btn-xl{min-height:56px;font-size:15px}
.btn-block{display:flex;width:100%}
.btn-paper{--bg:var(--cta-paper);--fg:var(--cta-paper-text);--bgp:var(--cta-paper-press)}
.btn-straw{--bg:var(--w-straw,#D8B25C);--fg:#13201A;--bgp:#C49F4C}
.btn-ghost{--bg:transparent;--fg:var(--text);--bgp:rgba(90,74,62,.08);border-color:var(--line)}
.btn-ghost-dark{--bg:transparent;--fg:var(--text);--bgp:rgba(0,0,0,.05);border-color:var(--line)}
@media (min-width:1024px){.btn{font-size:15px}}
.btn-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,246,220,.55) 50%,transparent 70%);transform:translateX(-120%);pointer-events:none}
.btn-cta.shimmer::after{animation:shimmer .9s var(--ease-out) 1}
@keyframes shimmer{to{transform:translateX(120%)}}
html.unlit .btn-cta{--bg:var(--cta-pencil);--fg:var(--cta-pencil-text);--bgp:#34302C}
.link{color:var(--link);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px;font-size:inherit;padding:4px 0}
.link-arrow{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);color:inherit;font:15px/1.2 var(--f-sans);text-decoration:underline;text-decoration-color:rgba(201,164,92,.6);text-underline-offset:.3em}
.link-arrow svg{width:16px;height:16px;flex:none;color:var(--accent)}

/* ---------- Header ---------- */
.site-header{position:fixed;inset:0 0 auto;z-index:60;height:calc(var(--header-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left));display:flex;align-items:center;gap:12px;color:var(--cream);transition:background-color .3s}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--header-bg);opacity:0;transition:opacity .3s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.site-header.is-solid::before{opacity:1}
html[data-season=winter] .site-header{color:var(--w-wool)}
.hd-home{display:flex;align-items:center;gap:10px;min-height:var(--tap);min-width:var(--tap);padding-inline:8px;color:inherit;text-decoration:none}
.hd-mark{width:22px;height:21px;color:var(--cream);flex:none}
html.ungilt .hd-mark{color:var(--g-100)}
.hd-lockup{display:flex;align-items:baseline;gap:8px;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}
.site-header.show-lockup .hd-lockup{opacity:1;transform:none}
.hd-decor{font:16px/1 var(--f-display);letter-spacing:.2em;text-transform:uppercase}
.hd-by{font:italic 500 15px/1 var(--f-italic);color:var(--accent)}
.hd-nav{display:none}
.pill{position:relative;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 12px;border-radius:var(--r-pill);font:12px/1 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
.pill::after{content:"";position:absolute;inset:-6px -3px}
.winter-pill{margin-left:auto;margin-right:4px;color:var(--cream);border:1px solid rgba(201,164,92,.55);background:rgba(29,22,18,.35)}
.winter-pill .star{width:15px;height:15px;color:var(--gold);flex:none}
.winter-pill:hover{border-color:var(--gold)}
html[data-season=winter] .winter-pill{background:var(--w-cranberry);border-color:var(--w-cranberry);color:var(--w-wool)}
html[data-season=winter] .winter-pill .star{color:var(--w-straw)}
.hd-cta{display:none}
@media (min-width:1024px){
  .site-header{padding-inline:24px;gap:24px}
  .hd-nav{display:flex;gap:4px;margin-left:auto}
  .hd-nav a{color:inherit;text-decoration:none;font:13px/1 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;padding:14px 12px;opacity:.85}
  .hd-nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:.4em;text-decoration-color:var(--gold)}
  .winter-pill{margin-left:0}
  .hd-cta{display:inline-flex;height:36px;padding-inline:18px;min-height:0;letter-spacing:.14em}
  .hd-cta::after{content:none}
  .hd-nav a,.pill,.hd-lockup,.hd-decor,.hd-by{white-space:nowrap}
  .hd-home{flex:none}
}

/* Scherenschnitte band (winter) */
.band{position:fixed;left:0;right:0;top:calc(var(--header-h) + env(safe-area-inset-top));z-index:55;height:28px;background:var(--w-cranberry,#9E1B32);transform:translateY(-110%);opacity:0;pointer-events:none;transition:transform .5s var(--ease-out),opacity .3s;display:none}
.band::before{content:"";position:absolute;inset:3px 0;background:var(--w-wool,#F4EDE0);-webkit-mask:url(/assets/img/scherenschnitte.svg) repeat-x center/auto 100%;mask:url(/assets/img/scherenschnitte.svg) repeat-x center/auto 100%}
html[data-season=winter] .band{display:block}
html.band-on .band{transform:none;opacity:1}
@media (max-width:1023px){
  html[data-season=winter] .hero-copy{top:calc(env(safe-area-inset-top) + 84px)}
  html[data-season=winter] .hero-eyebrow{margin-bottom:6px}
  html[data-season=winter] .lk-decor{font-size:52px}
  html[data-season=winter] .lk-by{font-size:26px;margin-top:.12em}
  html[data-season=winter] .lockup::after{margin-top:8px}
  html[data-season=winter] .hero-line{margin-top:8px;font-size:23px}
}
@media (min-width:1024px){.band{height:34px}}

/* ---------- Porch Ticket ---------- */
.ticket{position:fixed;left:0;right:0;bottom:0;z-index:50;height:calc(var(--ticket-h) + env(safe-area-inset-bottom));padding:0 max(12px,env(safe-area-inset-right)) env(safe-area-inset-bottom) 22px;display:flex;align-items:center;gap:10px;background:var(--bg-dark);color:var(--on-dark);border-top:1px solid rgba(201,164,92,.7);transition:transform .2s var(--ease-out),background-color .6s}
.ticket::before{content:"";position:absolute;left:9px;top:9px;bottom:calc(9px + env(safe-area-inset-bottom));width:4px;background:radial-gradient(circle,rgba(201,164,92,.55) 1.3px,transparent 1.8px) 50% 0/4px 7px repeat-y}
html[data-hero=pencil] .ticket{background:#211E1B}
.ticket.is-hidden{transform:translateY(105%);visibility:hidden;transition:transform .2s var(--ease-out),visibility 0s .2s,background-color .6s}
.tk-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;min-height:var(--tap);color:inherit;text-decoration:none}
.tk-l1{font:20px/1.1 var(--f-display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-l2{font:12px/1.35 var(--f-sans);color:var(--on-dark-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.ticket.is-chosen .tk-l1{font-size:15px;letter-spacing:.03em}
html[data-season=winter] .tk-l1{font-family:var(--f-sans)}
.tk-actions{display:flex;flex-direction:column;align-items:flex-end;gap:0}
.tk-cta{min-height:var(--tap);padding-inline:16px;font-size:13px}
.tk-cta-short,.tk-cta-form{display:none}
.ticket.is-chosen .tk-cta-long{display:none}.ticket.is-chosen .tk-cta-short{display:inline}
.ticket.in-form .tk-cta-long,.ticket.in-form .tk-cta-short{display:none!important}.ticket.in-form .tk-cta-form{display:inline!important}
@media (max-width:374px){.tk-cta-long{display:none}.tk-cta-short{display:inline}.tk-cta{padding-inline:18px}}
/* winter: the whole left side is the way back to a fall porch (a full-height tap target) */
.tk-info-w .tk-l2{display:flex;align-items:center;gap:6px;color:var(--on-dark)}
.tk-fall{text-decoration:underline;text-underline-offset:.2em;text-decoration-color:var(--accent)}
.tk-info-w svg{width:14px;height:14px;flex:none;color:var(--accent)}
html[data-season=winter] .tk-l1{font-size:14px;letter-spacing:.04em;color:var(--on-dark-soft)}
@media (min-width:1024px){
  .ticket{left:50%;right:auto;bottom:16px;width:min(720px,calc(100% - 32px));height:64px;padding:0 10px 0 28px;border:1px solid rgba(201,164,92,.5);border-radius:var(--r-2);box-shadow:0 20px 50px -20px rgba(0,0,0,.6);transform:translate(-50%,calc(100% + 40px));}
  .ticket::before{left:12px;top:12px;bottom:12px}
  .ticket.is-on{transform:translate(-50%,0)}
  .ticket.is-on.is-hidden{transform:translate(-50%,calc(100% + 40px))}
  .tk-cta-long{display:inline!important}.tk-cta-short{display:none!important}
  .ticket:not(.is-on){visibility:hidden;transition:transform .2s var(--ease-out),visibility 0s .2s}
  .ticket.in-form .tk-cta-long{display:none!important}
}

/* ---------- Hero ---------- */
.hero{position:relative;background:var(--il-sky-top);color:var(--on-dark);isolation:isolate;padding-top:var(--hero-h)}
html[data-hero=pencil] .hero,html[data-hero=before] .hero{background:var(--g-sky)}
.hero-art{position:absolute;left:0;right:0;top:0;height:var(--hero-h);overflow:hidden;z-index:0;-webkit-user-select:none;user-select:none}
.hero-art .scene{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero-art .d{display:none}
.scene-pencil,.scene-paint{contain:paint}
.scene-paint{position:absolute;inset:0}
.hero-art .grain{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:var(--grain)}
.hero[data-state=paint] .grain,html[data-hero=paint] .hero-art .grain{opacity:.3}
/* pencil vs paint */
html[data-hero=paint] .scene-pencil{display:none}
html[data-hero=pencil] .scene-paint,html[data-hero=blooming] .scene-paint{clip-path:circle(0px at 50% 80%);-webkit-clip-path:circle(0px at 50% 80%)}
html[data-hero=before] .scene-paint{opacity:0;transition:opacity .25s}
html[data-hero=pencil] .scene-paint .glow,html[data-hero=pencil] .scene-paint .pool,html[data-hero=blooming] .scene-paint .glow,html[data-hero=blooming] .scene-paint .pool{opacity:0}
html[data-hero=pencil] .hero .pc-lantern .flame,html[data-hero=pencil] .hero .pc-lantern .glow,html[data-hero=blooming] .hero .pc-lantern .flame,html[data-hero=blooming] .hero .pc-lantern .glow{opacity:0}
.frozen-leaf{position:absolute;left:34%;top:70%;width:14px;height:14px;margin:-7px 0 0 -7px;color:var(--g-300);z-index:2;transition:color .4s;pointer-events:none}
@media (min-width:1024px){.frozen-leaf{width:20px;height:20px;margin:-10px 0 0 -10px}}
html:not([data-hero=pencil]):not([data-hero=blooming]) .frozen-leaf{color:#C8561E;transform:translate(var(--leaf-rest-x,40px),var(--leaf-rest-y,112px)) rotate(68deg)}
html[data-season=winter] .frozen-leaf,html[data-season=winter] .weather .leaf{display:none}
.ripple{position:absolute;left:0;top:0;width:240px;height:72px;margin:-36px 0 0 -120px;pointer-events:none;z-index:3;overflow:visible}
.ripple ellipse{opacity:0}
.tide-ring{position:absolute;left:0;top:0;width:480px;height:480px;margin:-240px 0 0 -240px;opacity:0;pointer-events:none;z-index:3;transform:scale(0)}
/* effect layers keep their authored size on phones (the global svg max-width would shrink the 480px ring and unlock it from the bloom edge) */
.tide-ring,.ripple,.wand,.frozen-leaf{max-width:none;max-height:none}
.tide-ring .tide-frost{display:none}
.tide-ring g>use:nth-of-type(1){stroke-width:var(--tw-band,9)}
.tide-ring g>use:nth-of-type(2){stroke-width:var(--tw-line,1.6)}
.tide-ring.frost .tide-frost{display:inline}.tide-ring.frost .tide-fall{display:none}
.sparks,.weather{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:4}
.spk{position:absolute;left:0;top:0;width:16px;height:16px;margin:-8px 0 0 -8px;color:#F7D78B;opacity:0}
.spk svg{width:100%;height:100%}
.spk.dust{width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#F7D78B}
html[data-season=winter] .spk{color:#E9D7A0}
.wand{overflow:visible;position:absolute;left:0;top:0;height:var(--wand-h,clamp(260px,46svh,400px));width:calc(var(--wand-h,clamp(260px,46svh,400px)) * 40 / 340);transform-origin:50% 2.94%;z-index:5;pointer-events:none;opacity:0;transition:opacity .3s}
.hero.wand-ready .wand{opacity:1}
.wand .wand-tip{transform-box:fill-box;transform-origin:center;animation:breathe 2.4s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:scale(.85);opacity:.7}50%{transform:scale(1.15);opacity:1}}
.weather .leaf{position:absolute;top:-30px;left:var(--x);width:var(--s,16px);height:var(--s,16px);color:var(--c,#C8561E);animation:leaf-fall var(--d,12s) linear var(--dl,0s) infinite;will-change:transform}
.weather .leaf svg{width:100%;height:100%;animation:leaf-sway calc(var(--d,12s)/4) ease-in-out infinite alternate}
@keyframes leaf-fall{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--dx,-40px),calc(var(--hero-h) + 60px),0)}}
@keyframes leaf-sway{from{transform:translateX(-12px) rotate(-30deg)}to{transform:translateX(12px) rotate(40deg)}}
.weather .leaf-static{position:absolute;left:var(--x);top:var(--y);width:var(--s,14px);height:var(--s,14px);color:var(--c);transform:rotate(var(--r,0deg))}
.weather .flake{position:absolute;top:-10px;left:var(--x);width:var(--s,3px);height:var(--s,3px);border-radius:50%;background:#F7F4EE;opacity:var(--o,.85);animation:snow-fall var(--d,12s) linear var(--dl,0s) infinite}
@keyframes snow-fall{from{transform:translate3d(0,0,0)}50%{transform:translate3d(var(--dx,14px),calc(var(--hero-h)/2),0)}to{transform:translate3d(0,calc(var(--hero-h) + 20px),0)}}
.weather .flake-static{position:absolute;left:var(--x);top:var(--y);width:var(--s,3px);height:var(--s,3px);border-radius:50%;background:#F7F4EE;opacity:.75}
.weather{transition:opacity .3s}
.weather.is-out{opacity:0}
.hero.is-paused *,html.page-hidden *{animation-play-state:paused!important}
.hero::after{content:"";position:absolute;left:0;right:0;top:0;height:var(--hero-h);pointer-events:none;z-index:1;background:linear-gradient(180deg,rgba(29,22,18,.35) 0,rgba(29,22,18,0) 16%)}
.touch-step{position:absolute;z-index:6;left:50%;top:calc(var(--hero-h) - 170px);width:96px;height:48px;margin:-24px 0 0 -48px;border-radius:24px;background:transparent}
.touch-step:focus-visible{outline:2px dashed var(--gold);outline-offset:2px}
html:not([data-hero=pencil]) .touch-step{display:none}

.hero-copy{position:absolute;z-index:7;left:0;right:0;top:calc(env(safe-area-inset-top) + 58px);padding-inline:var(--gutter);text-align:center;pointer-events:none}
.hero-copy a,.hero-copy button{pointer-events:auto}
.hero-eyebrow{color:var(--on-dark-soft)!important;font-size:11.5px;letter-spacing:.22em;margin-bottom:10px;text-shadow:0 1px 10px rgba(29,22,18,.6)}
.lockup{display:flex;flex-direction:column;align-items:center;font-weight:400;margin:0;text-shadow:0 2px 24px rgba(29,22,18,.45)}
.lk-mark{display:none;width:44px;height:41px;color:var(--cream);margin-bottom:12px;transition:color .6s}
.lk-decor{display:block;font:clamp(58px,14.5vw,128px)/1 var(--f-display);letter-spacing:.06em;margin-right:-.06em;text-transform:uppercase;color:var(--cream);transition:color .6s}
.lk-decor span{display:inline-block}
.lk-by{display:block;font:italic 500 28px/1.05 var(--f-italic);color:var(--gold);margin-top:.18em;padding-inline:.1em;transition:color .6s}
.lockup::after{content:"";display:block;width:48px;height:0;border-top:1px solid var(--gold);margin-top:10px;transition:border-color .6s}
html.ungilt .hero .lk-decor{color:var(--g-100)}
html.ungilt .hero .lk-by{color:var(--g-100)}
html.ungilt .hero .lockup::after{border-top-style:dashed;border-top-color:var(--g-100)}
html.ungilt .hero .lk-mark{color:var(--g-100)}
.lk-by.gild,html:not(.calm) .hero .lk-by.gild{background:linear-gradient(100deg,#8A6A2E 0%,#F3D48A 45%,#C9A45C 55%,#8A6A2E 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:gild 1.2s cubic-bezier(.4,0,.2,1) 1 forwards}
@keyframes gild{from{background-position:200% 0}to{background-position:0 0}}
html:not(.calm):not(.type-done) .hero .lk-decor span{animation:resolve .5s ease-out both;animation-delay:calc(var(--i)*60ms)}
html:not(.calm):not(.type-done) .hero .lk-by{animation:rise .5s cubic-bezier(.2,.8,.2,1) .4s both}
@keyframes resolve{from{filter:blur(6px);opacity:.25}to{filter:blur(0);opacity:1}}
@keyframes rise{from{transform:translateY(6px);opacity:.25}to{transform:none;opacity:1}}
.hero-line{margin-top:12px;font:italic 500 24px/1.2 var(--f-italic);color:var(--cream);text-shadow:0 1px 14px rgba(29,22,18,.55)}
.hero-line span{display:block}
.hl-2{color:var(--gold);transition:color .6s}
html.unlit .hl-2{color:var(--g-300)}
html[data-season=winter] .hl-2{color:var(--w-straw)}

.hero-ctrl{position:absolute;z-index:8;left:var(--gutter);top:calc(var(--hero-h) - 134px);height:44px;display:flex;align-items:center}
.hint,.ba{transition:opacity .25s}
.hint{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 11px;border-radius:var(--r-pill);background:rgba(34,31,28,.72);border:1px solid rgba(233,227,214,.35);color:var(--g-paper);font:13px/1 var(--f-sans);letter-spacing:.06em;position:relative}
.hint::after{content:"";position:absolute;inset:-5px -3px}
.hint svg{width:14px;height:14px;color:var(--ember)}
.ba{display:inline-flex;border-radius:var(--r-pill);background:rgba(29,22,18,.62);border:1px solid rgba(201,164,92,.5);padding:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ba button{min-height:var(--tap);padding:0 16px;font:12px/1 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-soft);border-radius:var(--r-pill)}
.ba button[aria-pressed=true]{color:var(--espresso);background:var(--gold-leaf)}
html[data-hero=pencil] .ba,html[data-hero=blooming] .ba{opacity:0;visibility:hidden}
html:not([data-hero=pencil]):not([data-hero=blooming]) .hint,html.hint-out .hint{opacity:0;visibility:hidden;position:absolute}
html[data-season=winter] .hero-ctrl,.no-js .hero-ctrl,.no-js .touch-step{display:none}
@media (min-width:1024px){html[data-season=winter] .hero .trust{display:none}}
/* Small phones (iPhone SE 1st gen, 320px): keep the lockup and headline clear of the roof */
@media (max-width:359px){.hero-copy{top:calc(env(safe-area-inset-top) + 54px)}.hero-eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:6px}.hero .lk-decor{font-size:50px}.hero .lk-by{font-size:24px}.lockup::after{margin-top:8px}.hero-line{font-size:20px;margin-top:8px}}
@media (max-width:599px){
  /* the hint and the Before/After toggle share one spot, so the swap never moves anything */
  /* sits 2px above the ticket, low enough to clear the hay bale and gourds on the lawn */
  .hero-ctrl{height:30px;top:calc(min(var(--hero-h),100vh) - var(--ticket-h) - 32px - env(safe-area-inset-bottom));top:calc(min(var(--hero-h),100svh) - var(--ticket-h) - 32px - env(safe-area-inset-bottom))}
  .hero-ctrl{left:10px}
  .ba button{position:relative;min-height:28px;padding:0 10px;font-size:11px;letter-spacing:.09em}
  .ba button::after{content:"";position:absolute;inset:-7px 0}
}
@media (max-width:374px){
  .hero-ctrl{height:28px;top:calc(min(var(--hero-h),100vh) - var(--ticket-h) - 30px - env(safe-area-inset-bottom));top:calc(min(var(--hero-h),100svh) - var(--ticket-h) - 30px - env(safe-area-inset-bottom))}
  .ba button{min-height:26px}
  .ba button::after{inset:-8px 0}
}

.hero-more{position:relative;z-index:2;background:var(--bg-dark);padding:36px var(--gutter) 28px;text-align:center;transition:background-color .6s}
.hero-more::before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--grain);opacity:.5}
.hero-sub{font-size:17px;line-height:1.55;color:rgba(243,234,216,.88);max-width:34ch;margin-inline:auto}
.cta-row{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:24px}
.cta-row .btn{width:100%;max-width:420px}
.trust{margin-top:18px;font-size:13px;line-height:1.55;color:var(--on-dark-soft);max-width:36ch;margin-inline:auto}
.hero-price{display:none}

@media (min-width:1024px){
  .hero{height:var(--hero-h);display:flex;flex-direction:column;justify-content:center;padding:var(--header-h) 0 0 96px}
  /* a soft pool of shade under the copy, not a full-height band: the lawn and snow stay their own color */
  .hero::after{background:radial-gradient(62% 58% at 22% 46%,rgba(29,22,18,.74) 0,rgba(29,22,18,.45) 55%,rgba(29,22,18,0) 80%);-webkit-mask-image:linear-gradient(#000 70%,transparent 88%);mask-image:linear-gradient(#000 70%,transparent 88%)}
  html[data-season=winter] .hero::after{background:radial-gradient(62% 58% at 22% 46%,rgba(19,28,40,.74) 0,rgba(19,28,40,.45) 55%,rgba(19,28,40,0) 80%)}
  .hero-art .m{display:none}.hero-art .d{display:block}
  .hero-copy{position:relative;top:auto;left:auto;right:auto;padding:0;text-align:left;max-width:520px;pointer-events:auto}
  .hero-eyebrow{font-size:12.5px;letter-spacing:.24em;margin-bottom:14px}
  .lockup{align-items:center;width:max-content}
  /* the reel's end card: a generous mark floating well clear of DECOR (never a circumflex on the C) */
  .lk-mark{display:block;width:84px;height:79px;margin-bottom:34px;transform:translateX(-.02em)}
  .lk-decor{font-size:clamp(72px,min(14.5vw,14.2vh),128px)}
  .lk-by{font-size:clamp(34px,min(6.8vw,6.7vh),60px);margin-top:0}
  html[data-season=winter] .hero{padding-top:calc(var(--header-h) + 34px)}
  .lockup::after{width:56px;margin-top:16px}
  .hero-line{font-size:34px;margin-top:22px}
  .hero-more{position:relative;margin:0;padding:0;background:none;text-align:left;max-width:520px;z-index:7}
  .hero-more::before{content:none}
  .hero-sub{font-size:18px;max-width:36ch;margin:18px 0 0;color:rgba(243,234,216,.85)}
  .cta-row{flex-direction:row;align-items:center;gap:22px;margin-top:28px}
  .cta-row .btn{width:auto;min-height:56px}
  .trust{margin:14px 0 0;max-width:46ch}
  .hero-price{display:block;margin-top:18px;font:italic 500 21px/1.3 var(--f-italic);color:var(--gold)}
  .hero-ctrl{left:auto;right:40px;top:auto;bottom:32px}
  .frozen-leaf{left:62%;top:74%}
  .touch-step{left:70%;top:calc(var(--hero-h) - 140px)}
}
@media (min-width:1400px){.hero{padding-left:max(96px,calc((100vw - 1440px)/2 + 96px))}}
@media (min-width:1024px) and (max-width:1199px){.site-header{gap:12px;padding-inline:16px}.hd-nav{gap:0}.hd-nav a{padding:14px 8px;font-size:12px;letter-spacing:.1em}.hd-cta{padding-inline:14px}.pill{letter-spacing:.12em}}
/* Small laptops and landscape tablets: the tree crown sits closer to the text, so the column narrows and the CTAs stack */
@media (min-width:1024px) and (max-width:1279px){
  .hero{padding-left:56px}
  .hero-copy,.hero-more{max-width:400px}
  .hero-sub{font-size:16.5px;max-width:31ch}
  .cta-row{flex-direction:column;align-items:flex-start;gap:2px;margin-top:22px}
  .trust{max-width:none}
  .hero-eyebrow .m-only{display:inline!important}.hero-eyebrow .d-only{display:none!important}
  html:not([data-hero=pencil]):not([data-hero=blooming]) .hero-ctrl{top:calc(var(--header-h) + 22px);bottom:auto;right:24px}
  .hero::after{background:radial-gradient(60% 62% at 22% 48%,rgba(29,22,18,.8) 0,rgba(29,22,18,.5) 55%,rgba(29,22,18,0) 80%)}
  html[data-season=winter] .hero::after{background:radial-gradient(60% 62% at 22% 48%,rgba(19,28,40,.8) 0,rgba(19,28,40,.5) 55%,rgba(19,28,40,0) 80%)}
}
@media (min-width:1024px) and (max-height:860px){
  .hero-eyebrow{margin-bottom:8px}
  .lk-mark{width:62px;height:58px;margin-bottom:24px}
  .lockup::after{margin-top:12px}
  .hero-line{margin-top:14px;font-size:30px}
  .hero-sub{margin-top:12px;font-size:17px}
  .cta-row{margin-top:20px}
  .trust{margin-top:14px}
}
/* Tablets: the portrait artboard is width-bound, so the copy sits above the drawing instead of on it */
@media (min-width:600px) and (max-width:1023px){
  .hero{padding-top:0;display:flex;flex-direction:column}
  .hero::after{content:none}
  .hero-copy{position:relative;top:auto;order:-1;padding:calc(env(safe-area-inset-top) + var(--header-h) + 36px) var(--gutter) 0}
  .lk-decor{font-size:96px}
  .lk-by{font-size:44px}
  .hero-line{font-size:30px}
  /* the wide artboard, anchored right so the house sits just right of center and the step clears the ticket */
  .hero-art{position:relative;height:auto;aspect-ratio:5/4;order:0;margin-top:-8px;-webkit-mask-image:linear-gradient(transparent,#000 72px);mask-image:linear-gradient(transparent,#000 72px)}
  .hero-art .m{display:none}
  .hero-art .d{display:block;left:auto;right:0;width:128%}
  .hero-ctrl{position:relative;left:auto;top:auto;order:1;margin:-76px 0 32px var(--gutter);align-self:flex-start}
  .hero-more{order:2}
  html[data-season=winter] .hero-copy{padding-top:calc(env(safe-area-inset-top) + var(--header-h) + 64px)}
}
/* landscape phones: the whole wide artboard, no crop, so the house is as high on the page as it can be */
@media (min-width:600px) and (max-width:1023px) and (orientation:landscape){
  .hero-art{aspect-ratio:1440/900}
  .hero-art .d{width:100%}
  .hero-copy{padding-top:calc(env(safe-area-inset-top) + var(--header-h) + 14px)}
  .hero-eyebrow{margin-bottom:4px}
  .lk-decor{font-size:64px}.lk-by{font-size:30px}.hero-line{font-size:22px;margin-top:8px}
}
@media (max-height:500px) and (max-width:1023px){
  .build-stage{position:relative;top:auto}
  .step{scroll-margin-top:calc(var(--header-h) + 8px)}
}

/* Promise strip */
.promise{background:var(--bg-dark);color:var(--on-dark);padding:4px var(--gutter) 40px;position:relative;isolation:isolate;transition:background-color .6s}
.promise::before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--grain);opacity:.5}
.promise-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;max-width:var(--maxw);margin-inline:auto;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
.promise-list li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:20px 10px;font-size:14px;line-height:1.4;color:rgba(243,234,216,.9)}
.promise-list li:nth-child(odd){border-right:1px solid var(--line-dark)}
.promise-list li:nth-child(-n+2){border-bottom:1px solid var(--line-dark)}
.promise-list svg{width:32px;height:32px;color:var(--g-300);transition:color .8s}
.promise.is-gilt svg{color:var(--gold)}
@media (min-width:1024px){
  .promise{padding:0 var(--gutter) 56px}
  .promise-list{grid-template-columns:repeat(4,1fr)}
  .promise-list li{border:0!important;flex-direction:row;text-align:left;padding:26px 20px;font-size:15px}
  .promise-list li+li{border-left:1px solid var(--line-dark)!important}
}

/* ---------- Build ---------- */
.build{padding-top:0;padding-bottom:var(--section-y)}
.fall-note{margin:0;padding:18px var(--gutter) 16px;text-align:center;background:var(--bg-paper-2);border-bottom:1px solid var(--line);font:italic 500 19px/1.35 var(--f-italic)}
.fall-note-links{display:flex;justify-content:center;gap:22px;margin-top:4px;font:15px/1.4 var(--f-sans)}
.fall-note-links .link{min-height:var(--tap);display:inline-flex;align-items:center}
.build-stage{position:sticky;top:calc(var(--header-h) + env(safe-area-inset-top));z-index:5;height:min(40svh,300px);background:var(--bg-paper);border-bottom:1px solid var(--bg-paper-2);box-shadow:0 12px 20px -18px rgba(42,29,21,.35)}
@supports not (height:1svh){.build-stage{height:min(40vh,300px)}}
.build.is-typing .build-stage{height:88px}
.drawing{position:relative;height:100%;margin:0;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y}
.drawing::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--grain);opacity:.18}
.builder-art{position:absolute;inset:6px 4px 2px;width:calc(100% - 8px);height:calc(100% - 8px)}
.b-paint{transition:opacity .15s}
.drawing.is-pencil .b-paint{clip-path:circle(0px at 50% 72%);-webkit-clip-path:circle(0px at 50% 72%)}
.drawing.is-paint .b-pencil{visibility:hidden}
.drawing.show-before .b-pencil{visibility:visible}
.drawing.show-before .b-paint{opacity:0}
.sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.12) 50%,transparent 65%);transform:translateX(-110%)}
.stage-note{position:absolute;left:10px;top:8px;font:italic 500 17px/1.2 var(--f-italic);color:var(--umber);background:rgba(246,240,228,.92);padding:3px 10px 4px;border-radius:2px;box-shadow:0 1px 0 rgba(42,29,21,.08);opacity:0;transition:opacity .25s;max-width:60%;pointer-events:none}
.stage-note.on{opacity:1}
html[data-palette=jen] .stage-note{top:40px}
.margin-tag{position:absolute;right:10px;font:italic 500 15px/1.2 var(--f-italic);color:var(--accent-ink);background:rgba(246,240,228,.9);border:1px dashed rgba(122,90,34,.5);padding:3px 8px;border-radius:2px;transform:rotate(2deg);opacity:0;transition:opacity .3s;pointer-events:none;max-width:52%}
html[data-season=winter] .margin-tag{background:rgba(244,237,224,.9)}
.tag-removal{top:8px}.tag-rush{top:40px;transform:rotate(-2deg)}
.tag-commercial{right:10px;bottom:10px;top:auto;transform:rotate(-1.5deg)}
.tag-jen{left:10px;right:auto;top:8px;transform:rotate(-1.5deg)}
.build[data-removal] .tag-removal,.build[data-rush] .tag-rush,.build[data-pkg=commercial] .tag-commercial,html[data-palette=jen] .tag-jen{opacity:1}
.hold-hint{display:none}
.build.is-typing .stage-note,.build.is-typing .margin-tag{display:none}
.build-controls{padding:36px var(--gutter) 0}
.build-controls .sec-head{margin-bottom:10px}
.step{padding-block:36px 8px;scroll-margin-top:calc(var(--header-h) + min(40svh,300px) + 8px)}
.step+.step{border-top:1px solid var(--line);margin-top:28px}
.build-controls .sec-head+.step{padding-top:12px}
.build-controls{scroll-margin-top:calc(var(--header-h) + min(40svh,300px))}
.step .title{margin-top:10px}
@media (min-width:1024px){
  .build{padding-top:var(--s-8)}
  .build-grid{display:grid;grid-template-columns:55% 45%;max-width:1400px;margin-inline:auto;padding-inline:var(--gutter)}
  .build-stage{top:88px;height:min(78vh,640px);background:transparent;border:0;box-shadow:none;margin-right:40px}
  .drawing{background:var(--bg-paper);border:1px solid var(--bg-paper-2);box-shadow:var(--shadow-paper)}
  .builder-art{inset:24px}
  .build-controls{padding:0 0 0 8px}
  .step{scroll-margin-top:100px}
  .margin-tag{right:22px}.tag-removal{top:22px}.tag-rush{top:58px}.tag-jen{left:22px;top:22px}.tag-commercial{right:22px;bottom:22px}
  .stage-note{left:22px;top:22px}
  html[data-palette=jen] .stage-note{top:60px}
  .drawing{height:calc(100% - 34px)}
  .hold-hint{display:block;margin-top:12px;text-align:right;font:italic 500 16px/1.2 var(--f-italic);color:var(--text-soft)}
}

/* Sizes */
.sizes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:24px}
@media (min-width:600px){.sizes{grid-template-columns:repeat(4,minmax(0,1fr))}}

.size{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-height:92px;padding:22px 6px 12px;border:1px solid var(--line);border-radius:var(--r-1);background:var(--bg-paper-2);cursor:pointer;text-align:center;transition:border-color .2s,background-color .2s,box-shadow .2s}
.size input,.pan input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.size-name{font:clamp(12.5px,3.9vw,15px)/1.1 var(--f-display);letter-spacing:.08em;text-transform:uppercase}
@media (max-width:359px){.size{padding-inline:3px}.size-name{letter-spacing:.04em}.size .pick{font-size:9.5px;letter-spacing:.08em}.size-price{font-size:21px}}
.size-price{font:24px/1 var(--f-display);letter-spacing:.01em}
.size .pick{position:absolute;top:7px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:4px;font:10.5px/1 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink)}
.size .pick svg{width:11px;height:11px}
.size:has(input:checked){border-color:var(--text);background:var(--bg-paper);box-shadow:inset 0 3px 0 var(--accent),var(--shadow-paper)}
.size.is-on{border-color:var(--text);background:var(--bg-paper);box-shadow:inset 0 3px 0 var(--accent),var(--shadow-paper)}
.size:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.commercial-link{margin-top:10px;font-size:15px;text-decoration-color:var(--line)}
.commercial-link[aria-pressed=true]{color:var(--accent-ink);text-decoration-color:currentColor}
.pkgs{margin-top:18px}
.pkg{position:relative;background:var(--bg-paper-2);padding:22px 20px 24px;border-radius:var(--r-2);box-shadow:var(--shadow-paper);margin-top:14px}
.js .pkg:not(.is-on){display:none}
.pkg-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pkg-name{font:26px/1.1 var(--f-display);letter-spacing:.06em;text-transform:uppercase;font-weight:400}
.pkg-price{font:44px/1 var(--f-display);letter-spacing:.01em}
.pkg-price .from{font:italic 500 20px/1 var(--f-italic);letter-spacing:0;text-transform:none;margin-right:4px}
.pkg-best{font:italic 500 19px/1.35 var(--f-italic);margin-top:10px;max-width:30ch}
.pkg-aside{font:italic 500 17px/1.35 var(--f-italic);color:var(--text-soft);margin-top:2px}
.tally{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:16px;padding:10px 0;border-block:1px dashed var(--line);font-size:15px;color:var(--text)}
.tally li{display:flex;align-items:center;gap:5px}
.tally svg{width:20px;height:20px;color:var(--text-soft)}
.pkg-list{margin-top:12px;font-size:16px}
.pkg-list li{padding:7px 0 7px 18px;position:relative;border-bottom:1px solid rgba(90,74,62,.12)}
.pkg-list li::before{content:"";position:absolute;left:2px;top:.95em;width:6px;height:6px;border-radius:50%;border:1px solid var(--accent-ink)}
.pkg .btn{margin-top:18px}
.stamp{position:absolute;right:14px;top:-12px;padding:6px 10px 5px;border:1.5px solid var(--ok);color:var(--ok);font:10.5px/1.1 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;background:var(--bg-paper-2);transform:rotate(-4deg);border-radius:2px;box-shadow:0 0 0 2px var(--bg-paper-2),inset 0 0 0 2px var(--bg-paper-2),inset 0 0 0 3px rgba(79,107,78,.35)}
@media (min-width:1024px){.sizes{gap:12px}.size{min-height:108px}.size-name{font-size:17px}.size-price{font-size:30px}.pkg{padding:28px 30px}.pkg-name{font-size:34px}.pkg-price{font-size:58px}}

/* Palette */
.pans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.pan{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 10px;border:1px solid transparent;border-radius:var(--r-2);cursor:pointer;transition:border-color .2s,background-color .2s}
.pan-art{width:100%;max-width:110px;height:auto;aspect-ratio:110/72}
.pan-name{font:13px/1.25 var(--f-sans);text-align:center;color:var(--text)}
.pan:has(input:checked),.pan.is-on{border-color:var(--text);background:var(--bg-paper-2)}
.pan:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.pan-jen{grid-column:1/-1;flex-direction:row;justify-content:center;gap:12px;border-color:var(--line);min-height:56px}
.pan-jen .pan-art{width:64px;flex:none}
.pan-jen .pan-name{font-size:15px}
.pal-say{margin-top:18px;min-height:120px}
.pal-script{font:clamp(28px,9.4vw,34px)/1.7 var(--f-script);color:var(--accent-ink);white-space:nowrap;margin:-4px 0 .6em;min-height:1.7em}
.pal-desc{font-size:16px;color:var(--text-soft);max-width:34ch}
@media (min-width:1024px){.pal-script{font-size:40px}}

/* Extras */
.extras{margin-top:20px;border-top:1px solid var(--line)}
.ex{display:grid;grid-template-columns:30px 1fr auto;grid-template-areas:"ic txt price" "ic txt ctl";column-gap:12px;row-gap:6px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line);min-height:56px}
.ex-ic{grid-area:ic;width:28px;height:28px;margin-top:2px;color:var(--text-soft)}
.ex-txt{grid-area:txt}
.ex-name{font-size:16px;line-height:1.3}
.ex-sub{font-size:14px;line-height:1.4;color:var(--text-soft);margin-top:2px}
.ex-price{grid-area:price;justify-self:end;font-size:15px;white-space:nowrap}
.ex-price .each{color:var(--text-soft);font-size:13px}
.stepper,.add{grid-area:ctl;justify-self:end}
.stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--r-1);background:var(--field)}
.stepper button{width:44px;height:44px;display:grid;place-items:center;color:var(--text)}
.stepper button:disabled{opacity:.3;cursor:default}
.stepper svg{width:14px;height:14px}
.stepper output{min-width:22px;text-align:center;font-size:17px;font-variant-numeric:tabular-nums}
.add{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-1);background:var(--field);font:13px/1 var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text)}
.add svg{width:13px;height:13px}
.add span{display:inline-flex;align-items:center;gap:6px}
.add .add-on{display:none}
.add[aria-pressed=true]{background:var(--cta-paper);color:var(--cta-paper-text);border-color:var(--cta-paper)}
.add[aria-pressed=true] .add-on{display:inline-flex}.add[aria-pressed=true] .add-off{display:none}

/* Weeks */
.weeks{margin-top:22px;display:grid;gap:8px}
.wk{position:relative;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;min-height:60px;padding:10px 14px 10px 12px;border:1px solid var(--line);border-radius:var(--r-1);background:var(--bg-paper-2);cursor:pointer;transition:border-color .2s,background-color .2s,box-shadow .2s}
.wk input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.wk:has(input:checked),.wk.is-on{border-color:var(--text);background:var(--bg-paper);box-shadow:inset 3px 0 0 var(--accent)}
.wk:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.wk-lamp{width:26px;height:34px;color:var(--text-soft)}
.wk[data-status=open] .wk-lamp,.wk[data-status=filling] .wk-lamp{filter:drop-shadow(0 0 6px rgba(242,180,90,.55))}
html:not(.calm) .wk[data-status=filling] .wk-lamp{animation:flick 2.4s ease-in-out infinite}
@keyframes flick{0%,100%{opacity:1}40%{opacity:.62}55%{opacity:.95}70%{opacity:.75}}
.wk-label{display:block;font-size:17px;line-height:1.25}
.wk-note{display:block;font:italic 500 15px/1.3 var(--f-italic);color:var(--text-soft)}
.wk-status{font-size:13px;letter-spacing:.08em;text-transform:uppercase;text-align:right;white-space:nowrap}
.wk[data-status=open] .wk-status{color:var(--ok)}
.wk[data-status=filling] .wk-status{color:var(--link)}
.wk[data-status=full]{background:repeating-linear-gradient(-38deg,rgba(62,58,53,.07) 0 1px,transparent 1px 7px),var(--bg-paper-2)}
.wk[data-status=full] .wk-label{color:var(--text-soft)}
.wk[data-status=full] .wk-status{color:var(--text-soft);white-space:normal;max-width:9em;line-height:1.25}
.wk-flex .wk-lamp{opacity:.8}
.updated{margin-top:12px;font:italic 500 16px/1.3 var(--f-italic);color:var(--text-soft);text-align:right}
.days{margin-top:14px;font:italic 500 19px/1.4 var(--f-italic);color:var(--text)}
.neighbors{display:grid;grid-template-columns:96px 1fr;gap:14px;margin-top:28px;padding:18px 16px;background:var(--bg-paper-2);border-radius:var(--r-2);align-items:start}
.rings{width:96px;height:auto;aspect-ratio:120/72;color:var(--accent-ink);margin-top:6px}
.nb-label{display:block;font:italic 500 21px/1.2 var(--f-italic);margin-bottom:8px}
.nb-row input{width:100%;max-width:180px}
.zip-answer{margin-top:8px;font-size:15px;line-height:1.4;min-height:1.4em;color:var(--text)}
.zip-answer.is-free{color:var(--ok)}
.ring-key{margin-top:10px;font-size:13px;line-height:1.45;color:var(--text-soft)}
.ring-key li{position:relative;padding-left:16px}
.ring-key li::before{content:"";position:absolute;left:0;top:.45em;width:9px;height:9px;border-radius:50%}
.rk-1::before{background:rgba(79,107,78,.45);box-shadow:0 0 0 1px var(--ok)}
.rk-2::before{background:rgba(201,164,92,.45);box-shadow:0 0 0 1px var(--accent-ink)}
.rk-3::before{box-shadow:0 0 0 1px var(--text-soft)}
.ring-key strong{font-weight:400;color:var(--text)}
[data-continue]{margin-top:28px}

/* Form fields (shared) */
.field{display:flex;flex-direction:column;gap:6px;margin-top:18px;min-width:0}
.field label,.radios legend,.checks legend,.addons legend{font-size:15px;line-height:1.35;color:var(--text)}
input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{width:100%;min-height:52px;padding:12px 14px;font:17px/1.3 var(--f-sans);color:var(--text);background:var(--field);border:1px solid rgba(90,74,62,.4);border-radius:var(--r-1);-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}
textarea{min-height:88px;resize:vertical}
select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%235A4A3E' stroke-width='1.4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px;padding-right:36px}
input::placeholder,textarea::placeholder{color:#8a7b6e;opacity:1}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--text);box-shadow:var(--focus)}
[aria-invalid=true]{border-color:var(--err)!important;box-shadow:inset 3px 0 0 var(--err)}
input[type=file]{font:15px/1.4 var(--f-sans);color:var(--text-soft);padding:10px 0;max-width:100%}
input[type=file]::file-selector-button{font:13px/1 var(--f-sans);letter-spacing:.12em;text-transform:uppercase;padding:12px 16px;margin-right:12px;border:1px solid var(--line);border-radius:var(--r-1);background:var(--field);color:var(--text);cursor:pointer}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.field-row.three{grid-template-columns:1fr}
.field-row>.field:first-child:nth-last-child(2){grid-column:auto}
#fs-you .field-row{grid-template-columns:1.4fr 1fr}
.help{font-size:15px;line-height:1.45;color:var(--text-soft)}
.help.indent,.field.indent{margin-left:34px}
.err{display:none;align-items:flex-start;gap:6px;font-size:15px;line-height:1.4;color:var(--err)}
.err.on{display:flex}
.err.on::before{content:"";flex:none;width:16px;height:16px;margin-top:2px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M8 4v5' stroke='black' stroke-width='1.6'/%3E%3Ccircle cx='8' cy='11.6' r='1' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M8 4v5' stroke='black' stroke-width='1.6'/%3E%3Ccircle cx='8' cy='11.6' r='1' fill='black'/%3E%3C/svg%3E") center/contain no-repeat}
.check,.radio{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:var(--tap);padding:10px 0;cursor:pointer;font-size:16px;line-height:1.4}
.check input,.radio input{flex:none;width:22px;height:22px;margin:0;-webkit-appearance:none;appearance:none;border:1.5px solid rgba(90,74,62,.6);background:var(--field);border-radius:3px;display:grid;place-items:center;cursor:pointer;transition:background-color .15s,border-color .15s}
.check input::after{content:"";width:6px;height:11px;border:solid var(--cta-paper-text);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg) scale(0);transition:transform .15s}
.check input:checked{background:var(--cta-paper);border-color:var(--cta-paper)}
.check input:checked::after{transform:translateY(-1px) rotate(45deg) scale(1)}
.check input:focus-visible,.radio input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.radios,.checks,.addons{border:0;padding:0;margin:22px 0 0;min-width:0}
.radios legend,.checks legend,.addons legend{padding:0;margin-bottom:8px}
.radios{display:flex;flex-wrap:wrap;gap:8px}
.radios legend{width:100%;float:left}
.radio{padding:0}
.radio input{position:absolute;opacity:0;width:1px;height:1px}
.radio span{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 16px;border:1px solid rgba(90,74,62,.4);border-radius:var(--r-pill);background:var(--field);font-size:15px}
.radio input:checked+span{background:var(--cta-paper);color:var(--cta-paper-text);border-color:var(--cta-paper)}
.radio input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.reveal{display:none}.reveal.on{display:flex}
/* without JavaScript the builder can't draw or count, so it steps aside for the plain form */
.nojs-note{display:none}
.no-js .nojs-note{display:block;max-width:var(--maxw);margin:0 auto;padding:28px var(--gutter) 0;font:italic 500 20px/1.4 var(--f-italic);color:var(--text)}
.no-js .build-stage,.no-js #build .kicker,.no-js .sizes,.no-js .commercial-link,.no-js .pans,.no-js .pal-say,.no-js .extras,.no-js .weeks,.no-js .updated,.no-js #days-of-fall,.no-js .neighbors,.no-js [data-continue],.no-js .winter-pill,.no-js [data-winter-on],.no-js .hold-hint{display:none!important}
.js .nojs-controls{display:none}
.js .week-field{display:none}.js .order.show-week .week-field{display:flex}
.commercial-only{display:none}
.order.is-commercial .commercial-only{display:block}

/* ---------- Everything, done ---------- */
.receipts{display:grid;gap:36px;margin-top:8px;max-width:880px;margin-inline:auto}
.receipt{background:var(--bg-paper-2);color:var(--text);padding:22px 22px 28px;font-size:15px;line-height:1.5;position:relative;box-shadow:0 20px 40px -24px rgba(0,0,0,.6);
  -webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/16px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/16px 100%}
.receipt::before{content:"";position:absolute;inset:0;background-image:var(--grain);opacity:.25;pointer-events:none}
.r-diy{transform:rotate(-1deg)}.r-us{transform:rotate(1deg);background:var(--bg-paper)}
.r-head{font:12px/1.2 var(--f-sans);letter-spacing:.24em;text-transform:uppercase;text-align:center;padding-bottom:12px;margin-bottom:8px;border-bottom:1px dashed rgba(90,74,62,.45)}
.receipt ul li{padding:6px 0;border-bottom:1px dotted rgba(90,74,62,.3)}
.r-diy ul li{color:var(--text-soft)}
.r-total{display:flex;justify-content:space-between;gap:16px;margin-top:12px;padding-top:10px;border-top:2px solid var(--text);font-size:14px;letter-spacing:.12em;text-transform:uppercase}
.r-total span:last-child{text-align:right}
.r-us .r-total span:last-child{color:var(--accent-ink)}
.mm{display:grid;gap:28px;margin:64px auto 0;max-width:1000px;text-align:center}
.mm-magic{font:italic 500 24px/1.25 var(--f-italic);color:var(--cream)}
html[data-season=winter] .mm-magic{color:var(--w-wool)}
.mm-method{font-size:16px;line-height:1.55;color:var(--on-dark-soft);margin:8px auto 0;max-width:34ch}
.mm>div{position:relative;padding-top:22px}
.mm>div::before{content:"";position:absolute;top:0;left:50%;width:28px;height:1px;background:var(--accent);transform:translateX(-50%)}
.iday{margin:72px auto 0;max-width:1000px}
.iday .title{font-size:28px}
.iday-list{counter-reset:s;display:grid;gap:0;margin-top:8px}
.iday-list li{counter-increment:s;position:relative;padding:14px 0 14px 52px;border-bottom:1px solid var(--line-dark);font-size:16px;line-height:1.5;color:rgba(243,234,216,.9)}
.iday-list li::before{content:counter(s,upper-roman);position:absolute;left:0;top:13px;width:36px;font:18px/1.2 var(--f-display);color:var(--accent);letter-spacing:.04em}
.close-line{margin-top:32px;font:italic 500 22px/1.35 var(--f-italic);color:var(--cream);text-align:center;max-width:32ch;margin-inline:auto}
@media (min-width:1024px){.close-line{max-width:44ch;font-size:24px}}
html[data-season=winter] .close-line{color:var(--w-wool)}
.extras-row{display:grid;gap:28px;margin:64px auto 0;max-width:1000px}
.care{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;background:var(--bg-dark-2);border:1px solid var(--line-dark);border-radius:var(--r-2);padding:20px}
.care-art{position:relative;width:120px;aspect-ratio:120/96}
.care-art svg{position:absolute;inset:0;width:100%;height:100%}
.care-pencil{color:var(--g-300)}
.care-paint{color:var(--gold);clip-path:circle(0% at 30% 70%);transition:clip-path 1s cubic-bezier(.22,.8,.25,1)}
.care.is-bloomed .care-paint{clip-path:circle(150% at 30% 70%)}
.care-text{font:italic 500 19px/1.4 var(--f-italic);color:var(--cream);margin-top:6px}
html[data-season=winter] .care-text{color:var(--w-wool)}
.film{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center}
.film-play{position:relative;width:120px;aspect-ratio:9/16;border-radius:var(--r-2);overflow:hidden;box-shadow:0 18px 40px -18px rgba(0,0,0,.7);background:#111}
.film-play img{width:100%;height:100%;object-fit:cover}
.film-btn{position:absolute;inset:0;display:grid;place-items:center}
.film-btn svg{width:46px;height:46px;padding:12px;border-radius:50%;background:rgba(29,22,18,.72);color:var(--gold-leaf);border:1px solid rgba(201,164,92,.6)}
.film video{width:100%;height:100%;object-fit:cover}
.film.is-playing{grid-template-columns:1fr}
.film.is-playing .film-play{width:min(100%,340px);margin-inline:auto;cursor:default}
.film figcaption{display:flex;flex-direction:column;gap:6px}
.film-cap{font:italic 500 19px/1.35 var(--f-italic);color:var(--on-dark-soft)}
@media (min-width:1024px){
  .receipts{grid-template-columns:1fr 1fr;gap:48px}
  .mm{grid-template-columns:repeat(3,1fr);gap:40px}
  .iday .title{font-size:40px}
  .iday-list{grid-template-columns:repeat(4,1fr);gap:0 28px}
  .iday-list li{padding:52px 0 18px;border-bottom:0;border-top:1px solid var(--line-dark)}
  .iday-list li::before{top:16px}
  .extras-row{grid-template-columns:1.3fr 1fr;align-items:center}
}

/* ---------- Jen ---------- */
.jen-grid{display:grid;gap:40px}
.photo{position:relative;margin:0 auto;width:88vw;max-width:480px;padding:50px 0 96px}
.photo-stack{position:relative;transform:rotate(-1.5deg);filter:drop-shadow(0 26px 30px rgba(42,29,21,.35))}
.photo-stack picture{display:block}
.photo-stack img{width:100%;height:auto}
.ph-pencil img{filter:grayscale(1) contrast(1.15) brightness(1.04) sepia(.12)}
.ph-color{position:absolute;inset:0;clip-path:circle(11% at 50% 11%);-webkit-clip-path:circle(11% at 50% 11%);transition:clip-path 1.1s cubic-bezier(.22,.8,.25,1),-webkit-clip-path 1.1s cubic-bezier(.22,.8,.25,1)}
.no-js .ph-color,.photo.is-bloomed .ph-color{clip-path:circle(150% at 50% 11%);-webkit-clip-path:circle(150% at 50% 11%)}
.tape{position:absolute;width:70px;height:22px;background:linear-gradient(90deg,rgba(255,250,236,.5),rgba(240,230,205,.62) 40%,rgba(255,250,236,.45));box-shadow:0 1px 1px rgba(42,29,21,.08);-webkit-mask:linear-gradient(90deg,transparent 0 1px,#000 1px calc(100% - 1px),transparent 0),repeating-linear-gradient(0deg,#000 0 3px,transparent 3px 4px);mask:linear-gradient(90deg,transparent 0 1px,#000 1px calc(100% - 1px),transparent 0)}
.tape.t1{top:10px;left:-8px;transform:rotate(-34deg)}
.tape.t2{top:8px;right:-10px;transform:rotate(30deg)}
.note{position:absolute;display:flex;align-items:flex-start;gap:2px;font:italic 500 16px/1.2 var(--f-italic);color:var(--accent-ink);max-width:64%}
.note svg{width:58px;height:35px;flex:none;color:var(--accent-ink)}
.n1{top:2px;right:0;text-align:right;align-items:flex-end}
.n1 svg{margin-bottom:-26px}
.n2{bottom:40px;left:0;align-items:center}
.n2 svg{margin-top:-30px;width:50px}
.n3{bottom:40px;right:0;text-align:right;opacity:0;pointer-events:none;transition:opacity .25s;align-items:center}
.n3 svg{transform:rotate(180deg);margin-top:-30px;width:50px}
.photo.show-n3 .n3{opacity:1}
.photo.show-n3 .n2{opacity:0}
.note-dot{position:absolute;right:13%;bottom:112px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center}
.note-dot::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(246,240,228,.9)}
html:not(.calm) .note-dot::after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid var(--gold);animation:ping 2s ease-out infinite}
@keyframes ping{from{transform:scale(1);opacity:.9}to{transform:scale(3);opacity:0}}
.photo figcaption{position:absolute;left:0;right:0;bottom:4px;text-align:center;font:italic 500 16px/1.3 var(--f-italic);color:var(--text-soft)}
.photo.show-n3 figcaption{opacity:.35}
.jen-letter .title{margin-top:10px}
.letter{margin-top:20px;font-size:17px;line-height:1.6;max-width:36ch}
.sig{font:48px/1.7 var(--f-script);color:var(--accent-ink);margin-top:10px;margin-bottom:-10px}
.sig-line{font-size:13px;letter-spacing:.06em;color:var(--text-soft)}
.trust-row{margin-top:26px;padding-top:16px;border-top:1px solid var(--line);font:11.5px/1.9 var(--f-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--text-soft)}
.trust-row a{color:inherit}
.perk{margin-top:18px;font:italic 500 18px/1.4 var(--f-italic);color:var(--text)}
@media (min-width:1024px){
  .jen-grid{grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:80px;align-items:center}
  .photo{width:auto;padding:54px 40px 70px}
  .n1{right:-20px}.n2{left:-30px}.n3{right:-30px;opacity:1;pointer-events:auto}
  .photo.show-n3 .n2{opacity:1}
  .note-dot{display:none}
  .letter{font-size:18px;max-width:52ch}
  .sig{font-size:56px}
  .trust-row{font-size:12.5px}
}

/* ---------- Reserve ---------- */
.ribbon{display:inline-block;margin-top:14px;padding:6px 14px;background:var(--rust);color:var(--cream);font:italic 500 17px/1.3 var(--f-italic);clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%)}
.order{display:grid;gap:8px}
.fs{border:0;padding:0;margin:0 0 40px;min-width:0}
.fs-legend{display:flex;align-items:baseline;gap:10px;padding:0;margin-bottom:6px;font:24px/1.1 var(--f-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text)}
.fs-legend .step-num{font:inherit;color:var(--accent-ink);letter-spacing:.04em}
.fs-legend .step-num span{display:none}
.fs-legend .step-num::after{content:none}
.summary{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;margin-top:14px;padding:12px;background:var(--bg-paper);border:1px solid var(--line);border-radius:var(--r-2)}
.summary-art{width:120px;height:auto;aspect-ratio:540/420;background:var(--bg-paper-2);border-radius:2px}
.summary-text{font-size:16px;line-height:1.45}
.summary-links{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:4px;font-size:14px}
.summary-links a{min-height:32px;display:inline-flex;align-items:center}
.photo-preview{margin-top:12px;max-width:280px}
.pp-stack{position:relative;overflow:hidden;border-radius:2px;box-shadow:var(--shadow-paper)}
.pp-stack img{width:100%;height:auto;display:block}
.pp-pencil{filter:grayscale(1) contrast(1.15) brightness(1.04) sepia(.12)}
.pp-color{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:circle(0% at 50% 60%)}
.pp-grain{position:absolute;inset:0;background-image:var(--grain);opacity:.45;mix-blend-mode:multiply;pointer-events:none}
.photo-preview figcaption{margin-top:6px;font:italic 500 16px/1.3 var(--f-italic);color:var(--text-soft)}
.photo-msg:empty{display:none}
.addr-check{display:flex;gap:8px;align-items:flex-start;margin-top:12px;padding:10px 12px;background:var(--bg-paper);border:1px solid var(--line);border-radius:var(--r-1);font-size:15px;line-height:1.4}
.addr-check svg{width:18px;height:18px;flex:none;margin-top:1px;color:var(--accent-ink)}
.addr-check.is-in{border-color:rgba(79,107,78,.55)}
.addr-check.is-in svg{color:var(--ok)}
.addr-check.is-pending p{color:var(--text-soft)}
.delivery-line{margin-top:10px;font-size:15px;color:var(--text-soft)}
.order-side .review{margin:0}
.order-receipt{margin-top:14px;background:var(--bg-paper)}
.r-lines li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dotted rgba(90,74,62,.3);font-variant-numeric:tabular-nums}
.r-lines li span:last-child{white-space:nowrap;text-align:right}
.r-lines li.r-muted{color:var(--text-soft)}
.order-receipt .r-total,.sheet-receipt .r-total{font-size:13px}
.r-sum{font:17px/1.2 var(--f-sans);letter-spacing:0;text-transform:none}
.r-tax{margin-top:4px;font-size:13px;color:var(--text-soft);text-align:right}
.due{margin-top:20px;padding:14px 16px;border-left:3px solid var(--accent);background:var(--bg-paper);font-size:15px;line-height:1.5}
.due.is-pay{border-left-color:var(--ok)}
.due-head{font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.due-head strong{font-weight:400;font-size:17px;letter-spacing:.02em;margin-left:4px}
.due-text{margin-top:6px}
.due-bal{margin-top:6px;color:var(--text-soft)}
.terms{margin-top:14px;font-size:15px}
.terms-com{display:none}
.order.is-commercial .terms-std,.order.is-commercial .due-bal{display:none}.order.is-commercial .terms-com{display:inline}
.submit{margin-top:14px}
.submit .sb-busy{display:none;align-items:center;gap:10px}
.submit.is-busy .sb-idle{display:none}.submit.is-busy .sb-busy{display:inline-flex}
.submit:disabled{cursor:progress;opacity:.85}
.spark-loop{width:10px;height:10px;border-radius:50%;background:var(--gold-leaf);box-shadow:0 0 10px 2px rgba(242,198,109,.8);animation:spark 1s ease-in-out infinite}
@keyframes spark{0%,100%{transform:scale(.6);opacity:.6}50%{transform:scale(1.2);opacity:1}}
.micro{margin-top:10px;font-size:14px;color:var(--text-soft);text-align:center}
.sb-pay,.mi-pay,.order.is-pay .sb-send,.order.is-pay .mi-send{display:none}
.order.is-pay .sb-pay,.order.is-pay .mi-pay{display:inline}
/* Checkout hand-off (pay now): a quiet in-place state for about a second, then Stripe */
.checkout{max-width:520px;margin:0 auto;padding:40px 0 24px;text-align:center}
.co-mark{width:40px;height:38px;margin:0 auto 18px;color:var(--accent-ink);animation:breathe 2.4s ease-in-out infinite}
html.calm .co-mark{animation:none}
.co-line{font:italic 500 26px/1.3 var(--f-italic);color:var(--text);outline:0}
.co-sub{margin-top:14px;font-size:16px;color:var(--text-soft)}
.co-sub strong{font-weight:400;color:var(--text);letter-spacing:.06em}
.co-actions{margin-top:22px}
.co-quiet{margin-top:18px;font:italic 500 17px/1.4 var(--f-italic);color:var(--text-soft)}
.checkout .pn-refund{margin-top:10px;font-size:14px;color:var(--text-soft)}
.co-new{margin-top:12px;font-size:15px}
.form-err{margin-top:12px;padding:10px 12px;border:1px solid var(--err);color:var(--err);font-size:15px;border-radius:var(--r-1);background:var(--field)}
@media (min-width:1024px){
  .order{grid-template-columns:minmax(0,60fr) minmax(0,40fr);gap:56px;align-items:start}
  .order-side{position:sticky;top:76px}
  .field-row.three{grid-template-columns:repeat(3,1fr)}
}

/* Thanks */
.thanks{display:grid;gap:28px;max-width:960px;margin:0 auto}
.th-art{max-width:420px;width:100%;margin-inline:auto}
.th-stack{position:relative;background:var(--bg-paper);box-shadow:var(--shadow-paper);border-radius:2px;overflow:hidden;aspect-ratio:540/420}
.th-thumb,.th-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.th-photo-pencil{filter:grayscale(1) contrast(1.15) brightness(1.04) sepia(.12)}
.th-paint,.th-photo-color{clip-path:circle(0% at 50% 70%)}
.thanks.is-bloomed .th-paint,.thanks.is-bloomed .th-photo-color{clip-path:circle(150% at 50% 70%);transition:clip-path .9s cubic-bezier(.22,.8,.25,1)}
.th-body .title{font-size:30px}
.bookplate{margin:24px 0;padding:20px 18px 18px;text-align:center;border:3px double var(--accent);outline:1px solid rgba(201,164,92,.5);outline-offset:4px;background:var(--bg-paper)}
.bp-mark{width:28px;height:27px;margin:0 auto 8px;color:var(--accent-ink)}
.bp-1,.bp-2{font:11.5px/1.4 var(--f-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--text-soft)}
.bp-name{font:44px/1.7 var(--f-script);color:var(--text);margin:18px 0 20px;padding:0;overflow-wrap:anywhere}
.th-ref{font-size:15px;color:var(--text-soft)}
.th-ref strong{font-weight:400;color:var(--text);letter-spacing:.08em}
.paynow{margin-top:20px;padding:18px;background:var(--bg-paper);border:1px solid var(--ok);border-radius:var(--r-2)}
.pn-text{margin-top:6px;font-size:16px}
.pn-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:14px}
.pn-auto{margin-top:8px;font-size:14px;color:var(--text-soft)}
.next{counter-reset:n;margin-top:24px}
.next li{counter-increment:n;position:relative;padding:10px 0 10px 40px;border-bottom:1px solid var(--line);font-size:16px}
.next li::before{content:counter(n);position:absolute;left:0;top:9px;width:26px;height:26px;border-radius:50%;border:1px solid var(--accent-ink);display:grid;place-items:center;font-size:14px;color:var(--accent-ink)}
.th-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:24px}
.cross{margin-top:22px;font:italic 500 19px/1.4 var(--f-italic)}
.cross a{font:15px/1 var(--f-sans);margin-left:6px}
.th-winter{margin-top:10px}
@media (min-width:1024px){.thanks{grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}.th-art{position:sticky;top:96px}.th-body .title{font-size:44px}}

/* ---------- FAQ ---------- */
.faq-list{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:14px 0;cursor:pointer;font:italic 500 21px/1.3 var(--f-italic);color:var(--text)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(currentColor,currentColor) center/14px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 14px no-repeat;color:var(--accent-ink);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 20px;font-size:16px;line-height:1.6;color:var(--text-soft);max-width:60ch}
.faq details .link{font-size:16px}

/* ---------- Winter list + tease ---------- */
.winter-list{background:var(--bg-dark-2);scroll-margin-top:calc(var(--header-h) + 34px)}
.wl-grid{display:grid;gap:28px}
.wl-grid>*,.tease-grid>*,.jen-grid>*,.order>*,.build-grid>*,.thanks>*{min-width:0}
.wl-wreath{text-align:center}
.wl-wreath svg.advent{width:240px;height:auto;margin:0 auto}
.wl-help{margin-top:8px;font:italic 500 17px/1.3 var(--f-italic);color:var(--on-dark-soft)}
.wl-body .title{margin-top:10px}
.wl-body .lede{margin-top:16px;color:rgba(244,237,224,.88)}
.wl-opens{margin-top:10px;font:italic 500 19px/1.3 var(--f-italic);color:var(--accent)}
.wl-form{margin-top:18px;padding:20px 18px 22px;background:var(--bg-paper);color:var(--text);border-radius:var(--r-2)}
.wl-form .field-row:first-of-type{margin-top:-18px}
.wl-form .field-row{grid-template-columns:1fr}
.wl-form .checks{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.wl-form .checks legend{grid-column:1/-1}
.wl-form .btn{margin-top:18px}
.wl-done{margin-top:18px;padding:22px;border:1px solid rgba(216,178,92,.6);border-radius:var(--r-2)}
.wl-done-1{font:italic 500 22px/1.35 var(--f-italic)}
.wl-done-2{margin-top:10px;color:var(--on-dark-soft)}
.wl-body{container-type:inline-size}
.swash-word{font:clamp(20px,calc((100vw - 48px)/16.2),44px)/1.5 var(--f-swash);font-size:clamp(20px,6cqi,44px);color:var(--accent);opacity:.85;visibility:hidden;white-space:nowrap;overflow:hidden;height:0;max-width:100%}
html.swash-ready .swash-word{visibility:visible;height:auto;overflow:visible;margin:0 0 4px}
@media (min-width:1024px){.wl-grid{grid-template-columns:320px 1fr;gap:64px;align-items:start}.wl-wreath svg.advent{width:280px}.wl-form .field-row{grid-template-columns:1fr 1fr}}
.tease{border-top:6px solid #1F3A2B;overflow:hidden}
.tease-grid{display:grid;gap:28px;align-items:center}
.tease-art{max-width:420px;margin-inline:auto;width:100%}
.tease-art svg{width:100%;height:auto}
.tease-body .title{margin-top:10px}
.tease-body .lede{margin-top:16px;color:rgba(243,234,216,.85)}
html[data-season=winter] .tease-body .lede{color:rgba(244,237,224,.85)}
.tease-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:24px}
.tease-actions .btn svg{width:16px;height:16px}
.link-arrow.on-dark{color:var(--on-dark)}
@media (min-width:1024px){.tease-grid{grid-template-columns:1fr 1.1fr;gap:64px}}

/* ---------- End card + footer ---------- */
.endcard{position:relative;isolation:isolate;overflow:hidden;background:var(--espresso) radial-gradient(60% 50% at 50% 35%,rgba(107,74,46,.45),transparent);color:var(--cream);text-align:center;padding:clamp(88px,14vw,160px) var(--gutter)}
html[data-season=winter] .endcard{background:var(--w-night) radial-gradient(60% 50% at 50% 35%,rgba(46,82,64,.5),transparent)}
.endcard::before{opacity:.5}
.motes{position:absolute;inset:0;pointer-events:none;z-index:-1}
.mote{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#F2C66D;opacity:.5;box-shadow:0 0 6px rgba(242,198,109,.6);animation:mote var(--d) ease-in-out var(--dl) infinite alternate}
@keyframes mote{from{transform:translate(0,0);opacity:.15}to{transform:translate(var(--dx),-30px);opacity:.7}}
.mote-leaf{position:absolute;left:var(--x);top:-20px;width:14px;height:14px;color:#C8561E;opacity:.7;animation:leaf-drift var(--d) linear var(--dl) infinite}
@keyframes leaf-drift{from{transform:translate(0,0) rotate(0)}to{transform:translate(var(--dx),900px) rotate(540deg)}}
.endcard.is-paused *{animation-play-state:paused!important}
.end-inner{max-width:520px;margin-inline:auto;display:flex;flex-direction:column;align-items:center}
.end-mark{width:56px;height:53px;color:var(--cream)}
html[data-season=winter] .end-mark{color:var(--w-wool)}
.end-lockup{display:flex;flex-direction:column;align-items:center;margin-top:18px;font-weight:400}
.end-lockup .lk-decor{font-size:clamp(58px,15vw,112px);color:var(--cream);animation:none!important}
.end-lockup .lk-by{font-size:clamp(28px,7vw,52px);color:var(--accent);animation:none!important}
html[data-season=winter] .end-lockup .lk-decor{color:var(--w-wool)}
/* a quiet sign-off under the lockup, never inside it */
.end-swash{font-size:clamp(22px,7vw,38px);color:var(--gold);opacity:.22}
html.swash-ready .end-swash{margin:28px 0 0}
.end-rule{display:block;width:56px;height:1px;background:var(--accent);margin:22px 0}
html[data-season=winter] .end-rule{background:linear-gradient(90deg,var(--w-straw) 0 22px,transparent 22px 34px,var(--w-straw) 34px)}
.end-caps{font:13px/1.4 var(--f-sans);letter-spacing:.28em;text-transform:uppercase}
.end-it{margin-top:10px;font:italic 500 20px/1.35 var(--f-italic);color:var(--on-dark-soft);max-width:25ch}
.endcard .btn{margin-top:30px}
.end-url{margin-top:26px}
.end-url a{font:12px/1 var(--f-sans);letter-spacing:.3em;color:var(--accent);text-decoration:none;padding:16px 4px;display:inline-block}
.footer{background:var(--bg-dark-2);color:var(--on-dark-soft);padding:40px 0 48px;font-size:13px;line-height:1.7;text-align:center;transition:background-color .6s}
.footer a{color:var(--on-dark);white-space:nowrap}
.ft-line{max-width:60ch;margin-inline:auto}
.ft-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 22px;margin-top:14px}
.ft-links a{display:inline-flex;align-items:center;min-height:var(--tap)}
.ft-still{margin-top:10px}
.switch{display:inline-flex;align-items:center;gap:10px;min-height:var(--tap);color:var(--on-dark);font-size:14px}
.switch .opt{color:var(--on-dark-soft)}
.sw-track{position:relative;width:40px;height:22px;border-radius:11px;background:rgba(243,234,216,.2);border:1px solid rgba(243,234,216,.35);transition:background-color .2s}
.sw-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--cream);transition:transform .2s}
.switch[aria-checked=true] .sw-track{background:var(--gold-press)}
.switch[aria-checked=true] .sw-knob{transform:translateX(18px)}
.ft-copy{margin-top:10px;opacity:.7}

/* ---------- Mini-receipt sheet ---------- */
.sheet{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center}
.sheet-back{position:absolute;inset:0;background:rgba(20,15,12,.55);opacity:0;transition:opacity .28s}
.sheet-panel{position:relative;width:100%;max-width:520px;max-height:85vh;overflow:auto;background:var(--bg-paper);color:var(--text);padding:22px var(--gutter) calc(22px + env(safe-area-inset-bottom));border-radius:var(--r-2) var(--r-2) 0 0;transform:translateY(100%);transition:transform .28s var(--ease-out)}
.sheet.is-open .sheet-back{opacity:1}.sheet.is-open .sheet-panel{transform:none}
.sheet-receipt{margin-top:12px;background:var(--bg-paper-2);-webkit-mask:none;mask:none;box-shadow:none}
.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.sheet-actions .btn{padding-inline:10px;white-space:normal;text-align:center;line-height:1.2}
.sheet-pkgs{margin-top:10px;border-top:1px solid var(--line)}
.sheet-pkgs li{display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line)}
.sp-name{font:20px/1.1 var(--f-display);letter-spacing:.06em;text-transform:uppercase}
.sp-jen{font:10.5px/1 var(--f-sans);letter-spacing:.14em;color:var(--accent-ink);margin-left:6px;vertical-align:middle}
.sp-best{grid-column:1;grid-row:2;font:italic 500 16px/1.3 var(--f-italic);color:var(--text-soft);margin-top:2px}
.sp-price{grid-column:2;grid-row:1/3;align-self:center;font:17px/1 var(--f-sans);font-variant-numeric:tabular-nums}
.sheet-fine{margin-top:10px;font-size:14px;line-height:1.45;color:var(--text-soft)}
@media (min-width:1024px){.sheet{align-items:center}.sheet-panel{border-radius:var(--r-2)}}

/* ---------- Decor pieces + winter dressing hooks ---------- */
.slot .pop{transform-box:fill-box;transform-origin:50% 100%}
html:not(.snowy) [data-slot=pencil-snow],html:not(.dressed) [data-slot=paint-dressing]{display:none}
html.dressed [data-decor=hero] .slot:not([data-g=lantern]),html.dressed .scene-paint .glows{display:none}
html:not(.calm) .w-star.is-swinging{animation:w-swing 4.5s ease-in-out infinite alternate}
html:not(.calm) .w-star.is-swinging:nth-of-type(2n){animation-duration:5.1s;animation-delay:-1.4s}
html[data-hero=paint] .hero .pc-lantern .flame{transform-box:fill-box;transform-origin:50% 100%;animation:flicker 3.2s steps(1,end) infinite}
@keyframes flicker{0%{opacity:.88;transform:scale(1)}33%{opacity:1;transform:scale(1.04)}66%{opacity:.93;transform:scale(.98)}}
.scene-paint{transition:opacity .15s}
@supports not ((clip-path:circle(1px at 1px 1px)) or (-webkit-clip-path:circle(1px at 1px 1px))){html[data-hero=pencil] .scene-paint{opacity:0}}

/* ---------- Motion preferences ---------- */
html.calm *,html.calm *::before,html.calm *::after{animation:none!important;scroll-behavior:auto!important}
html.calm .pc,html.calm .pc *{transition:none!important}
html.calm .sheet-panel,html.calm .ticket,html.calm .band{transition-duration:.15s!important}
html.calm .ph-color,html.calm .care-paint,html.calm .th-paint,html.calm .th-photo-color{transition:opacity .3s!important}
html.calm .ph-color{clip-path:none;-webkit-clip-path:none}
html.calm .care-paint,html.calm .th-paint,html.calm .th-photo-color{clip-path:none!important}
html.calm .thanks:not(.is-bloomed) .th-paint{opacity:0}
html.calm .frozen-leaf{transition:none}

/* ---------- Print ---------- */
@media print{.site-header,.ticket,.band,.hero-art,.sheet{display:none!important}.hero-more{margin-top:0}body{padding:0;background:#fff}}

/* ---------- Simple pages: /thanks/, /terms/, 404 ---------- */
.simple{padding-bottom:0;min-height:100vh;background:var(--espresso) radial-gradient(70% 40% at 50% 0,rgba(107,74,46,.42),transparent 70%) no-repeat;color:var(--cream)}
.simple.on-paper{background:var(--vellum);color:var(--ink)}
.s-head{display:flex;flex-direction:column;align-items:center;padding:44px var(--gutter) 8px;text-decoration:none;color:inherit}
.s-mark{display:block;width:40px;height:38px;background:currentColor;-webkit-mask:url(/assets/img/arete-mark.svg) center/contain no-repeat;mask:url(/assets/img/arete-mark.svg) center/contain no-repeat}
.s-head .lk-decor{font-size:40px;margin-top:12px;color:inherit}
.s-head .lk-by{font-size:20px;margin-top:0;color:var(--gold)}
.on-paper .s-head .lk-by{color:var(--gold-ink)}
.s-main{max-width:640px;margin:0 auto;padding:28px var(--gutter) 64px;text-align:center}
.s-main .title{font-size:30px;margin-top:10px}
.simple .eyebrow{color:var(--gold)}
.simple.on-paper .eyebrow{color:var(--gold-ink)}
.s-main .lede{margin:18px auto 0;max-width:40ch;color:rgba(243,234,216,.88)}
.s-rule{display:block;width:48px;height:1px;background:var(--gold);margin:22px auto}
.s-steps{counter-reset:n;text-align:left;max-width:460px;margin:26px auto 0}
.s-steps li{counter-increment:n;position:relative;padding:12px 0 12px 42px;border-bottom:1px solid var(--line-dark);font-size:16px;color:rgba(243,234,216,.9)}
.s-steps li::before{content:counter(n);position:absolute;left:0;top:11px;width:26px;height:26px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;font-size:14px;color:var(--gold)}
.s-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:32px}
.s-note{margin-top:24px;font:italic 500 19px/1.4 var(--f-italic);color:var(--g-100)}
.s-note a,.s-foot a{color:var(--gold-leaf)}
.s-foot{padding:26px var(--gutter) 40px;text-align:center;font-size:13px;color:var(--g-100);border-top:1px solid var(--line-dark)}
.s-foot a{display:inline-block;padding:14px 2px}
.on-paper .s-foot{color:var(--umber);border-color:var(--line)}
.on-paper .s-foot a{color:var(--rust)}
.terms-body{text-align:left;margin-top:8px}
.terms-body h2{font:22px/1.2 var(--f-display);letter-spacing:.05em;text-transform:uppercase;margin:34px 0 8px}
.terms-body p,.terms-body li{font-size:16px;line-height:1.6;color:var(--ink)}
.terms-body ul{list-style:disc;padding-left:20px}
.terms-body li+li{margin-top:6px}
.terms-body .kicker{margin-inline:auto;text-align:center;max-width:36ch}
[data-when]{display:none}
.show-default [data-when=default],.show-paid [data-when=paid],.show-paidwait [data-when=paidwait],.show-winter [data-when=winter]{display:block}
.no-js [data-when=default]{display:block}
/* /thanks/: their porch, blooming from pencil to color, and the bookplate */
.show-winter [data-when-not=winter]{display:none}
html:not(.has-porch) .tp-plate{display:none}
.tp-art{max-width:440px;margin:4px auto 30px}
.tp-art .th-stack{box-shadow:var(--shadow-photo);border-radius:2px}
.tp-art.is-bloomed .th-paint{clip-path:circle(150% at 50% 70%);transition:clip-path .9s cubic-bezier(.22,.8,.25,1)}
html.calm .tp-art .th-paint{clip-path:none;opacity:0;transition:opacity .3s}
html.calm .tp-art.is-bloomed .th-paint,.no-js .tp-art .th-paint{clip-path:none;opacity:1}
.thanks-page .bookplate{max-width:360px;margin:28px auto 0;color:var(--ink)}
.tp-sum{margin:16px auto 0;max-width:40ch;font-size:15px;line-height:1.5;color:var(--g-100)}
.tp-share{margin-top:30px}
.tp-share .s-note{margin-top:0}
.tp-share-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 22px;margin-top:14px}
.tp-share-row .link-arrow{color:var(--cream)}

/* ==========================================================================
   ART: hero and cottage (skins, part classes, seasonal art visibility)
   ========================================================================== */
/* ==== ART-A: cottage skins, part classes, hero art seasonal visibility (merge into decor.css) ==== */
/* Skins: put one on each <use href="#cottage">. Tokens inherit into the use; parts read them by class. */
.skin-pencil{--c-roof:#35322D;--c-roof-edge:#2A2723;--c-shingle:url(#shingle);--c-scale:#7F796F;--c-siding:#8E877C;--c-siding-shade:#625C54;
 --c-shade:#221F1C;--c-shade-o:0;--c-trim:#BDB6AA;--c-chimney:#625C54;--c-chimney-cap:#4E4944;--c-window:#221F1C;--c-door:#625C54;
 --c-door-window:#221F1C;--c-hinge:#221F1C;--c-knob:#BDB6AA;--c-stone:#625C54;--c-stone-2:#6C665D;--c-stone-line:#3E3A35;
 --c-lattice-bg:#2A2622;--c-lattice:url(#lattice);--c-porch-floor:#4E4944;--c-step:#625C54;--c-tread:#8E877C;--c-walk:#BDB6AA;
 --c-lawn:#3E3A35;--c-joint:rgba(34,31,28,.5);--c-plank:rgba(34,31,28,.45);--c-line:#221F1C;--c-dash:37 1.4 9 .9 51 1.6;--c-cap:round;
 --c-ghost-o:.35;--c-pool:none;--c-reg-x:0px;--c-reg-y:0px}
.skin-paint{--c-roof:#5A3A2A;--c-roof-edge:#43291D;--c-shingle:url(#shingle);--c-scale:#8FA68A;--c-siding:#7F9A7A;--c-siding-shade:#5E7A5B;
 --c-shade:#2E2018;--c-shade-o:.16;--c-trim:#F4EAD5;--c-chimney:#8C8680;--c-chimney-cap:#76706A;--c-window:#5A3A2A;--c-curtain:#7C4B37;--c-door:#9A5A33;
 --c-door-window:#5A3A2A;--c-hinge:#2B1E16;--c-knob:#D9B36C;--c-stone:#8C8680;--c-stone-2:#99938C;--c-stone-line:rgba(59,42,32,.42);
 --c-lattice-bg:#3B2A20;--c-lattice:url(#lattice);--c-porch-floor:#5E3F2D;--c-step:#6B4A35;--c-tread:#8C6547;--c-walk:#D8D0C0;
 --c-lawn:#5E7A45;--c-joint:rgba(59,42,32,.32);--c-plank:rgba(59,42,32,.5);--c-line:#3B2A20;--c-dash:none;--c-cap:round;
 --c-ghost-o:0;--c-pool:rgba(52,30,18,.3);--c-reg-x:1.5px;--c-reg-y:1px}
/* Part classes (inside #cottage) */
.c-roof{fill:var(--c-roof)}.c-roof-edge{fill:var(--c-roof-edge)}.c-shingle{fill:var(--c-shingle)}
.c-scale{fill:var(--c-scale)}.c-scale-tex{fill:url(#fish-scale)}.c-siding{fill:var(--c-siding)}.c-lap{fill:url(#lap)}
.c-siding-shade{fill:var(--c-siding-shade);opacity:var(--c-siding-shade-o,.45)}.c-shade{fill:var(--c-shade);opacity:var(--c-shade-o,0)}.c-trim{fill:var(--c-trim)}
.c-chimney{fill:var(--c-chimney)}.c-chimney-cap{fill:var(--c-chimney-cap,var(--c-chimney))}.c-window{fill:var(--c-window)}.c-curtain{fill:var(--c-curtain,none)}
.c-door{fill:var(--c-door)}.c-door-window{fill:var(--c-door-window)}.c-hinge{fill:var(--c-hinge)}.c-knob{fill:var(--c-knob)}
.c-stone{fill:var(--c-stone)}.c-stone-tex{fill:var(--c-stone-2);stroke:var(--c-stone-line);stroke-width:.8}
.c-lattice-bg{fill:var(--c-lattice-bg)}.c-lattice{fill:var(--c-lattice)}.c-porch-floor{fill:var(--c-porch-floor)}
.c-step{fill:var(--c-step)}.c-tread{fill:var(--c-tread)}.c-walk{fill:var(--c-walk)}.c-lawn{fill:var(--c-lawn)}
.c-joint,.c-plank{fill:none;stroke:var(--c-joint);stroke-width:var(--c-line-wf,.8)}.c-plank{stroke:var(--c-plank)}
.c-lawn,.c-walk,.c-joint{opacity:var(--c-ground-o,1)}
.c-roof,.c-scale,.c-siding,.c-trim,.c-chimney,.c-door,.c-stone,.c-porch-floor,.c-step,.c-tread,.c-walk{stroke:var(--c-pool,none);stroke-width:1.5}
.c-wash{transform:translate(var(--c-reg-x,0px),var(--c-reg-y,0px))}
.c-line{fill:none;stroke:var(--c-line);stroke-width:var(--c-line-w,1.3);stroke-dasharray:var(--c-dash,none);stroke-linecap:var(--c-cap,round);stroke-linejoin:round}
.c-line-h{stroke-width:var(--c-line-wh,1.9)}.c-line-f{stroke-width:var(--c-line-wf,.8)}
.c-line-ghost{--c-line-w:var(--c-gw,.6);--c-line-wh:var(--c-gw,.6);--c-line-wf:.4;opacity:var(--c-ghost-o,.35);transform:translate(var(--c-gx,.8px),var(--c-gy,.6px))}
/* Pencil shade overlays (#cottage-shade) */
.a-h1{fill:var(--h1,url(#h-light))}.a-h2{fill:var(--h2,url(#h-cross))}.a-h3{fill:var(--h3,url(#h-deep))}
.a-rim{fill:none;stroke:#E9E3D6;stroke-opacity:.72;stroke-width:var(--c-rim-w,1.2);stroke-linecap:round}
.a-glint{fill:none;stroke:#E9E3D6;stroke-opacity:.55;stroke-width:var(--c-glint-w,1.6);stroke-linecap:round}.a-glint-2{stroke-opacity:.35;stroke-width:var(--c-glint-w2,.8)}
/* shadow-side edges pressed harder (right and bottom), breaking like graphite */
.a-heavy{fill:none;stroke:#221F1C;stroke-width:var(--c-heavy-w,1.9);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--c-heavy-dash,58 1.6 21 1.1 74 1.8);transform:translate(.35px,.35px)}
/* Hero sizing of the drawing: mobile artboard is drawn smaller, so lines and hatching get heavier */
.c-m{--c-line-w:2.3;--c-line-wh:3.1;--c-line-wf:1.4;--c-gw:1;--c-gx:1.4px;--c-gy:1px;--c-rim-w:2;--h1:url(#h-light-m);--h2:url(#h-cross-m);--h3:url(#h-deep-m);--c-heavy-w:3.4;--c-heavy-dash:96 2.8 34 2 120 3;--c-glint-w:2.6;--c-glint-w2:1.3}
.c-m.skin-pencil{--c-dash:64 2.6 15 1.8 88 2.8}
.c-m.skin-paint{--c-reg-x:2.2px;--c-reg-y:1.5px}
.c-d{--c-line-w:1.4;--c-line-wh:2.1;--c-line-wf:.9;--c-rim-w:1.3;--c-heavy-w:2.2}
.c-hero{--c-ground-o:0}
/* Trees */
.t-bark{fill:var(--t-bark,#1D1A17)}.t-rim{fill:none;stroke:var(--t-rim,none);stroke-width:var(--t-rim-w,1.4);stroke-linecap:round}
.t-snow{fill:none;stroke:var(--t-snow,#F7F4EE);stroke-width:2.6;stroke-linecap:round;opacity:var(--t-snow-o,0)}
.t-twig{fill:none;stroke:var(--t-bark,#1D1A17);stroke-width:1.6;stroke-linecap:round}.t-twig-f{stroke-width:.9}
.tree-pencil{--t-bark:#1D1A17;--t-rim:rgba(233,227,214,.5)}
.tree-snowy{--t-bark:#2A2220;--t-rim:rgba(201,210,214,.35);--t-snow-o:1}
html[data-season="winter"] .tree-pencil{--t-snow-o:1;--t-snow:#BDB6AA}
html[data-season="winter"] .shrubs-paint{--shrub:#2B3A33}
.a-tuft{fill:var(--tuft,#4A6236)}.a-tuft-l{fill:var(--tuft-l,#7B9656)}.a-shrub{fill:var(--shrub,#24211E)}.shrubs-paint{--shrub:#3A4A2E}
/* Seasonal visibility (fall is the default) */
.ground-winter,.tree-winter,.stars-winter,.tide-frost{display:none}
html[data-season="winter"] .ground-winter,html[data-season="winter"] .tree-winter,html[data-season="winter"] .stars-winter{display:inline}
html[data-season="winter"] .ground-fall,html[data-season="winter"] .tree-fall,html[data-season="winter"] .clouds-fall{display:none}
.tide-ring.frost .tide-frost{display:inline}.tide-ring.frost .tide-fall{display:none}
html[data-season="winter"] .sky-paint{fill:url(#g-sky-winter)}
html[data-season="winter"] .scene-paint-art .glows>.glow{visibility:hidden}
/* Hero texture layers */
.scene-paint::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .22 0 0 0 0 .14 0 0 0 .35 -.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E")}
/* Small pieces */
.frozen-leaf{color:var(--leaf-c,#8E877C);--leaf-line:#221F1C}.fl-hatch{--leaf-fill:url(#h-light);--leaf-vein:none;opacity:var(--fl-hatch-o,1);transition:opacity .4s}
.hero[data-state="paint"] .fl-hatch{opacity:0}
.ripple ellipse{transform-box:fill-box;transform-origin:center}
.pt{pointer-events:none}

/* ==========================================================================
   ART: decor kit (palette tokens, hue mapping, piece styling, icons)
   ========================================================================== */
/* ==========================================================================
   Decor kit (ART-B): palette tokens, hue mapping and piece styling.
   Pieces are real nodes cloned from <template id="tpl-*">, so page CSS reaches them.
   Every rule is scoped to .pc so nothing here can touch the cottage or the page.
   ========================================================================== */

/* ---- Palette tokens (brief 3.5). "jen" (Surprise me) paints with Clay & Honey. ---- */
:root,[data-palette="clay"],[data-palette="jen"]{
  --pk-1:#E07B2E;--pk-2:#F0A15A;--pk-3:#D9C9A3;--mini:#E8833A;
  --gourd-a:#E0A93B;--gourd-b:#5E7A45;
  --mum-a:#B5552B;--mum-b:#E0A93B;--mum-c:#E8833A;
  --straw:#D9C28A;--straw-2:#B79B5F;--bow:#A8322A;
}
[data-palette="ghost"]{
  --pk-1:#EFEBE1;--pk-2:#8FA3A0;--pk-3:#D8DCCB;--mini:#F3EFE6;
  --gourd-a:#C9D4BE;--gourd-b:#B9C7A5;
  --mum-a:#F2EDE0;--mum-b:#E8DFA8;--mum-c:#E6C3B5;
  --straw:#E3D8B6;--straw-2:#C2B48A;--bow:#7E927A;
}
[data-palette="ink"]{
  --pk-1:#C4541F;--pk-2:#A8361E;--pk-3:#4F5A3A;--mini:#C8561E;
  --gourd-a:#3E4A34;--gourd-b:#6E1F2E;
  --mum-a:#6E1F2E;--mum-b:#8C2D4A;--mum-c:#8A3A1E;
  --straw:#B89A5E;--straw-2:#937844;--bow:#5A1624;
}
:root{--stem:#5A4A2E}

/* ---- Repaint: every fill eases; PAGE sets --pd (ms) per piece for the left-to-right sweep ---- */
.pc *{transition:fill .6s ease var(--pd,0ms)}

/* ---- Hue mapping: data-hue on the .pc root drives .body; .body-2 takes the partner colour ---- */
.pc .body{fill:var(--pk-1)}
.pc[data-hue="pk-2"] .body{fill:var(--pk-2)}
.pc[data-hue="pk-3"] .body{fill:var(--pk-3)}
.pc[data-hue="mini"] .body{fill:var(--mini)}
.pc[data-hue="gourd-a"] .body{fill:var(--gourd-a)}
.pc[data-hue="gourd-b"] .body{fill:var(--gourd-b)}
.pc .body-2,.pc[data-hue="pk-1"] .body-2,.pc[data-hue="pk-3"] .body-2{fill:var(--pk-2)}
.pc[data-hue="pk-2"] .body-2,.pc[data-hue="mini"] .body-2{fill:var(--pk-1)}
.pc[data-hue="gourd-a"] .body-2{fill:var(--gourd-b)}
.pc[data-hue="gourd-b"] .body-2{fill:var(--gourd-a)}

/* Mums: the hue is the dominant floret colour, the other two mum tokens are accents */
.pc-mum .bloom-a{fill:var(--mum-a)} .pc-mum .bloom-b{fill:var(--mum-b)} .pc-mum .bloom-c{fill:var(--mum-c)}
.pc-mum[data-hue="mum-b"] .bloom-a{fill:var(--mum-b)} .pc-mum[data-hue="mum-b"] .bloom-b{fill:var(--mum-c)} .pc-mum[data-hue="mum-b"] .bloom-c{fill:var(--mum-a)}
.pc-mum[data-hue="mum-c"] .bloom-a{fill:var(--mum-c)} .pc-mum[data-hue="mum-c"] .bloom-b{fill:var(--mum-a)} .pc-mum[data-hue="mum-c"] .bloom-c{fill:var(--mum-b)}

/* ---- Ink + tone (fixed across palettes) ----
   Line weights are tokens: the hero's mobile artboard is drawn small, so (like ART-A's .c-m cottage)
   its pieces get heavier ink to match the cottage lines. */
.scene.m .pc{--pc-lw:1.95;--pc-lwt:1.1;--pc-lws:.95;--pc-rw:1.5}
.pc .ln,.pc .ln-t,.pc .ln-s{fill:none;stroke:var(--il-ink-line,#3B2A20);stroke-linecap:round;stroke-linejoin:round}
.pc .ln{stroke-width:var(--pc-lw,1.2)}
.pc .ln-t{stroke-width:var(--pc-lwt,.7)}
.pc .ln-s{stroke-width:var(--pc-lws,.6);stroke-opacity:.55}
.pc .edge{stroke:var(--il-ink-line,#3B2A20);stroke-opacity:.55;stroke-width:var(--pc-lws,.6);stroke-linejoin:round}
.pc .wart-ln{fill:none;stroke:rgba(59,42,32,.55);stroke-width:var(--pc-lwt,.7)}
.pc .rib{fill:none;stroke:rgba(59,42,32,.28);stroke-width:var(--pc-rw,1);stroke-linecap:round}
.pc .shade{fill:#1F0F06;fill-opacity:.16}
.pc .hi{fill:#FFF8EC;fill-opacity:.2}
.pc .glint{fill:#FFF8EC;fill-opacity:.55}
.pc .cast{fill:#1F0F06;fill-opacity:.22}
.pc .stem{fill:var(--stem)}
.pc .stem-hi{fill:none;stroke:#FFF8EC;stroke-opacity:.3;stroke-width:.6;stroke-linecap:round}
.pc .pot{fill:var(--il-terracotta,#B8663F)}
.pc .leaf{fill:#5E7045}
.pc .leaf-v{fill:none;stroke:#2F3A22;stroke-opacity:.55;stroke-width:.45;stroke-linecap:round}
.pc .fl{stroke:rgba(59,42,32,.26);stroke-width:.45}
.pc .fc{fill:#3B2A20;fill-opacity:.3}

/* Straw family: corn + hay */
.pc .straw{fill:var(--straw)}
.pc .straw-2{fill:var(--straw-2)}
.pc .bow{fill:var(--bow)}
.pc .bow-hi{fill:none;stroke:#FFF8EC;stroke-opacity:.35;stroke-width:.8;stroke-linecap:round}
.pc .twine{fill:#7A5733;stroke:#7A5733;stroke-width:1.7;stroke-linecap:round}
.pc .twine-hi{fill:none;stroke:#E6D2A6;stroke-opacity:.7;stroke-width:.5;stroke-dasharray:1 1.8}
.pc .tassel,.pc .wisp{fill:none;stroke:var(--straw-2);stroke-width:.7;stroke-linecap:round}
.pc .node{fill:none;stroke:#3B2A20;stroke-opacity:.38;stroke-width:.5;stroke-linecap:round}
.pc .leaf-mid{fill:none;stroke:#3B2A20;stroke-opacity:.26;stroke-width:.45;stroke-linecap:round}
.pc .tex{fill:none;stroke:var(--straw-2);stroke-width:.75;stroke-linecap:round}
.pc .tex-hi{fill:none;stroke:#FFF8EC;stroke-opacity:.38;stroke-width:.6;stroke-linecap:round}
.pc .flake{fill:none;stroke:#3B2A20;stroke-opacity:.2;stroke-width:.7;stroke-linecap:round}

/* Lantern (fixed black iron; glass, candle, flame and glow are always warm) */
.pc .lantern-body{fill:var(--il-lantern,#1F1A17)}
.pc .lantern-ring{fill:none;stroke:var(--il-lantern,#1F1A17);stroke-width:1.5}
.pc .lantern-hi{fill:none;stroke:#8A7C6E;stroke-opacity:.6;stroke-width:.5;stroke-linecap:round}
.pc .glass{fill:#F8D38A}
.pc .glass-hi{fill:#FFFFFF;fill-opacity:.28}
.pc .candle{fill:#F3EAD8}
.pc .candle-sh{fill:#1F0F06;fill-opacity:.14}
.pc .glow{fill:#F2B45A}
.pc .flame,.pc .glow{transform-box:fill-box;transform-origin:50% 100%;transition:opacity .3s ease}
.pc .glow{transform-origin:50% 50%}
/* Unlit lantern (PAGE toggles .is-unlit for "lanterns light in 300ms") */
.pc-lantern.is-unlit .flame,.pc-lantern.is-unlit .glow{opacity:0}
.pc-lantern.is-unlit .glass{fill:#4A4038}

/* Prize ribbon (always blue: a prize is a prize) */
.pc .rb{fill:#2F5E8E}
.pc .rb-d{fill:#1E4169}
.pc .rb-l{fill:#4B7DB2}
.pc .rb-g{fill:#E2BE6A}

/* ---- Care card (ic-care-card): tokens inherit into <use>; put a class on the <svg> ---- */
.care-paint{--cc-paper:#F6F0E4;--cc-ink:#3B2A20;--cc-can:#7F9A7A;--cc-can-2:#5E7A5B;--cc-water:#7FA9B8;--cc-mum:#B5552B;--cc-mum-2:#E0A93B;--cc-pot:#B8663F;--cc-spark:#C9A45C;--cc-rule:#C9A45C;--cc-shadow:rgba(42,29,21,.2)}
.care-pencil{--cc-paper:#E9E3D6;--cc-ink:#3E3A35;--cc-can:#8E877C;--cc-can-2:#625C54;--cc-water:#BDB6AA;--cc-mum:#625C54;--cc-mum-2:#8E877C;--cc-pot:#8E877C;--cc-spark:#BDB6AA;--cc-rule:#8E877C;--cc-shadow:rgba(34,31,28,.22)}

/* ---- Lantern calendar icons: tweak glow through inherited tokens ---- */
.lamp-dim{--lamp-glow-o:.18}

/* ==========================================================================
   ART: Austrian winter set (Advent wreath, window candles, stars, paper-cut band)
   ========================================================================== */
/* ART-C winter components: Advent wreath, tease sketch, winter dressing helpers, paper-cut band */
.advent{display:block;width:100%;height:auto;overflow:visible}
.advent .flame{opacity:0;transition:opacity .3s ease}
.advent .candle.is-lit .flame{opacity:1}
.advent .fl{transform-box:fill-box;transform-origin:50% 100%;transform:scale(.15);transition:transform .3s cubic-bezier(.3,1.4,.5,1)}
.advent .candle.is-lit .fl{transform:none}
.advent .fk{transform-box:fill-box;transform-origin:50% 100%}
@media (prefers-reduced-motion:no-preference){
  .advent .candle.is-lit .fk{animation:adv-flicker 2.8s ease-in-out infinite alternate}
  .advent .c2.is-lit .fk{animation-duration:3.3s;animation-delay:-1.1s}
  .advent .c3.is-lit .fk{animation-duration:2.5s;animation-delay:-.6s}
  .advent .c4.is-lit .fk{animation-duration:3.6s;animation-delay:-1.9s}
}
@keyframes adv-flicker{0%{transform:scale(1,1) skewX(0)}30%{transform:scale(.97,1.04) skewX(-2deg)}55%{transform:scale(1.02,.96) skewX(1.5deg)}80%{transform:scale(.98,1.03) skewX(-1deg)}100%{transform:scale(1,.98) skewX(1deg)}}
@media (prefers-reduced-motion:reduce){.advent .flame,.advent .fl{transition:opacity .15s ease}}
.is-paused .advent .fk,.still .advent .fk{animation-play-state:paused}

.tease-sketch{display:block;width:100%;height:auto}

/* Winter dressing line weight: the mobile hero artboard draws the cottage smaller, so thicken the ink
   outlines inside winter.svg to match ART-A's heavier mobile lines (read through a CSS variable). */
.scene.m .winter-slot{--w-k:1.6}

/* Winter dressing helpers for the hero (PAGE may use or replace):
   <use class="w-candle"> fades in; add .is-lit (350ms apart: attic, left, right, door).
   <use class="w-star" style="--px:171.5px;--py:421px"> swings around its data-pivot. */
.w-candle{opacity:0;transition:opacity .6s ease-out}
.w-candle.is-lit{opacity:1}
.w-star{transform-box:view-box;transform-origin:var(--px,0) var(--py,0)}
@media (prefers-reduced-motion:no-preference){
  .w-star.is-swinging{animation:w-swing 4.5s ease-in-out infinite alternate}
  .w-star.is-swinging:nth-of-type(2n){animation-duration:5.1s;animation-delay:-1.4s}
}
@keyframes w-swing{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}

/* Scherenschnitte paper-cut band: cream cut-paper on cranberry (tile 240x56, mirror-symmetric). */
.papercut{height:56px;background:#9E1B32;position:relative;overflow:hidden}
.papercut::before{content:"";position:absolute;inset:0;background:#F4EDE0;
  -webkit-mask:url("/assets/img/scherenschnitte.svg") repeat-x 50% 0/240px 56px;
          mask:url("/assets/img/scherenschnitte.svg") repeat-x 50% 0/240px 56px}