/* Landing page (landing.jsp). Every color is a variable of themes/landing.css. */

*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--ld-felt)}
a{color:var(--ld-felt)}
a:hover{color:var(--ld-gold-hover)}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--ld-gold-light);outline-offset:3px;border-radius:6px}
h3{margin:0}

.page{overflow-x:clip;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ld-text);background:var(--ld-cream);line-height:1.55;font-size:17px}
.wrap{position:relative;max-width:1240px;margin:0 auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hand{font-family:'Caveat',cursive}
.gold{color:var(--ld-gold-light)}
.cq{container-type:inline-size}
.grain-defs{position:absolute;width:0;height:0;overflow:hidden}

.h2{margin:0;font-family:'Bricolage Grotesque','Plus Jakarta Sans',sans-serif;font-weight:800;letter-spacing:-0.02em;line-height:1.04;font-size:clamp(34px,4.2vw,56px);margin-bottom:48px}
.h2-tight{margin-bottom:14px}
.h2-light{color:var(--ld-cream-title)}
.h2-dark{color:var(--ld-felt)}
.h2-kraft{color:var(--ld-text-brown-5)}
.marker{background:linear-gradient(180deg,transparent 56%,var(--ld-gold-marker) 56%,var(--ld-gold-marker) 90%,transparent 90%);padding:0 0.08em}
.trame{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--ld-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--ld-grid-line) 1px,transparent 1px);background-size:34px 34px}
.grain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.grain-hero{opacity:.22;mix-blend-mode:soft-light}
.grain-board{opacity:.28;mix-blend-mode:multiply;border-radius:14px}
.grain-rack{opacity:.35;mix-blend-mode:multiply;border-radius:inherit}
.grain-kraft{opacity:.32;mix-blend-mode:multiply}
.grain-felt{opacity:.4;mix-blend-mode:soft-light}
.grain-paper{opacity:.2;mix-blend-mode:multiply}
.grain-paper-2{opacity:.28;mix-blend-mode:multiply}
.grain-paper-3{opacity:.18;mix-blend-mode:multiply}
.grain-cork{opacity:.9;border-radius:4px}

/* Tiles */
.tile{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--ld-tile) 0%,var(--ld-tile-2) 52%,var(--ld-tile-3) 100%);color:var(--ld-tile-ink);font-family:'Bricolage Grotesque',sans-serif;font-weight:800;line-height:1;box-shadow:inset 0 -3px 0 var(--ld-tile-groove),inset 0 1px 0 var(--ld-tile-light),0 3px 0 var(--ld-tile-edge),0 7px 12px -3px var(--ld-shadow)}
.tile .tv{position:absolute;right:9%;bottom:5%;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700}
.t-logo{width:30px;height:30px;font-size:18px;border-radius:5px}.t-logo .tv{font-size:8px}
.t-xs{width:28px;height:28px;font-size:16px;border-radius:5px}.t-xs .tv{font-size:7px}
.t-sm{width:34px;height:34px;font-size:20px;border-radius:6px}.t-sm .tv{font-size:8px}
.t-md{width:46px;height:46px;font-size:27px;border-radius:7px}.t-md .tv{font-size:10px}
.t-h1{width:clamp(30px,8.2vw,54px);height:clamp(30px,8.2vw,54px);font-size:clamp(18px,4.9vw,32px);border-radius:clamp(5px,1.2vw,9px)}.t-h1 .tv{font-size:clamp(7px,1.9vw,12px)}
.t-rack{width:clamp(32px,7.4vw,56px);height:clamp(32px,7.4vw,56px);font-size:clamp(19px,4.4vw,33px);border-radius:clamp(5px,1.1vw,8px)}.t-rack .tv{font-size:clamp(7px,1.7vw,12px)}
.t-cta{width:clamp(42px,10vw,84px);height:clamp(42px,10vw,84px);font-size:clamp(25px,6vw,50px);border-radius:clamp(6px,1.4vw,12px)}.t-cta .tv{font-size:clamp(9px,2.2vw,16px)}

/* Bonus squares (board cells, ghosts, card corners, icons) */
.b-mt{background:var(--ld-mt)}
.b-md{background:var(--ld-md)}
.b-lt{background:var(--ld-lt)}
.b-ld{background:var(--ld-ld)}

/* Wooden rack */
.rack{position:relative;display:inline-flex;align-items:flex-end;gap:5px;padding:9px 12px 16px;border-radius:9px;background:repeating-linear-gradient(179deg,transparent 0 5px,var(--ld-wood-grain-light) 5px 6px,transparent 6px 11px,var(--ld-wood-grain) 11px 12px),linear-gradient(180deg,var(--ld-wood) 0%,var(--ld-wood-2) 38%,var(--ld-wood-3) 72%,var(--ld-wood-4) 100%);box-shadow:inset 0 -7px 0 var(--ld-wood-shade),inset 0 2px 0 var(--ld-wood-shine),0 12px 20px -8px var(--ld-shadow-2)}
.rack-sm{padding:7px 9px 13px;gap:4px}
.rack-xs{padding:6px 8px 11px;gap:3px}
.rack-flip{transform:rotate(180deg) scale(0.82)}

/* Tape */
.tape{position:absolute;width:104px;height:28px;background:var(--ld-tape);box-shadow:0 1px 2px var(--ld-shadow-6);clip-path:polygon(2% 0,98% 0,100% 22%,97% 42%,100% 62%,97% 82%,100% 100%,2% 100%,0 80%,3% 60%,0 40%,3% 20%);z-index:3}

/* Pins (symbol #pin) */
.pin{position:absolute;left:50%;margin-left:-14px;z-index:2}
.pin-shadow{fill:var(--ld-shadow-9)}
.pin-needle{stroke:var(--ld-pin-steel);stroke-width:2;stroke-linecap:round}
.pin-shine{fill:var(--ld-pin-shine)}
/* A selector cannot reach into a <use> copy of the symbol, a custom property is inherited there */
.pin-head{fill:var(--pin-color)}
.pin-red{top:-14px;--pin-color:var(--ld-pin-red)}
.pin-green{top:-10px;--pin-color:var(--ld-pin-green)}
.pin-gold{top:-20px;--pin-color:var(--ld-gold)}

/* Buttons */
.store{display:inline-flex;align-items:center;gap:12px;background:var(--ld-store);color:var(--ld-store-text);text-decoration:none;padding:10px 22px 10px 16px;border-radius:12px;border:1px solid var(--ld-store-border);min-height:54px;box-shadow:3px 4px 0 var(--ld-shadow-3);transition:transform .15s ease}
.store:hover{color:var(--ld-store-text);transform:translateY(-2px) rotate(-0.6deg)}
.store-label{display:flex;flex-direction:column;line-height:1.1}
.store-small{font-size:11px}
.store-big{font-size:19px;font-weight:600}
.logo-apple{fill:var(--ld-store-text)}
.gp-1{fill:var(--ld-gp-1)}.gp-2{fill:var(--ld-gp-2)}.gp-3{fill:var(--ld-gp-3)}.gp-4{fill:var(--ld-gp-4)}
.stores{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px}
.stores-center{justify-content:center;margin-bottom:22px}
.btn-gold{display:inline-flex;align-items:center;min-height:46px;background:var(--ld-gold);color:var(--ld-gold-ink);text-decoration:none;font-weight:800;padding:11px 22px;border-radius:999px;border:2px solid var(--ld-gold-ink);box-shadow:2px 3px 0 var(--ld-gold-ink);transition:transform .15s ease}
.btn-gold:hover{color:var(--ld-gold-ink);transform:translateY(-1px) rotate(-1deg)}

/* Tags */
.tag{display:inline-block;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px}
.tag-noel{background:var(--ld-noel-tag);color:var(--ld-text-red)}
.tag-violet{background:var(--ld-violet-bg-3);color:var(--ld-violet-ink)}
.tag-grey{background:var(--ld-grey-th-tag);color:var(--ld-grey-th-tag-ink)}
.tag-blue{background:var(--ld-blue-th-tag);color:var(--ld-blue-th-tag-ink)}
.tag-don{background:var(--ld-don-th-tag);color:var(--ld-don-th-tag-ink)}
.tag-yellow{background:var(--ld-yellow-th-tag);color:var(--ld-yellow-th-tag-ink)}
.tag-black{background:var(--ld-black-th-tag);color:var(--ld-black-th-tag-ink)}
.tag-dashed{display:block;width:fit-content;border:1.5px dashed var(--ld-gold-dash-2);color:var(--ld-gold-light);padding:3px 10px}
.badge-premium{border:1.5px solid var(--ld-violet);color:var(--ld-violet-ink);background:var(--ld-violet-bg);font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px;white-space:nowrap}

/* Announcement: stitched gold ribbon */
.announce{background:var(--ld-gold);color:var(--ld-gold-ink);padding:5px 0}
.announce-in{border-top:1.5px dashed var(--ld-ink-dash);border-bottom:1.5px dashed var(--ld-ink-dash);text-align:center;padding:7px 16px;font-size:15px;font-weight:700}

/* Header */
.site-header{position:relative;background:var(--ld-felt);color:var(--ld-cream-text)}
.header-in{padding:18px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.logo{display:flex;text-decoration:none;padding:6px 0}
.logo-tiles{display:flex;gap:4px}
.main-nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;font-size:15px;font-weight:600}
.main-nav a:not(.btn-gold){color:var(--ld-cream-text);text-decoration:none;padding:10px 0}
.main-nav a.nav-login{color:var(--ld-text-muted);font-size:13px;font-weight:500;padding:14px 0}
.main-nav a.nav-player{max-width:280px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--ld-gold-light);font-weight:800;padding:10px 20px;border:2px solid var(--ld-gold-light);border-radius:999px}
.main-nav a.nav-player:hover{background:var(--ld-gold-light);color:var(--ld-gold-ink)}

/* Hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 72% 38%,var(--ld-felt-3) 0%,var(--ld-felt-2) 45%,var(--ld-felt) 75%);color:var(--ld-cream-text);padding:48px 20px 150px}
.hero-in{display:flex;flex-wrap:wrap;align-items:center;gap:48px 56px}
.hero-text{flex:1 1 540px;min-width:0}
.kicker{margin:0 0 18px;color:var(--ld-gold-light);font-weight:800;letter-spacing:0.12em;text-transform:uppercase;font-size:13px}
.hero-title{margin:0 0 24px;font-family:'Bricolage Grotesque','Plus Jakarta Sans',sans-serif;font-weight:800;letter-spacing:-0.02em;font-size:clamp(38px,5.4vw,68px);line-height:1.02;color:var(--ld-cream-title)}
.hero-word{display:flex;flex-wrap:nowrap;gap:clamp(3px,0.7vw,6px);margin:12px 0 18px}
.underlined{position:relative;display:inline-block;color:var(--ld-gold-light)}
.underlined svg{position:absolute;left:-2%;bottom:-0.16em;width:104%;height:0.3em;overflow:visible}
.underlined path{fill:none;stroke:var(--ld-gold-light);stroke-width:4;stroke-linecap:round}
.hero-lead{margin:0 0 30px;font-size:19px;color:var(--ld-text-soft);max-width:560px}
.hero-proof{margin:0 0 8px;font-size:15px;color:var(--ld-cream-text);font-weight:600}
.hero-premium{margin:0;font-size:14px;color:var(--ld-text-muted)}

.hero-art{flex:1 1 560px;min-width:0;max-width:640px;margin:0 auto;position:relative}
.coffee{position:absolute;top:18px;right:-58px;z-index:0;transform:rotate(14deg)}
.cof-shadow{fill:var(--ld-shadow-8)}
.cof-saucer{fill:var(--ld-coffee-saucer)}
.cof-ring{fill:none;stroke:var(--ld-coffee-ring);stroke-width:2}
.cof-cup{fill:var(--ld-coffee-cup);stroke:var(--ld-coffee-rim);stroke-width:2}
.cof-1{fill:var(--ld-coffee)}
.cof-2{fill:var(--ld-coffee-2)}
.cof-foam{fill:var(--ld-coffee-foam);opacity:.9}
.cof-shine{fill:var(--ld-white);opacity:.22}
.hero-labels{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 4% 18px}
.label-turn{position:relative;background:var(--ld-tile-2);color:var(--ld-text-brown-2);font-weight:800;font-size:14px;padding:6px 14px;transform:rotate(-3deg);box-shadow:0 3px 8px var(--ld-shadow-3)}
.label-same{background:var(--ld-gold-light);color:var(--ld-gold-ink);font-weight:800;font-size:13px;padding:6px 14px;border-radius:999px;transform:rotate(2deg);box-shadow:0 3px 8px var(--ld-shadow-3)}
.board-tilt{position:relative;z-index:1;transform:perspective(1900px) rotateX(15deg) rotateZ(-3deg);transform-origin:50% 62%}
.board-frame{position:relative;background:linear-gradient(135deg,var(--ld-wood-board) 0%,var(--ld-wood-board-2) 50%,var(--ld-wood-board-3) 100%);padding:2.4%;border-radius:14px;box-shadow:0 34px 60px -22px var(--ld-shadow-5),inset 0 0 0 2px var(--ld-wood-rim)}
.hero-board{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:0.35cqi}
.hero-board > span{position:relative;aspect-ratio:1/1;min-width:0;display:flex;align-items:center;justify-content:center;line-height:1}
.hb-coord{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.9cqi;font-weight:700;color:var(--ld-coord)}
.hb-cell{border-radius:0.3cqi;background:var(--ld-wood-cell);box-shadow:inset 0 0 0 0.15cqi var(--ld-cell-line)}
.hb-cell.b-mt{background:var(--ld-mt)}.hb-cell.b-md{background:var(--ld-md)}.hb-cell.b-lt{background:var(--ld-lt)}.hb-cell.b-ld{background:var(--ld-ld)}
.hb-b{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.6cqi;font-weight:800;letter-spacing:0.02em;color:var(--ld-bonus-ink)}
.hb-tile{font-family:'Bricolage Grotesque',sans-serif;border-radius:0.6cqi;color:var(--ld-tile-ink);font-weight:800;font-size:3.9cqi;z-index:1;background:linear-gradient(160deg,var(--ld-tile) 0%,var(--ld-tile-5) 60%,var(--ld-tile-6) 100%);box-shadow:inset 0 -0.35cqi 0 var(--ld-tile-board-shade),inset 0 0.15cqi 0 var(--ld-tile-board-light),0 0.3cqi 0 var(--ld-tile-board-edge),0 0.6cqi 0.8cqi var(--ld-shadow-3)}
.hb-tile.hb-last{background:linear-gradient(160deg,var(--ld-tile-last) 0%,var(--ld-tile-last-2) 100%)}
.hb-v{font-family:'Plus Jakarta Sans',sans-serif;position:absolute;right:8%;bottom:4%;font-size:1.45cqi;font-weight:700}
.best-word{position:relative;z-index:2;display:flex;justify-content:flex-end;align-items:flex-end;gap:4px;margin:6px 4% 6px 0}
.best-word svg{margin-bottom:14px;fill:none;stroke:var(--ld-gold-light);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.best-word p{margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:600;color:var(--ld-cream-text);line-height:1.1;transform:rotate(-3deg)}
.best-word strong{color:var(--ld-gold-light);font-weight:700}
.hero-rack{position:relative;z-index:2;display:flex;justify-content:center}

/* Benefits on kraft */
.kraft{position:relative;z-index:2;display:flow-root;background-color:var(--ld-kraft);background-image:linear-gradient(var(--ld-kraft-line) 2px,transparent 2px),linear-gradient(90deg,var(--ld-kraft-line) 2px,transparent 2px);background-size:72px 72px;padding:0 20px 110px}
.kraft-deco{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.ghost{position:absolute;width:70px;height:70px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
.ghost.b-mt{color:var(--ld-mt-ghost)}.ghost.b-md{color:var(--ld-md-ghost)}.ghost.b-lt{color:var(--ld-lt-ghost)}.ghost.b-ld{color:var(--ld-ld-ghost)}
.rule-strip{position:relative;max-width:1000px;margin:-66px auto 84px}
.rule-strip-in{position:relative;background:linear-gradient(180deg,var(--ld-paper-strip),var(--ld-paper-strip-2));padding:26px clamp(20px,4vw,44px);text-align:center;font-size:18px;color:var(--ld-text-brown-2);transform:rotate(-0.8deg);box-shadow:0 14px 26px -12px var(--ld-shadow-2)}
/* The space after it is in the 18px body font, too thin next to 30px handwriting: widen it */
.rule-lead{font-size:30px;font-weight:700;color:var(--ld-text-brown-6);line-height:1;margin-right:.25em}
.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}
.love-card{position:relative;background:linear-gradient(160deg,var(--ld-tile) 0%,var(--ld-tile-2) 55%,var(--ld-tile-4) 100%);border-radius:16px;padding:24px 26px 30px;box-shadow:inset 0 -6px 0 var(--ld-tile-groove-2),inset 0 2px 0 var(--ld-tile-light),0 7px 0 var(--ld-tile-edge),0 22px 30px -14px var(--ld-shadow-2)}
.love-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px}
.love-letter{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:72px;line-height:0.9;color:var(--ld-tile-ink)}
.love-letter sub{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;font-weight:700;vertical-align:baseline}
.love-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.love-bonus{width:46px;height:46px;border-radius:6px;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px var(--ld-shadow-4)}
.love-bonus.b-mt{color:var(--ld-mt-ink)}.love-bonus.b-md{color:var(--ld-md-ink)}.love-bonus.b-lt{color:var(--ld-lt-ink)}.love-bonus.b-ld{color:var(--ld-ld-ink)}
.love-card h3{margin:0 0 10px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:23px;line-height:1.15;color:var(--ld-tile-ink)}
.love-card p{margin:0;color:var(--ld-card-text)}

/* Ways to play on felt */
.felt{position:relative;background:radial-gradient(ellipse at 50% 35%,var(--ld-felt-5) 0%,var(--ld-felt-4) 55%,var(--ld-felt-6) 100%);color:var(--ld-cream-text);padding:118px 20px}
.felt-rail{position:absolute;left:0;right:0;height:20px}
.felt-rail-top{top:0;background:repeating-linear-gradient(90deg,transparent 0 9px,var(--ld-wood-grain-2) 9px 10px),linear-gradient(180deg,var(--ld-wood-5) 0%,var(--ld-wood-3) 55%,var(--ld-wood-6) 100%);box-shadow:0 6px 12px var(--ld-shadow-2)}
.felt-rail-bottom{bottom:0;background:repeating-linear-gradient(90deg,transparent 0 9px,var(--ld-wood-grain-2) 9px 10px),linear-gradient(0deg,var(--ld-wood-5) 0%,var(--ld-wood-3) 55%,var(--ld-wood-6) 100%);box-shadow:0 -6px 12px var(--ld-shadow-2)}
.grid-play{gap:26px}
.play-card{position:relative;background:var(--ld-felt-veil);border:2px dashed var(--ld-gold-dash);border-radius:22px;padding:22px 24px 28px}
.play-art{display:flex;align-items:center;justify-content:center;height:120px;margin-bottom:16px;border-radius:14px;background:radial-gradient(ellipse at center,var(--ld-chalk-shine),transparent 70%)}
.play-art-row{gap:14px}
.play-art-col{flex-direction:column;gap:8px}
.screen{fill:none;stroke:var(--ld-ld);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.play-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.play-icon{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.play-icon svg{fill:none;stroke:var(--ld-felt);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.play-card h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:23px;color:var(--ld-gold-light)}
.play-card p{margin:0;color:var(--ld-text-soft)}
.play-card p.play-more{margin-top:12px;color:var(--ld-text-lilac);font-size:23px;font-weight:600;line-height:1.2;transform:rotate(-1.5deg)}

/* Paper sections */
.paper{position:relative;padding:110px 20px 120px}
.paper-reviews{background:var(--ld-cream-2)}
.paper-story{background:var(--ld-cream-3)}
.paper-faq{background:var(--ld-cream)}
.paper-deco{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.ring{position:absolute}
.ring-1{right:6%;top:40px;opacity:.55}
.ring-2{left:3%;bottom:40px;opacity:.5}
.ring-a{fill:none;stroke:var(--ld-ring);stroke-width:8}
.ring-b{fill:none;stroke:var(--ld-ring-2);stroke-width:3}
.ring-c{fill:none;stroke:var(--ld-ring-3);stroke-width:7}

/* Reviews */
.rating{margin:0 0 56px;color:var(--ld-text-on-paper);font-weight:500}
.stars{color:var(--ld-gold-dark);letter-spacing:0.1em}
.notes{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:44px 36px}
.note{position:relative;margin:0}
.note blockquote{margin:0 0 16px;font-size:28px;font-weight:600;line-height:1.2}
.note figcaption{font-size:15px}
.note-lined{flex:1 1 290px;max-width:390px;background-color:var(--ld-paper);background-image:linear-gradient(90deg,transparent 38px,var(--ld-notebook-margin) 38px,var(--ld-notebook-margin) 40px,transparent 40px),repeating-linear-gradient(180deg,transparent 0 33px,var(--ld-notebook-line) 33px 34px);padding:40px 28px 26px 56px;transform:rotate(-2deg);box-shadow:0 16px 28px -14px var(--ld-shadow-brown);clip-path:polygon(0 3%,6% 0,13% 2.5%,21% 0.5%,29% 3%,38% 0,47% 2%,56% 0.5%,65% 3%,74% 0,83% 2.5%,92% 0.5%,100% 2%,100% 100%,0 100%)}
.note-lined blockquote{color:var(--ld-text-ink)}
.note-lined figcaption{color:var(--ld-text-ink-2)}
.note-sticky{margin-top:26px;flex:1 1 270px;max-width:340px;background:linear-gradient(170deg,var(--ld-sticky) 0%,var(--ld-sticky-2) 100%);padding:40px 26px 30px;transform:rotate(1.8deg);box-shadow:0 2px 0 var(--ld-shadow-7),10px 18px 24px -14px var(--ld-shadow-brown-2)}
.note-sticky blockquote{color:var(--ld-text-brown-3)}
.note-sticky figcaption{color:var(--ld-text-brown-4)}
.note-kraft{margin-top:6px;flex:1 1 260px;max-width:330px;background:linear-gradient(165deg,var(--ld-kraft-note) 0%,var(--ld-kraft-note-2) 100%);padding:42px 26px 28px;transform:rotate(-1deg);box-shadow:0 16px 26px -14px var(--ld-shadow-brown-2);border-radius:3px}
.note-kraft blockquote{font-size:30px;color:var(--ld-text-brown-3)}
.note-kraft figcaption{color:var(--ld-card-text)}

/* What's new: cork board */
.news{position:relative;background:var(--ld-felt);color:var(--ld-cream-text);padding:110px 20px 120px}
.news-pin{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 10px;background:var(--ld-chalk-2);border:4px solid var(--ld-wood-4);color:var(--ld-cream-text);padding:8px 16px;border-radius:8px;font-size:15px;margin-bottom:22px;box-shadow:0 6px 14px var(--ld-shadow-3);transform:rotate(-1deg)}
.news-pin .hand{color:var(--ld-gold-light);font-weight:700;font-size:22px;line-height:1}
.news-lead{margin:0 0 48px;color:var(--ld-text-soft);max-width:720px;font-size:18px}
.cork-frame{position:relative;padding:14px;border-radius:12px;background:repeating-linear-gradient(90deg,transparent 0 7px,var(--ld-wood-grain-3) 7px 8px),linear-gradient(135deg,var(--ld-wood-7) 0%,var(--ld-wood-4) 50%,var(--ld-wood-6) 100%);box-shadow:0 30px 50px -24px var(--ld-shadow-5)}
.cork{position:relative;border-radius:4px;padding:clamp(26px,4vw,48px) clamp(16px,3.4vw,40px);background:radial-gradient(circle at 20% 30%,var(--ld-cork-2) 0%,transparent 40%),radial-gradient(circle at 80% 70%,var(--ld-cork-3) 0%,transparent 45%),var(--ld-cork);box-shadow:inset 0 0 30px var(--ld-cork-shade)}
.cork-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:56px 40px;align-items:start}
.polaroid{position:relative;background:var(--ld-paper-3);padding:16px 16px 20px;border-radius:3px;box-shadow:0 2px 0 var(--ld-shadow-7),0 24px 32px -14px var(--ld-shadow-cork-4)}
.polaroid h3{margin:12px 0 8px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:26px;color:var(--ld-felt)}
.polaroid p{margin:0;color:var(--ld-text-on-paper);font-size:17px}
.polaroid-text{padding:20px 8px 6px}
.polaroid-feat{grid-column:1/-1;padding:clamp(14px,1.6vw,20px) clamp(14px,1.6vw,20px) clamp(20px,2vw,28px);transform:rotate(-0.9deg);box-shadow:0 2px 0 var(--ld-shadow-7),0 26px 36px -16px var(--ld-shadow-cork)}
.feat-in{display:flex;flex-wrap:wrap;align-items:center;gap:24px 36px}
.feat-in .photo{flex:1 1 520px;min-width:0}
.feat-text{flex:1 1 280px;min-width:0;padding:4px 8px 4px 4px}
.feat-text h3{margin:14px 0 10px;font-size:clamp(28px,3vw,40px);line-height:1.05}
.feat-text p{font-size:19px;margin:0 0 18px}
.feat-text .feat-note{margin:0;font-size:28px;color:var(--ld-text-red);transform:rotate(-2deg)}
/* Theme "photos": --cols columns, colors from the th-* class */
.photo{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:0.7cqi;padding:2.4cqi;border-radius:4px;background:radial-gradient(ellipse at 30% 20%,var(--ld-photo-shine),transparent 60%),var(--th-bg);box-shadow:inset 0 0 0 1px var(--ld-photo-edge),inset 0 0 40px var(--ld-photo-vignette)}
.photo > span{aspect-ratio:1/1;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;border-radius:calc(6cqi / var(--cols))}
.tb-cell{background:var(--th-cell)}
.tb-cell.tb-bonus{background:var(--th-bonus)}
.tb-tile{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;line-height:1;font-size:calc(56cqi / var(--cols));background:var(--th-tile);color:var(--th-ink);z-index:1;box-shadow:inset 0 -0.4cqi 0 var(--ld-shadow-6),0 0.45cqi 0 var(--ld-shadow-3),0 0.9cqi 1.2cqi var(--ld-shadow-4)}
.tb-v{font-family:'Plus Jakarta Sans',sans-serif;position:absolute;right:8%;bottom:4%;font-size:calc(20cqi / var(--cols));font-weight:700}
.th-noel{--th-bg:var(--ld-noel-bg);--th-cell:var(--ld-noel-cell);--th-bonus:var(--ld-noel-bonus);--th-tile:var(--ld-noel-tile);--th-ink:var(--ld-noel-ink)}
.th-violet{--th-bg:var(--ld-violet-th-bg);--th-cell:var(--ld-violet-th-cell);--th-bonus:var(--ld-violet-th-bonus);--th-tile:var(--ld-violet-th-tile);--th-ink:var(--ld-violet-th-ink)}
.th-grey{--th-bg:var(--ld-grey-th-bg);--th-cell:var(--ld-grey-th-cell);--th-bonus:var(--ld-grey-th-bonus);--th-tile:var(--ld-grey-th-tile);--th-ink:var(--ld-grey-th-ink)}
.th-blue{--th-bg:var(--ld-blue-th-bg);--th-cell:var(--ld-blue-th-cell);--th-bonus:var(--ld-blue-th-bonus);--th-tile:var(--ld-blue-th-tile);--th-ink:var(--ld-blue-th-ink)}
.th-don{--th-bg:var(--ld-don-th-bg);--th-cell:var(--ld-don-th-cell);--th-bonus:var(--ld-don-th-bonus);--th-tile:var(--ld-don-th-tile);--th-ink:var(--ld-don-th-ink)}
.th-yellow{--th-bg:var(--ld-yellow-th-bg);--th-cell:var(--ld-yellow-th-cell);--th-bonus:var(--ld-yellow-th-bonus);--th-tile:var(--ld-yellow-th-tile);--th-ink:var(--ld-yellow-th-ink)}
.th-black{--th-bg:var(--ld-black-th-bg);--th-cell:var(--ld-black-th-cell);--th-bonus:var(--ld-black-th-bonus);--th-tile:var(--ld-black-th-tile);--th-ink:var(--ld-black-th-ink)}
.chalkboard{position:relative;background:var(--ld-chalk);border:9px solid var(--ld-wood-4);border-radius:8px;padding:24px 22px 26px;color:var(--ld-cream-text);transform:rotate(1.4deg);box-shadow:0 18px 26px -12px var(--ld-shadow-cork-2);background-image:radial-gradient(ellipse at 30% 20%,var(--ld-chalk-shine),transparent 60%)}
.trophy{margin-bottom:12px;fill:none;stroke:var(--ld-gold-light);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.chalkboard h3{margin:12px 0 8px;font-size:32px;font-weight:700;line-height:1.05;color:var(--ld-cream-title)}
.chalkboard p{margin:0;color:var(--ld-text-board);font-size:16px}
.premium-soon{position:relative;background:var(--ld-violet-bg-2);border-radius:4px;padding:26px 22px;transform:rotate(-1.8deg);box-shadow:0 18px 26px -12px var(--ld-shadow-cork-3)}
.stamp{position:absolute;top:18px;right:18px;width:64px;height:64px;border-radius:50%;border:2.5px solid var(--ld-violet);color:var(--ld-violet);display:flex;align-items:center;justify-content:center;font-size:30px;transform:rotate(14deg);opacity:.85}
.premium-soon h3{margin:12px 0 8px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px;color:var(--ld-felt);padding-right:70px}
.premium-soon p{margin:0;color:var(--ld-text-on-paper);font-size:16px}

/* Story: handwritten letter */
.letter-wrap{position:relative;max-width:800px;margin:0 auto}
.letter{position:relative;background-color:var(--ld-paper-2);background-image:linear-gradient(90deg,transparent clamp(30px,6vw,62px),var(--ld-notebook-margin-2) clamp(30px,6vw,62px),var(--ld-notebook-margin-2) calc(clamp(30px,6vw,62px) + 2px),transparent calc(clamp(30px,6vw,62px) + 2px)),repeating-linear-gradient(180deg,transparent 0 37px,var(--ld-notebook-line-2) 37px 38px);padding:clamp(40px,6vw,64px) clamp(22px,5vw,56px) clamp(36px,5vw,52px) clamp(46px,9vw,92px);transform:rotate(-0.8deg);box-shadow:0 2px 0 var(--ld-shadow-7),0 28px 44px -22px var(--ld-shadow-brown-5)}
.h2-letter{margin-bottom:22px;font-size:clamp(30px,3.6vw,46px)}
.letter-text{margin:0 0 28px;font-size:clamp(25px,2.4vw,30px);font-weight:500;line-height:1.3;color:var(--ld-text-brown-7)}
.letter-sign{display:flex;justify-content:flex-end;gap:6px}

/* FAQ: index cards */
.faq-wrap{position:relative;max-width:880px;margin:0 auto}
.paper-faq .h2{margin-bottom:40px}
.faq{display:flex;flex-direction:column;gap:16px}
.faq-card{background-color:var(--ld-paper);background-image:repeating-linear-gradient(180deg,transparent 0 33px,var(--ld-notebook-line-3) 33px 34px);border-left:14px solid;border-radius:4px 12px 12px 4px;padding:0 22px;box-shadow:0 2px 0 var(--ld-shadow-brown-4),0 12px 22px -14px var(--ld-shadow-brown-3)}
.faq-0{border-left-color:var(--ld-mt);transform:rotate(-0.4deg)}
.faq-1{border-left-color:var(--ld-lt);transform:rotate(0.3deg)}
.faq-2{border-left-color:var(--ld-ld);transform:rotate(-0.2deg)}
.faq-3{border-left-color:var(--ld-md);transform:rotate(0.4deg)}
.faq-4{border-left-color:var(--ld-faq-tab-5);transform:rotate(-0.3deg)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;min-height:56px}
.faq summary::-webkit-details-marker{display:none}
.faq h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:19px;line-height:1.3;color:var(--ld-felt)}
.faq p{margin:0 0 22px;color:var(--ld-text-on-paper-2);font-size:17px;line-height:2}
.faq-plus{transition:transform .2s;font-size:20px}
.faq details[open] .faq-plus{transform:rotate(45deg)}

/* Final call */
.final{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,var(--ld-felt-3) 0%,var(--ld-felt-2) 50%,var(--ld-felt) 80%);color:var(--ld-cream-text);padding:110px 20px;text-align:center}
.final-in{position:relative;max-width:820px;margin:0 auto}
.h2-final{margin-bottom:16px;font-size:clamp(34px,4.6vw,60px)}
.final-lead{margin:0 0 30px;font-size:19px;color:var(--ld-text-soft)}
.final-rack{display:flex;justify-content:center;padding-top:clamp(64px,12vw,110px);margin-bottom:44px}
.rack-cta{gap:clamp(5px,1vw,9px);padding:clamp(10px,1.6vw,16px) clamp(12px,2vw,22px) clamp(18px,2.6vw,28px);border-radius:14px}
.slot{position:relative;flex:0 0 auto;width:clamp(42px,10vw,84px);height:clamp(42px,10vw,84px);border-radius:clamp(6px,1.4vw,12px);border:2px dashed var(--ld-slot-line);background:var(--ld-slot)}
.e-drop{position:absolute;left:50%;bottom:135%;transform:translate(-50%,0) rotate(14deg);animation:hover-e 2.6s ease-in-out infinite alternate}
@keyframes hover-e{0%{transform:translate(-50%,0) rotate(12deg)}100%{transform:translate(-50%,-14px) rotate(20deg)}}
.slot-arrow{position:absolute;left:105%;bottom:60%;fill:none;stroke:var(--ld-gold-light);stroke-width:2.6;stroke-linecap:round}
.final-proof{margin:0;font-size:15px;color:var(--ld-cream-text);font-weight:600}

/* Footer */
.site-footer{background:var(--ld-felt-deep);color:var(--ld-text-muted);padding:40px 20px;font-size:14px}
.footer-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px}
.site-footer p{margin:0}
.site-footer p a{color:var(--ld-cream-text)}
.footer-nav{display:flex;flex-wrap:wrap;gap:4px 18px}
.footer-nav a{color:var(--ld-text-muted);padding:12px 0}
.footer-nav a.footer-login{color:var(--ld-text-muted-2)}

@media (max-width:760px){
  .board-tilt{transform:rotate(-1.2deg)}
  .hide-sm{display:none !important}
}
@media (prefers-reduced-motion:reduce){
  .e-drop{animation:none}
  .store,.btn-gold{transition:none}
  .store:hover,.btn-gold:hover{transform:none}
}