@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');
:root{--green:#8ce12a;--dark:#080b0c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;background:var(--dark);color:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.home{height:100svh;overflow:hidden}.hero,.hero-bg,.hero-shade{position:absolute;inset:0}.hero-bg{background:url('dmrbkgnd.png') center center/cover no-repeat;opacity:0;transform:scale(1.065);transition:opacity 2.2s ease,transform 7s ease;pointer-events:none}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 40%),linear-gradient(0deg,rgba(0,0,0,.4),transparent 24%);opacity:0;transition:opacity 2s}.revealed .hero-bg{opacity:1;transform:scale(1)}.revealed .hero-shade{opacity:1}.intro{position:fixed;inset:0;z-index:10;background:radial-gradient(ellipse at 55% 80%,#172222,#060809 65%);overflow:hidden;transition:opacity 1.8s ease,visibility 1.8s}.intro.done{opacity:0;visibility:hidden;pointer-events:none}.intro:before{content:'';position:absolute;left:-20%;right:-20%;top:64%;height:3px;background:linear-gradient(90deg,transparent,#b4e98d,transparent);box-shadow:0 0 35px #88d731;opacity:.6;transform:rotate(-4deg)}.intro-title{position:absolute;top:20%;left:0;width:100%;text-align:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(3rem,10vw,9rem);font-weight:900;letter-spacing:.035em;color:#e8eee6;text-shadow:0 0 60px #66953e55}.race-track{position:absolute;inset:0;pointer-events:none}.racer{position:absolute;left:-340px;top:var(--top);width:clamp(145px,22vw,290px);filter:drop-shadow(0 18px 8px #000a);animation:race var(--duration) cubic-bezier(.23,.65,.4,1) var(--delay) forwards;animation-play-state:paused}.racer svg{width:100%;overflow:visible}.racing .racer{animation-play-state:running}@keyframes race{0%{transform:translateX(-30vw) translateY(35px) scale(.7);opacity:0}10%{opacity:1}85%{opacity:1}100%{transform:translateX(150vw) translateY(-18px) scale(1.16);opacity:0}}.start-btn{position:absolute;top:65%;left:50%;transform:translateX(-50%);border:0;background:var(--green);color:#091006;padding:16px 36px;font-family:'Barlow Condensed',sans-serif;font-size:1.35rem;letter-spacing:.13em;font-weight:900;box-shadow:0 0 50px #8ce12a55;white-space:nowrap}.start-btn span{margin-left:12px}.start-btn:hover,.submit-btn:hover{background:#b5fa5d}.intro-note{position:absolute;top:calc(65% + 72px);width:100%;text-align:center;font-size:.72rem;letter-spacing:.08em;color:#c5cbc8}.skip-btn{position:absolute;bottom:27px;right:30px;background:none;color:#d2d7d3;border:0;font-size:.8rem}.contact-link{position:fixed;z-index:3;left:28px;bottom:25px;border:1px solid #ffffff77;background:#080b0cb8;backdrop-filter:blur(10px);padding:11px 18px;font-size:.7rem;font-weight:700;letter-spacing:.15em;opacity:0;transform:translateY(15px);transition:opacity 1s,transform 1s,border-color .2s}.revealed .contact-link{opacity:1;transform:none}.contact-link:hover{border-color:var(--green)}.contact-link span{color:var(--green);margin-left:12px}.sound-toggle{position:fixed;z-index:3;right:24px;bottom:25px;background:#080b0cb8;border:1px solid #ffffff66;color:white;width:42px;height:42px;border-radius:50%;opacity:0}.revealed .sound-toggle{opacity:1}.contact-page{min-height:100svh;position:relative}.contact-bg,.contact-overlay{position:fixed;inset:0;pointer-events:none}.contact-bg{background:url('contact-bkgnd.png') center/cover no-repeat;opacity:.20}.contact-overlay{background:linear-gradient(110deg,#080b0cf5 12%,#080b0ccf 63%,#080b0c9c)}.contact-header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:26px clamp(24px,5vw,85px);font-family:'Barlow Condensed',sans-serif;font-weight:800;letter-spacing:.13em}.contact-header span{color:var(--green);font-size:1.3rem}.back-link{font:600 .75rem Inter,Arial,sans-serif;letter-spacing:.12em}.back-link:hover{color:var(--green)}.contact-main{position:relative;z-index:1;min-height:calc(100svh - 85px);display:flex;align-items:center;padding:30px clamp(24px,9vw,170px) 65px}.contact-card{width:min(100%,550px)}.eyebrow{color:var(--green);font-weight:700;letter-spacing:.25em;font-size:.73rem}.contact-card h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(4rem,8vw,7rem);line-height:1;margin:14px 0}.accent,.contact-card b{color:var(--green)}.contact-card p{color:#c6ceca;line-height:1.7;font-size:.95rem;max-width:470px;margin:0 0 30px}.contact-card form{display:grid;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-card label{display:grid;gap:9px;font-size:.77rem;font-weight:700;letter-spacing:.02em}.contact-card label span{color:#9ca5a1;font-weight:400}.contact-card input{background:#ffffff0c;border:1px solid #ffffff40;color:white;padding:14px 15px;border-radius:2px;outline:none;min-width:0}.contact-card input:focus{border-color:var(--green)}.contact-card input::placeholder{color:#8b9690}.submit-btn{background:var(--green);color:#091006;border:0;padding:16px 20px;font-weight:800;letter-spacing:.13em;font-size:.78rem;display:flex;justify-content:space-between;align-items:center;margin-top:7px}.submit-btn span{font-size:1.3rem}.contact-card small{color:#a8b1aa;font-size:.7rem;line-height:1.5}.hidden-field{position:absolute;left:-9999px}.form-message{padding:12px 16px;margin-bottom:20px;font-size:.85rem;line-height:1.5}.form-message.error{background:#7d2c2c88;border-left:3px solid #ff8686}.form-message.success{background:#274c2388;border-left:3px solid var(--green)}@media(max-width:650px){.hero-bg{background-position:center}.intro-title{top:24%;font-size:12vw}.form-grid{grid-template-columns:1fr}.contact-header{gap:15px}.contact-header span{font-size:1rem}.contact-main{align-items:flex-start;padding-top:65px}.contact-card h1{font-size:5rem}.racer{width:165px}}@media(prefers-reduced-motion:reduce){.racer{animation-duration:.01ms}.hero-bg,.intro{transition-duration:.01ms}}

/* v2: photographic racers, extracted graphic logo */
.brand-logo{display:block;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 2px 8px #000)}
.intro-logo{position:absolute;right:2.5vw;top:2vh;width:min(49vw,720px);height:auto;max-height:31vh;object-fit:contain}
.contact-logo{width:clamp(170px,26vw,340px);max-height:85px;object-fit:cover;object-position:center}
.racer{width:clamp(175px,27vw,380px);left:-430px;filter:drop-shadow(0 12px 10px #0009)}
.racer img{display:block;width:100%;height:auto;object-fit:contain}
.intro:before{opacity:.25}
@media(max-width:650px){.intro-logo{top:8%;width:88vw;right:6vw}.racer{width:205px}.contact-logo{width:165px}}

/* v3: true transparent logo and isolated transparent bike assets */
.brand-logo{mix-blend-mode:normal;object-fit:contain}
.contact-logo{object-fit:contain}
.racer{width:clamp(240px,33vw,490px)}
@media(max-width:650px){.racer{width:260px}}