@font-face{font-family:LocalSans;src:local('Segoe UI');font-display:swap}
:root{color-scheme:dark;--bg:#060a12;--fg:#f0f3fa;--muted:#99a6bb;--accent:#90c4ff;--rgb:112,174,255;--border:rgba(155,190,235,.19);--panel:rgba(18,29,49,.25);--serif:Georgia,'Times New Roman',serif;--px:0px;--py:0px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding:24px}body{margin:0;background:var(--bg);color:var(--fg);font-family:LocalSans,'Segoe UI',Arial,sans-serif;font-weight:400;min-width:320px;transition:background .7s ease,color .5s ease}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}
.shell{max-width:1600px;margin:auto;padding:0 5vw;position:relative;z-index:2}.header{height:112px;display:flex;align-items:center;justify-content:space-between;position:relative;gap:20px;z-index:5}.brand{display:flex;align-items:center;gap:13px;font-size:19px;letter-spacing:.015em;white-space:nowrap}.brand-symbol{width:45px;height:45px;stroke:var(--accent);stroke-width:.9;animation:symbol-breathe 9s ease-in-out infinite}.brand-sub{font-weight:350;color:#c9d4e3}.brand-dash{color:var(--muted)}.top-controls{display:flex;align-items:center;gap:12px}.glass{border:1px solid var(--border);background:rgba(20,31,48,.25);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.style-toggle{height:46px;border-radius:24px;padding:0 19px;display:flex;align-items:center;gap:10px;font-size:13px;min-width:182px}.style-orb{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0,var(--accent) 26%,rgba(var(--rgb),.15) 75%);box-shadow:0 0 14px rgba(var(--rgb),.3)}.pause{width:44px;height:44px;border-radius:50%;display:grid;place-items:center}.pause svg{width:20px;height:20px}.play-icon{display:none}.paused .play-icon{display:block}.paused .pause-icon{display:none}.style-menu{position:absolute;right:0;top:89px;width:300px;padding:14px;border-radius:20px;background:rgba(10,18,29,.94);box-shadow:0 25px 90px #0009}.style-menu p{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin:5px 10px 14px}.style-menu button{display:flex;gap:12px;align-items:center;width:100%;padding:12px 9px;text-align:left;background:transparent;border-radius:12px;border:1px solid transparent}.style-menu button:hover,.style-menu button[aria-pressed=true]{background:rgba(var(--rgb),.08);border-color:var(--border)}.style-menu b{display:block;font-size:13px;font-weight:500}.style-menu small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.check{margin-left:auto;color:var(--accent);opacity:0}.style-menu [aria-pressed=true] .check{opacity:1}.mini-scene{width:44px;height:44px;border-radius:50%;flex:none}.mini-aura{background:radial-gradient(ellipse at 50% 30%,#80ceff,transparent 43%),radial-gradient(ellipse at 50% 75%,#327bdf,transparent 43%),#080f21}.mini-gravity{background:radial-gradient(ellipse,#080806 23%,#f8d19a 27%,#c48a46 30%,transparent 50%),#100d09}.mini-cosmos{background:repeating-conic-gradient(from 16deg,#9affd54d 0deg 1deg,transparent 2deg 24deg),#061615}
.main{min-height:510px;height:calc(100svh - 380px);max-height:820px;position:relative;display:flex;align-items:center}.intro,.detail{position:relative;z-index:2;padding-bottom:30px;max-width:730px}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:flex;gap:11px;align-items:center;margin-bottom:31px}.live-dot{width:5px;height:5px;display:inline-block;flex:none;border-radius:50%;background:var(--accent);box-shadow:0 0 13px rgba(var(--rgb),.6);animation:dot-breathe 5s ease-in-out infinite}h1{font-size:clamp(56px,5.7vw,88px);font-weight:350;letter-spacing:-.055em;line-height:1.08;margin:0;animation:type-breathe 10s ease-in-out infinite}h1 em{font-family:var(--serif);font-weight:400;color:var(--accent);letter-spacing:-.06em}.intro-note{color:var(--muted);font-size:15px;line-height:1.7;margin:25px 0 27px;letter-spacing:.01em}.explore{display:inline-flex;align-items:center;gap:24px;font-size:13px;color:var(--fg)}.round-arrow{height:38px;width:38px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-size:21px;transition:background .3s,transform .4s}.explore:hover .round-arrow{background:rgba(var(--rgb),.12);transform:rotate(45deg)}.scene-caption{position:absolute;right:7%;bottom:36px;display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted);letter-spacing:.09em}.caption-line{height:1px;width:30px;background:var(--accent);opacity:.5}.scene-counter{margin-left:25px;font-size:10px;opacity:.7;font-variant-numeric:tabular-nums}.scene{position:fixed;left:37%;top:0;width:65%;height:100svh;pointer-events:none;transform:translate(var(--px),var(--py));transition:opacity .7s;z-index:0;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.scene canvas{width:100%;height:100%;display:block}.ambient{position:fixed;inset:0;background:radial-gradient(ellipse at 74% 40%,rgba(var(--rgb),.055),transparent 60%);pointer-events:none}.vignette{position:fixed;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,var(--bg) 0%,transparent 68%),linear-gradient(0deg,var(--bg),transparent 40%,transparent 80%,var(--bg))}.flight-lines{display:none}
.section-label{display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.label-line{flex:1;height:1px;background:var(--border)}.section-label>span:last-child{opacity:.65}.practices{position:relative;padding-bottom:12px;scroll-margin:25px}.practice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.practice{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--border);background:linear-gradient(145deg,rgba(var(--rgb),.07),rgba(var(--rgb),.015));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:17px;padding:21px 23px;min-height:158px;display:flex;flex-direction:column;justify-content:space-between;gap:22px;transition:border-color .35s,background .35s,box-shadow .35s,transform .45s cubic-bezier(.2,1.8,.5,1);animation:card-breathe 8s ease-in-out infinite;animation-delay:calc(var(--i,0)*-1.7s)}.practice:nth-child(2){--i:1}.practice:nth-child(3){--i:2}.practice:nth-child(4){--i:3}.practice:after{content:'';position:absolute;z-index:-1;top:-60%;bottom:-60%;left:-70%;width:30%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,rgba(var(--rgb),.12),transparent);animation:glint 11s ease-in-out infinite;animation-delay:calc(var(--i,0)*2.3s);pointer-events:none}.practice:hover,.practice[aria-current=page]{background:linear-gradient(135deg,rgba(var(--rgb),.17),rgba(var(--rgb),.035));border-color:rgba(var(--rgb),.62);box-shadow:0 10px 35px rgba(var(--rgb),.06)}.practice-top,.practice-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.practice-top svg{width:31px;height:31px;stroke:var(--accent);stroke-width:.9;opacity:.75;transition:transform .6s,color .4s}.practice:hover svg{transform:rotate(12deg) scale(1.15);opacity:1}.number{font-size:10px;color:var(--muted);letter-spacing:.1em}.practice-bottom{min-height:42px;font-size:15px;line-height:1.45}.card-arrow{font-size:23px;color:var(--accent);opacity:.75;transition:transform .3s}.practice:hover .card-arrow{transform:translate(3px,-3px);opacity:1}footer{min-height:67px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:10px;letter-spacing:.06em;color:var(--muted)}.footer-center{font-family:var(--serif);font-style:italic;font-size:14px;opacity:.85}.prototype{opacity:.7}.elastic{will-change:transform;transition:transform .5s cubic-bezier(.18,1.7,.42,1),color .3s,background .3s}.elastic:hover{color:var(--accent)}[data-spring]{transform-origin:50% -80%}.back{display:inline-flex;gap:12px;font-size:12px;color:var(--muted);margin-bottom:34px}.detail{max-width:720px;outline:none}.detail h1{font-size:clamp(44px,4.6vw,70px);max-width:700px}.detail .eyebrow{margin-bottom:22px}.detail-note{font-size:15px;color:var(--muted);margin-top:28px}.preparing{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-top:25px}.no-script{position:fixed;bottom:0;padding:15px;background:#121a28;width:100%;z-index:10}
html[data-theme=gravity]{--bg:#100e0b;--fg:#f5eddf;--muted:#b4a48c;--accent:#ebc18b;--rgb:227,175,109;--border:rgba(227,175,109,.22);--panel:rgba(36,27,16,.3)}[data-theme=gravity] .scene{left:-5%;top:4%;width:110%;height:90svh;mask-image:none;-webkit-mask-image:none;filter:sepia(.12)}[data-theme=gravity] .vignette{background:linear-gradient(0deg,var(--bg),transparent 45%,rgba(16,14,11,.12) 65%,var(--bg)),linear-gradient(90deg,var(--bg),transparent 25%,transparent 75%,var(--bg))}[data-theme=gravity] .intro{width:100%;max-width:none;text-align:center;align-self:flex-start;padding-top:35px}[data-theme=gravity] .intro .eyebrow{justify-content:center;margin-bottom:18px}[data-theme=gravity] .intro h1{font-family:var(--serif);font-size:clamp(54px,5.4vw,84px);line-height:1.02}[data-theme=gravity] .intro h1 br{display:none}[data-theme=gravity] .intro h1 em{display:block}[data-theme=gravity] .intro-note{margin:18px 0;font-size:14px}[data-theme=gravity] .intro-note br{display:none}[data-theme=gravity] .explore{position:relative;margin-top:155px;font-size:12px}[data-theme=gravity] .scene-caption{right:0;bottom:25px}[data-theme=gravity] .practice{border-radius:3px;background:linear-gradient(145deg,rgba(28,24,18,.7),rgba(28,24,18,.3))}[data-theme=gravity] .style-toggle,[data-theme=gravity] .pause{background:rgba(36,27,16,.3)}[data-theme=gravity] .detail{background:radial-gradient(ellipse at left,rgba(16,14,11,.93),transparent 80%);padding:20px 40px 30px 0}
html[data-theme=cosmos]{--bg:#050f12;--fg:#edf7f4;--muted:#91ada9;--accent:#a4ebce;--rgb:127,229,196;--border:rgba(135,220,196,.23);--panel:rgba(10,32,32,.3)}[data-theme=cosmos] .scene{left:-5%;top:0;width:110%;height:100svh;mask-image:none;-webkit-mask-image:none}[data-theme=cosmos] .vignette{background:linear-gradient(90deg,var(--bg),rgba(5,15,18,.78) 22%,transparent 70%),linear-gradient(0deg,var(--bg),transparent 55%,var(--bg))}[data-theme=cosmos] h1{font-weight:300;letter-spacing:-.045em}[data-theme=cosmos] h1 em{font-style:normal;font-family:inherit;font-weight:300}[data-theme=cosmos] .eyebrow,[data-theme=cosmos] .section-label,[data-theme=cosmos] .number,[data-theme=cosmos] .scene-caption{font-family:Consolas,monospace}[data-theme=cosmos] .practice{border-radius:25px 5px;background:rgba(8,28,29,.38)}[data-theme=cosmos] .flight-lines{display:block;position:fixed;z-index:1;pointer-events:none;width:52vw;height:52vw;right:-1vw;top:calc(43svh - 26vw);border:1px solid rgba(148,225,207,.1);border-radius:50%;transform:translate(var(--px),var(--py))}[data-theme=cosmos] .flight-lines:before{content:'';position:absolute;inset:6%;border:1px dashed rgba(148,225,207,.1);border-radius:50%;animation:orbit 180s linear infinite}[data-theme=cosmos] .flight-lines i{position:absolute;width:14px;height:1px;background:var(--accent);opacity:.5;left:-7px;top:50%}[data-theme=cosmos] .flight-lines i:nth-child(2){left:auto;right:-7px}[data-theme=cosmos] .flight-lines i:nth-child(3){left:50%;top:0;transform:rotate(90deg)}[data-theme=cosmos] .flight-lines i:nth-child(4){left:50%;top:100%;transform:rotate(90deg)}
.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important}.paused .scene,.paused .flight-lines{transform:none}.paused .elastic{transform:none!important}
@keyframes symbol-breathe{50%{filter:drop-shadow(0 0 7px rgba(var(--rgb),.5));transform:rotate(8deg)}}@keyframes dot-breathe{50%{opacity:.5;box-shadow:0 0 5px rgba(var(--rgb),.2)}}@keyframes type-breathe{50%{text-shadow:0 0 35px rgba(var(--rgb),.12)}}@keyframes card-breathe{50%{box-shadow:inset 0 0 25px rgba(var(--rgb),.035)}}@keyframes glint{0%,77%{left:-70%}94%,100%{left:150%}}@keyframes orbit{to{transform:rotate(360deg)}}
@media(min-width:1600px){.shell{padding:0 80px}}
@media(max-width:1100px){.shell{padding:0 4vw}.practice{padding:18px 16px}.practice-bottom{font-size:13px}.main{min-height:500px}.scene-caption{right:0;font-size:9px}h1{font-size:64px}.scene{left:27%;width:78%}}
@media(max-width:700px){.shell{padding:0 23px}.header{height:88px;gap:10px}.brand{font-size:16px;gap:9px}.brand-symbol{width:34px;height:34px}.brand-sub{display:block;font-size:10px;letter-spacing:.05em;margin-top:2px}.brand-dash{display:none}.top-controls{gap:8px}.style-toggle{min-width:0;width:44px;height:44px;padding:0;justify-content:center}.style-toggle>span:nth-child(2),.style-toggle>svg{display:none}.style-orb{width:18px;height:18px}.pause{width:38px;height:38px}.style-menu{top:73px;width:285px;max-width:calc(100vw - 46px)}.main{height:650px;max-height:none;min-height:0;align-items:flex-start}.intro{padding-top:34px;max-width:100%}.eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:22px}h1{font-size:clamp(46px,9.8vw,65px);line-height:1.08}.intro-note{font-size:13px;margin-top:20px}.explore{font-size:12px;gap:17px}.scene{position:absolute;top:320px;left:-4%;width:108%;height:440px;mask-image:linear-gradient(0deg,transparent,#000 20%,#000 78%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 20%,#000 78%,transparent)}.vignette{background:linear-gradient(0deg,var(--bg),transparent 75%);opacity:.3}.scene-caption{bottom:31px;left:0;right:0;justify-content:center;font-size:8px}.scene-counter{margin-left:12px}.caption-line{width:20px}.section-label{font-size:8px;gap:10px;margin-bottom:15px}.practice-grid{grid-template-columns:repeat(2,1fr);gap:10px}.practice{padding:17px 14px;min-height:142px;border-radius:13px;gap:17px}.practice-bottom{font-size:12px;gap:5px}.practice-top svg{width:26px;height:26px}.card-arrow{font-size:19px}.number{font-size:9px}footer{min-height:80px;font-size:8px;gap:12px;flex-wrap:wrap;padding:18px 0}.footer-center{display:none}.detail{padding-top:20px}.detail h1{font-size:clamp(37px,9.3vw,56px);overflow-wrap:anywhere}.detail-note{font-size:13px}.detail .eyebrow{margin-bottom:18px}.back{margin-bottom:30px}[data-theme=gravity] .intro{padding-top:35px}[data-theme=gravity] .intro h1{font-size:clamp(43px,9.5vw,62px)}[data-theme=gravity] .intro h1 br{display:block}[data-theme=gravity] .intro h1 em{display:inline}[data-theme=gravity] .intro-note{font-size:12px;line-height:1.65;max-width:245px;margin:20px auto}[data-theme=gravity] .intro-note br{display:block}[data-theme=gravity] .explore{margin-top:230px}[data-theme=gravity] .scene{top:295px;left:-24%;width:148%;height:390px;mask-image:linear-gradient(0deg,transparent,#000 25%,#000 75%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 25%,#000 75%,transparent)}[data-theme=gravity] .scene-caption{bottom:30px}[data-theme=gravity] .detail{padding:20px 0}[data-theme=cosmos] .scene{position:fixed;top:0;left:-5%;height:100svh;width:110%}[data-theme=cosmos] .vignette{opacity:1;background:linear-gradient(0deg,var(--bg),transparent 70%),linear-gradient(90deg,rgba(5,15,18,.85),transparent)}[data-theme=cosmos] .flight-lines{width:90vw;height:90vw;right:-18vw;top:350px}[data-theme=cosmos] .practice{border-radius:20px 4px}.detail-open .scene{opacity:.6}}
@media(max-width:374px){.shell{padding:0 18px}.practice{padding:15px 11px}.practice-bottom{font-size:11px}.section-label{letter-spacing:.08em}h1{font-size:45px}.brand{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scene,.flight-lines{transform:none!important}.elastic{transform:none!important}}

[data-theme=aura] .scene:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 34%,rgba(41,142,255,.35),rgba(25,101,236,.10) 13%,transparent 29%),radial-gradient(ellipse at 50% 66%,rgba(35,129,255,.32),rgba(25,101,236,.08) 13%,transparent 29%);filter:blur(13px);animation:light-breathe 12s ease-in-out infinite}@keyframes light-breathe{50%{opacity:.65;transform:scale(.95)}}
@media(min-width:701px) and (max-height:850px){.header{height:90px}.main{min-height:400px;height:calc(100svh - 340px)}.practice{min-height:140px}.intro{padding-bottom:15px}.eyebrow{margin-bottom:22px}[data-theme=gravity] .intro{padding-top:12px}[data-theme=gravity] .explore{margin-top:100px}}

@media(min-width:701px){[data-theme=aura] .scene{top:40px;height:82svh}}
.style-toggle{min-width:136px}@media(max-width:700px){.style-toggle{min-width:0;width:auto;padding:0 12px;font-size:12px;gap:8px}.style-toggle>span:nth-child(2){display:inline}.style-orb{width:14px;height:14px}}
body{overflow-x:clip}
html{overflow-x:hidden}body{position:relative;overflow-x:hidden}