:root {
  --ink: #342217;
  --wood: #61391e;
  --paper: #edce97;
  --gold: #ffc328;
  /* Chunky and mischievous, like the painted sign in the reference. */
  --font-title: 'Chewy', 'Comic Sans MS', 'Comic Neue', sans-serif;
  /* Marker-painted wooden sign lettering. */
  --font-plank: 'Knewave', 'Kalam', 'Comic Sans MS', 'Comic Neue', cursive;
  /* Loose handwritten headings/navigation. */
  --font-note: 'Kalam', 'Comic Sans MS', 'Comic Neue', cursive;
  /* Handwritten manuscript for the parchment panels. */
  --font-hand: 'Patrick Hand', 'Comic Sans MS', 'Comic Neue', cursive;
  --font-faq: 'Patrick Hand SC', 'Patrick Hand', 'Comic Sans MS', 'Comic Neue', cursive;
  --font-body: 'Fredoka', 'Comic Neue', 'Trebuchet MS', sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 96px; }
body { margin:0; background:#617f67; color:var(--ink); font-family:var(--font-body); overflow-x:hidden; }
button, a { -webkit-tap-highlight-color:transparent; }
button { font: inherit; }
a { color: inherit; text-decoration: none; }
button:focus-visible, a:focus-visible { outline:3px solid #ffd04d; outline-offset:4px; }
[hidden] { display:none !important; }
.skip-link { position:fixed;top:-90px;left:12px;z-index:999;background:#fff;padding:10px; }
.skip-link:focus { top:12px; }
.wood {
  background:
    radial-gradient(ellipse 40% 25% at 21% 42%,rgba(197,138,74,.18),transparent 80%),
    repeating-linear-gradient(177deg,transparent 0 6px,rgba(24,9,2,.16) 7px,rgba(239,178,91,.07) 9px,transparent 12px),
    linear-gradient(0deg,#3f2311 0%,#5b3419 12%,#80502b 47%,#643919 78%,#39200f 100%);
  border:2px solid rgba(53,29,13,.95);
  box-shadow: inset 0 2px 1px rgba(242,191,117,.15), inset 0 -5px 0 rgba(20,8,2,.22),0 5px 10px rgba(27,24,14,.38);
}
/* Floating navigation over the user's background scene */
.site-header { position:absolute; top:0; left:0;right:0;z-index:30; height:86px; display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:14px 3.15% 0; }
.brand { display:flex;align-items:center;gap:2px;color:white;font-family:var(--font-title);font-size:clamp(22px,2.1vw,31px);line-height:1;white-space:nowrap;text-shadow:2px 3px 0 #6e4221,0 2px 5px #2c2717;flex-shrink:0; }
.brand img { width:55px;height:55px;object-fit:contain;filter:drop-shadow(1px 3px 2px #2d1b0ba8); }
.top-nav { display:flex;align-items:center;justify-content:space-evenly;gap:29px; margin-left:auto;margin-right:auto; padding:11px 23px 13px;transform:rotate(-.6deg); clip-path:polygon(1% 0,100% 3%,99% 94%,70% 100%,2% 96%,0% 70%);white-space:nowrap; }
.top-nav a { color:#fff9e9;font-family:var(--font-note);font-weight:700;text-transform:uppercase;font-size:19px;line-height:1.4;letter-spacing:.1px;text-shadow:1px 2px #332011;position:relative;transition:transform .18s,color .18s; }
.top-nav a:hover { color:#ffe081;transform:translateY(-1px); }
.top-nav a.is-active::after { content:'';position:absolute;width:85%;height:3px;background:#ffe386;bottom:-3px;left:8%;transform:rotate(-3deg);border-radius:100%; }
.header-actions { display:flex;align-items:center;gap:10px;flex-shrink:0; }
.top-buy { display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;color:#fff7e7;font-family:var(--font-note);font-weight:700;font-size:18px;white-space:nowrap;transform:rotate(-1deg);clip-path:polygon(2% 1%,99% 2%,98% 95%,2% 100%,0% 40%);transition:filter .2s,transform .2s; }
.top-buy:hover { filter:brightness(1.2);transform:rotate(0) translateY(-2px); }
.social { display:grid;place-items:center;width:43px;height:44px;transform:rotate(1deg);border-radius:4px;transition:transform .2s; }
.social:hover { transform:translateY(-3px) rotate(-2deg); }
.social svg { width:26px;height:26px;fill:#fffdf8;filter:drop-shadow(1px 2px 0 #201811); }
.menu-toggle { display:none; border-radius:5px;width:44px;height:44px;padding:10px; cursor:pointer; }
.menu-toggle span { display:block;background:white;height:3px;margin:4px auto;width:22px;border-radius:4px; }
/* Background already includes the hero duck: do not overlay a second duck. */
.hero { position:relative; isolation:isolate; background-image:url('assets/lake-scene.webp');background-position:center top;background-size:cover; min-height:790px;overflow:visible; }
.hero::before { content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 0 25%,rgba(18,35,18,.08) 36%,rgba(10,27,20,.035) 85%,transparent),linear-gradient(0deg,rgba(29,34,11,.26),transparent 16%);pointer-events:none; }
.hero-light { position:absolute;top:65px;left:35%;width:57%;height:670px;background:radial-gradient(ellipse at 55% 45%,rgba(255,249,219,.08),transparent 70%);pointer-events:none; }
.hero-content { position:relative;margin-left:38.3%;width:min(690px,54vw); padding-top:110px;z-index:2; }
.hero-sign { position:relative;min-height:236px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 6px 13px;transform:rotate(-1deg);border-width:5px 6px;clip-path:polygon(0 13%,7% 11%,9% 3%,65% 5%,66% 0,98% 3%,99% 40%,100% 85%,95% 91%,40% 96%,3% 90%);box-shadow:5px 12px 4px #1f180f; }
.hero-sign::before,.hero-sign::after { content:'';position:absolute;top:35px;bottom:20px;width:14px;background:linear-gradient(90deg,#41250f,#75461f,#2c1a0c);z-index:-1; }
.hero-sign::before { left:26px; }.hero-sign::after { right:26px; }
/* A slightly uneven, hand-built wordmark instead of perfect mechanical letters. */
.hero-sign h1 { margin:0; width:100%; display:flex; align-items:baseline; justify-content:center;
  font-family:var(--font-title); font-weight:800; font-size:clamp(80px,8.5vw,140px); line-height:1.03;
  letter-spacing:-.04em; white-space:nowrap; color:#fadd72; }
.hero-sign h1 .hero-letter { display:inline-block; position:relative; line-height:1;
  background:linear-gradient(178deg,#fff9e5 0%,#fff0bc 25%,#ffd45d 58%,#eaa626 88%,#ce8513 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  -webkit-text-stroke:2.1px #a66619; paint-order:stroke fill;
  filter:drop-shadow(0 2px 0 #ae711c) drop-shadow(1px 4px 0 #965917) drop-shadow(3px 6px 0 #4d290d);
  transform-origin:bottom center; }
.hero-sign h1 .hero-letter + .hero-letter {margin-left:-.042em;}
.hero-letter:nth-child(1){transform:rotate(-4deg) translateY(1px) scale(1.08)}
.hero-letter:nth-child(2){transform:rotate(2deg) translateY(5px) scale(.98)}
.hero-letter:nth-child(3){transform:rotate(-3deg) translateY(-2px) scale(1.03)}
.hero-letter:nth-child(4){transform:rotate(3deg) translateY(4px) scale(1.04)}
.hero-letter:nth-child(5){transform:rotate(-4deg) translateY(-4px) scale(1.08)}
.hero-letter:nth-child(6){transform:rotate(4deg) translateY(4px) scale(.99)}
.hero-letter:nth-child(7){transform:rotate(-2deg) translateY(5px) scale(1.03)}
.hero-letter:nth-child(8){transform:rotate(3deg) translateY(-1px) scale(1.03)}
.hero-sign p { margin:12px 0 0; color:#fff6e6;font-family:var(--font-note);font-weight:700;letter-spacing:1px;font-size:clamp(21px,2.1vw,31px);text-shadow:2px 3px 0 #30180c; }
.mini-crown { position:absolute;z-index:5;right:21%;top:-10px;font-size:68px;line-height:1;color:#ffcc2b;text-shadow:2px 3px #9d5612;transform:rotate(14deg); }
.hero-buttons { display:flex;gap:14px;margin:18px 0 15px;justify-content:center; }
.action-button { display:flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;border:2px solid rgba(0,0,0,.22);box-shadow:inset 0 2px 0 rgba(255,255,255,.15),0 6px 0 rgba(22,32,23,.46),0 9px 13px rgba(20,27,22,.35);min-width:0;flex:1;max-width:220px;padding:11px 10px;color:white;transition:transform .2s,filter .2s,box-shadow .2s; }
.action-button:hover { transform:translateY(-4px);filter:brightness(1.07);box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 9px 0 rgba(22,32,23,.4),0 12px 18px rgba(20,27,22,.35); }
.action-button:active { transform:translateY(2px);box-shadow:0 3px 0 rgba(22,32,23,.46); }
.buy-action { background:linear-gradient(#08d97f,#039950); }.x-action { background:linear-gradient(#242424,#080808); }.telegram-action { background:linear-gradient(#15b6ed,#0782ce); }
.action-icon { width:40px;height:42px;display:grid;place-items:center;flex-shrink:0; }
.action-icon svg { width:34px;height:34px;fill:white; }.pump-icon svg { width:43px;height:43px; }
.action-button span:last-child { display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;text-align:left; }
.action-button small { font:500 16px/1.1 var(--font-body); }
.action-button strong { font:600 20px/1.15 var(--font-body); }
/* Exact DexScreener user-supplied pair displayed in a real live iframe. */
.chart-card { overflow:hidden;border-radius:14px;background:#101720;box-shadow:0 8px 22px #10191680,0 0 0 2px #0d151bd9; scroll-margin-top:95px; }
.chart-head { height:58px;display:flex;align-items:center;justify-content:space-between;padding:9px 13px;background:linear-gradient(115deg,#181f2a,#0f1821);color:white;border-bottom:1px solid #303e47; }
.chart-name { display:flex;gap:10px;align-items:center;min-width:0; }
.chart-name img { width:38px;height:38px;object-fit:contain;border-radius:8px;background:#354252; }
.chart-name h2 { margin:0;font:700 15px var(--font-body);letter-spacing:.4px; }
.chart-name span { display:block;margin-top:1px;color:#b5bac3;font:12px var(--font-body); }
.chart-name .chart-label { display:inline;color:#90a2b5; }
.chart-external { font:700 11px var(--font-body);color:#d9e6ee;border:1px solid #445361;border-radius:5px;padding:9px 10px;white-space:nowrap; }
.chart-external:hover { background:#283b49; }
.chart-embed { position:relative;height:270px;background:#101720; }
.chart-loading { position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none; }
.chart-loading span { font:700 14px var(--font-body);position:relative;z-index:1;color:#668399; }
.load-grid { position:absolute;inset:0;background:linear-gradient(transparent 95%,#26343a 96%),linear-gradient(90deg,transparent 95%,#26343a 96%);background-size:58px 42px;opacity:.48; }
.chart-embed iframe {position:absolute;inset:0;width:100%;height:100%;border:0;background:#111820;z-index:2; }
.scroll-indicator { position:absolute;right:8%;bottom:19px;color:#fff4d8;font:700 16px var(--font-note);text-shadow:1px 2px 2px #1f2712; }
.scroll-indicator span { display:inline-block;animation:bobbing 1.8s ease-in-out infinite; }
@keyframes bobbing {50% { transform:translateY(5px); }}
/* Torn paper and the photo-album section below the hero */
.content-land { position:relative;z-index:6;background:linear-gradient(180deg,transparent 0,rgba(72,90,49,.23) 11%,#6f8c66 30%,#7e9a6e 100%);padding:0 2.2% 75px;margin-top:-24px; }
.bottom-row { max-width:1560px;margin:auto; display:grid;grid-template-columns: 1.01fr 1.7fr .98fr;gap:23px;align-items:start; }
.paper { position:relative;min-height:279px;padding:36px 25px 26px;background:
  repeating-linear-gradient(8deg,transparent 0 16px,rgba(115,68,25,.035) 16px 17px),
  radial-gradient(ellipse at 15% 20%,#ffe9bd 0,transparent 62%),
  radial-gradient(ellipse at 90% 89%,#c49f69 0,transparent 46%),
  #e9cb99;
 box-shadow:0 12px 13px #2516084a, inset 0 0 22px #a2733760;
 clip-path:polygon(0.3% 2%, 3% 1%, 5% 2%, 8% 0, 12% 1.2%, 17% 0, 23% 1%, 30% 0.5%, 35% 1%, 40% .5%, 47% 1.5%, 53% .6%, 60% 1.4%, 65% .4%, 72% 1%, 80% 0, 88% 1%, 96% .4%, 99.7% 1.5%, 99% 11%, 100% 20%, 99% 28%, 100% 38%, 99.4% 50%, 100% 60%, 99% 70%, 99.5% 80%, 99% 90%, 100% 98%, 94% 99%, 88% 98%, 81% 100%, 72% 99%, 65% 100%, 57% 99%, 50% 100%, 43% 99%, 36% 100%, 29% 99%, 22% 100%, 15% 99%, 9% 100%, 3% 99%, 0 97%, 1% 89%, 0 79%, 1% 68%, 0 55%, 1% 44%, 0 30%, 1% 20%);
 scroll-margin-top:100px;
}
.section-plank { position:absolute;top:-1px;left:14px;transform:rotate(-5deg) translateY(-18px);z-index:10;padding:5px 20px 10px;margin:0;color:#fff7e8;font:700 37px/1.15 var(--font-plank);letter-spacing:1px;text-shadow:2px 3px 1px #301b0c;box-shadow:0 6px 10px #21150b87;clip-path:polygon(2% 2%,98% 0,100% 90%,8% 100%,0 84%); }
.lore-paper { margin-top:10px;transform:rotate(-1.1deg);padding-top:56px; }
.lore-copy { font:500 16px/1.32 var(--font-hand);letter-spacing:.25px; }
.lore-copy p { margin:0 0 17px; }
.lore-copy strong { font-weight:bold; }
.yellow-note { width:fit-content;margin:7px auto 0;padding:5px 26px 8px;color:#302315;text-align:center;display:flex;flex-direction:column;font:700 18px/1.16 var(--font-note);transform:rotate(-5deg);background:#fbd33c;clip-path:polygon(4% 0,90% 0,100% 14%,94% 34%,100% 52%,92% 70%,98% 95%,25% 100%,0 85%,6% 59%,0 34%); }
.paper-doodle { position:absolute;color:#c18d3d;pointer-events:none; }.lore-doodle { right:9px;bottom:18px;font-size:60px;opacity:.38; }
.gallery-paper { transform:rotate(.8deg);margin-top:23px;padding:25px 14px 12px; }
.gallery-paper .section-plank { left:12px;top:-4px;transform:rotate(-6deg) translateY(-22px); }
.gallery-topline { min-height:37px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 10px 6px; }
.gallery-hint { font:700 11px var(--font-hand);letter-spacing:.5px;color:#a17e54; }
.gallery-filters { display:flex;gap:6px;flex-shrink:0; }
.filter { border:0;border-radius:5px;padding:3px 11px 5px;background:#dbc29e;color:#4f301f;cursor:pointer;font:400 19px var(--font-faq);transform:rotate(-2deg);transition:background .2s,transform .2s; }
.filter:hover { background:#f9dfa8;transform:rotate(0); }
.filter.is-active { background:#ffdb3d;color:#2d210e; }
.gallery-viewport {overflow:hidden;margin:0 -6px;}
.polaroid-track { display:flex;gap:11px;align-items:center;padding:13px 12px 16px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x mandatory; }
.polaroid-track::-webkit-scrollbar {display:none;}
.polaroid { appearance:none;border:0;cursor:zoom-in; background:#fbf9f0;padding:7px 7px 9px;display:flex;flex-direction:column;gap:5px;box-shadow:1px 4px 7px #34221175;transform:rotate(-6deg);transition:transform .22s,box-shadow .22s;flex:0 0 125px;scroll-snap-align:start; }
.polaroid:nth-child(even) { transform:rotate(5deg) translateY(3px); }
.polaroid:nth-child(3n) { transform:rotate(-2deg) translateY(-5px); }
.polaroid:hover,.polaroid:focus-visible { transform:rotate(0) translateY(-7px) scale(1.06);box-shadow:1px 10px 14px #34221180;z-index:2; }
.polaroid img { display:block;width:100%;aspect-ratio:3/4;object-fit:cover; }
.polaroid span {font:700 12px var(--font-hand);color:#5a4b35;align-self:center;line-height:1;}
.gallery-controls {height:29px;display:flex;align-items:center;gap:10px;justify-content:center; }
.gallery-arrow { background:none;border:0;color:#825d30;font-size:25px;cursor:pointer;line-height:1;padding:0 7px; }
.gallery-arrow:hover {color:#2f2414;}
.gallery-dots {display:flex;gap:5px;align-items:center;}
.gallery-dots span {width:9px;height:9px;border-radius:50%;background:#997a55;border:1px solid #725334;}
.gallery-dots span.active {background:#fed12d;border:2px solid #5c4028;width:11px;height:11px;}
.faq-paper { transform:rotate(-.4deg);margin-top:17px;padding:53px 18px 20px;overflow:visible; }
.faq-paper .section-plank { left:18px;transform:rotate(-4deg) translateY(-18px); }
.faq-list {position:relative;z-index:1;}
.faq-item {border:1px solid #b08b5c;border-radius:5px;margin-bottom:7px;background:#ffffff13;overflow:hidden;}
.faq-item button {width:100%;display:flex;align-items:center;justify-content:space-between;gap:3px;padding:5px 8px;background:none;border:0;cursor:pointer;color:#362216;text-align:left;font:400 19px/1.1 var(--font-faq);}
.faq-item button:hover {background:#ffeed09c;}
.faq-item button span {font:700 23px/16px var(--font-faq);transition:transform .2s;}
.faq-item.expanded button span {transform:rotate(45deg);}
.faq-answer {padding:0 10px 8px;}
.faq-answer p { margin:0;font:15px/1.25 var(--font-hand); }
.faq-answer code { font:12px monospace; }
.faq-peeker {position:absolute;width:83px;right:-35px;bottom:-33px;transform:rotate(16deg);pointer-events:none;filter:drop-shadow(1px 2px 2px #3e2c17); }
/* Second fold gives the site a complete footer/CTA, not just a static mockup. */
.pack-invite { position:relative;overflow:hidden;max-width:1430px;min-height:326px;margin:62px auto 0;display:flex;align-items:center;justify-content:center;isolation:isolate;border:9px solid #4c301a;border-radius:21px;background:
 radial-gradient(circle at 85% 20%,#fffbc344,transparent 35%),repeating-linear-gradient(177deg,#ffffff10 0 2px,transparent 4px 14px),linear-gradient(125deg,#71512e,#b58b4f 55%,#74512c);box-shadow:0 16px 23px #20261063,inset 0 0 0 3px #d1a56e; }
.pack-invite::before,.pack-invite::after {position:absolute;content:'✦';font-size:55px;color:#e9c36e;opacity:.6;}.pack-invite::before{right:10%;top:5%;}.pack-invite::after{right:29%;bottom:10%;font-size:36px;}
.invite-duck { width:32%;height:330px;overflow:hidden;align-self:end;position:relative; }
.invite-duck img { position:absolute;bottom:-290px;left:10%;height:590px;max-width:none;width:auto;filter:drop-shadow(7px 5px 9px #39261388);transform:rotate(-8deg); }
.invite-text {width:58%;z-index:2;text-align:left;color:#fff0be;padding:35px 25px; }
.eyebrow {font:400 19px var(--font-faq);letter-spacing:2px;color:#fddd74;}
.invite-text h2 {margin:3px 0 9px;font:700 clamp(38px,4.7vw,72px)/.99 var(--font-title);text-shadow:2px 4px 0 #4e3016;}
.invite-text h2 em {color:#ffd848;font-style:normal;}
.invite-text p {margin:0 0 16px;font:22px var(--font-hand);}
.invite-buttons {display:flex;gap:13px;flex-wrap:wrap;}
.join-button,.outline-button {display:inline-block;padding:10px 20px;border-radius:9px;font:400 19px var(--font-faq);transition:transform .2s;}
.join-button:hover,.outline-button:hover {transform:translateY(-3px);}
.join-button {background:#19bd77;color:white;box-shadow:0 5px 0 #06683e;}
.outline-button {border:2px solid #f3d89b;color:#fff6d5;}
.invite-stamp {position:absolute;right:3%;top:40%;border:4px dashed #ffdc88;color:#ffe0a0;border-radius:50%;padding:13px;text-align:center;font:700 20px/1.1 var(--font-note);transform:rotate(18deg);opacity:.87;}
.site-footer {position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;background:#342519;color:#f3e1ba;padding:24px 5% 18px;}
.footer-left {display:flex;align-items:center;gap:9px;font:26px var(--font-title);}
.footer-left img {width:44px;height:44px;object-fit:contain;}.footer-left small {display:block;font:14px var(--font-hand);color:#c2aa81;}
.footer-right {display:flex;gap:24px;font:700 17px var(--font-note);}.footer-right a:hover {color:#ffd24e;}
.footer-fine {flex-basis:100%;border-top:1px solid #80604052;padding-top:10px;color:#c4ab85;font:12px/1.3 var(--font-body);}
/* Modal */
body.modal-open {overflow:hidden;}
.lightbox {position:fixed;inset:0;z-index:100;background:#130f0ce9;display:flex;align-items:center;justify-content:center;gap:min(3vw,35px);padding:25px 65px;}
.lightbox figure { margin:0;max-width:min(70vw,750px);max-height:93vh;display:flex;flex-direction:column;gap:11px;align-items:center;}
.lightbox figure img {max-width:100%;max-height:80vh;object-fit:contain;border:9px solid #fff6e3;box-shadow:0 14px 30px #0009;}
.lightbox figcaption {font:700 23px var(--font-note);color:#fff5d9;text-align:center;}
.lightbox button {cursor:pointer;color:#fff;border:0;background:#67492e;font-size:30px;}
.lightbox-close {position:absolute;right:23px;top:21px;width:42px;height:42px;border-radius:50%;line-height:1;}
.lightbox-nav {width:50px;height:50px;border-radius:50%;flex-shrink:0;}
.lightbox button:hover {background:#987043;}
@media (min-width:1700px) {
 .hero { min-height:900px; background-position:center 45%; }
 .hero-content { padding-top:132px;width:720px;margin-left:39%; }
 .hero-sign { min-height:261px; }
 .chart-embed { height:303px; }
 .content-land { margin-top:-50px; }
 .bottom-row { gap:28px; }
 .paper { min-height:305px; }
 .polaroid {flex-basis:141px;}
}
@media (max-width:1250px) {
 .site-header {padding:12px 2% 0;gap:9px;}
 .brand {font-size:23px;}.brand img{width:42px;height:46px;}
 .top-nav {gap:17px;padding:10px 14px;}.top-nav a{font-size:16px;}
 .header-actions {gap:6px;}.top-buy {padding:10px;font-size:16px;}.social{width:37px;height:40px;}.social svg{width:22px;height:22px;}
 .hero-content {margin-left:37%;width:60vw;padding-top:100px;}
 .hero-sign {min-height:205px;}.hero-sign h1 {font-size:clamp(65px,8vw,108px);letter-spacing:-3px;}.hero-sign p{font-size:22px;}
 .mini-crown{font-size:55px;}
 .chart-embed{height:260px;}
 .bottom-row {gap:14px;}.paper{padding-left:15px;padding-right:15px;}
 .lore-copy{font-size:15px;}.filter{font-size:15px;padding:3px 7px;}.gallery-hint{display:none;}.gallery-topline{justify-content:flex-end;}
 .polaroid{flex-basis:120px;}.faq-item button{font-size:16px;}
}
@media (max-width:850px) {
 .site-header {position:absolute;align-items:center;height:68px;padding:7px 4% 0;}
 .brand{font-size:25px;}.brand img{width:48px;height:47px;}
 .top-nav {display:none;position:absolute;top:66px;right:4%;left:4%;margin:0;transform:none;padding:14px;border-radius:10px;clip-path:none;flex-direction:column;gap:10px;box-shadow:0 13px 24px #0006;}
 .top-nav.open {display:flex;}.top-nav a{font-size:22px;padding:7px 15px;}
 .menu-toggle{display:block;}.top-buy{display:none;}.social{width:39px;height:41px;}
 .hero {min-height:990px;background-position:30% top;background-size:auto 990px;}
 .hero::before{background:linear-gradient(180deg,#0000 0%,#06191422 19%,#1726189c 42%,#1e2b18a8 78%,#1d281a73 100%);}
 .hero-content {width:calc(100% - 40px);margin:0 20px;padding-top:355px;}
 .hero-sign{min-height:178px;max-width:650px;margin:0 auto;}.hero-sign h1{font-size:clamp(65px,12vw,112px);}.hero-sign p{font-size:clamp(17px,3.4vw,25px);}.mini-crown{font-size:52px;top:-3px;right:17%;}
 .hero-buttons{max-width:650px;margin:14px auto;gap:10px;}
 .action-button{min-height:66px;padding:9px 5px;gap:4px;}.action-icon{width:32px;}.action-icon svg{width:29px;height:29px;}.action-button small{font-size:14px;}.action-button strong{font-size:17px;}
 .chart-card{max-width:650px;margin:auto;}.chart-embed{height:265px;}
 .scroll-indicator{display:none;}
 .content-land {margin-top:0;padding:32px 17px 46px;background:linear-gradient(#637e54,#86a079);}
 .bottom-row{grid-template-columns:1fr 1fr;gap:25px 18px;}
 .gallery-paper{grid-column:1/-1;grid-row:1;}.lore-paper{grid-column:1;grid-row:2;margin-top:0;}.faq-paper{grid-column:2;grid-row:2;margin-top:0;}
 .gallery-topline{justify-content:space-between;}.gallery-hint{display:block;}
 .gallery-paper {padding-top:27px;}.gallery-paper .section-plank{transform:rotate(-5deg) translateY(-17px);}
 .polaroid{flex-basis:150px;}
 .pack-invite{min-height:315px;}.invite-duck{width:30%;}.invite-duck img{height:520px;bottom:-268px;left:-25px;}.invite-text{width:70%;}.invite-text h2{font-size:clamp(36px,5.8vw,52px);}.invite-stamp{display:none;}
}
@media (max-width:560px) {
 .site-header{padding:6px 3% 0;}.brand{font-size:22px;}.brand img{width:39px;height:41px;}.social{width:34px;height:36px;}.social svg{width:19px;height:19px;}.header-actions{gap:5px;}.menu-toggle{width:37px;height:37px;padding:7px;}
 .hero {min-height:905px;background-size:auto 680px;background-color:#4f6d43;background-position:31% top;background-repeat:no-repeat;}
 .hero::before{background:linear-gradient(180deg,transparent 0 18%,#2435160d 27%,#1e2d1a93 39%,#39462abf 70%,#3c482bbf 100%);}
 .hero-content{padding-top:304px;margin:0 10px;width:calc(100% - 20px);}
 .hero-sign{min-height:150px;clip-path:polygon(0 8%,99% 0,100% 94%,1% 99%);padding:4px 2px 10px;}
 .hero-sign h1{font-size:clamp(60px,16vw,89px);letter-spacing:-3px;-webkit-text-stroke:1px #af7029;filter:drop-shadow(0 3px 0 #6b380d) drop-shadow(2px 4px 0 #a96a17);}
 .hero-sign p{font-size:clamp(15px,4.5vw,21px);margin-top:9px;letter-spacing:0;}.mini-crown{font-size:45px;right:16%;top:-14px;}
 .hero-buttons{gap:7px;margin:13px auto 17px;}.action-button{min-height:64px;border-radius:9px;gap:3px;flex-direction:column;padding:6px 3px;}.action-icon{width:23px;height:26px;}.action-icon svg{width:25px;height:25px;}.pump-icon svg{width:28px;height:28px;}.action-button span:last-child{align-items:center;text-align:center;}.action-button small{font-size:11px;}.action-button strong{font-size:14px;}
 .chart-head{height:58px;padding:7px 8px;}.chart-name img{width:36px;height:36px;}.chart-name h2{font-size:13px;}.chart-name span{font-size:10px;}.chart-external{font-size:9px;padding:7px 5px;}
 .chart-embed{height:315px;}
 .content-land{padding:38px 14px 40px;}.bottom-row{grid-template-columns:1fr;gap:39px;}
 .gallery-paper{grid-row:1;grid-column:1;margin-top:0;}.lore-paper{grid-row:2;grid-column:1;}.faq-paper{grid-row:3;grid-column:1;}
 .paper{min-height:240px;}.section-plank{font-size:33px;}.lore-paper{padding:54px 29px 22px;}.lore-copy{font-size:19px;}.yellow-note{font-size:18px;}
 .gallery-hint{display:none;}.gallery-topline{justify-content:flex-end;}.gallery-filters{gap:5px;}.filter{font-size:15px;padding:4px 8px;}
 .polaroid{flex-basis:135px;}.gallery-paper{padding-bottom:16px;}.gallery-controls{height:38px;}
 .faq-paper{padding:57px 24px 28px;}.faq-item button{font-size:19px;}.faq-answer p{font-size:17px;}
 .pack-invite{margin-top:53px;min-height:380px;}.invite-duck{position:absolute;bottom:0;left:0;width:42%;height:225px;opacity:.82;}.invite-duck img{height:440px;bottom:-210px;left:-50px;}
 .invite-text{width:100%;padding:22px 20px 133px;text-align:center;align-self:flex-start;}.invite-text h2{font-size:37px;}.eyebrow{font-size:15px;}.invite-text p{font-size:17px;}.invite-buttons{justify-content:center;gap:9px;}.join-button,.outline-button{font-size:15px;padding:9px 11px;}
 .site-footer{padding:21px 14px;text-align:center;justify-content:center;}.footer-right{gap:17px;justify-content:center;}.footer-fine{font-size:11px;}
 .lightbox{padding:25px 8px;gap:5px;}.lightbox figure{max-width:calc(100vw - 107px);}.lightbox figure img{border-width:5px;}.lightbox-nav{width:39px;height:43px;}.lightbox figcaption{font-size:18px;}
}
@media (prefers-reduced-motion:reduce){ *,*::before,*::after { animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important; } }
/* Prevent the long film strip from forcing the grid wider than the viewport. */
.bottom-row { grid-template-columns: minmax(0,1.01fr) minmax(0,1.7fr) minmax(0,.98fr); }
.bottom-row > * { min-width:0; }
.paper { clip-path:none; border-radius:10px 7px 11px 9px; }
.faq-peeker { right:-12px; }
@media (max-width:850px) { .bottom-row { grid-template-columns:minmax(0,1fr) minmax(0,1fr); } }
@media (max-width:560px) { .bottom-row { grid-template-columns:minmax(0,1fr); }.faq-peeker{right:1px;} }

/* ===== DuckPack font refresh: rustic handwritten reference style ===== */
.brand {letter-spacing:-.045em; transform:rotate(-2deg);}
.top-nav a {letter-spacing:-.035em; font-size:20px; font-weight:700;}
.top-buy {letter-spacing:-.025em;}
.hero-sign p {letter-spacing:.008em; transform:rotate(-.7deg);}
.section-plank {letter-spacing:-.028em; -webkit-text-stroke:.55px #fff4dc;}
.lore-copy {font-size:18px; line-height:1.22; font-weight:400;}
.gallery-hint {font-size:12px;}
.filter {font-family:var(--font-faq);font-weight:400; letter-spacing:-.03em;}
.polaroid span {font-weight:400;font-size:14px;}
.faq-item button {font-family:var(--font-faq);font-weight:400;letter-spacing:-.022em;}
.yellow-note {letter-spacing:-.035em;}
.invite-text h2 {font-weight:800;letter-spacing:-.025em;}
.footer-left {letter-spacing:-.03em;}
@media (max-width:1250px) {
  .top-nav a {font-size:17px;}
  .hero-sign h1 {font-size:clamp(69px,8.15vw,113px);}
  .lore-copy{font-size:16px;}
  .faq-item button{font-size:17px;}
}
@media (max-width:850px) {
  .top-nav a {font-size:23px;}
  .hero-sign h1 {font-size:clamp(67px,12.5vw,114px);}
  .lore-copy{font-size:18px;}
}
@media (max-width:560px) {
  .hero-sign h1 {font-size:clamp(57px,15.8vw,91px);}
  .hero-sign h1 .hero-letter{-webkit-text-stroke:1.05px #a66619;filter:drop-shadow(0 2px 0 #ae711c) drop-shadow(1px 3px 0 #965917) drop-shadow(2px 4px 0 #4d290d);}
  .section-plank{font-size:33px;}
  .faq-item button{font-size:20px;}
  .lore-copy {font-size:19px;}
}