@view-transition{navigation:auto}html{scroll-behavior:auto}::view-transition-old(root){animation:old-page .35s ease both}::view-transition-new(root){animation:new-page .65s cubic-bezier(.2,.7,.2,1) both}@keyframes old-page{to{opacity:0;transform:translateY(-18px);filter:blur(5px)}}@keyframes new-page{from{opacity:0;transform:translateY(28px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}body{transition:opacity .22s,transform .22s}body.departing{opacity:0;transform:translateY(-12px)}header{position:relative}nav a{position:relative;padding:12px 0}nav a[aria-current=page]{color:#e9ae6a}nav a[aria-current=page]:after{content:'';height:1px;background:var(--gold);position:absolute;left:0;right:0;bottom:0}.menu-toggle{display:none}.hero-art{animation:landscape 2s ease-out both}.hero-content{animation:arrive .9s ease-out both}.hero h1{font-size:clamp(55px,5.5vw,86px)}@keyframes arrive{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes landscape{from{transform:scale(1.045)}to{transform:scale(1)}}.hero{height:calc(100svh - 94px);min-height:640px}.chapter-nav{display:grid;grid-template-columns:repeat(3,1fr);padding:0 7%;background:#19120d;border-block:1px solid var(--line)}.chapter-nav a{padding:35px 30px;position:relative;border-right:1px solid var(--line);transition:background .25s}.chapter-nav a:first-child{border-left:1px solid var(--line)}.chapter-nav a:hover{background:#302014}.chapter-nav span{display:block;font-size:8px;letter-spacing:2px;color:var(--gold);margin-bottom:12px}.chapter-nav strong{font:30px 'Cormorant Garamond',Georgia,serif;font-weight:500}.chapter-nav b{position:absolute;right:25px;top:50%;font-weight:400;color:var(--gold)}.page-banner{min-height:220px;padding:50px 8%;display:flex;align-items:end;justify-content:space-between;background:linear-gradient(90deg,#100d0af5,#100d0a85),url('assets/banner.png') center 38%/cover;border-bottom:1px solid var(--line)}.page-banner .eyebrow{margin-bottom:15px}.page-banner p:last-child{font:italic 30px 'Cormorant Garamond',Georgia,serif;margin:0}.page-banner>span{font:italic 25px Georgia;color:var(--gold)}body[data-page="1"] .about{min-height:600px}body[data-page="2"] .rules{min-height:650px}body[data-page="3"] .gallery{padding-top:65px}body[data-page="3"] .gallery-shot img{max-height:none}body[data-page="4"] .join{min-height:550px}.section{animation:arrive .75s ease-out both}.rule-list details{transition:background .2s;padding-inline:20px}.rule-list details[open]{background:#20180f}.gallery-shot{overflow:hidden}.gallery-shot img{transition:transform .7s}.gallery-shot:hover img{transform:scale(1.025)}@media(max-width:760px){.hero{height:calc(100svh - 80px);min-height:620px}.hero h1{font-size:clamp(48px,10vw,68px)}.menu-toggle{display:block;background:transparent;color:var(--gold);border:1px solid #634529;padding:11px 14px;font-size:9px;letter-spacing:1px}.menu-toggle span{margin-left:12px}header nav{display:none;position:absolute;top:79px;left:0;right:0;background:#17110b;border-bottom:1px solid var(--gold);padding:20px 7%;z-index:10}header.menu-open nav{display:flex;flex-direction:column;gap:5px}header nav a{font-size:15px;padding:15px 0}.chapter-nav{padding:0 5%;grid-template-columns:1fr}.chapter-nav a{border-right:0;border-bottom:1px solid var(--line);padding:22px 15px}.chapter-nav a:first-child{border-left:0}.chapter-nav strong{font-size:26px}.chapter-nav span{margin-bottom:7px}.page-banner{min-height:185px;padding:35px 7%;gap:15px}.page-banner p:last-child{font-size:25px}.page-banner>span{font-size:18px}.section-heading{margin-bottom:30px}.rule-list details{padding-inline:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
