*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--gw-text);background:var(--gw-canvas);font:16px/1.5 Manrope,system-ui,sans-serif}.lab-header{position:sticky;z-index:100;top:0;min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,64px);background:var(--gw-header);border-bottom:1px solid var(--gw-line);backdrop-filter:blur(18px)}.lab-header a{color:inherit;text-decoration:none;font-size:.72rem;letter-spacing:.14em}.lab-header nav{display:flex;gap:28px}main{overflow:hidden}.lab-hero,.lab-section,footer{width:min(1380px,calc(100% - 40px));margin:auto}.lab-hero{min-height:72vh;display:flex;flex-direction:column;justify-content:center}.lab-hero>p,.lab-heading>p{color:var(--gw-accent-4);font:700 .72rem ui-monospace,monospace;letter-spacing:.16em}.lab-hero h1,.lab-heading h2{margin:20px 0;font:400 clamp(4rem,10vw,9rem)/.86 Georgia,serif;letter-spacing:-.06em}.lab-hero>p:last-child{max-width:700px;color:var(--gw-text-muted);font-size:1.25rem}.lab-section{padding:110px 0;border-top:1px solid var(--gw-line)}.lab-heading h2{font-size:clamp(3rem,7vw,7rem)}.theme-switcher,.project-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:32px 0}.theme-switcher button,.project-tabs button{padding:12px 18px;color:var(--gw-text);background:var(--gw-surface);border:1px solid var(--gw-line-strong);border-radius:999px}.project-tabs button[aria-pressed=true]{color:var(--gw-on-accent);background:var(--gw-accent-4)}.header-matrix{display:grid;gap:22px}.header-proof{overflow:visible;background:var(--gw-surface);border:1px solid var(--gw-line);border-radius:14px}.header-proof>.gw-header{border:0;border-radius:14px}.header-proof>p{margin:0;padding:8px 18px;color:var(--gw-text-muted);font:.62rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.14em}.header-proof[data-project=greenways]{--gw-accent-1:#123e34;--gw-accent-2:#1f6552;--gw-accent-3:#2c8b69;--gw-accent-4:#61ad82;--gw-accent-5:#cfb66a}.header-proof[data-project=hestia]{--gw-accent-1:#641b27;--gw-accent-2:#8e2731;--gw-accent-3:#bd3f3b;--gw-accent-4:#e66d42;--gw-accent-5:#ffd08a}.header-proof[data-project=hoplite]{--gw-accent-1:#596f69;--gw-accent-2:#748f87;--gw-accent-3:#967a37;--gw-accent-4:#b78a22;--gw-accent-5:#6d5209}.header-proof[data-project=historia]{--gw-accent-1:#1b3154;--gw-accent-2:#2c4e7b;--gw-accent-3:#426fa6;--gw-accent-4:#20c7df;--gw-accent-5:#006d82}.header-proof[data-project=hodos]{--gw-accent-1:#11392f;--gw-accent-2:#1d5e4d;--gw-accent-3:#2f8569;--gw-accent-4:#58a983;--gw-accent-5:#9bd4ad}.demo-sigil{width:48px;height:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:5px;background:var(--gw-sigil-ground);border:1px solid var(--gw-line-strong);border-radius:10px}.demo-sigil i{background:var(--gw-accent-1);border:1px solid var(--gw-sigil-grout);transform:rotate(45deg)}.demo-sigil i:nth-child(2){background:var(--gw-accent-2)}.demo-sigil i:nth-child(3){background:var(--gw-accent-3)}.demo-sigil i:nth-child(4){background:var(--gw-accent-4)}.demo-sigil i:nth-child(5){background:var(--gw-accent-5)}.artwork-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.artwork-grid article{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:var(--gw-surface);border:1px solid var(--gw-line);border-radius:16px}.artwork-grid picture{aspect-ratio:2/1;overflow:hidden}.artwork-grid img{width:100%;height:100%;object-fit:cover}.artwork-grid h3{grid-column:1/-1;margin:0;padding:16px;font:400 1.4rem Georgia,serif;text-transform:capitalize}.checks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.checks article{display:grid;padding:30px;background:var(--gw-surface)}.checks strong{font:400 4rem Georgia,serif;color:var(--gw-accent-4)}.checks span{color:var(--gw-text-muted)}dialog{width:min(680px,calc(100% - 24px));padding:18px;color:var(--gw-text);background:var(--gw-surface);border:1px solid var(--gw-line-strong);border-radius:18px}dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(8px)}dialog form{display:grid;grid-template-columns:1fr auto;gap:12px}dialog label{display:grid;gap:6px}dialog input,dialog button{padding:14px;color:inherit;background:var(--gw-canvas);border:1px solid var(--gw-line-strong);border-radius:9px}dialog>div{display:grid;margin-top:14px}dialog a{display:grid;padding:14px;color:inherit;text-decoration:none;border-top:1px solid var(--gw-line)}dialog a span{color:var(--gw-text-muted)}footer{display:flex;justify-content:space-between;padding:40px 0;color:var(--gw-text-muted);border-top:1px solid var(--gw-line);font-size:.7rem;letter-spacing:.12em}@media(max-width:820px){.lab-header nav{display:none}.artwork-grid{grid-template-columns:1fr}.checks{grid-template-columns:1fr 1fr}.lab-hero,.lab-section,footer{width:min(100% - 24px,1380px)}.header-proof>.gw-header{grid-template-columns:auto 1fr auto auto}.gw-header__desktop{display:none}.gw-menu-trigger{display:inline-grid}}@media(max-width:560px){.lab-hero h1{font-size:4rem}.artwork-grid article{grid-template-columns:1fr}.artwork-grid h3{grid-column:1}.checks{grid-template-columns:1fr}.gw-brand span{display:none}}