:root{--ink:#17181c;--paper:#f4efe6;--coral:#ff6b5e;--muted:#8c8983;--night:#101115;--rule:rgba(23,24,28,.17)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--night)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:"Avenir Next",Avenir,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;z-index:20;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
.site-header{position:absolute;z-index:10;top:0;left:0;right:0;height:92px;padding:0 clamp(24px,5vw,76px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--paper);border-bottom:1px solid rgba(244,239,230,.13)}
.brand{display:flex;align-items:center;gap:13px;width:max-content;font-size:12px;font-weight:800;letter-spacing:.22em}
.brand img{width:34px;height:34px}
.edition{color:#aaa59d;font-size:9px;font-weight:700;letter-spacing:.18em}
.header-link{justify-self:end;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;border-bottom:1px solid var(--coral);padding-bottom:5px}
.header-link span{margin-left:10px;color:var(--coral)}
.hero{min-height:880px;display:grid;grid-template-columns:minmax(350px,.82fr) minmax(600px,1.18fr);color:var(--paper);background:radial-gradient(circle at 78% 32%,rgba(255,107,94,.13),transparent 26%),linear-gradient(135deg,#25272d 0%,var(--ink) 48%,#0d0e11 100%);overflow:hidden}
.hero-copy{position:relative;z-index:2;padding:210px 4vw 100px clamp(24px,7vw,108px)}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 35px;color:#aaa59d;font-size:9px;font-weight:800;letter-spacing:.24em}
.eyebrow span{width:7px;height:7px;background:var(--coral);border-radius:50%;box-shadow:0 0 0 6px rgba(255,107,94,.09);animation:pulse 2.2s ease-in-out infinite}
h1{max-width:760px;margin:0;font-size:clamp(68px,7.8vw,128px);line-height:.81;letter-spacing:-.078em;font-weight:730}
h1 em,.finale em,.manifesto em{color:var(--coral);font-family:"Iowan Old Style","Baskerville",serif;font-weight:400}
.lede{max-width:510px;margin:43px 0 35px;color:#c8c1b6;font-size:18px;line-height:1.65}
.hero-actions{display:flex;align-items:center;gap:25px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.button-primary{color:var(--ink);background:var(--paper)}
.button-primary:hover{color:var(--paper);background:var(--coral)}
.button-primary span{margin-left:35px;font-size:16px}
.button-quiet{padding:0;border-bottom:1px solid rgba(244,239,230,.32)}
.button-quiet:hover{border-color:var(--coral)}
.availability{display:flex;align-items:center;gap:10px;margin-top:60px;color:#8f8b84;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.availability i{width:28px;height:1px;background:var(--coral)}
.hero-stage{position:relative;min-height:880px;perspective:1500px}
.hero-stage::after{content:"LYNER";position:absolute;right:-38px;bottom:75px;color:rgba(244,239,230,.025);font-size:180px;font-weight:900;letter-spacing:-.08em;transform:rotate(-90deg);transform-origin:right bottom}
.orbit{position:absolute;border:1px solid rgba(244,239,230,.09);border-radius:50%}
.orbit-one{width:690px;height:690px;right:-40px;top:110px}
.orbit-two{width:470px;height:470px;right:70px;top:220px;border-color:rgba(255,107,94,.18)}
.player-card{position:absolute;top:238px;left:1%;width:58%;height:420px;padding:20px 24px;background:linear-gradient(150deg,rgba(50,52,59,.92),rgba(13,14,17,.92));border:1px solid rgba(244,239,230,.12);box-shadow:0 45px 100px rgba(0,0,0,.45);transform:rotateY(9deg) rotateZ(-2deg)}
.player-top{display:flex;align-items:center;gap:6px;color:#7d7a74;font-size:8px;letter-spacing:.17em}
.player-top>span{width:5px;height:5px;border-radius:50%;background:#484a50}.player-top>span:first-child{background:var(--coral)}.player-top b{margin-left:auto}
.record{position:absolute;inset:50% auto auto 50%;width:235px;height:235px;border:1px solid rgba(244,239,230,.15);border-radius:50%;transform:translate(-50%,-55%);box-shadow:0 0 0 37px rgba(244,239,230,.018),0 0 0 74px rgba(244,239,230,.013);display:grid;place-items:center}
.record div{color:var(--coral);font-size:8px;font-weight:800;letter-spacing:.34em}
.timeline{position:absolute;left:24px;right:24px;bottom:68px;height:2px;background:#56575b}.timeline i{display:block;width:46%;height:100%;background:var(--coral)}
.player-meta{position:absolute;left:24px;bottom:19px;display:flex;flex-direction:column}.player-meta strong{font-size:13px}.player-meta span{margin-top:3px;color:#86837e;font-size:8px}
.lyric-card{position:absolute;z-index:3;top:154px;right:7%;width:min(450px,48%);height:590px;display:grid;grid-template-columns:27px 1fr;background:rgba(23,24,28,.96);border:1px solid rgba(244,239,230,.25);box-shadow:0 55px 110px rgba(0,0,0,.58);transform:rotateY(-5deg) rotateZ(1.2deg);animation:arrive 1s cubic-bezier(.2,.8,.2,1) both}
.card-spine{display:flex;justify-content:center;padding-top:16px;color:var(--paper);background:var(--coral);font-size:8px;font-weight:800;letter-spacing:.2em;writing-mode:vertical-rl}
.card-content{min-width:0;display:flex;flex-direction:column}
.card-content>header{height:50px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(244,239,230,.16)}
.card-content>header p{display:flex;align-items:center;gap:8px;margin:0;color:#9b9790;font-size:7px;font-weight:800;letter-spacing:.24em}.card-content>header i{width:6px;height:6px;background:var(--coral);border-radius:50%}
.track{padding:25px 23px 19px}.track small{color:var(--coral);font-size:7px;font-weight:800;letter-spacing:.22em}.track h2{margin:7px 0 4px;color:var(--paper);font-size:25px;line-height:1;letter-spacing:-.04em;font-style:italic}.track p{margin:0;color:#817e78;font-size:8px}
.tools{margin:0 23px;padding:11px 0;display:flex;align-items:center;justify-content:space-between;color:#8d8983;border-top:1px solid rgba(244,239,230,.15);border-bottom:1px solid rgba(244,239,230,.15);font-size:7px}.tools div{display:flex;gap:5px}.tools b{padding:6px 8px;color:var(--ink);background:var(--paper);font-size:6px;text-transform:uppercase}
.lyrics{flex:1;padding:18px 23px;color:#77746f;font-size:14px;line-height:1.75;overflow:hidden}.lyrics p{position:relative;margin:0 0 8px}.lyrics .active{color:var(--paper);font-weight:650;font-style:italic}.lyrics .active i{position:absolute;left:-16px;top:11px;width:8px;height:2px;background:var(--coral)}
.timing{position:relative;height:75px;padding:14px 23px;border-top:1px solid rgba(244,239,230,.15);color:#898680;font-size:6px;font-weight:800;letter-spacing:.1em}.timing>b{float:right;color:var(--coral)}.timing>div{position:absolute;left:23px;right:23px;bottom:20px;height:2px;background:#55565a}.timing>div i{position:absolute;left:58%;top:-4px;width:10px;height:10px;background:var(--coral);border:2px solid var(--ink);border-radius:50%;box-shadow:0 0 0 1px var(--coral)}
.manifesto{min-height:390px;padding:70px clamp(24px,7vw,108px);display:grid;grid-template-columns:120px 1fr 130px;align-items:center;border-bottom:1px solid var(--rule)}
.manifesto-number{align-self:start;color:var(--coral);font-size:9px;font-weight:800;letter-spacing:.18em}
.manifesto p{margin:0;font-size:clamp(46px,6vw,82px);line-height:.98;letter-spacing:-.055em;font-weight:650}
.manifesto img{width:96px;justify-self:end;filter:drop-shadow(0 18px 24px rgba(23,24,28,.17));transform:rotate(5deg)}
.features{padding:100px clamp(24px,7vw,108px) 130px}
.section-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;padding-bottom:30px;border-bottom:3px solid var(--ink)}
.section-header p,.section-header span{margin:0;color:var(--coral);font-size:8px;font-weight:800;letter-spacing:.2em}.section-header span{justify-self:end;color:var(--muted)}
.section-header h2{margin:0;font-size:clamp(36px,4vw,60px);line-height:1;letter-spacing:-.055em}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;border:1px solid var(--ink)}
.feature-grid article{position:relative;min-height:480px;padding:27px 31px 35px;border-right:1px solid var(--ink);display:flex;flex-direction:column}.feature-grid article:last-child{border:0}.feature-grid .feature-dark{color:var(--paper);background:var(--ink)}
.feature-index{font-size:8px;font-weight:800;letter-spacing:.2em}
.feature-symbol{height:210px;display:flex;align-items:center;justify-content:center}
.sync-symbol{gap:9px}.sync-symbol i{display:block;width:6px;background:var(--coral);border-radius:5px}.sync-symbol i:nth-child(1){height:35px}.sync-symbol i:nth-child(2){height:82px}.sync-symbol i:nth-child(3){height:57px}.sync-symbol i:nth-child(4){height:110px}
.language-symbol{gap:18px}.language-symbol b{font-family:"Iowan Old Style",serif;font-size:54px;font-weight:400}.language-symbol i{width:48px;height:1px;background:var(--coral)}
.theme-symbol{gap:0}.theme-symbol i{width:72px;height:104px;border:1px solid var(--ink);box-shadow:9px 9px 0 rgba(23,24,28,.1)}.theme-symbol i:nth-child(1){background:var(--paper);transform:rotate(-9deg) translateX(20px)}.theme-symbol i:nth-child(2){z-index:2;background:var(--ink)}.theme-symbol i:nth-child(3){background:var(--coral);transform:rotate(9deg) translateX(-20px)}
.feature-grid h3{margin:auto 0 12px;font-size:28px;letter-spacing:-.04em}.feature-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.feature-dark p{color:#aaa59d}
.finale{min-height:610px;padding:110px clamp(24px,7vw,108px);color:var(--paper);background:radial-gradient(circle at 80% 35%,rgba(255,107,94,.18),transparent 22%),var(--ink)}
.finale>p{margin:0 0 45px;color:#99958e;font-size:8px;font-weight:800;letter-spacing:.23em}
.finale h2{margin:0;font-size:clamp(58px,8.5vw,132px);line-height:.83;letter-spacing:-.075em}
.final-mark{margin-top:70px;display:flex;align-items:center;gap:18px;color:#aaa59d;font-size:10px;font-weight:800;letter-spacing:.25em}.final-mark img{width:44px}
footer{min-height:90px;padding:0 clamp(24px,7vw,108px);display:flex;align-items:center;justify-content:space-between;color:#77736d;background:var(--night);font-size:8px;font-weight:800;letter-spacing:.18em}footer a{color:var(--paper);border-bottom:1px solid var(--coral);padding-bottom:4px}
@keyframes arrive{from{opacity:0;transform:translateY(35px) rotateY(-5deg) rotateZ(1.2deg)}to{opacity:1;transform:translateY(0) rotateY(-5deg) rotateZ(1.2deg)}}
@keyframes pulse{50%{box-shadow:0 0 0 11px rgba(255,107,94,0)}}
@media(max-width:980px){.site-header{grid-template-columns:1fr auto}.edition{display:none}.hero{grid-template-columns:1fr;min-height:1250px}.hero-copy{padding-bottom:40px}.hero-stage{min-height:670px}.player-card{top:145px;left:4%}.lyric-card{top:60px;right:6%;width:430px}.manifesto{grid-template-columns:70px 1fr}.manifesto img{display:none}.section-header{grid-template-columns:1fr}.section-header p,.section-header span{display:none}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:380px;border-right:0;border-bottom:1px solid var(--ink)}.feature-symbol{height:170px}}
@media(max-width:620px){.site-header{height:74px}.hero{min-height:1110px}.hero-copy{padding-top:150px}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.availability{margin-top:38px}.hero-stage{min-height:540px}.orbit-one{width:500px;height:500px}.orbit-two{width:320px;height:320px}.player-card{top:125px;left:-14%;width:80%;height:330px}.record{width:170px;height:170px}.lyric-card{top:35px;right:-17%;width:350px;height:470px;transform:scale(.84) rotateZ(1.2deg);transform-origin:top right}.manifesto{min-height:300px;padding-top:50px;padding-bottom:50px;grid-template-columns:1fr}.manifesto-number{margin-bottom:35px}.features{padding-top:70px}.feature-grid article{padding:25px}.finale{min-height:510px;padding-top:90px}footer{gap:18px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lyric-card,.eyebrow span{animation:none}}