@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#11120f;--ink:#edece0;--muted:#999b8d;--accent:#d3a276;--line:#ffffff25}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}body:after{content:'';position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:inherit}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:5}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;font-size:26px;letter-spacing:2px;display:flex;gap:12px;align-items:center}.sigil{color:var(--accent);font-size:37px}nav{display:flex;gap:38px;font-size:13px}nav a:hover,.text-link:hover{color:var(--accent)}.nav-cta{font-size:12px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--accent);padding:10px 0}.nav-cta span{margin-left:35px}.hero{min-height:760px;height:calc(100svh - 86px);max-height:1050px;position:relative;overflow:hidden;padding:30px 4% 0;display:flex;flex-direction:column;justify-content:space-between}.hero-top,.hero-foot,.section-label,.eyebrow,.record-caption,.cover-stamp,.about-sign{font-family:monospace;font-size:10px;letter-spacing:1.4px}.hero-top{display:flex;justify-content:space-between;position:relative;z-index:2;color:var(--muted)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:10px;vertical-align:middle;box-shadow:0 0 13px #d3a27666}.hero-art{position:absolute;inset:-10% -8% -16% 33%;background-image:linear-gradient(90deg,var(--bg),transparent 35%),linear-gradient(0deg,var(--bg),transparent 35%),url('assets/smoke-signals.webp');background-size:cover;background-position:center;opacity:.65;filter:saturate(.65);mask-image:linear-gradient(0deg,transparent,black 13%,black 87%,transparent)}.hero-copy{position:relative;z-index:1;padding-top:65px}h1,h2{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;text-transform:uppercase;line-height:.91;font-weight:600;letter-spacing:-2px;margin:0}h1{font-size:clamp(68px,8.5vw,150px);max-width:1400px}em{font-style:normal;color:var(--accent)}.eyebrow{color:var(--accent);margin:0 0 24px}.hero-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:40px;gap:30px}.hero-bottom p{font-size:15px;line-height:1.7;color:#c5c5b8}.actions{display:flex;gap:12px;padding-bottom:13px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 23px;font-size:12px;border:1px solid var(--line);transition:background .2s,color .2s;min-height:52px}.primary{background:var(--accent);color:#171812;border-color:var(--accent)}.primary:hover{background:#e7bd98}.ghost{background:#11120f88}.ghost:hover{background:#24251d}.hero-foot{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:24px 0;margin-top:45px;font-size:9px;color:var(--muted);z-index:1}.ticker{background:var(--accent);color:#25251b;display:flex;justify-content:space-around;align-items:center;gap:25px;overflow:hidden;white-space:nowrap;padding:18px;font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:2px;font-size:18px}.ticker b{font-size:25px;font-weight:400}.section{padding:75px 7% 95px}.section-label{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:55px}.record-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.cover-wrap{position:relative;margin-top:14px}.cover-wrap img{width:100%;height:auto;display:block;border:1px solid #85735b50;box-shadow:0 22px 55px #0006}.cover-stamp{position:absolute;bottom:15px;left:15px;display:none}.record-caption{display:flex;justify-content:space-between;line-height:1.8;color:var(--muted);font-size:9px;margin-top:25px}.record-right h2{font-size:clamp(65px,6.5vw,105px)}.intro{color:var(--muted);font-size:13px;line-height:1.7;max-width:310px;margin:22px 0}.track{display:flex;align-items:center;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:10px 0;gap:19px;font-size:12px;transition:background .2s,padding .2s}.track:hover{background:#d3a27612;padding-left:8px}.track-number{font-family:monospace;font-size:10px;color:#838477}.track-title{flex:1}.track-duration{color:var(--muted);font-size:10px;font-family:monospace}.track-arrow{font-size:15px;color:var(--accent);margin-left:7px}.text-link{background:none;border:0;border-bottom:1px solid var(--accent);font-size:11px;padding:16px 0 9px;margin-top:14px}.text-link span{margin-left:25px}.visuals{min-height:740px;position:relative;isolation:isolate;overflow:hidden}.visual-image{position:absolute;inset:0;z-index:-2}.visual-image img{width:100%;height:100%;object-fit:cover;object-position:44%}.visuals:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a100de8 0%,#0a100dba 30%,#0a100d00 75%),linear-gradient(0deg,#11120f99,transparent 30%);z-index:-1}.visual-content{padding:46px 7% 75px}.visual-content .section-label{margin-bottom:95px;color:#bbbfb4}.visual-content h2{font-size:105px}.visual-content p:not(.eyebrow){font-size:14px;line-height:1.8;color:#dddcd2;margin:26px 0}.visual-content .eyebrow{font-size:9px}.about{border-bottom:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:10%}.about h2{font-size:clamp(50px,5.5vw,90px)}.about p{font-size:13px;line-height:1.9;color:var(--muted)}.about .large-copy{font-size:21px;line-height:1.6;color:var(--ink);margin-top:0}.about-sign{display:block;color:var(--accent);font-size:9px;margin-top:30px}.connect{background:#191b15;padding-top:90px;padding-bottom:65px}.connect h2{font-size:clamp(75px,8vw,130px)}.connect-bottom{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-top:35px}.connect-bottom p{color:var(--muted);font-size:13px;line-height:1.9}.socials{display:flex;gap:30px}.socials a{font-size:12px;border-bottom:1px solid #77796c;padding-bottom:13px;min-width:115px;display:flex;justify-content:space-between}.socials a:hover{color:var(--accent)}footer{display:flex;justify-content:space-between;align-items:center;padding:30px 4%;gap:25px}footer span,footer>a:last-child{font:9px monospace;letter-spacing:1px;color:var(--muted)}footer .brand{font-size:20px}dialog{background:#1b1d16;color:var(--ink);padding:48px;border:1px solid #6e705f;width:min(550px,90vw);max-height:90svh}dialog::backdrop{background:#000b;backdrop-filter:blur(9px)}dialog h2{font-size:56px;line-height:1}dialog p{font-size:13px;line-height:1.8;color:#b5b7a8}dialog .eyebrow{color:var(--accent);font-size:10px}.close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:30px;color:var(--muted);padding:5px 10px}.platforms{margin-top:26px}.platforms a{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.platforms a:hover{color:var(--accent)}dialog .fine{font-size:10px;color:#939786;margin:24px 0 0}dialog .button{margin-top:25px}.skip{position:absolute;top:-60px;left:15px;background:var(--accent);color:#111;padding:15px;z-index:99}.skip:focus{top:10px}::selection{background:var(--accent);color:#111}
@media(min-width:1600px){.section{padding-left:max(7%,calc((100vw - 1450px)/2));padding-right:max(7%,calc((100vw - 1450px)/2))}}
@media(max-width:900px){header{height:72px}.hero{min-height:700px;height:calc(100svh - 72px)}.hero-art{inset:0 -40% 0 5%}.hero-bottom{align-items:start;flex-direction:column;gap:8px}.hero-copy{padding-top:40px}h1{font-size:clamp(68px,10vw,100px)}.hero-foot span:nth-child(2){display:none}.record-layout{gap:5%}.visuals{min-height:700px}.visual-image img{object-position:40%}.socials{gap:18px}.socials a{min-width:85px}.about-grid{gap:7%}.about .large-copy{font-size:18px}}
@media(max-width:600px){header{padding:0 5%}.brand{font-size:22px;gap:6px}.sigil{font-size:28px}nav{gap:18px;font-size:11px}nav a:last-child{display:none}.nav-cta{display:none}.hero{padding:24px 5% 0;min-height:680px;max-height:850px}.hero-top{font-size:8px;letter-spacing:.7px}.hero-top span:last-child{display:none}.hero-art{inset:5% -72% 0 -10%;opacity:.5}.hero-copy{padding-top:80px}h1{font-size:clamp(49px,12.5vw,75px);letter-spacing:-1px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-bottom{margin-top:22px}.hero-bottom p{font-size:13px}.actions{flex-direction:column;align-items:start;gap:10px}.button{padding:15px 18px;font-size:11px}.hero-foot{font-size:8px;letter-spacing:.5px}.ticker{justify-content:start;font-size:15px;padding:13px;gap:20px}.section{padding:45px 6% 55px}.section-label{font-size:8px;margin-bottom:30px;letter-spacing:1px}.record-layout{grid-template-columns:1fr;gap:45px}.record-left{max-width:480px}.record-right h2{font-size:78px}.record-caption{font-size:8px}.track{font-size:12px;padding:13px 0}.visuals{min-height:690px}.visual-content{padding:32px 6% 50px}.visual-content .section-label{margin-bottom:105px}.visual-content h2{font-size:88px}.visual-image img{object-position:33%}.visuals:after{background:linear-gradient(90deg,#09100ee0,#09100d50),linear-gradient(0deg,#09100de0,transparent 70%)}.visual-content p:not(.eyebrow){font-size:13px}.visual-content .eyebrow{font-size:8px;max-width:240px;line-height:1.8}.about-grid{grid-template-columns:1fr;gap:30px}.about h2{font-size:60px}.about .large-copy{font-size:20px}.connect{padding-top:55px}.connect h2{font-size:78px}.connect-bottom{flex-direction:column;align-items:stretch;gap:20px}.socials{justify-content:space-between}.socials a{min-width:0;flex:1;font-size:11px}footer{flex-wrap:wrap;padding:25px 6%}footer .brand{width:100%;font-size:22px}footer span,footer>a:last-child{font-size:8px}dialog{padding:42px 25px}dialog h2{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
