:root{
  --bg:#090c1d;--bg2:#10172d;--panel:#171e3b;--panel2:#202747;
  --ink:#f7f5ff;--muted:#b9b6cf;--line:#313a60;
  --violet:#7a5cff;--cyan:#4fe4ff;--mint:#52e7b6;--gold:#ffc45f;
  --rail:168px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 80% 10%,#1a1742 0,transparent 28%),linear-gradient(180deg,var(--bg),#07101b 60%,#0a0b17);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 15% 20%,rgba(79,228,255,.15) 0 2px,transparent 3px),radial-gradient(circle at 70% 30%,rgba(122,92,255,.18) 0 3px,transparent 4px);background-size:260px 220px,330px 280px;opacity:.5}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.rail{position:fixed;inset:0 auto 0 0;width:var(--rail);padding:24px 18px;border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;justify-content:space-between;background:rgba(8,11,26,.78);backdrop-filter:blur(16px);z-index:20}
.brand{display:flex;align-items:center;gap:10px;font-weight:800}.mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#0b1020;font-size:13px}.brand-text{font-size:14px;line-height:1.15}
.rail-nav{display:grid;gap:14px}.rail-nav a,.rail-foot{font-size:13px;color:#9ea4bf}.rail-nav a:hover,.rail-foot a:hover{color:#fff}.rail-foot{display:grid;gap:8px}
main{margin-left:var(--rail)}.section{padding:110px clamp(28px,6vw,110px);position:relative}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center}
.eyebrow,.section-label{font-size:12px;letter-spacing:.24em;font-weight:800;color:var(--cyan);margin-bottom:28px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:5vw;align-items:center}.display{font-family:Georgia,"Times New Roman",serif;font-size:clamp(64px,8vw,150px);line-height:.82;letter-spacing:-.055em;margin:0}.display em{font-weight:400;color:#c9c2ff}.lede{font-size:clamp(18px,2vw,28px);line-height:1.5;color:var(--muted);max-width:760px;margin-top:34px}
.hero-collage{position:relative;min-height:680px}.hero-shot{position:absolute;border-radius:34px;box-shadow:0 30px 80px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.1)}
.hs1{width:46%;left:2%;top:18%;transform:rotate(-8deg)}.hs2{width:52%;right:0;top:6%;transform:rotate(6deg)}
.float-stat{position:absolute;background:rgba(16,23,45,.9);border:1px solid #4a4d7c;border-radius:18px;padding:14px 18px;box-shadow:0 20px 45px rgba(0,0,0,.3)}.float-stat span{display:block;font-size:10px;letter-spacing:.15em;color:var(--muted)}.float-stat strong{font-size:28px}.float-stat small{color:var(--muted);margin-left:4px}.stat-a{left:0;bottom:10%}.stat-b{right:6%;bottom:20%;color:var(--mint)}
.metric-strip{margin-left:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03)}.metric-strip>div{padding:30px;border-right:1px solid rgba(255,255,255,.08)}.metric-strip span{display:block;font-size:10px;letter-spacing:.18em;color:#7d86a7}.metric-strip strong{font-size:clamp(24px,3vw,48px);display:inline-block;margin-top:10px}.metric-strip small{margin-left:6px;color:var(--muted)}
.product-story{background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}.story-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-template-areas:"title copy tall" "wide wide tall" "fn1 fn2 tall" "fn3 fn4 tall";gap:24px;align-items:start}.story-title{grid-area:title}.story-title h2,.archive-head h2,.studio h2,.rhythm-copy h2{font-family:Georgia,serif;font-size:clamp(42px,5vw,82px);line-height:.95;margin:0 0 18px}.story-title p,.story-copy,.archive-head p,.studio-copy,.rhythm-copy p{color:var(--muted);font-size:18px;line-height:1.7}.story-copy{grid-area:copy}.story-image{margin:0;position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.14);background:#10162d}.story-image img{width:100%;height:100%;object-fit:cover}.story-image figcaption,.cs figcaption{position:absolute;left:14px;bottom:14px;font-size:10px;letter-spacing:.16em;background:rgba(7,10,24,.8);padding:8px 10px;border-radius:999px}.wide{grid-area:wide;height:540px}.tall{grid-area:tall;height:100%;min-height:980px}.feature-note{padding:24px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.03)}.feature-note b{display:block;font-size:20px}.feature-note span{color:var(--muted);line-height:1.5}.fn1{grid-area:fn1}.fn2{grid-area:fn2}.fn3{grid-area:fn3}.fn4{grid-area:fn4}
.rhythm-section{padding-top:80px}.rhythm-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.timeline{position:relative;height:360px;border:1px solid var(--line);border-radius:32px;overflow:hidden;background:linear-gradient(180deg,rgba(122,92,255,.12),rgba(79,228,255,.04))}.timeline svg{position:absolute;inset:20px;width:calc(100% - 40px);height:calc(100% - 40px)}.timeline-path{fill:none;stroke:var(--cyan);stroke-width:3;stroke-dasharray:1500;stroke-dashoffset:1500;opacity:.8}.timeline.animate .timeline-path{animation:draw 2.2s forwards}.timeline-bars{position:absolute;inset:auto 6% 30px;display:grid;grid-template-columns:repeat(7,1fr);gap:18px;height:180px;align-items:end}.timeline-bars i{display:block;height:var(--h);border-radius:14px 14px 4px 4px;background:linear-gradient(180deg,var(--cyan),var(--violet));opacity:.75;transform-origin:bottom;transform:scaleY(.1)}.timeline.animate .timeline-bars i{animation:bar .8s forwards}.timeline.animate .timeline-bars i:nth-child(2){animation-delay:.08s}.timeline.animate .timeline-bars i:nth-child(3){animation-delay:.16s}.timeline.animate .timeline-bars i:nth-child(4){animation-delay:.24s}.timeline.animate .timeline-bars i:nth-child(5){animation-delay:.32s}.timeline.animate .timeline-bars i:nth-child(6){animation-delay:.4s}.timeline.animate .timeline-bars i:nth-child(7){animation-delay:.48s}
.release-strip{margin:40px clamp(28px,6vw,110px);padding:42px;border:1px solid rgba(255,255,255,.14);border-radius:30px;display:flex;justify-content:space-between;gap:30px;align-items:center;background:linear-gradient(120deg,rgba(122,92,255,.22),rgba(79,228,255,.08))}.release-strip span{font-size:11px;letter-spacing:.18em;color:var(--cyan)}.release-strip h3{font-family:Georgia,serif;font-size:44px;margin:8px 0}.release-strip p{color:var(--muted);max-width:680px}.play-cta{padding:18px 24px;border-radius:999px;background:var(--ink);color:#111629;font-weight:800;white-space:nowrap}
.archive-head{display:grid;grid-template-columns:1fr .8fr;gap:40px;align-items:end}.contact-sheet{margin-top:50px;display:grid;grid-template-columns:1.1fr .9fr 1fr;grid-template-rows:560px 420px;gap:20px}.cs{margin:0;position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:#11172e}.cs img{width:100%;height:100%;object-fit:cover}.cs.a{grid-row:1/3}.cs.d{grid-column:2/4}.cs.d img{object-fit:cover}
.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.cap-list{margin-top:70px;border-top:1px solid rgba(255,255,255,.14)}.cap-list>div{display:grid;grid-template-columns:70px 1fr 1fr;gap:24px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.12)}.cap-list span{color:var(--cyan)}.cap-list b{font-size:24px}.cap-list p{margin:0;color:var(--muted)}
.method-wrap{display:grid;grid-template-columns:10px 1fr;gap:30px;max-width:900px}.progress-line{background:#1b2547;border-radius:999px;overflow:hidden}.progress-line span{display:block;width:100%;height:0;background:linear-gradient(var(--cyan),var(--violet));transition:height .25s linear}.method ol{list-style:none;margin:0;padding:0}.method li{padding:8px 0 34px}.method li b{font-size:28px}.method li p{color:var(--muted);font-size:18px}
.contact{padding-bottom:50px}.contact-lead{font-family:Georgia,serif;font-size:clamp(54px,8vw,130px);line-height:.9;margin-bottom:80px}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.contact-grid>div{padding:26px;border-right:1px solid rgba(255,255,255,.12)}.contact-grid span{display:block;font-size:10px;letter-spacing:.16em;color:#7e88a8;margin-bottom:10px}.contact-grid strong,.contact-grid a{font-size:18px;line-height:1.5}.footer-row{display:flex;justify-content:space-between;padding-top:24px;color:#8e95ad;font-size:13px}
.reveal{opacity:0;transform:translateY(24px);transition:.8s ease}.reveal.in{opacity:1;transform:none}
.policy{max-width:1100px}.policy-title{font-family:Georgia,serif;font-size:clamp(56px,8vw,120px);margin:0}.policy-date{color:var(--muted);font-size:18px}.policy-card{margin-top:50px;padding:50px;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.04)}.policy-card h2{font-size:28px;margin:42px 0 10px}.policy-card h2:first-child{margin-top:0}.policy-card p{font-size:18px;line-height:1.8;color:var(--muted)}
@keyframes draw{to{stroke-dashoffset:0}}@keyframes bar{to{transform:scaleY(1)}} 
@media(max-width:1100px){
  :root{--rail:0px}.rail{position:sticky;top:0;width:100%;height:auto;flex-direction:row;align-items:center;padding:12px 18px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.rail-nav{display:none}.rail-foot{display:none}.brand-text{font-size:13px}.mark{width:36px;height:36px}.hero-grid,.rhythm-grid,.studio-grid,.archive-head{grid-template-columns:1fr}.hero-collage{min-height:760px}.story-grid{grid-template-columns:1fr 1fr;grid-template-areas:"title copy" "wide wide" "fn1 fn2" "tall tall" "fn3 fn4"}.tall{min-height:720px}.contact-sheet{grid-template-columns:1fr 1fr;grid-template-rows:500px 500px 350px}.cs.a{grid-row:auto}.cs.d{grid-column:1/3}.contact-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .section{padding:72px 20px}.hero{min-height:auto;padding-top:80px}.hero-grid{gap:20px}.display{font-size:66px}.lede{font-size:18px}.hero-collage{min-height:560px}.hs1{width:52%;top:20%}.hs2{width:58%;top:4%}.stat-a{bottom:8%}.stat-b{bottom:17%}.metric-strip{grid-template-columns:1fr 1fr}.metric-strip>div{padding:18px}.story-grid{grid-template-columns:1fr;grid-template-areas:"title" "copy" "wide" "fn1" "fn2" "tall" "fn3" "fn4"}.wide{height:420px}.tall{min-height:640px}.release-strip{margin:20px;flex-direction:column;align-items:flex-start;padding:28px}.release-strip h3{font-size:34px}.contact-sheet{grid-template-columns:1fr;grid-template-rows:460px 460px 460px 260px}.cs.d{grid-column:auto}.cap-list>div{grid-template-columns:45px 1fr}.cap-list p{grid-column:2}.contact-grid{grid-template-columns:1fr}.contact-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.footer-row{flex-direction:column;gap:12px}.policy-card{padding:28px 22px}.policy-card p{font-size:17px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}