:root{--ink:#26143d;--cream:#ffedc9;--pink:#f27ab4;--orange:#ffa664}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:7px}header{height:100px;position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 5%;border-bottom:1px solid #ffedc930}.wordmark{font-weight:1000;font-style:italic;font-size:28px;line-height:.8;letter-spacing:-2px;transform:rotate(-4deg);display:block}.wordmark span{display:block;font-size:16px;letter-spacing:0;margin-top:7px;color:var(--pink)}nav{display:flex;align-items:center;gap:36px;font-size:11px;font-weight:900;letter-spacing:1.3px}nav a:hover{color:var(--pink)}.nav-x{border-bottom:2px solid var(--pink);padding:12px 0}.hero{min-height:880px;height:100svh;max-height:1200px;position:relative;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:-15px;z-index:-2;background:url('assets/hero.png') center/cover;transform:translateX(var(--drift,0));transition:transform 1s ease}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#26143dda 0%,#26143d70 35%,transparent 66%),linear-gradient(0deg,#26143d 0%,transparent 20%);z-index:-1}.hero-copy{padding:165px 5% 120px;max-width:850px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:800}.hero h1{font-size:clamp(78px,8.9vw,150px);line-height:.81;letter-spacing:-7px;margin:36px 0 20px;font-weight:1000;font-style:italic;transform:rotate(-4deg);text-shadow:5px 6px 0 var(--ink),-2px -2px var(--ink);position:relative}.hero h1>span{color:var(--pink);-webkit-text-stroke:1px var(--ink)}.hero h1 i{position:absolute;font-size:22px;line-height:1.05;letter-spacing:-.6px;color:var(--orange);right:5%;top:5%;transform:rotate(9deg)}.intro{font-size:19px;line-height:1.4;margin:33px 0 25px}.glasses{display:flex;align-items:center;gap:12px;position:relative;width:fit-content;transform:rotate(-3deg);margin:24px 0 27px}.glasses:before{content:'';position:absolute;width:25px;height:13px;background:var(--pink);top:16px;left:calc(50% - 12px);border-top:3px solid var(--ink)}.glasses a{background:var(--pink);border:4px solid var(--ink);outline:2px solid var(--pink);color:var(--ink);min-width:165px;padding:20px 23px 24px;border-radius:12px 10px 35px 25px;box-shadow:5px 7px 0 #100d25;font-size:13px;font-weight:1000;position:relative;transition:transform .2s,background .2s}.glasses a:last-child{border-radius:10px 12px 25px 35px}.glasses a:hover{transform:translateY(-6px) rotate(2deg);background:var(--cream)}.glasses b{float:right;margin-left:20px}.ca{background:#26143dbf;color:var(--cream);border:1px solid #ffedc950;border-radius:3px;width:360px;max-width:100%;display:flex;align-items:center;gap:15px;padding:16px;cursor:pointer;text-align:left}.ca span{font-size:12px;font-weight:900;color:var(--orange)}.ca small{font-size:9px;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ca b{margin-left:auto}.ca:hover{border-color:var(--pink)}.scroll{position:absolute;left:5%;bottom:35px;font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:25px}.scroll span{font-size:24px;animation:bob 2s infinite}.issue{position:absolute;bottom:35px;right:5%;font-size:9px;line-height:1.6;letter-spacing:2px;text-align:right}.story{padding:80px 8% 0;background:var(--cream);color:var(--ink);position:relative}.section-index{font-size:10px;letter-spacing:3px;border-top:1px solid #26143d50;padding-top:18px}.story-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;padding:65px 0 80px}h2{font-size:clamp(45px,5.8vw,88px);line-height:.95;letter-spacing:-4px;font-weight:1000;margin:0}h2 em{color:#be467b;font-style:italic}.story-copy{max-width:380px;padding-top:35px}.story-copy p{font-size:17px;line-height:1.7}.hat-tag{display:inline-block;background:var(--orange);border:2px solid var(--ink);box-shadow:4px 4px var(--ink);padding:12px 20px;font-size:11px;letter-spacing:2px;font-weight:900;transform:rotate(5deg);margin-bottom:18px;border-radius:30px 30px 3px 3px}.ticket{display:inline-flex;gap:55px;background:var(--ink);color:var(--cream);padding:20px 24px;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);font-size:12px;font-weight:900;letter-spacing:1px;margin-top:24px;transition:transform .2s}.ticket:hover{transform:rotate(-4deg)}.bottom-note{display:flex;justify-content:space-between;gap:12px;padding:25px 0;border-top:1px solid #26143d40;font-size:10px;letter-spacing:2px;font-weight:900}.night{min-height:680px;background:linear-gradient(90deg,#26143dc9,transparent),url('assets/night.png') center/cover;display:flex;align-items:center;padding:80px 8%}.night h2{font-size:clamp(45px,5.4vw,80px);margin-top:35px}.night h2 em{color:var(--pink)}.pink{background:var(--pink);color:var(--ink)}footer{padding:45px 5%;display:flex;align-items:center;gap:30px;flex-wrap:wrap;border-top:1px solid #ffedc930}footer p{font-size:9px;letter-spacing:1.5px;flex:1}footer>a:not(.wordmark){font-size:12px;font-weight:900}footer>span{font-size:9px;opacity:.6}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);background:var(--cream);color:var(--ink);padding:18px 24px;border:3px solid var(--ink);box-shadow:6px 6px var(--pink);z-index:50;opacity:0;pointer-events:none;transition:.25s;font-weight:700;font-size:13px;max-width:90%;width:max-content}.toast.show{opacity:1;transform:translate(-50%,0)}.after-intro{padding:190px 8% 90px;background:radial-gradient(ellipse at 85% 10%,#95386d60,transparent 60%)}.after-intro h1{font-size:clamp(58px,8vw,120px);font-style:italic;line-height:.95;letter-spacing:-5px;margin:35px 0}.after-intro h1 span{color:var(--pink)}.after-intro>p:not(.eyebrow){font-size:18px;line-height:1.6}.scroll-inline{display:block;margin-top:40px;font-size:10px;letter-spacing:2px}.fieldnotes{background:var(--cream);color:var(--ink);padding:90px 8%;display:grid;grid-template-columns:1.05fr 1fr;gap:9%;align-items:center}.post-art{transform:rotate(-4deg)}.post-art img{width:100%;display:block;border:5px solid var(--ink);box-shadow:12px 14px var(--pink)}.photo-label{display:block;font-size:10px;font-weight:900;letter-spacing:1px;padding:24px 10px}.notes article{padding:30px 0;border-bottom:1px solid #26143d40}.notes article>span{font-size:10px;letter-spacing:2px;color:#9b386a}.notes h2{font-size:34px;letter-spacing:-1.5px;margin:12px 0}.notes p{font-size:16px;line-height:1.6;max-width:350px}.closing{padding:110px 8%;background:linear-gradient(#26143de8,#26143dc9),url('assets/night.png') center/cover;text-align:center}.closing h2{margin:35px auto}.closing .glasses,.closing .ca{margin:30px auto}.closing h2 em{color:var(--pink)}.back{display:block;margin-top:55px;font-size:10px;letter-spacing:2px}.reveal{opacity:0;translate:0 24px;transition:opacity .7s,translate .7s}.reveal.seen{opacity:1;translate:0 0}@keyframes bob{50%{transform:translateY(6px)}}
@media(min-width:1600px){.hero-copy{padding-top:190px}}@media(max-width:800px){header{height:85px;padding:18px 6%}nav{gap:18px;font-size:9px;letter-spacing:.5px}.nav-x span{display:none}.wordmark{font-size:24px}.hero{height:auto;min-height:960px}.hero-art{background-position:64% center}.hero:after{background:linear-gradient(0deg,#26143d 0%,#26143dc9 40%,transparent 80%),linear-gradient(90deg,#26143d50,transparent)}.hero-copy{padding:370px 6% 110px}.hero h1{font-size:92px;letter-spacing:-5px;max-width:500px}.hero h1 i{right:5%;font-size:18px}.hero .eyebrow{max-width:240px;line-height:1.6}.intro{font-size:17px}.story{padding:55px 7% 0}.story-grid{grid-template-columns:1fr;gap:25px;padding:45px 0}.story h2{font-size:68px;letter-spacing:-3px}.story-copy{padding-top:10px;max-width:100%}.bottom-note{font-size:8px;letter-spacing:0}.night{min-height:570px;padding:65px 7%;background-position:60% center}.night h2{letter-spacing:-2px}.fieldnotes{grid-template-columns:1fr;gap:45px;padding:70px 8%}.post-art{max-width:500px}.after-intro{padding:160px 7% 60px}.after-intro h1{letter-spacing:-3px}.closing{padding:80px 6%}.closing h2{font-size:44px;letter-spacing:-2px}footer{gap:24px}footer p{min-width:170px}footer>span{width:100%}}@media(max-width:380px){nav{gap:10px;font-size:8px}.hero h1{font-size:79px}.glasses a{min-width:140px;padding:18px 14px;font-size:11px}.glasses{gap:10px}.hero h1 i{right:0;font-size:15px}.ca{width:310px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;translate:0 0}}

/* Hand-painted poster silhouette, using an offline-safe condensed display face. */
h1,h2,.wordmark{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900} .hero h1{letter-spacing:-3px}.hero h1 i{font-family:Arial,Helvetica,sans-serif;right:0}.hero-copy{max-width:790px}
@media(max-width:800px){.hero h1 i{right:0}.hero h1{max-width:440px;letter-spacing:-2px}}