@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080909;--ink:#f5f2ed;--muted:#a49e98;--red:#ff382e;--line:#393635}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Space Grotesk,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:var(--red);color:#fff}.topbar{z-index:5;border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;padding:26px clamp(22px,5vw,80px);display:flex;position:absolute;top:0;left:0;right:0}.logo{letter-spacing:-.09em;font-size:29px;font-weight:700}.top-button{letter-spacing:.14em;border:1px solid #ffffffa0;padding:13px 18px;font:500 11px DM Mono,monospace}.top-button:hover,.socials a:hover{color:#080909;background:#fff}.hero{flex-direction:column;justify-content:space-between;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-art{filter:saturate(.82);background:url(/redline-road.webp) 50%/cover no-repeat;position:absolute;inset:0}.hero-tint{background:linear-gradient(90deg,#050505e8 0%,#070708b3 45%,#07070850 100%),linear-gradient(#0000 65%,#080909 100%);position:absolute;inset:0}.hero-upper,.hero-main,.hero-lower{z-index:1;position:relative}.hero-upper{padding:125px clamp(22px,5vw,80px) 0}.eyebrow,.kicker,.small,.ribbon,.hero-lower,.card-top,.form-index,footer,.socials,.intro-top,.intro-bottom{letter-spacing:.14em;text-transform:uppercase;font:500 11px DM Mono,monospace}.eyebrow,.kicker{color:var(--red)}.hero-main{padding:7vh clamp(22px,5vw,80px) 4vh}.hero h1{letter-spacing:-.13em;margin:0 0 12px;font-size:clamp(108px,24vw,440px);font-weight:700;line-height:.67;transform:translate(-.04em)}.hero-tagline{letter-spacing:-.055em;max-width:730px;margin:36px 0;font-size:clamp(22px,3.8vw,58px);line-height:1.04}.hero-tagline em{color:var(--red);font-style:normal}.light-button{background:var(--ink);color:var(--bg);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--ink);align-items:center;gap:35px;padding:17px 20px;font:500 12px DM Mono,monospace;display:inline-flex}.light-button:hover{background:var(--red);border-color:var(--red);color:#fff}.hero-lower{border-top:1px solid #fff4;justify-content:space-between;gap:20px;padding:26px clamp(22px,5vw,80px);display:flex}.ribbon{background:var(--red);color:#110101;justify-content:space-between;gap:20px;padding:15px clamp(22px,5vw,80px);display:flex}.section{border-bottom:1px solid var(--line);padding:clamp(70px,9vw,150px) clamp(22px,5vw,80px)}.section h2{letter-spacing:-.08em;max-width:1100px;margin:16px 0 25px;font-size:clamp(46px,7.4vw,116px);line-height:.9}.section p{line-height:1.55}.signal-grid,.sound-grid,.unlock-grid{grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);display:grid}.signal-grid>div:first-child{max-width:650px}.signal-grid p{color:#c4beb8;font-size:clamp(17px,2vw,23px)}.small{color:var(--muted)}.audio-card{background:#161615;border:1px solid #706965;align-self:center;padding:clamp(22px,3vw,40px);box-shadow:18px 18px #260d0c}.card-top{color:var(--red);border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:18px;display:flex}.audio-card h3{letter-spacing:-.08em;margin:32px 0 10px;font-size:clamp(42px,5vw,76px);line-height:.9}.audio-card p{color:var(--muted)}.player{width:100%;accent-color:var(--red);margin:28px 0}.audio-card a{border-bottom:1px solid var(--red);letter-spacing:.12em;padding-bottom:6px;font:500 11px DM Mono,monospace;display:inline-block}.sound{background:#141414}.sound h2{max-width:900px}.sound-grid{grid-template-columns:repeat(3,1fr);gap:0;margin-top:65px}.sound-grid>div{border-top:1px solid #7e2927;margin-right:25px;padding:24px 25px 60px 0}.sound-grid strong{color:var(--red);font:500 12px DM Mono,monospace}.sound-grid h3{letter-spacing:-.06em;margin:26px 0 12px;font-size:clamp(26px,3vw,43px)}.sound-grid p{color:var(--muted);max-width:320px}.unlock{color:#111;background:#e9e5df}.unlock .kicker{color:#cf2c27}.unlock-copy p{max-width:550px;font-size:clamp(18px,2vw,25px)}.follow{letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid #cf2c27;margin-top:26px;padding:0 0 6px;font:500 12px DM Mono,monospace;display:inline-block}.unlock-card{color:#f5f2ed;background:#151515;padding:clamp(25px,4vw,55px);box-shadow:18px 18px #bbbab6}.unlock-card h3{letter-spacing:-.06em;margin:24px 0 35px;font-size:clamp(28px,3vw,47px);line-height:1.05}.form-index{color:var(--red)}.unlock-card label{margin:20px 0 10px;display:block}.unlock-card input[type=email]{color:#fff;background:0 0;border:0;border-bottom:1px solid #999;border-radius:0;outline:0;width:100%;padding:16px 0;display:block}.unlock-card input[type=email]:focus{border-color:var(--red)}.check{color:#ccc;align-items:flex-start;gap:12px;font-size:13px;line-height:1.4;display:flex!important}.check input{accent-color:var(--red);margin-top:3px}.unlock-card button{background:var(--red);color:#fff;text-align:left;letter-spacing:.12em;text-transform:uppercase;border:0;width:100%;margin-top:20px;padding:17px 20px;font:500 12px DM Mono,monospace}.unlock-card button:hover{color:#111;background:#fff}.unlock-card button:disabled{opacity:.5;cursor:wait}.form-error{color:#ff847e!important;font-size:13px!important}.unlocked audio{width:100%;accent-color:var(--red)}.connect{background:#080909}.connect-head{justify-content:space-between;align-items:end;gap:20px;display:flex}.connect h2{margin-bottom:0}.socials{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:55px;display:grid}.socials a{border:1px solid #777;justify-content:space-between;padding:25px 18px;display:flex}.socials a:after{content:"↗";color:var(--red)}footer{color:var(--muted);justify-content:space-between;gap:25px;padding:28px clamp(22px,5vw,80px);display:flex}.intro{z-index:100;background:#050505;flex-direction:column;justify-content:space-between;padding:clamp(25px,5vw,70px);animation:.7s 2.6s forwards introExit;display:flex;position:fixed;inset:0}.intro-top,.intro-bottom{justify-content:space-between;gap:25px;display:flex}.intro-top button{color:#fff;font:inherit;letter-spacing:inherit;background:0 0;border:0}.intro-main{position:relative}.intro-main p{color:var(--red);letter-spacing:.18em;font:500 12px DM Mono,monospace}.intro-main h2{letter-spacing:-.09em;max-width:1100px;margin:30px 0;font-size:clamp(52px,10.4vw,170px);line-height:.88;animation:1s both introRise}.intro-main h2 em{color:var(--red);font-style:normal}.signal-orbit{aspect-ratio:1;pointer-events:none;border:1px solid #a126244d;border-radius:50%;width:min(70vw,700px);position:absolute;top:50%;right:-12%;transform:translateY(-50%);box-shadow:0 0 0 65px #b52d2414,0 0 0 150px #b52d2409}.intro-bottom span:last-child{color:var(--red)}@keyframes introExit{to{opacity:0;visibility:hidden}}@keyframes introRise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:800px){.hero h1{font-size:clamp(105px,28vw,240px)}.signal-grid,.unlock-grid,.sound-grid{grid-template-columns:1fr}.socials{grid-template-columns:1fr 1fr}.hero-lower,.ribbon,.connect-head{flex-direction:column}.intro-main h2{font-size:clamp(52px,12vw,100px)}}@media (max-width:480px){.socials{grid-template-columns:1fr}.hero-tagline{margin:40px 0}.hero-main{padding-bottom:8vh}.hero-upper{padding-top:110px}.intro-bottom span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}.topbar nav{letter-spacing:.1em;gap:30px;font:500 11px DM Mono,monospace;display:flex}.topbar nav a:hover,.logo span,.hero h1 span,.signal h2 em,.sound h2 em,.unlock h2 em{color:var(--red)}.hero-upper{letter-spacing:.14em;justify-content:space-between;font:500 11px DM Mono,monospace;display:flex}.hero .eyebrow i,.kicker i{background:var(--red);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin:0 8px 2px 0;display:inline-block}.ribbon{white-space:nowrap;overflow:hidden}.ribbon>div{min-width:max-content}.signal h2 em,.sound h2 em,.unlock h2 em{font-style:normal}.audio-card .player{align-items:center;gap:22px;display:flex}.audio-card .player button{border:1px solid var(--red);background:var(--red);color:#fff;border-radius:50%;flex:0 0 64px;height:64px;font-size:22px}.audio-card .player>div{flex:1;grid-template-columns:1fr auto;gap:2px 16px;display:grid}.audio-card .player strong{font-size:18px}.audio-card .player span,.audio-card .player small{color:var(--muted);font:10px DM Mono,monospace}.audio-card .player input{width:100%;accent-color:var(--red);grid-column:1/3}.audio-card .player small{grid-column:2}.sound .section{border:0}.sound-grid>div{margin-right:0;padding-right:25px}.sound-grid span{color:var(--red);font:11px DM Mono,monospace}.unlock-copy{font-size:clamp(18px,2vw,25px)!important}.unlock-card small{color:#a49e98;margin-top:17px;line-height:1.5;display:block}.unlocked>span{color:var(--red);font-size:48px}.unlocked>p{color:var(--red);font:12px DM Mono,monospace}.connect-head p{color:var(--muted)}.socials a span,.socials a b{color:var(--red)}.socials a:after{content:none}.intro-main strong{letter-spacing:-.09em;max-width:1100px;color:var(--red);margin:30px 0;font-size:clamp(52px,10.4vw,170px);line-height:.88;animation:.8s both introRise;display:block;position:relative}.intro-main .signal-orbit{z-index:-1}.red{color:var(--red)}.unlock-card .form-index{display:block}.unlock-card .check{display:flex!important}.unlock-card .check input{flex:none;width:auto}.unlock-card .check span{flex:1}.section#signal,.section#unlock{scroll-margin-top:20px}@media (max-width:800px){.topbar nav{display:none}.audio-card{box-shadow:9px 9px #260d0c}.unlock-card{box-shadow:9px 9px #bbbab6}}
