@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101017;--surface:#191821;--ink:#f5f1ee;--muted:#b7b0bf;--line:rgba(255,255,255,.16);--lavender:#d4b4ff;--pink:#ffa9c9;--cyan:#a3e3e8;--max:1390px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif}em{font-style:normal;color:var(--lavender)}.skip-link{position:absolute;z-index:30;left:16px;top:-60px;background:#fff;color:#111;padding:12px}.skip-link:focus{top:12px}.section-shell{max-width:var(--max);margin:auto;padding-left:clamp(24px,5vw,72px);padding-right:clamp(24px,5vw,72px)}.site-header{height:82px;position:absolute;z-index:10;inset:0 0 auto;background:rgba(10,9,16,.38);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{max-width:1536px;margin:auto;padding:0 clamp(24px,4vw,60px);height:100%;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center;gap:11px;font:700 20px/1 'Space Grotesk',sans-serif;letter-spacing:.11em}.brand-secondary{display:block;font:600 8px/1.7 'DM Sans',sans-serif;letter-spacing:.34em;color:var(--lavender)}.brand-symbol{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--lavender);border-radius:9px;color:var(--lavender);font-size:24px;letter-spacing:-.1em;padding-right:4px}.brand-symbol span{display:none}.primary-nav{display:flex;gap:clamp(20px,2.6vw,40px);font-size:13px;font-weight:700}.primary-nav a,.header-cta{transition:color .2s}.primary-nav a:hover,.header-cta:hover{color:var(--lavender)}.header-cta{border:1px solid rgba(255,255,255,.45);padding:11px 16px;border-radius:100px;font-size:12px;font-weight:700;white-space:nowrap}.header-cta span{margin-left:16px}.hero{min-height:760px;height:min(910px,100svh);position:relative;overflow:hidden;background:radial-gradient(circle at 77% 45%,#382850 0,#1b1728 38%,#101017 72%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,9,16,.8),rgba(10,9,16,.14) 78%);z-index:1}.hero-art{position:absolute;inset:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(8px)}.orb-one{width:min(78vw,1000px);height:min(78vw,1000px);right:-13%;top:-15%;background:radial-gradient(circle at 32% 26%,rgba(255,190,215,.82),rgba(168,107,219,.3) 29%,rgba(26,21,48,0) 68%);opacity:.58}.orb-two{width:570px;height:570px;right:14%;bottom:-45%;background:radial-gradient(circle,rgba(97,191,215,.55),rgba(54,40,110,.2) 44%,transparent 72%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,transparent 10%,#000 100%)}.hero-ring{position:absolute;width:670px;height:670px;right:4%;top:17%;border:1px solid rgba(241,214,255,.35);border-radius:50%;box-shadow:0 0 0 85px rgba(241,214,255,.025),0 0 0 170px rgba(241,214,255,.018);transform:rotate(-28deg)}.hero-ring:after{content:"";position:absolute;width:73%;height:73%;border:1px solid rgba(255,255,255,.18);border-radius:50%;left:13.5%;top:13.5%}.hero-inner{position:relative;z-index:2;max-width:var(--max);height:100%;margin:auto;padding:180px clamp(24px,5vw,72px) 100px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow,.section-index{font-size:11px;letter-spacing:.23em;font-weight:700;color:var(--cyan)}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow-line{width:28px;height:1px;background:currentColor}.hero h1{font-size:clamp(60px,7.8vw,128px);line-height:.99;letter-spacing:-.075em;margin:28px 0 32px;font-weight:600}.hero h1 em,.intro h2 em,.section-head h2 em,.watch-section h2 em,.about-section h2 em{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.055em}.hero-copy{max-width:530px;font-size:clamp(17px,1.5vw,21px);line-height:1.6;color:#e0d9e3}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.button{min-height:52px;padding:16px 22px;border-radius:100px;font-size:13px;font-weight:700;display:inline-flex;gap:25px;align-items:center;justify-content:space-between;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--lavender);color:#1c1524}.button-ghost{border:1px solid rgba(255,255,255,.42)}.hero-note{font-size:11px;color:#c2bac9;letter-spacing:.08em;margin-top:35px}.hero-rail{position:absolute;z-index:2;left:clamp(24px,5vw,72px);right:clamp(24px,5vw,72px);bottom:25px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;color:#c3bec8}.intro{padding-top:125px;padding-bottom:135px}.section-index{display:flex;align-items:center;gap:13px}.section-index span{display:inline-block;width:32px;height:1px;background:currentColor}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:7%;align-items:start;margin-top:43px}.intro h2,.section-head h2,.watch-section h2,.about-section h2{font-size:clamp(46px,5.2vw,78px);line-height:1.08;letter-spacing:-.065em;font-weight:600;margin-bottom:0}.intro-body{padding-top:8px}.intro-body p,.about-section p{font-size:17px;line-height:1.85;color:#d0cbd3;max-width:530px}.text-link{display:inline-flex;gap:25px;align-items:center;border-bottom:1px solid var(--lavender);padding-bottom:10px;font-size:13px;font-weight:700;color:var(--lavender);margin-top:22px}.character-section{background:#e8e1dc;color:#18141e;padding:115px 0 125px}.character-section .section-index{color:#6f4691}.character-section em{color:#8554a9}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:48px}.section-head h2{margin-top:35px}.section-head p{max-width:310px;font-size:14px;line-height:1.7;color:#5d5760;margin-bottom:8px}.character-stage{height:520px;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(117deg,#211a32 10%,#48355f 51%,#141426);color:#fff;display:flex;align-items:center;box-shadow:0 25px 55px rgba(29,18,35,.16)}.stage-lines{position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0,transparent 70px,rgba(255,255,255,.06) 71px,transparent 72px)}.stage-glow{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(212,180,255,.66),rgba(180,95,191,.13) 45%,transparent 70%);right:12%;top:4%;filter:blur(9px)}.stage-mark{position:absolute;right:12%;top:5%;font:700 min(32vw,460px)/1 'Space Grotesk',sans-serif;color:rgba(255,255,255,.1);transform:rotate(-13deg)}.stage-copy{position:relative;z-index:1;padding:clamp(30px,7vw,90px);align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}.stage-tag,.stage-foot{font-size:11px;letter-spacing:.2em;font-weight:700;color:#ddd0ea}.stage-copy p{font:500 clamp(35px,4.8vw,70px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:0}.stage-copy em{font:italic 400 1em Georgia,serif;color:#e5c1ff}.watch-section{padding-top:125px;padding-bottom:120px}.watch-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:37px}.watch-intro{max-width:420px;color:#c9c3ce;font-size:17px;line-height:1.7;margin-top:28px}.status-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,#262333,#191821);overflow:hidden}.status-top,.status-bottom{display:flex;align-items:center;gap:10px;padding:20px 25px;font-size:10px;font-weight:700;letter-spacing:.15em}.status-top{border-bottom:1px solid var(--line);color:#cfc8d3}.status-top span:last-child{margin-left:auto;color:#b8acbe}.status-dot{height:7px;width:7px;border-radius:50%;background:#9e92a5}.status-body{padding:33px 35px 38px;min-height:250px}.status-icon{font-size:58px;color:var(--lavender)}.status-body h3{font-size:26px;letter-spacing:-.04em;margin:14px 0}.status-body p{color:#beb6c3;line-height:1.65;font-size:14px;max-width:420px}.status-bottom{border-top:1px solid var(--line);justify-content:space-between;color:#bcb5c0}.status-bottom strong{color:#fff;letter-spacing:0;font-size:12px}.format-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:105px}.format-row article{border-top:1px solid var(--line);padding-top:23px}.format-row span{font-size:10px;letter-spacing:.2em;color:var(--cyan);font-weight:700}.format-row h3{font-size:21px;letter-spacing:-.04em;margin:30px 0 11px}.format-row p{font-size:13px;line-height:1.7;color:#bdb6c2;max-width:330px}.about-section{background:#251d30;padding:120px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.about-section h2{margin-top:36px}.about-section p{font-size:16px}.site-footer{background:#0a0a10}.footer-top{padding-top:60px;padding-bottom:60px;display:flex;justify-content:space-between;align-items:end;gap:20px}.footer-brand{font:700 clamp(42px,6vw,86px)/.9 'Space Grotesk',sans-serif;letter-spacing:-.06em}.footer-brand span{display:block;font:700 11px/2 'DM Sans',sans-serif;letter-spacing:.48em;color:var(--lavender)}.footer-top p{font-size:13px;color:#aaa4af}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;padding-bottom:25px;display:flex;gap:25px;justify-content:space-between;align-items:center;font-size:11px;color:#aaa4af}.footer-bottom span:nth-child(2){max-width:430px;text-align:center}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}@media(max-width:900px){.primary-nav{display:none}.hero{min-height:700px}.hero-ring{right:-40%;top:25%;width:590px;height:590px}.intro-grid,.watch-grid,.about-grid{grid-template-columns:1fr;gap:30px}.section-head{align-items:start;flex-direction:column}.format-row{gap:12px}.character-stage{height:450px}}@media(max-width:620px){.site-header{height:68px}.header-cta{display:none}.hero{height:auto;min-height:730px}.hero-inner{padding-top:130px;padding-bottom:110px}.hero h1{font-size:clamp(55px,15vw,78px)}.hero-ring{right:-85%;top:17%}.hero-copy{font-size:16px}.hero-rail span:last-child{display:none}.intro,.watch-section{padding-top:80px;padding-bottom:85px}.intro h2,.section-head h2,.watch-section h2,.about-section h2{font-size:clamp(43px,11vw,62px)}.character-section{padding:80px 0}.character-stage{height:430px}.stage-copy{padding:29px}.stage-copy p{font-size:39px}.stage-mark{font-size:320px;right:-15%;top:20%}.format-row{grid-template-columns:1fr;margin-top:65px}.format-row article{padding-bottom:15px}.format-row h3{margin-top:17px}.about-section{padding:80px 0}.footer-top,.footer-bottom{display:block}.footer-top p{margin-top:20px}.footer-bottom>*{display:block;margin:9px 0;text-align:left!important}.footer-brand{font-size:54px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* The VYRHL ecosystem: four domains and one shared creative loop. */
.domains-section{padding:115px 0 125px;background:#e8e1dc;color:#18141e}
.domains-section .section-index{color:#6f4691}
.domains-section em{color:#8554a9}
.domains-section .section-head p{max-width:370px}
.domain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.domain-card{min-height:390px;padding:25px 23px 22px;border:1px solid rgba(31,24,34,.16);border-radius:16px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#f6f0ec}
.domain-card:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:var(--domain-accent)}
.domain-music{--domain-accent:#8256a1}.domain-art{--domain-accent:#bd7481}.domain-screen{--domain-accent:#618ba0}.domain-play{--domain-accent:#927db0}
.domain-number{font-size:10px;letter-spacing:.18em;font-weight:700;color:#64546c}
.domain-glyph{font:400 68px/1 Georgia,serif;color:var(--domain-accent);margin:28px 0 25px}
.domain-card h3{font-size:clamp(21px,2vw,29px);line-height:1.14;letter-spacing:-.055em;margin:0 0 16px}
.domain-card p{font-size:13px;line-height:1.7;color:#5b5360;margin-bottom:26px}
.domain-state{margin-top:auto;padding-top:15px;border-top:1px solid rgba(31,24,34,.14);font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:#6e4d81}
.system-section{padding-top:120px;padding-bottom:130px}
.system-intro{display:grid;grid-template-columns:1fr .65fr;gap:7%;align-items:end;margin:40px 0 52px}
.system-intro h2{font-size:clamp(48px,5.3vw,78px);line-height:1.06;letter-spacing:-.065em;font-weight:600;margin:0}
.system-intro h2 em{font:italic 400 1em Georgia,serif}
.system-intro p{max-width:440px;color:#cfc6d2;font-size:16px;line-height:1.8;margin:0}
.loop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.loop-grid>div{padding:28px 22px 30px 0;min-height:190px}
.loop-grid>div+div{padding-left:22px;border-left:1px solid var(--line)}
.loop-grid span{font-size:10px;letter-spacing:.18em;font-weight:700;color:var(--cyan)}
.loop-grid h3{font-size:19px;letter-spacing:-.04em;margin:25px 0 9px}
.loop-grid p{font-size:13px;line-height:1.7;color:#bdb6c2;margin:0}
.character-section{background:#f2eeed}
.hero-copy{max-width:610px}
@media(max-width:1100px){.domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-card{min-height:340px}}
@media(max-width:700px){.domains-section{padding:80px 0}.domain-grid,.system-intro,.loop-grid{grid-template-columns:1fr}.domain-card{min-height:0}.domain-glyph{margin:17px 0}.system-section{padding-top:80px;padding-bottom:90px}.loop-grid>div{min-height:0;padding:22px 0!important}.loop-grid>div+div{border-left:0;border-top:1px solid var(--line)}.system-intro{gap:23px}.hero h1{font-size:clamp(49px,13vw,80px)}}
@media(prefers-reduced-motion:no-preference){
  .reveal-item.reveal-pending{opacity:0;transform:translateY(34px)}
  .reveal-item.reveal-visible{opacity:1;transform:translateY(0);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
}
@media print{.reveal-item{opacity:1!important;transform:none!important}}
.site-header{position:fixed;background:rgba(10,9,16,.94)}
#vision,#domains,#now{scroll-margin-top:82px}
@media(max-width:620px){#vision,#domains,#now{scroll-margin-top:68px}}