@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#17221d;--muted:#68746b;--paper:#f4f5ef;--card:#fff;--line:#dce4d9;--green:#315b43;--lime:#d9f28a;--mono:'DM Mono',monospace;--sans:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 82% -15%,#e7f0d2 0,#f4f5ef 42%);color:var(--ink);font-family:var(--sans);padding-bottom:calc(78px + env(safe-area-inset-bottom));line-height:1.45}
.shell{max-width:1160px;margin:auto;padding-inline:24px}.event-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--lime);font-weight:700;width:34px;height:34px;border-radius:10px;font-size:13px}.brand-name{font:500 12px var(--mono);letter-spacing:.13em}.back-link{display:flex;align-items:center;gap:7px;color:var(--muted);text-decoration:none;font-size:14px;min-width:120px}.back-link:hover{color:var(--ink)}.back-link svg,.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-button{display:grid;place-items:center;border:1px solid var(--line);background:#ffffffb8;color:var(--ink);border-radius:50%;width:42px;height:42px;cursor:pointer}.icon-button:hover{border-color:var(--green);background:var(--card)}
.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:70px;align-items:center;padding-top:42px;padding-bottom:64px}.hero-art{height:350px;border-radius:26px;background:linear-gradient(140deg,#5e794e 0%,#2a4937 58%,#172b22 100%);position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:30px;color:#f7f4e9;box-shadow:0 20px 45px #1733231c}.hero-art:before,.hero-art:after{content:'';position:absolute;border:1px solid #d9f28a42;transform:rotate(24deg);width:260px;height:440px;top:-100px;right:15%}.hero-art:after{transform:rotate(-34deg);right:-8%;top:-120px}.art-kicker{position:absolute;z-index:1;left:30px;top:28px;font:500 10px var(--mono);letter-spacing:.14em;color:var(--lime)}.art-label{font:500 15px var(--mono);line-height:1.4;letter-spacing:.12em;position:relative;z-index:1}.art-label b{color:var(--lime);font-weight:500;font-size:20px}.date-badge{position:absolute;z-index:1;right:24px;top:24px;background:var(--lime);color:var(--ink);width:66px;height:70px;border-radius:12px;text-align:center;padding:9px 0;display:flex;flex-direction:column}.date-badge b{font-size:27px;line-height:27px}.date-badge small{font:500 10px var(--mono);margin-top:6px}
.eyebrow-row{display:flex;gap:9px;flex-wrap:wrap;font:500 11px var(--mono);letter-spacing:.08em}.verified{color:var(--green)}.verified span{font-size:8px;vertical-align:2px}.status{color:#6c5e1a;background:#eef4c9;padding:7px 9px;border-radius:5px}.hero h1{font-size:clamp(42px,5.4vw,70px);line-height:.98;letter-spacing:-.065em;margin:20px 0 30px;max-width:600px}.host{display:flex;gap:12px;align-items:center;margin:0;font-size:15px}.host small{display:block;color:var(--muted);font-size:13px;margin-top:4px}.club-dot{display:grid;place-items:center;background:var(--lime);border-radius:50%;width:42px;height:42px;color:var(--ink);font-weight:700}
.event-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:82px;align-items:start}.info-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:16px;background:#ffffff9c;padding:25px;gap:28px}.info-item{display:flex;gap:13px;min-width:0}.info-icon{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:9px;background:#e7f1d4;color:var(--green)}.info-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.info-item small{display:block;font:500 10px var(--mono);color:var(--muted);letter-spacing:.07em;margin-bottom:6px}.info-item b,.info-item span{display:block;font-size:14px}.info-item span{color:var(--muted);font-size:12px;margin-top:4px}
.content-section{padding:34px 0;border-bottom:1px solid var(--line);max-width:700px}.content-section h2{font-size:22px;margin:0 0 14px;letter-spacing:-.035em}.content-section p{color:#536158;line-height:1.7;margin:0 0 12px;font-size:15px}.content-section p:last-child{margin-bottom:0}.note-list>div{display:flex;gap:13px;border-top:1px solid var(--line);padding:16px 0}.note-list .note-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:#e7f1d4;color:var(--green);font-size:15px}.note-list .note-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.note-list p{margin:0}
.registration-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:25px;position:sticky;top:22px;box-shadow:0 18px 40px #18351f12}.registration-card:before{content:'READY WHEN YOU ARE';display:block;color:var(--green);font:500 10px var(--mono);letter-spacing:.12em;margin-bottom:22px}.fee-line{display:flex;justify-content:space-between;align-items:center}.fee-line span{color:var(--muted);font-size:13px}.fee-line strong{font-size:28px;letter-spacing:-.04em}.fee-note,.terms-note{color:var(--muted);font-size:12px}.primary-button{display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:#fff;text-decoration:none;border:1px solid var(--ink);border-radius:10px;padding:16px;font-weight:600;margin:22px 0 14px;transition:.2s ease}.primary-button span{font-size:20px;line-height:1}.primary-button:hover{background:var(--green);border-color:var(--green);transform:translateY(-1px)}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:68px;padding:9px 16px calc(9px + env(safe-area-inset-bottom));background:#fbfcf8ef;border-top:1px solid var(--line);display:flex;justify-content:center;gap:clamp(24px,8vw,90px);z-index:5;backdrop-filter:blur(14px)}.bottom-nav a{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;text-decoration:none}.bottom-nav a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.bottom-nav a:hover,.bottom-nav a.selected{color:var(--ink);font-weight:600}a:focus-visible,button:focus-visible{outline:3px solid #9abf4a;outline-offset:3px}
@media(max-width:760px){body{padding-bottom:calc(86px + env(safe-area-inset-bottom))}.shell{padding-inline:16px}.event-header{height:68px}.brand-name{display:none}.back-link{min-width:80px}.back-link span{display:none}.hero{display:block;padding-top:20px;padding-bottom:38px}.hero-art{height:235px;border-radius:20px;padding:22px}.art-kicker{left:22px;top:21px}.date-badge{right:18px;top:18px}.hero-copy{padding:27px 2px 0}.hero h1{font-size:clamp(40px,12vw,56px);margin:16px 0 22px}.event-layout{display:block}.info-grid{padding:18px 16px;gap:20px 12px;border-radius:14px}.info-item{gap:8px}.info-icon{flex-basis:27px;width:27px;height:27px}.info-item b{font-size:12px}.info-item span{font-size:11px}.content-section{padding:27px 0}.registration-card{position:static;margin:27px 0 8px;padding:21px}.bottom-nav{gap:0;justify-content:space-around}.bottom-nav a{flex-direction:column;gap:3px;font-size:10px}.bottom-nav a svg{width:19px;height:19px}}@media(min-width:761px){.bottom-nav{display:none}}