:root{--ink:#07090a;--ink-2:#101416;--ink-3:#182022;--paper:#f7f8f3;--paper-2:#ecefe7;--text:#f6f2e8;--muted:#aab1ad;--dark-muted:#596260;--line:#ffffff24;--dark-line:#07090a24;--gold:#d79a32;--leaf:#9ab46d;--blue:#70a7bf;--rust:#bf6c43;--font-display:Georgia, "Times New Roman", serif;--font-body:Arial, Helvetica, sans-serif;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--text);font-family:var(--font-body);margin:0}body::selection{background:var(--gold);color:var(--ink)}a{color:inherit;text-decoration:none}img{display:block}button,input,textarea,select{font:inherit}.site-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:68px;padding:14px max(22px, calc((100vw - var(--max)) / 2));z-index:20;background:#07090ad6;justify-content:space-between;align-items:center;gap:28px;display:flex;position:sticky;top:0;left:0;right:0}.brand,.site-nav,.footer-links,.archive-link,.cta-row,.tag-row,.signal-strip,.principle,.contact-row{align-items:center;display:flex}.brand{color:var(--text);font-family:var(--font-display);white-space:nowrap;gap:10px;font-size:1.24rem}.brand svg{color:var(--gold)}.site-nav{flex-wrap:wrap;justify-content:flex-end;gap:6px}.site-nav a{color:var(--muted);border:1px solid #0000;border-radius:999px;padding:9px 12px;font-size:.86rem}.site-nav a:hover,.site-nav a:focus-visible{border-color:var(--line);color:var(--text);outline:none}.hero{min-height:calc(100svh - 68px);position:relative;overflow:hidden}.hero-image{position:absolute;inset:0}.hero-image img,.page-intro-media img,.project-media img{object-fit:cover}.hero:after{content:"";background:linear-gradient(90deg,#07090aeb 0%,#07090abd 34%,#07090a1a 76%),linear-gradient(#07090a42,#07090a57);position:absolute;inset:0}.hero-content{min-height:calc(100svh - 68px);padding:clamp(68px, 10vw, 124px) max(22px, calc((100vw - var(--max)) / 2)) 48px;z-index:1;gap:34px;display:grid;position:relative}.hero-copy{max-width:650px}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px;font-size:.72rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--font-display);font-weight:500}h1{max-width:900px;margin-bottom:22px;font-size:clamp(3rem,6.4vw,5.55rem);line-height:.98}h2{margin-bottom:18px;font-size:clamp(2.1rem,4.6vw,4.1rem);line-height:1.03}h3{margin-bottom:8px;font-size:1.06rem;line-height:1.25}p{line-height:1.65}.hero-copy p{color:var(--muted);max-width:570px;font-size:1.08rem}.cta-row{flex-wrap:wrap;gap:12px;margin-top:30px}.button{border:1px solid var(--line);border-radius:6px;align-items:center;gap:12px;min-height:46px;padding:12px 16px;font-size:.92rem;display:inline-flex}.button.primary{background:var(--gold);border-color:var(--gold);color:var(--ink)}.button:hover,.button:focus-visible{outline:none;transform:translateY(-1px)}.hero-panels{grid-template-columns:repeat(3,minmax(0,1fr));align-self:end;gap:1px;max-width:900px;display:grid}.hero-panel{border:1px solid var(--line);background:#101416d1;min-height:116px;padding:20px}.hero-panel span,.writing-row span,.project-status{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700}.hero-panel p{color:var(--muted);margin-bottom:0}.light-section,.dark-section,.feature-band,.page-intro,.site-footer{padding-left:max(22px, calc((100vw - var(--max)) / 2));padding-right:max(22px, calc((100vw - var(--max)) / 2))}.light-section{background:var(--paper);color:var(--ink);padding-top:clamp(64px,8vw,110px);padding-bottom:clamp(64px,8vw,110px)}.dark-section,.feature-band{background:var(--ink);color:var(--text);padding-top:clamp(64px,8vw,110px);padding-bottom:clamp(64px,8vw,110px)}.section-heading{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;margin-bottom:36px;display:grid}.section-heading p:last-child{color:var(--muted);max-width:620px}.light-section .section-heading p:last-child{color:var(--dark-muted)}.focus-grid,.project-grid,.lab-grid,.about-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.focus-item,.project-card,.archive-item,.contact-panel,.about-panel{border-radius:8px}.focus-item{border:1px solid var(--dark-line);min-height:220px;padding:24px}.focus-item p,.project-card p,.archive-item p,.about-panel p{color:var(--dark-muted);margin-bottom:0}.icon-tile{background:var(--ink);color:var(--gold);border:1px solid #d79a3261;border-radius:6px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:18px;display:inline-flex}.project-card{background:var(--paper);border:1px solid var(--dark-line);color:var(--ink);overflow:hidden}.project-media{aspect-ratio:16/10;background:var(--ink-2);position:relative}.project-status{border:1px solid var(--line);color:var(--text);background:#07090ac2;border-radius:999px;padding:8px 10px;position:absolute;top:14px;left:14px}.project-body{padding:22px}.tag-row{flex-wrap:wrap;gap:8px;margin-top:18px}.tag-row span{background:var(--paper-2);border:1px solid var(--dark-line);color:var(--dark-muted);border-radius:999px;padding:6px 9px;font-size:.78rem}.writing-list{border-top:1px solid var(--dark-line)}.writing-row{border-bottom:1px solid var(--dark-line);color:var(--ink);grid-template-columns:190px minmax(0,1fr) minmax(220px,.8fr) 24px;gap:18px;padding:22px 0;display:grid}.writing-row p{color:var(--dark-muted);margin:0}.writing-row time{color:var(--dark-muted);margin-top:8px;font-size:.82rem;display:block}.page-intro{background:var(--ink);grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:end;gap:48px;min-height:560px;padding-top:clamp(68px,8vw,112px);padding-bottom:52px;display:grid}.page-intro-copy p:last-child{color:var(--muted);max-width:670px;font-size:1.08rem}.page-intro-media{aspect-ratio:16/11;border:1px solid var(--line);border-radius:8px;position:relative;overflow:hidden}.principle-list{border-top:1px solid var(--line)}.principle{border-bottom:1px solid var(--line);gap:14px;padding:18px 0}.principle svg{color:var(--leaf);flex:none}.principle p{color:var(--muted);margin-bottom:0}.signal-strip{background:var(--ink-2);border-bottom:1px solid var(--line);border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:center;gap:1px}.signal-strip span{align-items:center;gap:10px;min-height:58px;padding:0 24px;display:flex}.signal-strip svg{color:var(--blue)}.archive-item,.about-panel,.contact-panel{background:var(--paper);border:1px solid var(--dark-line);color:var(--ink);padding:24px}.archive-item{scroll-margin-top:88px}.archive-item time{color:var(--dark-muted);margin-bottom:14px;font-size:.84rem;display:block}.contact-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;display:grid}.contact-panel form{gap:14px;display:grid}.contact-panel label{color:var(--dark-muted);letter-spacing:.08em;text-transform:uppercase;gap:7px;font-size:.82rem;font-weight:700;display:grid}.contact-panel input,.contact-panel textarea,.contact-panel select{border:1px solid var(--dark-line);color:var(--ink);background:#fff;border-radius:6px;width:100%;min-height:44px;padding:11px 12px}.contact-panel textarea{resize:vertical;min-height:150px}.contact-row{gap:12px;margin-top:18px}.site-footer{background:var(--ink-2);border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:24px;padding-top:34px;padding-bottom:34px;display:grid}.footer-title{color:var(--muted);margin-bottom:0}.footer-links,.archive-link{flex-wrap:wrap;gap:14px}.footer-links a,.archive-link{color:var(--muted);font-size:.9rem}.footer-links a:hover,.archive-link:hover{color:var(--text)}@media (max-width:900px){.site-header{flex-direction:column;align-items:flex-start;gap:10px;position:relative}.site-nav{justify-content:flex-start}.hero,.hero-content{min-height:auto}.hero-content{padding-top:72px}.hero-panels,.section-heading,.focus-grid,.project-grid,.page-intro,.about-grid,.contact-layout,.site-footer{grid-template-columns:1fr}.page-intro{min-height:auto}.writing-row{grid-template-columns:1fr 24px}.writing-row div,.writing-row p{grid-column:1/-1}}@media (max-width:560px){.site-header,.light-section,.dark-section,.feature-band,.page-intro,.site-footer,.hero-content{padding-left:18px;padding-right:18px}h1{font-size:2.74rem}.button{justify-content:center;width:100%}}