:root{--cream:#f5f3ea;--navy:#111d36;--lime:#dcfa69;--orange:#ed6d3d;--blue:#153983;--sans:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e8e8e1;color:var(--navy);font-family:var(--sans)}a{color:inherit}h1,h2,p{margin-top:0}.board-header{height:67px;background:var(--navy);color:white;padding:0 clamp(20px,4vw,66px);display:flex;align-items:center;justify-content:space-between}.board-header a{font:900 29px var(--display);text-decoration:none}.board-header a span{color:var(--orange)}.board-header>span{font-size:9px;font-weight:800;letter-spacing:.2em}.board-intro{padding:78px clamp(20px,4vw,66px) 72px;background:var(--cream);display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:35px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.22em;grid-column:1/-1}.board-intro h1{font:900 clamp(78px,9vw,148px)/.75 var(--display);letter-spacing:-.04em;margin:0}.board-intro h1 em{font-style:normal;color:var(--blue)}.board-intro p{font-size:17px;line-height:1.6;max-width:390px;margin:0 0 6px}.options{display:grid;gap:33px;padding:40px clamp(20px,4vw,66px) 70px;max-width:1800px;margin:auto}.option{background:var(--cream);padding:24px}.option-heading{display:flex;align-items:center;gap:24px;margin-bottom:22px}.option-number{align-self:flex-start;border:1px solid #b7bcb4;padding:10px 12px;font-size:10px;font-weight:800;white-space:nowrap}.option-heading h2{font:900 44px/.9 var(--display);margin:0 0 6px}.option-heading p{font-size:13px;color:#6e7480;margin:0}.option-pill{margin-left:auto;border-radius:100px;background:var(--navy);color:#fff;padding:9px 14px;font-size:9px;font-weight:800;letter-spacing:.13em}.mock{height:550px;position:relative;overflow:hidden}.mock-nav{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 31px;position:relative;z-index:2;font:800 11px var(--sans)}.mock-nav>span:nth-child(2){letter-spacing:.02em}.mock-nav b{padding:12px 17px;font-size:9px}.mock-logo{font:900 27px var(--display)}.mock-logo span{color:var(--orange)}.mock-button{display:inline-flex;align-items:center;padding:16px 20px;font:800 10px var(--sans);letter-spacing:.06em}.option-details{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:20px}.option-details p{font-size:12px;line-height:1.55;margin:0}.option-details b{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:9px;margin-bottom:6px}.trackside{background:var(--blue) url('./assets/sports-court.png') center right/cover;color:#fff}.trackside:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,33,84,.88),rgba(8,33,84,.52) 48%,rgba(8,33,84,.12))}.trackside .mock-nav{background:#f5f3ea;color:var(--navy)}.trackside .mock-nav b{background:var(--navy);color:white}.trackside-hero{position:relative;z-index:1;padding:65px 5% 28px}.trackside-small{font:800 9px var(--sans);letter-spacing:.21em}.trackside-hero strong{display:block;font:900 clamp(94px,11vw,165px)/.76 var(--display);letter-spacing:-.04em;margin:34px 0 22px}.trackside-hero strong em{font-style:normal;color:var(--lime)}.trackside-hero p{font-size:14px;margin-bottom:22px}.trackside .mock-button{background:var(--lime);color:var(--navy)}.trackside-footer{position:absolute;z-index:1;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:8px;background:var(--lime);color:var(--navy);padding:17px 5%;font:800 10px var(--sans);letter-spacing:.1em}.clubhouse{background:#f5f0e5}.clubhouse .mock-nav b{border:1px solid var(--navy)}.clubhouse .mock-logo{font:italic 700 27px Georgia,serif}.clubhouse .mock-logo span{font:22px var(--sans);color:var(--orange);padding-left:3px}.clubhouse-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;padding:40px 45px 35px;height:440px}.clubhouse-copy{align-self:center}.clubhouse-copy>span{font:800 9px var(--sans);letter-spacing:.18em}.clubhouse-copy strong{display:block;font:500 clamp(60px,6.2vw,98px)/.93 Georgia,serif;letter-spacing:-.065em;margin:24px 0}.clubhouse-copy strong em{color:var(--orange)}.clubhouse-copy p{font-size:14px;line-height:1.5;max-width:300px}.clubhouse .mock-button{background:var(--navy);color:white;margin-top:10px}.clubhouse-image{position:relative;background:url('./assets/sports-court.png') 75% center/cover;border-radius:230px 230px 15px 15px}.clubhouse-sticker{position:absolute;left:-38px;bottom:31px;width:117px;height:117px;border-radius:50%;background:var(--lime);display:grid;place-items:center;transform:rotate(-16deg);text-align:center;font:900 20px/1 var(--display)}.clubhouse-footer{display:flex;justify-content:space-between;padding:5px 45px;font:800 9px var(--sans);letter-spacing:.15em}.night{background:#0a101d;color:#f6f8ef}.night-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(#a3b6d1 1px,transparent 1px),linear-gradient(90deg,#a3b6d1 1px,transparent 1px);background-size:58px 58px;transform:perspective(400px) rotateX(28deg) scale(1.3)}.night .mock-nav{border-bottom:1px solid #465369}.night .mock-logo span{color:var(--lime)}.night .mock-nav b{background:var(--lime);color:var(--navy)}.night-hero{position:relative;z-index:1;display:grid;grid-template-columns:1fr .72fr;gap:20px;padding:61px 5% 20px}.night-hero>div:first-child>span:first-child{font:800 9px var(--sans);letter-spacing:.19em;color:var(--lime)}.night-hero strong{display:block;font:900 clamp(95px,11vw,165px)/.76 var(--display);letter-spacing:-.04em;margin:36px 0 18px}.night-hero strong em{color:var(--lime);font-style:normal}.night-hero p{font-size:14px;margin-bottom:24px}.night .mock-button{border:1px solid var(--lime);color:var(--lime)}.night-image{height:300px;align-self:center;position:relative;background:url('./assets/sports-court.png') 68% center/cover;transform:rotate(5deg);border:6px solid #d8f864;box-shadow:16px 17px 0 #ed6d3d}.night-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,14,27,.75),transparent 60%)}.night-image span{position:absolute;z-index:1;bottom:16px;left:18px;font:900 40px/.82 var(--display);color:white}.night-footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:20px 5%;font:800 9px var(--sans);letter-spacing:.2em;color:var(--lime)}.board-end{padding:55px clamp(20px,4vw,66px) 70px;background:var(--navy);color:white}.board-end>span{font:800 10px var(--sans);letter-spacing:.2em;color:var(--lime)}.board-end p{font:700 clamp(27px,3vw,46px)/1.15 var(--sans);max-width:900px;margin:20px 0 0}.board-end a{color:var(--lime)}@media(max-width:900px){.board-intro{grid-template-columns:1fr}.option-pill{display:none}.option-details{gap:15px}.mock{height:500px}.trackside-hero strong,.night-hero strong{font-size:110px}.clubhouse-copy strong{font-size:64px}}@media(max-width:600px){.board-header{height:56px}.board-header>span{font-size:7px}.board-intro{padding-top:55px;padding-bottom:53px}.board-intro h1{font-size:82px}.board-intro p{font-size:14px}.options{padding-top:20px;gap:18px}.option{padding:13px}.option-heading{gap:12px}.option-heading h2{font-size:32px}.option-heading p{font-size:11px}.mock{height:390px}.mock-nav{height:47px;padding:0 13px}.mock-nav>span:nth-child(2){display:none}.mock-nav b{font-size:7px;padding:9px}.mock-logo{font-size:21px}.trackside-hero{padding:55px 20px}.trackside-hero strong{font-size:71px}.trackside-footer{font-size:7px;padding:13px 15px}.trackside-footer span:nth-child(n+3){display:none}.clubhouse-hero{height:310px;padding:24px 19px;grid-template-columns:1.1fr .9fr}.clubhouse-copy strong{font-size:37px;margin:18px 0}.clubhouse-copy p{font-size:10px}.clubhouse-copy>span{font-size:7px}.clubhouse .mock-button{font-size:8px;padding:9px}.clubhouse-sticker{width:66px;height:66px;font-size:13px;left:-18px}.clubhouse-footer{padding:5px 15px;font-size:7px}.night-hero{padding:57px 17px 0;grid-template-columns:1fr .45fr}.night-hero strong{font-size:71px}.night-hero p{font-size:11px}.night-image{height:156px;border-width:3px;box-shadow:8px 9px 0 var(--orange)}.night-image span{font-size:17px;left:6px;bottom:6px}.night-footer{font-size:7px}.option-details{grid-template-columns:1fr;gap:11px}.option-details p{font-size:11px}.option-details b{display:inline;margin-right:5px}.board-end p{font-size:25px}}
