:root{color-scheme:dark;--bg:#090a0c;--white:#eeefed;--muted:#999ca5;--line:#ffffff26;--accent:#d3deff;--pad:clamp(24px,5vw,88px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:8px}::selection{background:#d3deff;color:#090a0c}.skip{position:fixed;top:12px;left:12px;padding:16px;background:#eee;color:#111;z-index:99;transform:translateY(-150%)}.skip:focus{transform:none}
.scene{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 52% 45%,#222735 0,#101216 38%,#090a0c 76%)}canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity 1.6s}.scene.ready canvas{opacity:1}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#090a0c55,transparent 26%,transparent 67%,#090a0c70)}.fallback-orbit{position:absolute;left:50%;top:42%;width:min(40vw,420px);aspect-ratio:1;border-radius:50%;border:clamp(20px,4vw,55px) solid #bfc9df;transform:translate(-50%,-50%) rotate(-32deg) scaleX(.75);box-shadow:inset 12px 10px 30px #fff9,inset -15px -12px 22px #191c25,12px 15px 65px #0009;opacity:.85}.ready .fallback-orbit{display:none}
.site-header{position:fixed;top:0;left:0;width:100%;z-index:10;padding:28px var(--pad);display:flex;align-items:center;gap:35px;background:linear-gradient(#090a0cbb,transparent)}.wordmark{font-size:32px;letter-spacing:-3px;font-weight:600}.brand-dot{color:var(--accent)}.header-note{font-size:11px;line-height:1.5;color:#bec0c5}.contact-link{margin-left:auto;font-size:14px;padding:10px 0;border-bottom:1px solid #ffffff65}.contact-link span{margin-left:28px;display:inline-block;transition:transform .5s var(--ease)}.contact-link:hover span{transform:translate(4px,-4px)}
.chapter-nav{position:fixed;right:23px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:4px}.chapter-nav a{display:flex;align-items:center;gap:12px;min-height:42px;min-width:40px;justify-content:flex-end;padding:8px}.chapter-nav span{font-size:10px;opacity:0;transition:opacity .4s}.chapter-nav i{display:block;width:5px;height:5px;border-radius:50%;background:#666b77;transition:height .6s var(--ease),background .6s}.chapter-nav a[aria-current] i{height:25px;border-radius:5px;background:#d3deff}.chapter-nav a[aria-current] span,.chapter-nav a:hover span{opacity:1}
.chapter{position:relative;min-height:900px;min-height:100svh;padding:145px var(--pad) 100px;display:flex;align-items:center}.micro{font-size:11px;letter-spacing:.09em;line-height:1.6;text-transform:uppercase;margin:0}.muted{color:var(--muted)}.right{text-align:right}.intro{align-items:stretch;flex-direction:column;justify-content:space-between;padding-top:130px;padding-bottom:100px}.intro-top{display:flex;justify-content:space-between;gap:30px}.hero-copy{margin-top:clamp(260px,42vh,600px)}.hero-caption{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.hero-caption>p:first-child{font-size:clamp(19px,2.2vw,32px);line-height:1.2;letter-spacing:-.035em;margin:0}.hero-scroll{display:flex;gap:45px;align-items:center}.hero-scroll span{font-size:24px;animation:scrollhint 3s ease-in-out infinite}.hero-copy h1{font-size:clamp(58px,10.1vw,170px);line-height:.98;letter-spacing:-.075em;font-weight:400;margin:0 0 0 -.06em}.hero-copy h1 span{color:#a6aab3}.coordinate{position:absolute;bottom:38px;left:var(--pad);color:#777e8c;font-size:10px}
.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.07em;text-transform:uppercase;margin:0 0 35px;color:#c1c5ce;display:flex;gap:25px}.eyebrow span{color:#6f7685}h2{font-size:clamp(46px,6vw,94px);line-height:1.04;letter-spacing:-.065em;font-weight:400;margin:0 0 32px}h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#aebddf;letter-spacing:-.055em}.chapter-copy{width:48%;max-width:660px}.body-copy{font-size:17px;line-height:1.75;color:#b2b6c0;max-width:425px;margin:0}.fine-rule{display:flex;justify-content:space-between;gap:15px;max-width:425px;padding-top:22px;border-top:1px solid var(--line);margin-top:35px;font-size:11px;letter-spacing:.04em;color:#a6adba}.practice{justify-content:flex-end}.practice-content{width:53%;max-width:760px}.practice h2{font-size:clamp(42px,4.8vw,75px)}.practice-list{max-width:570px;margin-top:38px}.practice-list article{border-top:1px solid var(--line);padding:21px 0 22px}.practice-title{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.practice-title h3{font-size:21px;letter-spacing:-.025em;font-weight:400;margin:0}.practice-title span{font-size:10px;color:#78808e}.practice-list p{font-size:14px;line-height:1.7;margin:10px 0 0;color:#adb3c0}.contact{justify-content:center;text-align:center;flex-direction:column}.contact-content{position:relative}.contact .eyebrow{justify-content:center}.contact h2{font-size:clamp(50px,7.7vw,120px)}.contact .body-copy{margin:auto;max-width:100%}.email-button{display:inline-flex;gap:65px;align-items:center;justify-content:space-between;padding:20px 28px;border:1px solid #a5adbe80;border-radius:50px;font-size:16px;margin-top:35px;transition:background .6s,color .6s,transform .6s var(--ease);background:#10121880;backdrop-filter:blur(10px)}.email-button:hover{background:#e3e8f3;color:#101218;transform:translateY(-4px)}.email-button span{font-size:25px}.socials{display:flex;justify-content:center;gap:32px;font-size:13px;margin-top:32px}.socials a{color:#b2b9c9;transition:color .3s}.socials a:hover{color:white}.socials span{margin-left:6px}.contact footer{position:absolute;left:var(--pad);right:var(--pad);bottom:82px;border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#8b92a0}
.scene-toolbar{position:fixed;bottom:28px;right:var(--pad);display:flex;gap:28px;align-items:center;z-index:10}.scene-label{color:#7c8493;font-size:10px}#motion-toggle{cursor:pointer;border:0;background:none;display:flex;gap:9px;align-items:center;font-size:11px;padding:10px 0;color:#a6adba}#motion-toggle:hover{color:white}.motion-icon{font-size:12px}.scroll-progress{position:fixed;left:0;bottom:0;width:100%;height:2px;z-index:12;background:#ffffff0b}.scroll-progress span{display:block;width:100%;height:100%;background:#afbfdf;transform:scaleX(0);transform-origin:left}.intro-top,.hero-copy{animation:enter 1.6s var(--ease) both}.hero-copy{animation-delay:.2s}@keyframes enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollhint{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media(min-width:1700px){.chapter{padding-top:170px;padding-bottom:130px}.intro{padding-bottom:100px}}
@media(max-width:900px){.chapter-nav{right:7px}.chapter{padding-right:50px}.chapter-copy{width:58%}.practice-content{width:61%}.hero-copy h1{font-size:10.3vw}.hero-copy{margin-top:42vh}.header-note{font-size:10px}.body-copy{font-size:16px}.practice-list p{font-size:14px}.coordinate{font-size:9px}.scene-label{display:none}}
@media(max-width:600px){.site-header{padding-top:20px;padding-bottom:20px}.wordmark{font-size:28px}.header-note{display:none}.contact-link{font-size:13px}.chapter{padding:115px 42px 110px var(--pad);min-height:100svh}.intro{padding-top:110px;padding-bottom:115px}.intro-top{gap:20px}.intro-top .micro{font-size:9px;letter-spacing:.04em;max-width:150px}.intro-top .right{white-space:nowrap}.hero-copy{margin-top:44svh}.hero-copy h1{font-size:18vw;line-height:.94}.hero-copy h1 span{display:block}.hero-caption{margin-bottom:26px}.hero-caption>p:first-child{font-size:20px}.hero-scroll{font-size:9px;gap:12px;max-width:78px}.hero-scroll span{font-size:19px}.chapter-copy,.practice-content{width:100%;max-width:100%}.about{align-items:flex-end;padding-top:40svh}.chapter-copy{background:linear-gradient(90deg,#090a0ce0,#090a0c85 72%,transparent);padding-top:20px}h2{font-size:clamp(44px,12vw,70px)}.body-copy{font-size:15px;line-height:1.7}.eyebrow{font-size:10px;gap:17px;margin-bottom:25px}.fine-rule{font-size:10px;gap:12px;margin-top:25px}.practice{padding-top:34svh;align-items:flex-end}.practice-content{background:linear-gradient(90deg,#090a0cdd,#090a0c88,transparent);padding-top:20px}.practice h2{font-size:clamp(37px,10vw,56px)}.practice-list{margin-top:27px}.practice-title h3{font-size:19px}.practice-list article{padding:18px 0}.practice-list p{font-size:13px}.contact{padding-right:var(--pad);padding-bottom:160px;min-height:110svh}.contact h2{font-size:12vw}.contact .body-copy{font-size:14px}.contact .eyebrow{font-size:9px}.email-button{padding:17px 25px;font-size:14px}.socials{font-size:12px;gap:23px}.contact footer{bottom:95px;line-height:1.6;text-align:left;font-size:10px}.contact footer a{max-width:105px;text-align:right}.scene-toolbar{bottom:24px}.coordinate{bottom:39px;font-size:8px;max-width:48%}.chapter-nav{right:0}.chapter-nav a{min-width:30px}.chapter-nav span{display:none}.chapter-nav i{width:4px}.chapter-nav a[aria-current] i{height:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-scroll span{animation:none}}