@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('./assets/barlow-condensed-700.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('./assets/dm-sans-400.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url('./assets/dm-sans-600.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url('./assets/dm-sans-700.ttf') format('truetype')}
:root{color-scheme:dark;--bg:#101110;--surface:#191b18;--text:#f3f4ec;--muted:#abadab;--lime:#c2f750;--line:#30342d;--body:'DM Sans','Arial',sans-serif;--display:'Barlow Condensed','Impact','Arial Narrow',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:1rem;line-height:1.55;-webkit-font-smoothing:antialiased}
::selection{background:var(--lime);color:var(--bg)}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid var(--lime);outline-offset:6px}
img{display:block;max-width:100%}
svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
h1,h2,p{margin:0}
h1,h2{font-family:var(--display);font-weight:700}
.skip-link{position:fixed;left:20px;top:-70px;z-index:100;padding:12px 20px;background:var(--lime);color:var(--bg)}
.skip-link:focus{top:16px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(16,17,16,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.header-inner{max-width:1400px;margin:auto;padding:14px 64px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}
.brand{display:flex;align-items:center;gap:12px;font-size:1.05rem;font-weight:800;letter-spacing:.04em;line-height:1.2;flex-shrink:0}
.brand-logo{object-fit:contain;width:56px;height:56px}
.brand-caption{display:block;color:var(--muted);font-size:.75rem;font-weight:400;letter-spacing:.17em;margin-top:5px}
nav{display:flex;gap:34px;align-items:center;flex-wrap:wrap;row-gap:0;font-size:.875rem}
nav a{padding:12px 0;transition:color .2s}
nav a:hover{color:var(--lime)}
.header-listen{display:flex;gap:8px;align-items:center;font-weight:600;font-size:.875rem;border:1px solid #4a4f41;padding:10px 18px;border-radius:4px}
.header-listen svg{width:15px;height:15px;fill:var(--lime);stroke:none}
.header-listen:hover{border-color:var(--lime)}
.hero{max-width:1536px;min-height:735px;margin:0 auto;position:relative;isolation:isolate;overflow:hidden;background:#101110}
.hero-image-wrap{position:absolute;inset:0 0 0 43%;z-index:-1}
.hero-image-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101110 0%,rgba(16,17,16,.46) 22%,transparent 49%),linear-gradient(0deg,#101110 0%,rgba(16,17,16,.06) 26%,rgba(16,17,16,.05) 80%)}
.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 26%}
.hero-content{max-width:1400px;margin:0 auto;padding:80px 64px 84px}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:.75rem;font-weight:600;letter-spacing:.18em;line-height:1.6}
.eyebrow-line{display:block;width:28px;height:2px;background:var(--lime)}
.hero .eyebrow{color:var(--lime);margin-bottom:22px}
h1{font-size:clamp(6rem,11.5vw,10.5rem);letter-spacing:-.025em;line-height:.97;max-width:680px}
h1>span{display:block}
.accent-title{color:var(--lime)}
.title-period{color:var(--text)}
.hero-actions{display:flex;align-items:center;gap:12px;margin-top:36px;flex-wrap:wrap}
.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:52px;padding:12px 22px;border:1px solid transparent;border-radius:3px;font-size:.875rem;font-weight:600;transition:background .2s,transform .2s,border-color .2s}
.button:hover{transform:translateY(-2px)}
.button-accent{background:var(--lime);color:var(--bg)}
.button-accent:hover{background:#d1ff79}
.button-accent svg{fill:currentColor;stroke:none;width:18px;height:18px}
.button-outline{border-color:#6b7264;background:rgba(16,17,16,.4)}
.button-outline:hover{border-color:var(--text);background:#252820}
.button-outline svg{width:18px;height:18px}
.hero-footer{margin-top:42px;padding-top:20px;border-top:1px solid #343a30;max-width:395px}
.hero-footer-label{font-size:.75rem;letter-spacing:.14em;color:var(--muted)}
.hero-platforms{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:8px;font-size:.875rem}
.hero-platforms span{color:#73796d}
.hero-platforms a:hover{color:var(--lime)}
.hero-scroll{position:absolute;right:64px;bottom:35px;display:flex;align-items:center;gap:20px;font-size:.75rem;letter-spacing:.17em;z-index:1}
.hero-scroll svg{height:32px;color:var(--lime)}
.section-shell{width:100%;max-width:1400px;margin:0 auto;padding-left:64px;padding-right:64px}
.music,.videos{padding-top:34px;padding-bottom:100px}
.section-number{border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;padding-top:20px;margin-bottom:54px;font-size:.75rem;letter-spacing:.16em;color:var(--muted)}
.section-number>span:first-child{color:var(--lime)}
.music-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;align-items:center}
.music-copy .eyebrow,.videos-copy .eyebrow{color:var(--muted);margin-bottom:20px}
h2{font-size:clamp(3.1rem,5.8vw,5.3rem);line-height:1.03;letter-spacing:-.018em}
.music-copy h2>span{color:var(--lime)}
.section-description{font-size:1rem;color:var(--muted);margin-top:22px;max-width:320px}
.text-link{font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;gap:13px;line-height:1.5;padding:10px 0;margin-top:26px;border-bottom:1px solid #5c664f}
.text-link svg{width:17px;height:17px;transition:transform .2s}
.text-link:hover{color:var(--lime)}
.text-link:hover svg{transform:translate(2px,-2px)}
.music-player{min-width:0;border:1px solid var(--line);background:var(--surface);padding:22px;border-radius:10px}
.player-label{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;font-size:.75rem;letter-spacing:.05em;color:var(--muted)}
.platform-label{color:var(--lime);font-weight:700;letter-spacing:.14em}
.spotify-embed{display:block;border:0;border-radius:10px;width:100%;height:352px;background:#171717}
.player-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;font-size:.875rem;color:var(--muted)}
.player-footer a{display:flex;align-items:center;gap:8px;color:var(--text)}
.player-footer a:hover{color:var(--lime)}
.player-footer svg{width:16px;height:16px}
.videos{padding-bottom:108px}
.videos-layout{display:grid;grid-template-columns:.86fr 1fr 1fr;gap:26px;align-items:start}
.videos-copy{padding-top:32px;padding-right:20px}
.videos-copy h2 span{color:var(--lime)}
.videos-copy .section-description{max-width:230px}
.video-card{min-width:0;margin:0}
.video-card-offset{padding-top:76px}
.video-frame{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:5px;background:#1d201a;border:1px solid #343b2d}
.video-frame iframe{display:block;width:100%;height:100%;border:0;position:absolute;inset:0}
.video-name{font-size:1.25rem;font-weight:600;line-height:1.4;margin:20px 0 0}
.video-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:9px;line-height:1.5}
.video-caption>span{font-size:.75rem;letter-spacing:.12em;color:var(--muted)}
.video-caption a{display:flex;align-items:center;gap:6px;font-size:.875rem}
.video-caption a:hover{color:var(--lime)}
.video-caption svg{width:15px;height:15px}
.platforms{background:var(--lime);color:var(--bg);padding-top:78px;padding-bottom:76px}
.platforms-inner{display:grid;grid-template-columns:1fr 1.15fr;gap:84px;align-items:start}
.platforms .eyebrow{color:#34461a;margin-bottom:22px}
.platforms h2{font-size:clamp(3rem,5vw,4.6rem)}
.platforms-copy>p:last-of-type{margin-top:24px;font-size:1rem}
.platforms-logo{margin-top:28px;width:94px;height:94px;object-fit:contain;filter:brightness(0)}
.platform-list{min-width:0;border-top:1px solid #719738}
.platform-list>a{min-height:80px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #719738;padding:14px 0;transition:padding .2s,background .2s}
.platform-list>a:hover{padding-left:10px;background:rgba(255,255,255,.12)}
.platform-list>a:focus-visible{outline-color:#101110;outline-offset:5px}
.platform-index{font-size:.75rem;color:#3f551f;align-self:center}
.platform-name{font-size:1.65rem;font-weight:600;letter-spacing:-.035em}
.platform-action{margin-left:auto;font-size:.875rem;color:#2e4016}
.platform-list svg{width:24px;height:24px}
.site-footer{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.875rem;color:var(--muted)}
.site-footer a{display:flex;align-items:center;gap:12px}
.site-footer a:hover{color:var(--lime)}
.site-footer svg{width:16px;height:16px}
body{overflow-wrap:break-word}
.platform-list>a{flex-wrap:wrap}
.site-footer{flex-wrap:wrap;padding-top:20px;padding-bottom:20px}
@media(min-width:1550px){.hero{min-height:780px}.hero-content{padding-top:100px}.hero-image-wrap{left:44%}}
@media(max-width:1100px){.header-inner{padding-left:36px;padding-right:36px}.section-shell{padding-left:36px;padding-right:36px}.hero-content{padding:75px 36px 85px}.hero{min-height:670px}.hero-scroll{right:36px}.music-layout{gap:40px;grid-template-columns:1fr 1.25fr}.videos-layout{gap:20px;grid-template-columns:.76fr 1fr 1fr}.videos-copy{padding-right:0}.videos-copy h2{font-size:4rem}.platforms-inner{gap:40px}.platforms h2{font-size:3.4rem}.video-caption{flex-wrap:wrap}.platform-name{font-size:1.4rem}.platform-list>a{gap:14px}.header-listen{display:none}}
@media(max-width:800px){.header-inner{padding:12px 24px;min-height:82px}.brand{font-size:.9rem;gap:8px}.brand-logo{width:45px;height:45px}.brand-caption{font-size:.7rem}nav{gap:20px}.section-shell{padding-left:24px;padding-right:24px}.hero{min-height:655px}.hero-content{padding:68px 24px 68px}.hero-image-wrap{left:34%}.hero-image-wrap::after{background:linear-gradient(90deg,#101110 0%,rgba(16,17,16,.48) 35%,rgba(16,17,16,.08) 100%),linear-gradient(0deg,#101110 0%,transparent 55%)}h1{font-size:7.2rem;max-width:490px}.hero-actions{max-width:440px}.hero-scroll{right:24px}.music-layout{grid-template-columns:1fr;gap:36px}.music-copy h2{font-size:4.2rem}.music-copy h2 br{display:none}.music-copy .text-link{margin-top:14px}.music,.videos{padding-top:28px;padding-bottom:70px}.section-number{margin-bottom:38px}.videos-layout{grid-template-columns:1fr 1fr;gap:25px}.videos-copy{grid-column:1/-1;padding-top:0;padding-bottom:12px}.videos-copy h2{font-size:4.4rem}.videos-copy h2 br{display:none}.videos-copy h2 br::after{content:' '}.videos-copy h2{max-width:600px}.videos-copy .section-description{max-width:none}.videos-copy .text-link{margin-top:12px}.video-card-offset{padding-top:50px}.platforms-inner{grid-template-columns:1fr;gap:36px}.platforms h2{font-size:4.2rem}.platforms-copy{position:relative}.platforms-logo{position:absolute;right:0;bottom:0;margin:0}.platforms{padding:60px 0}.platform-name{font-size:1.65rem}}
@media(max-width:520px){html{scroll-padding-top:125px}.header-inner{padding:10px 20px 12px;flex-wrap:wrap;gap:8px;justify-content:center}.brand{width:100%;justify-content:center;gap:8px}.brand-logo{width:38px;height:38px}.brand-caption{display:none}nav{width:100%;justify-content:center;gap:32px}nav a{padding:5px 0;font-size:.875rem}.hero{min-height:760px;display:flex;align-items:flex-end}.hero-image-wrap{inset:0 0 0 10%;height:610px}.hero-image{object-position:50% 9%}.hero-image-wrap::after{background:linear-gradient(0deg,#101110 1%,rgba(16,17,16,.45) 44%,rgba(16,17,16,.05) 85%),linear-gradient(90deg,rgba(16,17,16,.7) 0%,transparent 70%)}.hero-content{width:100%;padding:300px 20px 30px}.hero .eyebrow{margin-bottom:16px;font-size:.75rem;letter-spacing:.12em}h1{font-size:clamp(5.2rem,21.5vw,7rem);line-height:.96;max-width:100%}.hero-actions{gap:10px;margin-top:26px;align-items:stretch;flex-wrap:nowrap}.button{padding:13px 12px;font-size:.875rem;gap:8px;min-height:50px}.button-outline svg{display:none}.hero-footer{margin-top:24px;padding-top:18px;max-width:none}.hero-footer-label{font-size:.75rem}.hero-scroll{display:none}.section-shell{padding-left:20px;padding-right:20px}.music,.videos{padding-top:28px;padding-bottom:54px}.section-number{margin-bottom:32px;padding-top:16px}.music-copy h2{font-size:3.35rem}.music-copy h2 br{display:block}.music-copy .eyebrow,.videos-copy .eyebrow{margin-bottom:15px}.section-description{margin-top:18px}.music-player{padding:12px}.player-label{font-size:.75rem;padding:5px 4px 14px;gap:10px}.player-label span:last-child{text-align:right;max-width:155px}.player-footer{padding:0 4px 6px;font-size:.875rem}.videos-layout{grid-template-columns:1fr;gap:32px}.videos-copy{padding-bottom:0}.videos-copy h2{font-size:3.45rem}.videos-copy h2 br{display:none}.video-card{width:100%;max-width:380px;justify-self:center}.video-card-offset{padding-top:0}.video-caption{flex-wrap:nowrap}.platforms{padding:48px 0}.platforms-inner{gap:30px}.platforms h2{font-size:clamp(2.9rem,11.5vw,3.7rem)}.platforms-logo{width:65px;height:65px;bottom:0}.platforms-copy>p:last-of-type{max-width:230px;font-size:1rem}.platform-list>a{min-height:76px;gap:12px}.platform-name{font-size:1.45rem}.platform-action{font-size:.875rem}.platform-list svg{width:20px;height:20px}.site-footer{min-height:90px;font-size:.875rem;gap:10px}.site-footer a{gap:6px}}
@media(max-width:360px){.hero-actions{flex-direction:column}.hero-content{padding-top:290px}.hero{min-height:800px}.platform-action{display:none}.platform-list svg{margin-left:auto}.brand{font-size:.875rem}nav{gap:24px}.music-copy h2{font-size:3rem}.platforms h2{font-size:2.9rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:800px){.brand-caption{font-size:.75rem}}
@media(max-width:520px){h1{font-size:clamp(2.5rem,21.5vw,7rem)}.hero-actions,.video-caption{flex-wrap:wrap}.platforms h2{font-size:clamp(2rem,11.5vw,3.7rem)}}