:root{
  --bg:#ededeb;
  --paper:#f8f8f5;
  --ink:#1f1f1f;
  --muted:#666;
  --line:rgba(0,0,0,.15);
  --soft:rgba(255,255,255,.46);
  --max:1360px;
  --shadow:0 34px 90px rgba(0,0,0,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:radial-gradient(circle at 48% -10%,#fff 0,#efefec 40%,#d8d8d3 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;letter-spacing:.01em}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.36;z-index:-1}
a{color:inherit}
.site-header{position:sticky;top:0;z-index:40;background:rgba(237,237,233,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{max-width:var(--max);margin:auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:block;width:min(430px,42vw);line-height:0;text-decoration:none}
.brand img{display:block;width:100%;height:auto}
.nav-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.nav-links a{text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:#333;white-space:nowrap}
.nav-links a:hover{color:#000;text-decoration:underline;text-underline-offset:5px}
.menu-button{display:none;border:1px solid var(--line);background:transparent;padding:8px 12px;text-transform:uppercase;letter-spacing:.16em;color:var(--ink)}
.hero{min-height:calc(100vh - 78px);max-width:var(--max);margin:auto;padding:70px 24px;display:grid;grid-template-columns:minmax(460px,.9fr) minmax(520px,1.1fr);gap:54px;align-items:center}
.hero-copy{max-width:650px}.eyebrow{margin:0 0 14px;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.34em}.hero h1,.section h2,.video-section h2{font-family:Georgia,"Times New Roman",serif;font-weight:300;font-size:clamp(4.3rem,8.5vw,9rem);line-height:.85;letter-spacing:.13em;margin:0 0 18px}.subtitle{margin:0 0 28px;text-transform:uppercase;letter-spacing:.34em;font-size:clamp(1rem,1.8vw,1.5rem);color:#3b3b3b}.lead{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.25rem,2vw,1.72rem);line-height:1.46;margin:0 0 28px;color:#2d2d2d}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);background:rgba(255,255,255,.35);text-decoration:none;text-transform:uppercase;letter-spacing:.17em;font-size:.74rem;padding:13px 17px;color:var(--ink)}.btn.secondary:hover{background:#111;color:#f6f6f3}.btn.secondary{border-color:var(--line)}.btn.primary{border-color:var(--line);color:white;background-color:black;}.btn.primary:hover{background:#f6f6f3;color:#111}.hero-art{display:block}.hero-art img{width:100%;display:block;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.08)}
.section,.video-section{padding:36px 24px}.wrap{max-width:var(--max);margin:auto}.split{display:grid;grid-template-columns:.55fr 1.45fr;gap:50px;align-items:center}.section h2,.video-section h2{font-size:clamp(2.6rem,5vw,5.7rem);letter-spacing:.14em}.listen-box{border:1px solid var(--line);background:rgba(248,248,245,.62);padding:24px;box-shadow:0 18px 60px rgba(0,0,0,.08)}audio{width:100%;display:block}.compact-actions{margin-top:16px}.below{margin-top:18px}.wide-video{display:block;width:100%;background:#000;border:1px solid var(--line);box-shadow:var(--shadow)}
.trigger-grid{display:grid;grid-template-columns:minmax(360px,.75fr) minmax(0,1.25fr);gap:44px;align-items:start}.trigger p{font-size:1.05rem;color:#333}.trigger blockquote{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(0.9rem, 1vw, 1.5rem);line-height:1.42;background:rgba(255,255,255,.4);border-left:2px solid #222;padding:34px 36px;box-shadow:0 18px 60px rgba(0,0,0,.08)}
.lyrics{margin:0;white-space:pre-wrap;column-count:2;column-gap:58px;background:rgba(248,248,245,.65);border:1px solid var(--line);padding:34px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem;line-height:1.52;box-shadow:0 18px 60px rgba(0,0,0,.06)}
.reading-grid{display:grid;grid-template-columns:.46fr 1fr;gap:56px;align-items:start}.reading-title{position:sticky;top:118px}.analysis-flow{font-family:Georgia,"Times New Roman",serif;font-size:1.13rem;line-height:1.76;background:rgba(255,255,255,.34);border:1px solid var(--line);padding:36px}.analysis-flow h3{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:.88rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500;margin:2.2em 0 .7em}.analysis-flow h3:first-child{margin-top:0}.analysis-flow p{margin:0 0 1.15em}.mockup-main{display:block;margin:0 0 24px}.mockup-main img{display:block;width:100%;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.08)}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery a{display:block;text-decoration:none;background:rgba(255,255,255,.32);border:1px solid var(--line);padding:10px}.gallery img{display:block;width:100%}.gallery span{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;padding:10px 2px 0}.downloads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.downloads a{min-height:112px;border:1px solid var(--line);background:rgba(255,255,255,.35);text-decoration:none;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.downloads strong{font-weight:500}.downloads span{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.14em}.footer{border-top:1px solid var(--line);padding:30px 24px;color:#555}.footer-inner{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}.backtop{position:fixed;right:18px;bottom:18px;border:1px solid var(--line);background:rgba(248,248,245,.78);padding:8px 11px;text-decoration:none;color:var(--ink)}
@media(max-width:1050px){.hero,.split,.trigger-grid,.reading-grid{grid-template-columns:1fr}.reading-title{position:static}.hero{min-height:auto}.brand{width:340px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.downloads{grid-template-columns:repeat(2,minmax(0,1fr))}.lyrics{column-count:1}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:flex-start;background:rgba(237,237,233,.98);padding:18px 24px;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.menu-button{display:block}}
@media(max-width:620px){.brand{width:250px}.hero,.section,.video-section{padding-left:18px;padding-right:18px}.hero h1{font-size:3.7rem}.subtitle{letter-spacing:.2em}.gallery,.downloads{grid-template-columns:1fr}.trigger blockquote,.analysis-flow,.lyrics{padding:24px}.nav{padding:10px 18px}}

.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#050505;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}
.video-frame .wide-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;background:#050505;border:0;box-shadow:none}
.source-video{padding-top:38px}
