@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800;900&family=Playfair+Display:ital,wght@1,700&display=swap');
:root{--ink:#211d17;--paper:#f8f3e9;--muted:#7c7162;--pink:#ff8bbd;--yellow:#f5e65a;--blue:#8de6e6;--orange:#ff9a53;--line:#2b261e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.hidden{display:none!important}.gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 20%,#ffe3ed,transparent 30%),radial-gradient(circle at 85% 80%,#d8f7ef,transparent 30%),var(--paper)}.gate-card{width:min(520px,100%);background:#fffdf8;border:2px solid var(--line);border-right-width:5px;border-bottom-width:6px;border-radius:26px 19px 25px 17px;padding:36px;box-shadow:9px 10px 0 var(--ink);position:relative}.eyebrow,.section-kicker,.top-note,.tiny-link,.brand,.photo-index,.video-label,.tag,.tags,.stamp,.number,footer,.gate label,.gate small{font-family:'DM Mono',monospace;letter-spacing:.08em;font-size:11px}.gate-sticker{font-size:54px;margin:20px 0 4px}.gate h1{font-size:clamp(42px,9vw,64px);line-height:.95;margin:10px 0 18px;letter-spacing:-.06em}.gate h1 em,.final-inner h2 em{font-family:'Playfair Display',serif}.gate p{color:var(--muted);line-height:1.6}.gate label{display:block;margin:24px 0 8px}.pass-row{display:flex;gap:8px}.pass-row input{min-width:0;flex:1;border:2px solid var(--ink);border-radius:12px;padding:14px;font:inherit;background:#fff}.pass-row button,.pill-btn{border:2px solid var(--ink);border-radius:999px;padding:13px 18px;background:var(--yellow);font-weight:900;cursor:pointer;box-shadow:3px 4px 0 var(--ink)}.gate small{display:block;margin-top:16px;color:var(--muted)}.gate small.error{color:#d33}.topbar{max-width:1200px;margin:auto;padding:25px 5vw;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{font-weight:900;font-size:15px}.brand span{color:#e86c9c}.tiny-link{border-bottom:1px solid}.hero{max-width:1200px;margin:auto;padding:50px 5vw 100px;min-height:620px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;position:relative;gap:40px}.hero h1{font-size:clamp(64px,10vw,128px);line-height:.82;letter-spacing:-.085em;margin:25px 0}.hero h1 i{font-family:'Playfair Display',serif;font-weight:700}.marker{background:linear-gradient(transparent 56%,var(--yellow) 56%)}.hero-sub{max-width:480px;color:var(--muted);font-size:17px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:28px;flex-wrap:wrap}.scribble{font-family:'Playfair Display',serif;font-style:italic;color:#8c7863}.card{background:#fffdf8;border:2px solid var(--line);border-right-width:4px;border-bottom-width:6px;box-shadow:7px 8px 0 var(--ink)}.hero-photo{padding:12px 12px 18px;position:relative;transform:rotate(2deg);border-radius:18px 27px 16px 23px}.hero-photo img{width:100%;height:430px;object-fit:cover;display:block;border-radius:12px 17px 10px 15px}.photo-caption{text-align:center;padding:12px 0 0;font-family:'Playfair Display',serif;font-style:italic}.tape{position:absolute;width:90px;height:24px;background:#ffcf9d;opacity:.8;top:-12px;left:38%;transform:rotate(-7deg)}.floating{position:absolute;font-size:48px}.f1{right:2%;top:8%;transform:rotate(20deg)}.f2{left:48%;bottom:8%;color:#ee8cb2}.stamp{position:absolute;right:4%;bottom:7%;background:var(--blue);padding:15px 12px;border:2px solid;border-radius:50%;transform:rotate(12deg);text-align:center;font-weight:bold}.ticker{overflow:hidden;background:var(--ink);color:#fff;padding:13px 0;white-space:nowrap;font-family:'DM Mono',monospace;font-size:13px;letter-spacing:.1em}.ticker span{display:inline-block;animation:scroll 24s linear infinite}@keyframes scroll{to{transform:translateX(-40%)}}.section-pad{max-width:1200px;margin:auto;padding:90px 5vw}.section-kicker{color:#9a8067}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.intro h2,.section-head h2,.lore h2{font-size:clamp(44px,7vw,78px);line-height:.95;letter-spacing:-.07em;margin:20px 0}.underline-pink{background:linear-gradient(transparent 65%,var(--pink) 65%)}.underline-yellow{background:linear-gradient(transparent 65%,var(--yellow) 65%)}.underline-blue{background:linear-gradient(transparent 65%,var(--blue) 65%)}.underline-orange{background:linear-gradient(transparent 65%,var(--orange) 65%)}.intro-card{padding:28px;border-radius:25px 17px 23px 16px;transform:rotate(-1.5deg)}.intro-card p{font-size:17px;line-height:1.55}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.tags span,.tag{border:1.5px solid;border-radius:99px;padding:7px 10px;font-size:10px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-head p{max-width:360px;color:var(--muted);line-height:1.7}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;align-items:start}.photo-card{padding:9px 9px 12px;text-align:left;cursor:zoom-in;transition:transform .2s;overflow:hidden;border-radius:15px 23px 13px 20px}.photo-card:hover{transform:translateY(-6px) rotate(0deg) scale(1.02)}.photo-card img{display:block;width:100%;height:260px;object-fit:cover;border-radius:9px 15px 8px 13px}.photo-index{display:block;padding:10px 3px 0;color:var(--muted);font-size:9px}.tilt-l{transform:rotate(-1.3deg)}.tilt-r{transform:rotate(1.5deg)}.tilt-none{transform:rotate(.3deg)}.photo-card:nth-child(4n+2){margin-top:28px}.photo-card:nth-child(5n){margin-top:-12px}.video-section{background:#eee8db;max-width:none}.video-section>.section-head,.video-grid{max-width:1100px;margin-left:auto;margin-right:auto}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.video-card{padding:10px;border-radius:20px 14px 24px 16px}.video-card video{width:100%;height:260px;object-fit:cover;background:#171717;border-radius:11px}.video-label{display:flex;justify-content:space-between;padding:12px 4px 3px}.video-label span{color:var(--muted)}.lore h2{margin-bottom:40px}.lore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.lore-card{padding:25px;min-height:250px;border-radius:18px 25px 14px 22px}.lore-card:nth-child(2){margin-top:35px;background:#fff8ee}.number{color:#a78b70}.lore-card h3{font-size:24px;letter-spacing:-.04em}.lore-card p{line-height:1.65;color:var(--muted)}.lore-card .tag{display:inline-block;margin-top:14px}.note-section{padding-top:40px;padding-bottom:100px}.note-card{max-width:800px;margin:auto;padding:clamp(28px,6vw,60px);position:relative;border-radius:27px 17px 24px 14px;transform:rotate(-.6deg);background:#fff9ef}.note-card h2{font-size:clamp(42px,7vw,72px);letter-spacing:-.07em;margin:25px 0}.note-card p{font-size:18px;line-height:1.8;max-width:650px}.signoff{font-family:'Playfair Display',serif;font-style:italic;color:#8a6d57}.note-doodle{position:absolute;right:8%;top:14%;font-size:65px;color:#f08eb2;transform:rotate(12deg)}.finale{max-width:none;background:var(--yellow);text-align:center;padding:100px 5vw}.final-inner{max-width:700px;margin:auto}.big-star{font-size:70px;margin:25px}.final-inner h2{font-size:clamp(55px,10vw,100px);line-height:.9;letter-spacing:-.08em;margin:15px 0}.final-inner p{font-size:17px;line-height:1.7;margin:25px auto 35px;max-width:480px}footer{padding:22px 5vw;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:9px}.lightbox{position:fixed;inset:0;background:#17130fee;z-index:10;display:grid;place-items:center;padding:30px}.lightbox img{max-width:min(90vw,900px);max-height:85vh;object-fit:contain;border:5px solid #fff;box-shadow:10px 10px 0 #000}.lightbox button{position:absolute;right:24px;top:16px;color:white;background:none;border:0;font-size:44px;cursor:pointer}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:30px;gap:35px}.hero-photo{max-width:520px;margin:0 auto}.hero-photo img{height:380px}.stamp{right:8%;bottom:2%}.intro-grid{grid-template-columns:1fr;gap:15px}.section-head{display:block}.section-head p{margin-top:20px}.photo-grid{grid-template-columns:repeat(2,1fr);gap:18px}.photo-card img{height:240px}.video-grid{grid-template-columns:repeat(2,1fr);gap:18px}.video-card video{height:220px}.lore-grid{grid-template-columns:1fr}.lore-card:nth-child(2){margin-top:0}.section-pad{padding-top:70px;padding-bottom:70px}.top-note{display:none}}
@media(max-width:480px){.topbar{padding:18px 20px}.hero{padding:35px 22px 80px}.hero h1{font-size:clamp(58px,17vw,82px)}.hero-sub{font-size:15px}.hero-photo img{height:340px}.section-pad{padding-left:22px;padding-right:22px}.photo-card img{height:190px}.photo-card{padding:7px 7px 10px}.video-grid{grid-template-columns:1fr}.video-card video{height:280px}.pass-row{flex-direction:column}.pass-row button{width:100%}.gate-card{padding:28px 23px}footer{flex-direction:column;text-align:center}.note-card p{font-size:16px}}

.meme-section{background:#f2e9f1;max-width:none}.meme-section>.section-head,.meme-grid{max-width:1100px;margin-left:auto;margin-right:auto}.meme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;align-items:center}.meme-card{margin:0;padding:8px;background:#fff;border:2px solid var(--line);border-right-width:4px;border-bottom-width:5px;box-shadow:5px 6px 0 var(--ink);border-radius:17px 12px 19px 13px;transform:rotate(var(--tilt,1deg));overflow:hidden}.meme-card:nth-child(3n){--tilt:-2deg}.meme-card:nth-child(4n){--tilt:2deg;margin-top:18px}.meme-card:nth-child(5n){--tilt:-1deg;margin-top:-10px}.meme-card img{display:block;width:100%;height:190px;object-fit:contain;border-radius:9px;background:#4c0750}.meme-card:hover{transform:translateY(-5px) rotate(0deg) scale(1.03);transition:transform .18s}
@media(max-width:800px){.meme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.meme-card img{height:170px}}@media(max-width:480px){.meme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.meme-card img{height:160px}.meme-card{padding:6px}}

/* Temporary construction/password screen */
.construction-gate{position:fixed;inset:0;z-index:30;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 12% 15%,#ffe0ec,transparent 28%),radial-gradient(circle at 90% 85%,#d8f5ed,transparent 30%),#f8f3e9}.construction-card{width:min(560px,100%);padding:clamp(25px,5vw,42px);background:#fffdf8;border:2px solid var(--line);border-right-width:6px;border-bottom-width:7px;border-radius:25px 17px 28px 18px;box-shadow:10px 11px 0 var(--ink);position:relative;overflow:hidden}.construction-card:after{content:"";position:absolute;width:130px;height:130px;border:2px dashed #e6a4bd;border-radius:50%;right:-45px;top:105px;opacity:.6}.construction-top,.construction-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font:10px 'DM Mono',monospace;letter-spacing:.08em}.status-pill{border:1.5px solid var(--line);border-radius:99px;padding:7px 10px;background:#fff0c9}.status-pill i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#ed9d38}.construction-icon{font-size:58px;margin:28px 0 12px;transform:rotate(-8deg);width:max-content}.construction-card h1{font-size:clamp(43px,9vw,66px);line-height:.94;letter-spacing:-.075em;margin:14px 0}.construction-card h1 em{font-family:'Playfair Display',serif;color:#d75b91}.construction-card p{max-width:390px;color:var(--muted);line-height:1.65;margin:18px 0 25px}.construction-card label{display:block;font:11px 'DM Mono',monospace;letter-spacing:.1em;margin-bottom:9px}.construction-card .pass-row{display:flex;gap:9px}.construction-card input{min-width:0;flex:1;padding:14px 15px;border:2px solid var(--line);border-radius:12px;font:14px 'DM Sans',sans-serif;background:#fff}.construction-card button{padding:13px 18px;border:2px solid var(--line);border-radius:12px;background:var(--yellow);font-weight:900;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}.construction-card small{display:block;margin-top:13px;color:var(--muted)}.construction-card small.error{color:#c33;font-weight:700}.construction-footer{border-top:1px solid #ded6ca;padding-top:17px;margin-top:32px;color:#8a806f;font-size:9px}
@media(max-width:480px){.construction-card{padding:25px 21px}.construction-top{font-size:9px}.construction-card .pass-row{flex-direction:column}.construction-card button{width:100%}.construction-footer{font-size:8px}}
