:root { --ink:#08060e; --ink-2:#0c0814; --line:rgba(183,101,255,.23); --text:#f1edf5; --muted:#a29aac; --violet:#a95bff; --cyan:#00c8e1; --mono:ui-monospace,"Cascadia Code",Consolas,monospace; --sans:Inter,Arial,sans-serif; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--ink);color:var(--text);font-family:var(--sans);line-height:1.5} body::before{content:"";pointer-events:none;position:fixed;inset:0;z-index:5;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(182,122,255,.09) 2px 3px);mix-blend-mode:screen}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:10px;top:10px;background:#fff;color:#000;padding:8px;z-index:9}.topbar{height:82px;position:sticky;top:0;z-index:4;display:flex;align-items:center;padding:0 clamp(22px,5vw,70px);background:rgba(8,6,14,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:13px;color:var(--text);font:500 15px var(--mono);letter-spacing:.22em;text-decoration:none}.brand-mark{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--violet);transform:rotate(30deg);box-shadow:0 0 20px rgba(169,91,255,.55)}.brand-mark i{position:absolute;width:11px;height:11px;border:1px solid var(--violet)}.brand-mark i:nth-child(2){width:17px;height:17px}.brand-mark i:nth-child(3){width:4px;height:4px;background:var(--cyan);border:0}.desktop-nav{margin-left:auto;display:flex;gap:27px}.desktop-nav a,.online,.mobile-nav a{font:11px var(--mono);letter-spacing:.12em;color:var(--muted);text-decoration:none}.desktop-nav a:hover,.mobile-nav a:hover{color:var(--violet)}.online{margin-left:30px;color:var(--cyan)}.online i,.status i{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 11px var(--cyan)}.menu-button,.mobile-nav{display:none}.hero{min-height:720px;position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.hero-core{position:absolute;z-index:-2;width:min(840px,100vw);height:100%;object-fit:cover;opacity:.85;filter:saturate(1.12)}.hero::after{content:"";z-index:-1;position:absolute;inset:0;background:radial-gradient(circle at 50% 36%,transparent 0 14%,rgba(8,6,14,.28) 45%,var(--ink) 84%)}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,rgba(169,91,255,.12) 1px,transparent 1px),linear-gradient(rgba(169,91,255,.1) 1px,transparent 1px);background-size:80px 80px;opacity:.14;mask-image:linear-gradient(#000,transparent 85%)}.hero-copy{width:min(730px,calc(100% - 40px));text-align:center;padding:100px 0}.eyebrow,.section-kicker{color:var(--violet);font:13px var(--mono);letter-spacing:.22em;text-transform:uppercase}.hero h1{font-size:clamp(76px,11vw,160px);line-height:.78;letter-spacing:-.07em;margin:26px 0 38px;text-shadow:0 0 34px rgba(181,105,255,.34)}.lede{max-width:610px;margin:0 auto;color:#b7adbf;font:clamp(17px,2vw,24px)/1.6 var(--mono)}.hero-actions{display:flex;justify-content:center;gap:18px;margin-top:55px}.button{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 25px;border:1px solid rgba(188,117,255,.35);color:var(--text);font:14px var(--mono);letter-spacing:.08em;text-decoration:none;background:rgba(11,7,18,.42);transition:.2s ease}.button:hover{border-color:var(--violet);box-shadow:0 0 25px rgba(169,91,255,.21);color:#fff}.button.primary{position:relative;background:rgba(107,48,157,.25);border-color:var(--violet)}.button small{position:absolute;top:-17px;color:var(--violet);font:10px var(--mono);letter-spacing:.12em}.scroll-note{position:absolute;bottom:22px;color:var(--violet);font:10px var(--mono);letter-spacing:.18em}.section{padding:110px clamp(22px,7vw,130px);border-bottom:1px solid var(--line)}h2{font-size:clamp(47px,6vw,89px);letter-spacing:-.065em;line-height:.94;margin:12px 0 70px}.portfolio{background:linear-gradient(180deg,#090710,#0a0710)}.operation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.operation{min-height:370px;position:relative;padding:30px;border:1px solid var(--line);background:rgba(11,8,17,.66);display:flex;flex-direction:column}.operation::before,.operation::after{content:"";position:absolute;width:17px;height:17px;border-color:#e5d7ee;border-style:solid;opacity:.8}.operation::before{left:-1px;top:-1px;border-width:1px 0 0 1px}.operation::after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}.object-id{position:absolute;right:18px;top:18px;color:#61596c;font:11px var(--mono)}.glyph{font:43px var(--mono);color:var(--violet)}.cyan .glyph,.cyan .status{color:var(--cyan)}.operation h3,.product h3{margin:62px 0 15px;font-size:29px;letter-spacing:-.05em}.operation p,.section-intro>p,.product p{color:var(--muted);font-size:17px}.operation footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:22px;border-top:1px solid rgba(255,255,255,.09);color:#a8a1ae;font:11px var(--mono)}.status{color:var(--violet)}.asymmetry{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;background:#080a10}.cyan-text{color:var(--cyan)}.section-intro h2{margin:16px 0 34px;text-shadow:0 0 27px rgba(0,200,225,.16)}.product-stack{display:grid;gap:18px;align-content:center}.product{display:flex;gap:22px;padding:28px;border:1px solid rgba(0,200,225,.22);background:rgba(8,15,22,.52)}.product-icon{flex:0 0 38px;color:var(--cyan);font-size:36px}.product h3{margin:0 0 8px;font-size:24px}.product h3 em{margin-left:8px;padding:4px 7px;border:1px solid rgba(0,200,225,.4);color:var(--cyan);font:10px var(--mono);font-style:normal;letter-spacing:.08em}.product p{margin:0}.obsidian{min-height:700px;position:relative;display:grid;align-items:center;overflow:hidden}.obsidian>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}.obsidian-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,6,14,.95),rgba(8,6,14,.59),rgba(8,6,14,.72))}.obsidian-copy{position:relative;max-width:660px}.obsidian h2{font-size:clamp(66px,9vw,132px);margin:22px 0;text-shadow:0 0 30px rgba(169,91,255,.4)}.obsidian-copy>p:not(.section-kicker){color:#c0b7c4;font:21px/1.55 var(--mono);margin-bottom:34px}.site-footer{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:60px;padding:90px clamp(22px,7vw,130px) 32px;background:#08060e}.site-footer h2{font-size:31px;letter-spacing:.16em;margin:0 0 23px}.site-footer h3{font:13px var(--mono);letter-spacing:.16em;margin:10px 0 22px}.site-footer p{color:var(--muted);max-width:450px}.site-footer strong{display:block;margin-top:28px;color:var(--cyan);font:12px var(--mono);letter-spacing:.07em}.site-footer ul{margin:0;padding:0;list-style:none;color:var(--muted);line-height:2.3}.fineprint{grid-column:1/-1;display:flex;justify-content:space-between;margin:67px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font:10px var(--mono);letter-spacing:.08em}.fineprint span{color:#71687a}
@media(max-width:760px){.topbar{height:96px;padding:0 35px}.brand{font-size:14px}.desktop-nav,.online{display:none}.menu-button{display:block;margin-left:auto;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:transparent;padding:0 10px}.menu-button i{display:block;height:2px;margin:5px 0;background:#ddd}.mobile-nav{position:fixed;z-index:3;left:0;right:0;top:96px;padding:22px 35px;border-bottom:1px solid var(--line);background:rgba(8,6,14,.98);flex-direction:column;gap:18px}.mobile-nav.open{display:flex}.hero{min-height:865px}.hero-core{width:115%;height:100%;opacity:.78}.hero-copy{padding:92px 0 50px}.eyebrow{font-size:11px}.hero h1{font-size:clamp(70px,21vw,112px);margin:28px 0 40px}.lede{font-size:16px;max-width:340px}.hero-actions{margin-top:55px;flex-direction:column;align-items:stretch;padding:0 13px}.button{font-size:13px}.scroll-note{bottom:25px}.section{padding:84px 35px}.section-kicker{font-size:12px}.portfolio h2{font-size:52px;margin-bottom:67px}.operation-grid{grid-template-columns:1fr;gap:34px}.operation{min-height:390px;padding:33px 48px}.operation h3{font-size:29px}.asymmetry{display:block}.asymmetry h2{font-size:51px;margin-bottom:32px}.product-stack{margin-top:52px}.product{padding:25px 20px}.product h3{font-size:22px}.obsidian{min-height:760px;padding:76px 35px}.obsidian>img{object-position:center}.obsidian-overlay{background:linear-gradient(180deg,rgba(8,6,14,.58),rgba(8,6,14,.72) 58%,rgba(8,6,14,.97))}.obsidian-copy{margin-top:190px}.obsidian h2{font-size:70px}.obsidian-copy>p:not(.section-kicker){font-size:17px}.site-footer{display:block;padding:66px 35px 32px}.site-footer>div+div{margin-top:58px}.site-footer .project-list{grid-template-columns:1fr}.fineprint{display:block;margin-top:58px;line-height:1.8}.fineprint span{display:block;margin-top:13px}}
.site-footer .project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px}
@media(max-width:760px){.site-footer .project-list{grid-template-columns:1fr}}
.brand-emblem{display:block;width:31px;height:31px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(169,91,255,.7))}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero h1{margin:0 0 38px}
@media(max-width:760px){.hero h1{margin:0 0 40px}}