:root{--bg:#0b0a08;--panel:#12100d;--gold:#e2c878;--ink:#f4efe3;--muted:#b9b1a1;--line:#e2c87830;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Space Grotesk',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.wrap{width:min(1180px,calc(100% - 80px));margin:auto}header{position:sticky;top:0;z-index:20;background:#0b0a08f2;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.navrow{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:34px 'Instrument Serif',Georgia,serif;display:inline-flex;align-items:center;gap:10px}.brand i{width:8px;height:8px;background:var(--gold);border-radius:50%;box-shadow:0 0 18px #e2c87877}header nav{display:flex;align-items:center;gap:30px;font-size:14px}header nav>a:not(.button){color:var(--muted)}header nav>a:hover,.textlink:hover,footer a:hover{color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--gold);color:var(--bg);border:1px solid var(--gold);border-radius:5px;padding:18px 25px;font-weight:600;font-size:15px;transition:background .2s}.button:hover{background:#f0dc9e}.button.small{padding:12px 20px;font-size:14px}#menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.35fr .8fr;align-items:center;gap:30px;padding-top:100px;padding-bottom:95px;position:relative}.eyebrow,.number{font:11px 'JetBrains Mono',monospace;letter-spacing:.15em;color:var(--gold)}.eyebrow{margin:0 0 25px}h1,h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.025em;margin:0;line-height:1.04}h1{font-size:clamp(54px,6.2vw,84px);max-width:14ch}em{font-weight:400;color:var(--gold)}h2{font-size:clamp(38px,4.2vw,56px);max-width:22ch}h3{font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.02em}.intro{font-size:18px;line-height:1.75;max-width:49ch;color:var(--muted);margin:28px 0}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.textlink{font-size:14px;color:var(--gold);display:inline-block;padding:10px 0;text-underline-offset:5px}.local{font-size:12px;line-height:1.6;color:var(--muted);margin-top:24px}.hero-art{position:relative;min-height:350px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#e2c87812,transparent 70%)}.hero-art img{width:100%;height:auto;position:relative;z-index:1}.orbit{position:absolute;width:310px;height:310px;border:1px solid var(--line);border-radius:50%}.orbit:before{content:'';position:absolute;inset:26px;border:1px dashed var(--line);border-radius:50%}.art-note{position:absolute;bottom:-8px;font:9px 'JetBrains Mono',monospace;letter-spacing:.13em;color:var(--muted)}.section{padding-top:85px;padding-bottom:85px;border-top:1px solid var(--line)}.section-head{margin-bottom:38px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:12px;padding:32px 27px;background:linear-gradient(150deg,#19150e,var(--panel));display:flex;flex-direction:column}.card h3{font:32px/1.15 'Instrument Serif',Georgia,serif;margin:30px 0 18px}.card p,.steps p,.muted,.problems p{font-size:15px;line-height:1.75;color:var(--muted)}.card p{margin:0 0 26px}.card .textlink{margin-top:auto}.examples{background:var(--panel)}.examples-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.muted{max-width:40ch;margin:24px 0 16px}.problems article{display:flex;gap:23px;padding:26px 0;border-bottom:1px solid var(--line)}.problems article:first-child{padding-top:0}.problems article>span{font:11px 'JetBrains Mono',monospace;color:var(--gold);padding-top:6px}.problems h3{margin:0 0 10px;font-size:20px}.problems p{margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:42px}.steps h3{font-size:20px;margin:20px 0 10px}.steps p{margin:0}.personal{margin-top:50px;padding-top:32px;border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;max-width:820px}.personal-mark{font:44px 'Instrument Serif',serif;color:var(--gold);border:1px solid var(--line);width:68px;height:68px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.personal p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.personal strong{font-weight:500;color:var(--ink)}.contact{text-align:center;background:radial-gradient(ellipse at center,#e2c8780e,transparent 70%),var(--panel)}.contact h2{max-width:none}.contact p:not(.eyebrow){font-size:16px;line-height:1.7;color:var(--muted);margin:24px 0}.contact .contact-note{font-size:12px!important;margin:16px 0 0!important}footer{padding:45px 0 24px;border-top:1px solid var(--line)}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-row p{font-size:13px;color:var(--muted)}footer nav{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.legal{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:30px;padding-top:24px;font-size:11px;color:var(--muted)}.legal nav{font-size:11px}.skip{position:absolute;top:-100px;left:20px;background:var(--gold);color:var(--bg);padding:15px;z-index:30}.skip:focus{top:10px}@media(max-width:960px){.hero{grid-template-columns:1.3fr .7fr;padding-top:70px}.hero-art{min-height:240px}.orbit{width:210px;height:210px}.art-note{display:none}header nav{gap:18px}.cards{gap:12px}.card{padding:24px 20px}.number{font-size:10px;letter-spacing:.08em}.examples-layout{gap:40px}.footer-row{align-items:flex-start}.footer-row nav{max-width:300px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.navrow{height:68px}#menu-toggle{display:block;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:11px 14px;font-size:14px}#menu{display:none;position:absolute;left:0;right:0;top:68px;background:var(--panel);padding:22px;box-shadow:0 16px 30px #0008;border-bottom:1px solid var(--line)}#menu.open{display:flex;align-items:stretch;flex-direction:column;gap:8px}#menu a{padding:14px}.hero{display:block;padding-top:55px;padding-bottom:50px}.hero-art{display:none}h1{font-size:clamp(47px,11vw,66px);max-width:15ch}.eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:22px}.intro{font-size:16px;margin:24px 0}.actions{gap:14px 22px}.button{padding:17px 20px;font-size:14px}.local{font-size:11px}.section{padding-top:50px;padding-bottom:50px}h2{font-size:39px}.cards,.steps,.examples-layout{grid-template-columns:1fr;gap:18px}.card{padding:27px}.card h3{margin-top:20px;font-size:30px}.card p{margin-bottom:15px}.section-head{margin-bottom:28px}.examples-layout{gap:35px}.steps{gap:25px;margin-top:32px}.steps article{border-bottom:1px solid var(--line);padding-bottom:23px}.steps h3{margin-top:12px}.personal{gap:17px;align-items:flex-start;margin-top:30px}.personal-mark{width:48px;height:48px;font-size:34px}.personal p{font-size:13px}.contact h2{font-size:39px}.footer-row,.legal{flex-direction:column;align-items:flex-start;gap:15px}.footer-row nav{max-width:none;gap:20px}footer{padding-top:30px}.legal{line-height:1.7}.legal nav{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Shared vector icon system: identical outlines and geometry on every viewport. */
.ui-icon{display:inline-block;width:20px;height:20px;flex:0 0 20px;vertical-align:middle;overflow:visible}.button .ui-icon{width:19px;height:19px;flex-basis:19px}.button>span{display:inline-flex;align-items:center}.textlink{display:inline-flex;align-items:center;gap:10px;min-height:44px}.service-icon{width:56px;height:56px;display:grid;place-items:center;background:linear-gradient(145deg,#e2c87818,#e2c87805);border:1px solid #e2c87845;border-radius:16px;color:var(--gold);box-shadow:inset 0 1px 0 #fff1;margin-bottom:26px}.service-icon .ui-icon{width:27px;height:27px}.card{position:relative}.card h3{margin-top:22px}.card:hover{border-color:#e2c87866}.card .textlink .ui-icon,.actions .textlink .ui-icon{transition:transform .2s}.card .textlink:hover .ui-icon{transform:translateX(3px)}#menu-toggle>span{display:inline-flex}.menu-top,.menu-bottom{transform-origin:12px 12px;transition:transform .2s}#menu-toggle[aria-expanded=true] .menu-top{transform:translateY(5px) rotate(45deg);transform-origin:12px 7px}#menu-toggle[aria-expanded=true] .menu-bottom{transform:translateY(-5px) rotate(-45deg);transform-origin:12px 17px}@media(max-width:700px){#menu-toggle{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 13px;border-radius:10px}#menu-toggle .ui-icon{width:22px;height:22px}.service-icon{width:54px;height:54px;margin-bottom:22px;border-radius:15px}.service-icon .ui-icon{width:27px;height:27px}.card{border-radius:16px;padding:26px}.hero-art{display:flex;min-height:0;width:min(100%,360px);margin:36px auto 0;padding:10px 0}.hero-art img{width:100%;height:auto}.hero-art .orbit{width:240px;height:240px}.hero{padding-bottom:35px}.actions .button{min-height:54px}.textlink{font-size:15px;gap:10px}#menu a{min-height:48px}#menu .button{display:inline-flex;justify-content:space-between}.footer-row nav a,.legal nav a{display:inline-flex;align-items:center;min-height:44px}.footer-row nav,.legal nav{gap:4px 20px}}
