:root{color-scheme:light;--bg:#f5f0e8;--surface:#fffaf2;--glass:#fffbf3dc;--text:#352a3c;--muted:#6c5c73;--line:#cfc2d3;--accent:#754296;--accent-soft:#e9dded;--gold:#8e652d;--primary:#703e8f;--primary-text:#fff;--focus:#275d70;--shadow:0 22px 80px #44304c24;--glow:#b078d4;--star:#705479;--aura-a:#dac5ee;--aura-b:#f2d6be;--label:#fff9eff0;--font:Manrope,system-ui,sans-serif;--serif:Cormorant,Georgia,serif}
:root[data-theme=dark]{color-scheme:dark;--bg:#12101b;--surface:#201b2b;--glass:#201a2beb;--text:#f2eaf5;--muted:#c3b1cf;--line:#564361;--accent:#d4adf0;--accent-soft:#35213f;--gold:#e6c28c;--primary:#dfb6fa;--primary-text:#2b1638;--focus:#a2f3e8;--shadow:0 25px 100px #05030b88;--glow:#b074e2;--star:#d1b9df;--aura-a:#482c64;--aura-b:#5c354b;--label:#211a30ee}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#12101b;--surface:#201b2b;--glass:#201a2beb;--text:#f2eaf5;--muted:#c3b1cf;--line:#564361;--accent:#d4adf0;--accent-soft:#35213f;--gold:#e6c28c;--primary:#dfb6fa;--primary-text:#2b1638;--focus:#a2f3e8;--shadow:0 25px 100px #05030b88;--glow:#b074e2;--star:#d1b9df;--aura-a:#482c64;--aura-b:#5c354b;--label:#211a30ee}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.75 var(--font)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.65}button{border:0}h1,h2,h3,p,figure{margin:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:5px}.icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:12px 20px;border-radius:8px;background:var(--primary);color:var(--primary-text);transform:translateY(-150%)}.skip-link:focus{transform:none}
.realm{height:100svh;min-height:720px;max-height:1400px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 59% 55%,color-mix(in srgb,var(--aura-a) 33%,transparent),transparent 56%),var(--bg)}.realm::after{content:'';position:absolute;inset:16px;border:1px solid color-mix(in srgb,var(--line) 50%,transparent);border-radius:24px;pointer-events:none;z-index:10}.realm-aurora{position:absolute;width:800px;height:800px;border-radius:50%;filter:blur(90px);opacity:.3;pointer-events:none;z-index:-1}.aurora-a{background:radial-gradient(ellipse,var(--aura-a),transparent 65%);top:-300px;right:-150px}.aurora-b{background:radial-gradient(ellipse,var(--aura-b),transparent 65%);bottom:-400px;left:5%;opacity:.2}.realm-grain{position:absolute;inset:0;opacity:.035;pointer-events:none;z-index:9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.topbar{height:100px;display:flex;align-items:center;gap:36px;padding:0 52px;position:relative;z-index:12}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;line-height:1.35;letter-spacing:-.4px;white-space:nowrap}.brand small{font-size:11px;display:block;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:4px}.brand-mark{color:var(--gold);font-size:38px;line-height:1}.top-links{display:flex;gap:25px;font-size:13px;color:var(--muted);margin-left:auto}.top-links a:hover{color:var(--accent)}.top-actions{display:flex;gap:16px;align-items:center}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--glass);font-size:22px;line-height:1}.icon-button:hover{background:var(--accent-soft)}.sun{display:none}:root[data-theme=dark] .sun{display:block}:root[data-theme=dark] .moon{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 19px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:600;line-height:1.5;transition:transform .2s,box-shadow .2s}.primary{background:var(--primary);color:var(--primary-text);box-shadow:0 0 0 1px color-mix(in srgb,var(--glow) 22%,transparent),0 0 28px color-mix(in srgb,var(--glow) 15%,transparent)}.primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--glow),0 5px 25px color-mix(in srgb,var(--glow) 30%,transparent)}.secondary{background:var(--surface);color:var(--text);border-color:var(--line)}.secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.top-wa{min-height:41px;padding:10px 14px;font-size:12px;gap:9px;border-radius:8px}.top-wa .icon{width:16px;height:16px}.wa-arrow{margin-left:5px}
.world-main{position:absolute;inset:100px 0 54px}.intro{position:absolute;left:5%;top:30px;z-index:5;pointer-events:none}.intro a{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-bottom:20px}.eyebrow i{height:5px;width:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 13px var(--gold)}h1{font-size:clamp(32px,3vw,46px);font-weight:500;line-height:1.23;letter-spacing:-1.5px}h1 span{font-family:var(--serif);font-size:1.18em;font-weight:500;font-style:italic;color:var(--gold)}.intro-description{font-size:14px;color:var(--muted);line-height:1.9;margin-top:19px}.handwritten{font:italic 23px/1.3 var(--serif);color:var(--accent);margin-top:20px}.intro-link{display:inline-flex;align-items:center;gap:18px;font-size:11px;color:var(--muted);margin-top:25px;border-bottom:1px solid var(--line);padding-bottom:6px}.intro-link:hover{color:var(--accent)}.world-stage{position:absolute;inset:-20px 0 85px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab}.world-stage::-webkit-scrollbar{display:none}.world-stage.is-dragging{cursor:grabbing;user-select:none}.world-canvas{width:calc(100% * var(--magnify,1));height:calc(100% * var(--magnify,1));min-width:980px;position:relative}.realm-svg{display:block;width:100%;height:100%;overflow:visible;touch-action:pan-x pan-y}.world-caption{position:absolute;left:5%;bottom:133px;display:flex;align-items:center;gap:11px;font-size:10px;color:var(--muted);pointer-events:none;z-index:3}.world-caption a{pointer-events:auto}.figure-number{font-size:9px;color:var(--gold);border:1px solid var(--line);padding:3px 7px;border-radius:4px}.caption-rule{width:30px;height:1px;background:var(--line)}.anatomy-credit{font-size:10px;color:var(--muted)}.anatomy-credit a{color:var(--accent)}.world-tools{position:absolute;right:5%;bottom:125px;z-index:5;display:flex;gap:5px;align-items:center;background:var(--glass);border:1px solid var(--line);border-radius:30px;padding:5px;backdrop-filter:blur(16px)}.world-tools .icon-button{width:28px;height:28px;font-size:20px;border:0;background:transparent}.zoom-reset{font-size:10px;min-width:38px;background:transparent;padding:6px 3px;font-variant-numeric:tabular-nums}.tool-divider{height:16px;width:1px;background:var(--line);margin:0 7px}.motion-button{display:flex;align-items:center;gap:5px;padding:5px 10px 5px 2px;font-size:10px;background:transparent}.motion-button .icon{width:13px;height:13px}.world-readout{position:absolute;bottom:118px;left:50%;transform:translateX(-50%);font-size:11px;line-height:1.5;color:var(--muted);display:flex;align-items:center;gap:8px;white-space:nowrap;pointer-events:none}.readout-light{height:4px;width:4px;background:var(--accent);box-shadow:0 0 10px var(--accent);border-radius:50%}.navigation-area{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:7;width:max-content;max-width:calc(100% - 64px)}.navigation-hint{display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin-bottom:13px}.navigation-hint .icon{width:13px;height:13px;color:var(--gold)}.key-hint{border-left:1px solid var(--line);padding-left:12px;margin-left:5px;opacity:.9}.touch-hint{display:none}.object-dock{display:flex;gap:5px;border-radius:18px;border:1px solid var(--line);background:var(--glass);padding:8px;box-shadow:0 10px 40px #10091b18;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.dock-item{width:91px;min-height:68px;border:1px solid transparent;border-radius:11px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;color:var(--muted);font-size:11px;transition:transform .2s,background .2s}.dock-icon{display:grid;place-items:center;height:24px}.dock-icon .icon{width:23px;height:23px;stroke-width:1.2}.dock-item small{position:absolute;right:6px;top:3px;font-size:8px;opacity:.55;font-variant-numeric:tabular-nums}.dock-item:hover,.dock-item[data-lit=true],.dock-item:focus-visible{background:var(--accent-soft);border-color:var(--line);color:var(--accent);transform:translateY(-4px)}.dock-item[data-opened=true]{border-color:var(--accent)}.realm-footer{position:absolute;left:5%;right:5%;bottom:23px;display:flex;justify-content:space-between;align-items:center;font-size:10px;line-height:1.4;color:var(--muted);z-index:11}.realm-footer a:hover{color:var(--accent)}.footer-location span{color:var(--gold);margin-left:8px}
/* Anatomy geometry stays live in the DOM; these materials shade its actual solids. */
.realm-svg{--anatomy-weight:.65px}.realm-svg .sky-star{fill:var(--star)}.realm-svg .sky-thread{fill:none;stroke:var(--accent);stroke-width:.7;stroke-dasharray:3 8;opacity:.25}.thread-end{fill:var(--gold);opacity:.5}.realm-svg .relic{cursor:pointer;outline:none;transition:filter .25s}.realm-svg .relic[data-lit=true],.realm-svg .relic:hover,.realm-svg .relic:focus-visible{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--glow) 65%,transparent))}.realm-svg .relic:focus-visible .iso-edge,.realm-svg .relic[data-lit=true] .iso-edge{stroke:var(--gold);stroke-width:1}.realm-svg [data-switch-lights]{cursor:pointer;outline:none}.realm-svg [data-switch-lights]:focus-visible{filter:drop-shadow(0 0 7px var(--focus))}.world-label{cursor:pointer;outline:none}.world-label rect{fill:var(--label);stroke:var(--line);stroke-width:.8;transition:fill .2s}.world-label text{font:500 13px var(--font);fill:var(--text);text-anchor:middle;pointer-events:none}.world-label circle{fill:var(--gold);pointer-events:none}.world-label[data-lit=true] rect,.world-label:hover rect,.world-label:focus-visible rect{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.6}.world-label[data-lit=true] text{fill:var(--accent)}.signal-light{fill:#86e6d7;filter:drop-shadow(0 0 3px #70d8d4)}.signal-dim{fill:#54787c}.signal-gold{fill:#d8b777}.portrait-paper,.letter-paper{fill:#e6d2b0;stroke:#af946c!important}.letter-fold{fill:#cdb38f;stroke:#a28b70!important}.portrait-y{fill:#74517a;text-anchor:middle;font:700 26px var(--serif)}.letter-seal{fill:#a75578;stroke:#d0879e;stroke-width:.7}.realm-svg[data-lights=off] .magic-aura,.realm-svg[data-lights=off] .rune-flow,.realm-svg[data-lights=off] .signal-light{opacity:.05!important}.realm-svg[data-active=web] .book-aura{opacity:.3}.realm-svg[data-active=ai] .crystal-aura{opacity:.4}.realm-svg[data-active=mobile] .screen-card{fill:#85d4c9}.realm-svg[data-active=work] .portal-window{filter:drop-shadow(0 0 8px #aa8ade)}.realm-svg [data-web-bench]{cursor:pointer}
[data-theme=light] .realm-svg .rock-0{fill:#867b98}[data-theme=light] .realm-svg .rock-1{fill:#a495b5}[data-theme=light] .realm-svg .rock-2{fill:#b5a3c1}[data-theme=light] .realm-svg .rock-3{fill:#c9b5d4}[data-theme=light] .realm-svg .rock{stroke:#8b7c98}[data-theme=light] .realm-svg .mat-stone-light{--anatomy-paper:#c7b8d3;--anatomy-top:#eee4f0;--anatomy-shade-0:#8d7d9e;--anatomy-shade-1:#a997b8;--anatomy-shade-2:#bfabca;--anatomy-shade-3:#d4c2de;--anatomy-mid:#796487}[data-theme=light] .realm-svg .portal-stone{fill:#b4a0c3}[data-theme=light] .realm-svg .portal-stone-top{fill:#dfd0e7}[data-theme=light] .realm-svg .portal-stone-side{fill:#8d789e}[data-theme=light] .realm-svg .portal-stone-dark{fill:#a590b5}[data-theme=light] .realm-svg .mat-wood{--anatomy-paper:#76526a;--anatomy-top:#a67b85;--anatomy-shade-0:#5c3c59;--anatomy-shade-1:#78516b;--anatomy-shade-2:#8b6077;--anatomy-shade-3:#9b6c80}[data-theme=light] .realm-svg .floor-inlay{opacity:.8}
.content-library{max-width:900px;margin:0 auto;padding:60px 24px}.content-library>.chapter{margin-bottom:90px;padding-top:20px}.fallback-note{padding:20px;margin-bottom:40px;border:1px solid var(--line);border-radius:12px}.enhanced .content-library{display:none}body:has(dialog[open]){overflow:hidden}dialog{padding:0;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--text);width:min(760px,calc(100% - 48px));height:min(790px,calc(100svh - 64px));max-height:none;overflow:hidden;box-shadow:var(--shadow)}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#0b0717aa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:18px 27px;border-bottom:1px solid var(--line);background:var(--glass);flex-shrink:0}.dialog-figure{font-size:10px;letter-spacing:1px;color:var(--muted)}.dialog-figure>span{color:var(--gold)}.close-button{display:flex;align-items:center;gap:8px;font-size:11px;background:transparent;color:var(--muted);padding:4px}.close-button>span:first-child{font-size:24px;line-height:1}.close-button:hover{color:var(--text)}kbd{font:9px var(--font);padding:2px 5px;border:1px solid var(--line);border-radius:3px;margin-left:5px}.dialog-scroll{padding:36px 42px 40px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1}.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 24px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);background:var(--glass);flex-shrink:0}.panel-switch{font-size:11px;background:transparent;padding:6px;display:flex;gap:9px;align-items:center}.panel-switch:hover{color:var(--accent)}.panel-kicker{font-size:11px;color:var(--accent);display:flex;align-items:center;gap:10px;margin-bottom:18px}.panel-kicker::before{content:'';width:20px;height:1px;background:var(--accent)}.chapter h2{font-size:36px;font-weight:500;letter-spacing:-1.2px;line-height:1.25}.chapter h2 em{font-family:var(--serif);font-size:1.18em;font-weight:500;color:var(--gold)}.panel-lead{font-size:16px;color:var(--muted);line-height:1.9;margin-top:23px}.panel-body{font-size:16px;line-height:1.9;margin-top:22px;color:var(--muted)}.choice-tabs{display:flex;gap:7px;margin-top:28px}.choice-tabs button{padding:9px 15px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font-size:12px}.choice-tabs button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.example-box{padding:23px;border:1px solid var(--line);border-radius:12px;background:var(--glass);margin-top:17px}.small-label{font-size:10px;color:var(--muted);line-height:1.7}.example-box h3{font-size:18px;font-weight:500;letter-spacing:-.4px;margin-top:8px}.example-box p{font-size:15px;line-height:1.9;color:var(--muted);margin-top:13px}.feature-list{list-style:none;margin:27px 0 0;padding:0;display:grid;gap:13px;font-size:15px;color:var(--muted)}.feature-list li{padding-left:24px;position:relative}.feature-list li::before{content:'✦';position:absolute;left:0;color:var(--gold);font-size:12px;top:2px}.stack{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.stack>span{font-size:10px;line-height:1.5;background:var(--accent-soft);border:1px solid var(--line);padding:5px 9px;border-radius:5px;color:var(--muted)}.chapter-cta{margin-top:31px;font-size:12px}.feature-grid{display:grid;gap:23px;margin-top:29px}.feature-grid>div{position:relative;padding-left:44px}.feature-index{position:absolute;left:0;top:0;font-family:var(--serif);font-size:26px;color:var(--gold)}.feature-grid h3{font-size:18px;font-weight:500}.feature-grid p{font-size:15px;line-height:1.9;color:var(--muted);margin-top:5px}.cabinet-list{display:grid;gap:12px;margin-top:27px}.cabinet-list details{border:1px solid var(--line);border-radius:10px;background:var(--glass);padding:16px 20px}.cabinet-list summary{font-size:15px;cursor:pointer}.cabinet-list summary span{font-size:10px;color:var(--gold);margin-right:10px}.cabinet-list details p{font-size:15px;color:var(--muted);margin-top:14px;line-height:1.9}.demo-box{border:1px solid var(--line);background:var(--glass);border-radius:14px;padding:23px;margin-top:26px}.demo-heading{display:flex;gap:15px;align-items:center;justify-content:space-between}.demo-heading h3{font-size:17px;letter-spacing:-.4px;font-weight:500;margin-top:7px}.demo-heading .button{font-size:11px;white-space:nowrap;min-height:39px;padding:9px 12px}.demo-flow{list-style:none;margin:23px 0 0;padding:0;display:grid;gap:9px}.demo-flow li{padding:14px 16px;border:1px solid var(--line);border-radius:8px;transition:transform .2s,opacity .2s}.demo-flow li[data-active=true]{background:var(--accent-soft);border-color:var(--accent);transform:translateX(3px)}.demo-flow li>span{font-size:10px;color:var(--gold)}.demo-flow li>p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:4px}.demo-status{font-size:11px;color:var(--accent);margin-top:15px;min-height:20px}.ai-examples{display:grid;gap:20px;margin-top:28px}.ai-examples h3{font-size:16px;font-weight:500}.ai-examples p{font-size:15px;color:var(--muted);line-height:1.9;margin-top:5px}.honest-note{font-size:12px;color:var(--muted);line-height:1.9;margin-top:26px;border-top:1px solid var(--line);padding-top:19px}.project-list{margin-top:27px}.project{padding:26px 0;border-top:1px solid var(--line);display:flex;gap:23px}.project-number{font:italic 27px/1.4 var(--serif);color:var(--gold)}.project-main{flex:1;min-width:0}.project h3{font-size:25px;letter-spacing:-.7px;font-weight:500;margin-top:8px}.project h3 a{display:flex;justify-content:space-between;gap:15px}.project h3 a>span{color:var(--gold);font-size:21px}.project h3 a:hover{color:var(--accent)}.project-role{font-size:12px;color:var(--muted);margin-top:6px}.project details{margin-top:16px;font-size:13px}.project summary{color:var(--accent);cursor:pointer}.project dl{margin:16px 0 0;display:grid;gap:15px}.project dt{font-size:11px;color:var(--gold)}.project dd{margin:4px 0 0;font-size:15px;line-height:1.9;color:var(--muted)}.project .stack{margin-top:18px}.process-list{list-style:none;padding:0;margin:31px 0 0;display:grid;gap:28px}.process-list>li{display:flex;gap:22px}.process-list>li>span{font:italic 30px/1.4 var(--serif);color:var(--gold)}.process-list h3{font-size:19px;font-weight:500}.process-list p{font-size:15px;color:var(--muted);line-height:1.9;margin-top:7px}.process-list small{font-size:11px;color:var(--accent);display:block;margin-top:10px}.about-heading{display:flex;align-items:center;gap:22px;margin-top:25px}.about-heading h2{font-size:34px}.monogram{width:92px;height:105px;background:var(--accent-soft);border:1px solid var(--line);border-radius:46px 46px 12px 12px;font:italic 75px/1 var(--serif);color:var(--gold);display:grid;place-items:center;position:relative;flex-shrink:0}.monogram>span{position:absolute;bottom:9px;right:9px;font:12px var(--font)}.profile-role{font-size:12px;color:var(--muted);line-height:1.9;margin-top:10px}.contact-options{display:flex;gap:17px;align-items:center;flex-wrap:wrap;margin-top:25px}.contact-options .button{font-size:12px}.email-link{font-size:12px;color:var(--accent);border-bottom:1px solid var(--line);padding:5px 0}#contact-form{margin-top:30px;border-top:1px solid var(--line);padding-top:26px}#contact-form h3{font-size:17px;font-weight:500;letter-spacing:-.4px;margin-bottom:23px}.field-row{display:grid;grid-template-columns:1fr 1.2fr;gap:16px}.form-field{display:flex;flex-direction:column;gap:8px;margin-top:18px}.field-row .form-field{margin-top:0}.form-field label{font-size:12px;color:var(--muted)}.form-field input,.form-field select,.form-field textarea{padding:11px 13px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:16px;min-width:0;width:100%}.form-field textarea{resize:vertical;min-height:110px}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--muted)}.form-submit{margin-top:20px;font-size:12px}.form-note,.form-status{font-size:11px;color:var(--muted);line-height:1.8;margin-top:13px}.form-status{color:var(--accent)}.form-status[data-error=true]{color:#a52d50}[data-theme=dark] .form-status[data-error=true]{color:#ffbad0}.contact-location{font-size:11px;color:var(--muted);margin-top:24px}
@media(min-width:1600px){.intro{left:7%;top:70px}.world-caption{left:7%}.topbar{padding-inline:7%}.world-tools{right:7%}.realm-footer{left:7%;right:7%}}
@media(max-width:1100px){.topbar{padding-inline:35px;gap:24px}.top-links{gap:18px;font-size:12px}.top-wa .wa-arrow{display:none}.intro{left:4%;top:15px}h1{font-size:33px}.intro-description{font-size:12px}.handwritten{font-size:21px}.intro-link{font-size:10px}.world-stage{inset:10px -70px 85px}.world-caption{left:4%;bottom:137px}.caption-rule,.anatomy-credit{display:none}.world-tools{right:4%;bottom:132px}.world-readout{bottom:111px}.dock-item{width:81px;min-height:65px}.navigation-hint{font-size:9px}.realm-footer{left:4%;right:4%}}
@media(max-width:800px){.realm{min-height:850px}.topbar{height:85px;padding:0 28px;gap:20px}.top-links{display:none}.top-actions{margin-left:auto}.brand{font-size:16px}.brand-mark{font-size:32px}.top-wa{font-size:11px}.world-main{inset:85px 0 55px}.intro{left:6%;top:12px}.eyebrow{margin-bottom:12px;font-size:10px}h1{font-size:32px}.intro-description{font-size:13px;margin-top:12px}.handwritten{font-size:21px;margin-top:12px}.intro-link{margin-top:13px}.world-stage{inset:125px 0 150px}.world-canvas{min-width:900px}.world-caption{bottom:192px;left:6%;font-size:9px}.world-tools{bottom:185px;right:6%}.world-readout{bottom:159px;font-size:10px}.navigation-area{max-width:calc(100% - 80px)}.object-dock{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:7px}.dock-item{width:110px;min-height:58px;font-size:10px;gap:4px}.dock-icon{height:22px}.dock-icon .icon{width:21px;height:21px}.key-hint{display:none}.navigation-hint{margin-bottom:10px}.touch-hint{display:inline;font-size:9px;border-left:1px solid var(--line);padding-left:9px;margin-left:4px}.world-caption .figure-number{display:none}.realm-footer{font-size:9px;left:6%;right:6%}.footer-location{display:none}}
@media(max-width:500px){.realm{min-height:810px}.realm::after{inset:9px;border-radius:18px}.topbar{height:77px;padding-inline:23px;gap:12px}.brand{font-size:14px;gap:8px}.brand small{font-size:9px;margin-top:3px}.brand-mark{font-size:28px}.top-actions{gap:10px}.top-wa{border-radius:50%;width:36px;height:36px;min-height:36px;padding:0}.top-wa span,.top-wa .wa-arrow{display:none}.top-wa .icon{width:18px;height:18px}.top-actions>.icon-button{height:34px;width:34px}.top-actions>.icon-button .icon{height:17px;width:17px}.world-main{inset:77px 0 53px}.intro{left:25px;top:14px}.eyebrow{font-size:9px;gap:6px;margin-bottom:10px}h1{font-size:29px;line-height:1.17;letter-spacing:-.9px}.intro-description{font-size:11px;margin-top:13px;line-height:1.8}.intro-description br{display:none}.intro{width:calc(100% - 50px)}.intro .handwritten{position:absolute;top:15px;right:0;width:90px;font-size:18px;line-height:1.3;text-align:right;transform:rotate(-7deg);opacity:.85;margin:0}.intro-link{font-size:10px;margin-top:10px;gap:15px}.world-stage{inset:178px 0 152px}.world-canvas{min-width:830px}.world-caption{left:25px;bottom:194px;font-size:8px}.world-tools{right:23px;bottom:188px;padding:3px;gap:0}.world-tools .icon-button{width:25px;height:25px;font-size:17px}.zoom-reset{font-size:8px;min-width:31px}.tool-divider{margin:0 5px;height:12px}.motion-button{font-size:9px;padding-right:7px;gap:4px}.motion-button .icon{width:11px;height:11px}.world-readout{bottom:161px;font-size:9px;max-width:calc(100% - 50px);width:max-content;white-space:normal;text-align:center}.navigation-area{width:calc(100% - 46px);max-width:none}.navigation-hint{font-size:9px;gap:5px;margin-bottom:9px;line-height:1.4}.navigation-hint .icon{width:11px;height:11px}.touch-hint{font-size:8px;padding-left:7px;margin-left:2px}.object-dock{gap:2px;padding:6px;border-radius:14px}.dock-item{width:auto;min-height:56px;font-size:9px;border-radius:8px;gap:5px}.dock-item small{font-size:7px;right:4px;top:1px}.dock-icon .icon{width:21px;height:21px}.dock-item:hover,.dock-item[data-lit=true]{transform:translateY(-2px)}.realm-footer{bottom:22px;left:25px;right:25px;font-size:8px}.realm-footer a{font-size:8px}dialog{width:calc(100% - 20px);height:calc(100svh - 26px);border-radius:17px}.dialog-top{padding:13px 18px}.dialog-figure{font-size:8px}.close-button{font-size:10px}.close-button kbd{display:none}.dialog-scroll{padding:27px 23px 31px}.panel-kicker{font-size:10px;margin-bottom:17px}.chapter h2{font-size:29px;letter-spacing:-.8px}.panel-lead{font-size:16px;line-height:1.9;margin-top:20px}.chapter h2 br{display:none}.example-box{padding:20px}.example-box h3{font-size:17px}.example-box p{font-size:15px}.chapter-cta{font-size:11px;padding-inline:15px;gap:9px}.dialog-bottom{padding:11px 12px;gap:8px}.panel-switch{font-size:9px;gap:5px;padding:6px 3px}.dialog-bottom>span{font-size:8px}.choice-tabs button{font-size:11px}.feature-grid>div{padding-left:34px}.demo-box{padding:18px}.demo-heading{align-items:start;flex-direction:column;gap:14px}.demo-heading .button{font-size:11px}.demo-flow li{padding:12px}.demo-flow li>p{font-size:14px}.project{gap:14px;padding-block:24px}.project h3{font-size:23px}.project-number{font-size:23px}.project .small-label{font-size:9px}.process-list>li{gap:16px}.about-heading{gap:15px}.monogram{width:71px;height:87px;font-size:60px}.about-heading h2{font-size:29px}.profile-role{font-size:10px}.field-row{grid-template-columns:1fr;gap:17px}.contact-options{align-items:start;flex-direction:column;gap:13px}.contact-options .button,.form-submit{font-size:11px;padding-inline:13px;gap:9px}.contact-location{font-size:10px}.form-note{font-size:11px}.form-field label{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root[data-motion=paused] *{animation-play-state:paused!important}.enhanced .fallback-note{display:none}html:not(.enhanced) .world-tools{display:none}html:not(.enhanced) .content-library .choice-tabs,html:not(.enhanced) #demo-run{display:none}
@media(max-width:500px){.intro .handwritten{position:static;width:auto;text-align:left;transform:none;font-size:19px;line-height:1.3;margin-top:8px;opacity:1}.intro-link{margin-top:9px}.world-stage{top:195px}}
html:not(.enhanced) #theme-toggle{display:none}
@media(max-width:800px){.world-stage{bottom:205px}}
.example-box p,.feature-list,.feature-grid p,.cabinet-list details p,.ai-examples p,.project dd,.process-list p,.demo-flow li>p{font-size:16px}
/* Hover mechanisms: the cover is a world-space solid; portal energy stays in its plane. */
.mechanism-hit{fill:none;stroke:none;pointer-events:all}
.book-cover-face{stroke:#aa88ad;stroke-width:.65;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.cover-outside{fill:#4b2d5e}.cover-inside{fill:#ecd8b1;stroke:#b89a72}.cover-front{fill:#38243f}.cover-tip{fill:#6f4877}.cover-hinge{fill:#4a2e55}.cover-back{fill:#51375d}
.book-emboss{fill:none;stroke:#d4b37a;stroke-width:.7;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}
.book-inside-lines{fill:none;stroke:#9b805d;stroke-width:.6;vector-effect:non-scaling-stroke;pointer-events:none}
.crystal-core-glow,.crystal-highlight{opacity:0;pointer-events:none}.crystal-highlight .gem-0{fill:#76e6db}.crystal-highlight .gem-1{fill:#b7ffef}.crystal-highlight .gem-2{fill:#8ae6ee}.crystal-highlight .gem-3{fill:#f0fff8}
.realm-svg[data-lights=off] .crystal-core-glow,.realm-svg[data-lights=off] .crystal-highlight{opacity:0!important}
[data-theme=light] .cover-outside{fill:#684078}[data-theme=light] .cover-front{fill:#50315b}[data-theme=light] .cover-tip{fill:#8c6294}

/* Keep the scene still at rest; only the selected mechanism animates. */
.realm-svg .relic-work[data-lit=true],.realm-svg .relic-work:hover,.realm-svg .relic-work:focus-visible{filter:none}