:root { --ink:#07111d; --surface:#0c1a29; --surface-raised:#11263a; --line:#234157; --text:#f1f8fb; --muted:#b9cbd6; --cyan:#61e0dd; --cyan-deep:#199eaa; --warm:#ffb36b; --warm-bright:#ffd0a5; --max:74rem; --radius:1rem; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; color:var(--text); background:radial-gradient(circle at 88% 9%,#173951 0,transparent 25rem),linear-gradient(180deg,#07111d 0%,#091827 48%,#07111d 100%); font:400 1rem/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.23; background-image:linear-gradient(#68d7df11 1px,transparent 1px),linear-gradient(90deg,#68d7df11 1px,transparent 1px); background-size:2.5rem 2.5rem; mask-image:linear-gradient(to bottom,black,transparent 85%); }
a { color:inherit; text-underline-offset:.19em; }
a:hover { color:var(--cyan); }
a:focus-visible,button:focus-visible { outline:3px solid var(--warm); outline-offset:4px; }
h1,h2,h3 { margin:0; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; line-height:1.08; letter-spacing:-.045em; }
h1 { max-width:15ch; font-size:clamp(2.8rem,7vw,6rem); }
h2 { max-width:20ch; font-size:clamp(2rem,4vw,3.75rem); }
h3 { font-size:1.4rem; }
p { margin:0 0 1rem; }
.shell { width:min(calc(100% - 2.5rem),var(--max)); margin-inline:auto; }
.skip-link { position:absolute; z-index:20; transform:translateY(-150%); background:var(--warm); color:#19120d; padding:.7rem 1rem; font-weight:800; }
.skip-link:focus { transform:translateY(0); }
.site-header { position:sticky; top:0; z-index:10; border-bottom:1px solid #7ee8ef22; background:#07111dec; backdrop-filter:blur(12px); }
.nav-shell,.footer-grid { min-height:4.75rem; display:flex; align-items:center; justify-content:space-between; gap:1.5rem; }
.brand { flex:none; color:var(--text); text-decoration:none; font:700 1.16rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing:-.08em; }
.brand span { color:var(--cyan); font-size:1.7em; }
.site-nav { display:flex; gap:1.45rem; font-size:.9rem; font-weight:700; }
.site-nav a { text-decoration:none; }
.menu-toggle { display:none; border:1px solid var(--line); border-radius:.5rem; background:transparent; color:var(--text); padding:.55rem .75rem; font:inherit; }
.section { position:relative; padding:clamp(4.5rem,10vw,8rem) 0; }
.section-first { padding-top:clamp(4.5rem,10vw,8rem); }
.hero-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(15rem,.65fr); gap:clamp(2rem,7vw,8rem); align-items:center; }
.eyebrow,.collection,.panel-label { color:var(--cyan); font:700 .76rem/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing:.09em; text-transform:uppercase; }
.lede { max-width:57ch; margin-top:1.75rem; color:var(--muted); font-size:clamp(1.1rem,2vw,1.35rem); }
.lede-small { max-width:52ch; color:var(--muted); font-size:1.15rem; }
.action-row { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2rem; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:3rem; border:1px solid transparent; border-radius:.45rem; padding:.65rem 1rem; font-weight:800; text-decoration:none; }
.button-primary { background:var(--cyan); color:#06202a; }
.button-primary:hover { background:#a8fbf4; color:#06202a; }
.button-secondary { border-color:#75dce16b; background:#0f2936; }
.profile-panel { position:relative; overflow:hidden; padding:1rem; border:1px solid #6bdde14f; border-radius:var(--radius); background:linear-gradient(150deg,#15364a,#0c1a29); box-shadow:0 1.5rem 4rem #0005; }
.portrait-placeholder { display:grid; min-height:18rem; place-items:center; border:1px dashed #7fe9e480; border-radius:.55rem; background:radial-gradient(circle at 50% 30%,#8bece52e,transparent 32%),linear-gradient(135deg,#0a202d,#112a40); color:#a6c5d0; text-align:center; font:700 1rem/1.1 ui-monospace,monospace; }
.panel-label { margin-top:1rem; }
.panel-note { color:var(--warm-bright); font-size:.85rem; }
.proof-strip { border-block:1px solid #77e2e326; background:#0b1b2b; }
.proof-list { display:flex; flex-wrap:wrap; justify-content:center; gap:.25rem 0; padding:.9rem 0; color:#d7eaee; font-size:.83rem; font-weight:700; text-align:center; }
.proof-list span { padding:.2rem 1rem; border-right:1px solid #71dae147; }
.proof-list span:last-child { border:0; }
.section-heading { display:grid; gap:1rem; max-width:62rem; margin-bottom:2.5rem; }
.section-heading p:last-child { max-width:63ch; color:var(--muted); }
.work-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.1rem; }
.project-card { display:grid; grid-template-columns:9.5rem minmax(0,1fr); overflow:hidden; min-height:21rem; border:1px solid #426579; border-radius:var(--radius); background:#0d2132; }
.project-card-featured { border-color:#62d6d580; background:linear-gradient(145deg,#112d42,#0b1d2c); }
.card-art { position:relative; display:flex; overflow:hidden; min-height:100%; align-items:end; padding:.8rem; isolation:isolate; background:#123245; }
.card-art span { position:relative; z-index:2; color:#dcffff; font:700 2.5rem/1 ui-monospace,monospace; }
.card-art i { position:absolute; display:block; border:1px solid #9df5ec8c; border-radius:.4rem; }
.art-support { background:linear-gradient(160deg,#145163,#123145); }.art-support i:nth-of-type(1){width:66%;height:15%;top:20%;left:17%}.art-support i:nth-of-type(2){width:46%;height:15%;top:42%;left:37%}.art-support i:nth-of-type(3){width:76%;height:12%;top:65%;left:12%}
.art-query { background:linear-gradient(160deg,#153c68,#133050); }.art-query i:nth-of-type(1){width:74%;height:23%;top:16%;left:13%}.art-query i:nth-of-type(2){width:55%;height:8%;top:46%;left:27%}.art-query i:nth-of-type(3){width:65%;height:8%;top:62%;left:19%}
.art-media { background:linear-gradient(160deg,#324168,#17253f); }.art-media i:nth-of-type(1){width:34%;height:42%;top:14%;left:15%}.art-media i:nth-of-type(2){width:34%;height:42%;top:34%;left:51%}.art-media i:nth-of-type(3){width:68%;height:8%;top:80%;left:16%}
.art-dive { background:linear-gradient(160deg,#075061,#0c263f); }.art-dive i:nth-of-type(1){width:76%;height:76%;border-radius:50%;top:8%;left:12%}.art-dive i:nth-of-type(2){width:70%;height:1px;top:43%;left:15%}.art-dive i:nth-of-type(3){width:1px;height:70%;top:12%;left:49%}
.art-publish { background:linear-gradient(160deg,#543142,#292243); }.art-publish i:nth-of-type(1){width:62%;height:62%;top:16%;left:20%;transform:rotate(45deg)}.art-publish i:nth-of-type(2){width:54%;height:1px;top:49%;left:23%}.art-publish i:nth-of-type(3){width:1px;height:54%;top:22%;left:50%}
.art-journal { background:linear-gradient(160deg,#4c4235,#282b3b); }.art-journal i:nth-of-type(1){width:45%;height:70%;top:13%;left:25%}.art-journal i:nth-of-type(2){width:34%;height:1px;top:37%;left:31%}.art-journal i:nth-of-type(3){width:34%;height:1px;top:60%;left:31%}
.art-journey { background:linear-gradient(160deg,#3b4d32,#193643); }.art-journey i:nth-of-type(1){width:72%;height:1px;top:26%;left:14%;transform:rotate(28deg)}.art-journey i:nth-of-type(2){width:72%;height:1px;top:66%;left:14%;transform:rotate(-28deg)}.art-journey i:nth-of-type(3){width:20%;height:20%;border-radius:50%;top:36%;left:40%}
.card-body { display:flex; flex-direction:column; padding:1.25rem; }.status { display:inline-flex; align-self:flex-start; margin-bottom:.75rem; border:1px solid #ffb36b99; border-radius:99px; padding:.23rem .55rem; color:var(--warm-bright); font:700 .7rem/1 ui-monospace,monospace; letter-spacing:.05em; }.collection { margin-bottom:.6rem; color:var(--warm-bright); }.card-body h3 { margin-bottom:.75rem; }.card-body p:not(.status):not(.collection):not(.preparation) { color:var(--muted); }.role { font-size:.9rem; }.tag-list { display:flex; flex-wrap:wrap; gap:.35rem; margin:.2rem 0 1.1rem; padding:0; list-style:none; }.tag-list li { border:1px solid #548497; border-radius:99px; padding:.18rem .48rem; color:#cee7ee; font-size:.73rem; }.preparation { margin-top:auto; margin-bottom:.55rem; color:var(--warm-bright); font-size:.83rem; font-weight:700; }.card-link { align-self:flex-start; color:var(--cyan); font-weight:800; }.section-contrast { background:#081521bf; border-block:1px solid #69dae321; }.process-list { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; margin:0; padding:0; list-style:none; counter-reset:process; }.process-list li { position:relative; min-height:12rem; padding:1rem; border-top:2px solid var(--cyan); background:#0c2030; }.process-list li::before { counter-increment:process; content:"0" counter(process); display:block; margin-bottom:2rem; color:var(--warm); font:700 .85rem/1 ui-monospace,monospace; }.process-list strong { display:block; margin-bottom:.65rem; font-family:ui-monospace,monospace; font-size:1.08rem; }.process-list span { color:var(--muted); font-size:.9rem; line-height:1.45; }.split-layout,.profile-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(2rem,8vw,7rem); align-items:center; }.boundary-card { padding:1.5rem; border:1px solid #e2a9738a; border-radius:var(--radius); background:linear-gradient(145deg,#2b2630,#101d2d); }.boundary-number { color:var(--warm); font:700 3rem/1 ui-monospace,monospace; }.boundary-card h3 { margin:1rem 0; }.boundary-card ul { margin:0; padding-left:1.2rem; color:var(--muted); }.profile-grid p { color:var(--muted); font-size:1.1rem; }.contact-placeholder { border-left:3px solid var(--warm); padding-left:1rem; color:var(--warm-bright)!important; font-size:.95rem!important; }.closing { text-align:center; }.closing h2 { margin:1rem auto 1.7rem; }.site-footer { border-top:1px solid #76dce12e; background:#06101a; }.footer-grid { min-height:7rem; }.footer-grid p { max-width:44rem; margin:0; color:var(--muted); font-size:.82rem; }.footer-grid > a:last-child { font-size:.85rem; }.not-found { display:grid; min-height:100vh; place-items:center; text-align:center; }.not-found h1 { max-width:15ch; margin:1rem auto; }.not-found .lede-small { margin-inline:auto; }
@media (max-width: 760px) { .nav-shell { min-height:4.25rem; flex-wrap:wrap; padding-block:.7rem; }.site-header:not([data-enhanced="true"]) .site-nav { width:100%; flex-wrap:wrap; gap:.55rem 1rem; padding:0 0 .55rem; font-size:.78rem; }.site-header[data-enhanced="true"] .menu-toggle { display:block; margin-left:auto; }.site-header[data-enhanced="true"] .site-nav { display:none; width:100%; flex-direction:column; padding:0 0 .55rem; }.site-header[data-enhanced="true"] .site-nav[data-open="true"] { display:flex; }.hero-grid,.split-layout,.profile-grid { grid-template-columns:1fr; }.profile-panel { max-width:31rem; }.work-grid { grid-template-columns:1fr; }.project-card { grid-template-columns:7rem minmax(0,1fr); }.process-list { grid-template-columns:1fr; }.process-list li { min-height:0; }.process-list li::before { margin-bottom:.5rem; }.footer-grid { align-items:flex-start; flex-direction:column; justify-content:center; gap:.7rem; padding-block:1rem; } }
@media (max-width: 420px) { .shell { width:min(calc(100% - 1.5rem),var(--max)); }.project-card { grid-template-columns:1fr; }.card-art { min-height:7rem; }.card-art i { transform:scale(.65); transform-origin:center; }.proof-list { display:grid; justify-content:stretch; gap:.55rem; text-align:left; }.proof-list span { border:0; padding:.1rem 0; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }