@import url('https://fonts.googleapis.com/css2?family=Henny+Penny&family=Road+Rage&family=Work+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#101d24;--paper:#f1eee4;--yellow:#ffd23f;--muted:#b8c8cb;--display:'Road Rage',sans-serif;--body:'Work Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.65 var(--body)}a{color:inherit;text-underline-offset:5px}button{font:inherit}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:.87;text-wrap:balance}h1{font-size:clamp(4.8rem,10vw,9.8rem);max-width:8ch}h2{font-size:clamp(3.3rem,6.5vw,6.4rem)}h3{font-size:clamp(2.5rem,4vw,3.8rem)}p{max-width:64ch}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}.skip{position:fixed;top:-100px;z-index:100;background:var(--yellow);color:var(--ink);padding:12px}.skip:focus{top:5px}.nav{position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:25px 4.5vw;gap:24px;border-bottom:1px solid #ffffff33}.brand{display:inline-flex;align-items:center;gap:6px;font-family:'Henny Penny',Georgia,serif;font-size:18px;white-space:nowrap;text-decoration:none;color:#f0f0e6}.brand>svg{color:#d5ed58;width:17px;height:17px;flex:none;transition:rotate .6s cubic-bezier(.16,1,.3,1),scale .3s}.brand:is(:hover,:focus-visible)>svg{rotate:180deg;scale:1.2}.brand-dot{color:#d5ed58}.footer-brand{display:flex;flex-direction:column;gap:9px}.footer .brand{font-size:19px;gap:12px}.footer .brand>svg{width:22px;height:22px}.nav-links{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}.nav-links a{text-decoration:none}.nav-links a[aria-current]{color:var(--yellow)}.nav-play{background:var(--yellow);color:var(--ink);padding:11px 20px;white-space:nowrap}.hero{position:relative;min-height:850px;min-height:100svh;display:flex;align-items:center;isolation:isolate;overflow:hidden;padding:165px 7vw 110px}.hero>img{position:absolute;inset:0;width:100%;height:100%;z-index:-3;object-position:64% center}.hero:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#07151ee8 0%,#07151eb8 29%,#07151e25 65%),linear-gradient(0deg,#101d24 0%,transparent 40%)}.hero-copy{max-width:590px}.hero h1 em{font-style:normal;color:var(--yellow)}.hero p{max-width:39ch;margin:25px 0 27px;font-size:clamp(16px,1.6vw,19px);color:#e5e9e8}.cta{display:inline-flex;align-items:center;gap:28px;background:var(--yellow);color:var(--ink);padding:15px 27px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .2s,background .2s}.cta:hover{transform:translateY(-3px);background:#ffe480}.cta svg{width:25px;fill:none;stroke:currentColor;stroke-width:2}.hero-bottom{position:absolute;bottom:28px;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#c8d1d3}.hero-bottom a{color:white}.route-ribbon{display:flex;justify-content:space-around;gap:24px;flex-wrap:wrap;background:var(--yellow);color:var(--ink);padding:19px 5vw;font-size:13px;font-weight:700}.route-ribbon span+span:before{content:'↗';margin-right:24px}.wrap{max-width:1320px;margin:auto;padding:105px 7vw}.split{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;align-items:center}.split p{margin-top:26px;color:var(--muted)}.paper{background:var(--paper);color:var(--ink)}.paper p{color:#3f5055}.picture{margin:0;position:relative}.picture img{width:100%;height:auto;aspect-ratio:1.45}.picture figcaption{font-size:11px;margin-top:11px;color:inherit;opacity:.75}.slant{transform:rotate(-2deg)}.text-link{display:inline-block;margin-top:25px;font-weight:700}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-intro p{max-width:40ch;color:var(--muted)}.feature-image{aspect-ratio:2.15;width:100%}.chapter{display:grid;grid-template-columns:130px 1fr 1.05fr;gap:35px;padding:38px 0;border-top:1px solid #31434c;align-items:start}.chapter .place{color:var(--yellow);font-size:12px;font-weight:700;letter-spacing:.08em}.chapter p{color:var(--muted)}.chapter h3{margin-bottom:14px}.chapter img{aspect-ratio:1.7;width:100%}.party{position:relative;padding:100px 7vw;background:#ffd23f;color:var(--ink);overflow:hidden}.party-inner{max-width:1140px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.party p{margin:25px 0}.roster{display:flex;gap:12px;justify-content:center;align-items:end;height:150px}.roster span{width:35px;height:90px;background:var(--c);border-radius:18px 18px 5px 5px;transform:rotate(var(--r));position:relative;border:3px solid var(--ink)}.roster span:before{content:'';position:absolute;top:-28px;left:2px;width:25px;height:25px;background:var(--c);border:3px solid var(--ink);border-radius:50%}.roster span:nth-child(even){height:115px}.party .text-link{margin:0}.faq{max-width:950px}.faq h2{margin-bottom:36px}.faq details{padding:24px 0;border-top:1px solid #42535b}.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:18px}.faq summary:after{content:'+';font-size:24px;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{padding-top:16px;color:var(--muted)}.footer{padding:40px 7vw;border-top:1px solid #364951;display:flex;justify-content:space-between;gap:30px;align-items:start;font-size:12px;color:var(--muted)}.footer nav{display:flex;gap:20px;flex-wrap:wrap}.closing{padding:105px 7vw;text-align:center;position:relative;overflow:hidden}.closing h2{max-width:850px;margin:0 auto 32px}.closing p{margin:0 auto 25px;color:var(--muted)}.progress{position:fixed;bottom:0;left:0;width:100%;height:3px;z-index:20;background:var(--yellow);transform:scaleX(0);transform-origin:left}.noise-note{padding:30px;background:#fffaf0;border:1px solid #cdc9b8;margin-top:30px}.noise-note p{margin-top:12px}.noise-note a{font-weight:600}.article-hero{min-height:760px}.article-hero h1{max-width:100%;font-size:clamp(4.8rem,8.4vw,7.5rem)}.article-hero .hero-copy{max-width:620px}.local-quote{font:clamp(3rem,6vw,6rem)/.95 var(--display);padding:65px 0;max-width:1000px;color:var(--yellow)}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:arrive .9s cubic-bezier(.16,1,.3,1) both}.hero>img{animation:scene 1.4s cubic-bezier(.16,1,.3,1) both}.picture.in-view img{animation:scene .9s cubic-bezier(.16,1,.3,1)}@keyframes arrive{from{transform:translateY(26px);filter:blur(4px);opacity:.4}to{transform:translateY(0);filter:blur(0);opacity:1}}@keyframes scene{from{clip-path:inset(0 0 8% 0);filter:saturate(.5)}to{clip-path:inset(0);filter:saturate(1)}}}
@media(max-width:760px){.nav{padding:20px 5vw}.nav-links{gap:15px}.nav-links .wide-link{display:none}.nav-play{padding:9px 13px}.hero{min-height:850px;padding:160px 6vw 100px;align-items:start}.hero>img{object-position:66% center}.hero:after{background:linear-gradient(90deg,#07151ecd,transparent),linear-gradient(0deg,#101d24,transparent 60%)}h1{font-size:clamp(4.5rem,18vw,7rem)}.hero-copy{max-width:85%}.hero p{font-size:16px;max-width:29ch}.hero-bottom{font-size:9px}.hero-bottom span{max-width:160px}.route-ribbon{justify-content:center;font-size:11px;gap:10px}.route-ribbon span+span:before{margin-right:10px}.wrap{padding:70px 6vw}.split,.party-inner{grid-template-columns:1fr;gap:40px}.section-intro{display:block}.section-intro p{margin-top:24px}.chapter{grid-template-columns:1fr;gap:18px}.feature-image{aspect-ratio:1.3}.party{padding:70px 6vw}.roster{height:145px;gap:9px}.footer{flex-direction:column}.footer nav{gap:16px}.closing{padding:75px 6vw}.article-hero{min-height:830px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.slant{transform:none}}

.party a:focus-visible,.paper a:focus-visible{outline-color:var(--ink)}

@media(max-width:760px){.article-hero h1{font-size:clamp(4rem,15vw,6rem)}.article-hero .hero-copy{max-width:95%}.footer .brand{font-size:17px}.footer .brand>svg{width:17px;height:17px}}