:root{color-scheme:dark;--bg:#100d1b;--panel:#191424;--text:#f5f1fb;--muted:#b9b0c8;--purple:#c7a6ff;--cyan:#8ee0d8;--line:#393142}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}::selection{background:var(--purple);color:var(--bg)}.wrap{width:calc(100% - 40px);max-width:1160px;margin-inline:auto}.skip{position:fixed;top:-100px;left:16px;background:var(--cyan);color:var(--bg);padding:15px;z-index:100}.skip:focus{top:10px}header{position:sticky;top:0;z-index:20;background:rgba(16,13,27,.97);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;min-height:48px}.brand img{width:110px;height:54px;object-fit:contain;border-radius:8px;background:white}.menu{display:none;min-width:72px;min-height:48px;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:8px}.js .menu{display:block}nav{display:flex;flex-wrap:wrap;gap:12px;width:100%;padding-bottom:12px}nav a{display:flex;align-items:center;min-height:48px;font-size:15px;padding:0 14px}nav a:hover,.text-link:hover{color:var(--cyan)}.js nav{display:none}.js nav.open{display:flex;flex-direction:column;gap:0}.hero{padding-block:34px 28px;display:grid;gap:28px}.eyebrow{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;line-height:1.6;font-weight:700;color:var(--cyan);margin:0 0 16px}.dot{display:inline-block;background:var(--cyan);width:6px;height:6px;border-radius:50%;margin-right:5px}h1{font-size:clamp(40px,10.3vw,64px);line-height:1.04;letter-spacing:-2px;font-weight:600;margin:0 0 22px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--purple)}.lead{font-size:17px;line-height:1.7;color:var(--muted);margin:0;max-width:520px}.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:50px;padding:12px 20px;background:var(--purple);color:#20132e;font-weight:650;font-size:15px;border-radius:8px}.button:hover{background:#d5bfff}.text-link{display:inline-flex;align-items:center;gap:14px;min-height:48px;font-size:14px;font-weight:600}.small-note,.preview-note{font-size:12px;color:var(--muted);line-height:1.7;margin:18px 0 0}.hero-art{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.hero-art img{display:block;width:100%;height:auto;aspect-ratio:1260/1248;object-fit:cover}.hero-art figcaption{padding:14px 16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:10px;line-height:1.6;letter-spacing:.5px}.hero-art figcaption span:first-child{color:var(--purple)}.ticker{border-block:1px solid var(--line);background:var(--panel)}.ticker .wrap{display:grid;grid-template-columns:1fr 1fr;padding-block:19px;gap:14px;color:var(--muted);font-size:12px}.ticker span:first-child{color:var(--purple);grid-column:1/-1;text-transform:uppercase;letter-spacing:1px;font-size:10px}.section{padding-block:48px}h2{font-size:clamp(29px,7.8vw,40px);line-height:1.12;letter-spacing:-1px;font-weight:500;margin:0}h3{font-size:22px;line-height:1.25;letter-spacing:-.5px;margin:0 0 13px}.section-head{display:grid;gap:16px;margin-bottom:28px}.section-head>p,.steps p,.project p:not(.eyebrow),.about p:not(.eyebrow){font-size:16px;line-height:1.7;color:var(--muted);margin:0}.projects{display:grid;gap:22px}.project{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.preview{display:block;overflow:hidden;border-bottom:1px solid var(--line)}.preview img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .25s}.preview:hover img{transform:scale(1.025)}.project-copy{padding:23px}.project h3 a{display:flex;justify-content:space-between;gap:12px}.project h3 a span{color:var(--purple)}.project .text-link{margin-top:12px}.method,.about{background:var(--panel);border-block:1px solid var(--line)}.steps{list-style:none;display:grid;gap:25px;padding:0;margin:0}.steps li{border-top:1px solid var(--line);padding-top:24px}.steps li>span{font-family:monospace;color:var(--purple);font-size:13px;display:block;margin-bottom:16px}.bench{display:grid;gap:26px}.bench .lead{margin-top:20px}.bench-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:22px 0}.bench-links a:first-child{border-top:1px solid var(--line)}.bench-links strong{display:block;font-size:18px;font-weight:500;margin-bottom:8px}.bench-links small{color:var(--muted);font-size:14px;line-height:1.5;display:block}.bench-links a>span:last-child{color:var(--purple)}.about-grid{display:grid;gap:24px}.about p+p{margin-top:15px!important}.about .text-link{margin-top:15px;line-height:1.7}.about h2{font-size:clamp(29px,7vw,40px)}footer{padding-block:25px;display:flex;flex-direction:column;gap:14px;font-size:13px;color:var(--muted)}footer>div{display:flex;gap:25px}footer a{min-height:48px;display:flex;align-items:center}
@media(min-width:700px){.wrap{width:calc(100% - 64px)}.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding-block:64px}.section-head{grid-template-columns:1.2fr 1fr;align-items:end;gap:48px}.ticker .wrap{display:flex;justify-content:space-between}.hero-art{max-width:620px}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.steps h3{font-size:21px}footer{flex-direction:row;justify-content:space-between;align-items:center}}
@media(min-width:900px){.js .menu{display:none}.js nav,.js nav.open{display:flex;width:auto;flex-direction:row;padding:0;gap:8px}.nav{min-height:84px;flex-wrap:nowrap}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:54px;padding-block:58px}.hero-art{max-width:none}.hero h1{font-size:clamp(56px,5.4vw,73px);letter-spacing:-3px}.lead{font-size:18px}.projects{grid-template-columns:repeat(3,minmax(0,1fr))}.project-copy{padding:22px}.project h3{font-size:23px}.bench,.about-grid{grid-template-columns:1fr 1fr;gap:70px}h2{font-size:43px}.section{padding-block:76px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}