@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&family=DM+Serif+Display:ital@0;1&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Marcellus&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f7f4f0;--text: #1c1a17;--muted: #7a7570;--accent: #4a6d9c;--border: #e2ddd8}html,body{height:100%;background:var(--bg);color:var(--text);font-family:DM Sans,system-ui,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}main{max-width:600px;margin:0 auto;padding:5rem 2rem 4rem;min-height:100vh;display:flex;flex-direction:column;gap:4rem}header h1{font-family:"DM Serif Display",Georgia,serif;font-size:2.4rem;font-weight:400;letter-spacing:0;line-height:1.1;margin-bottom:.75rem}.bio{font-size:1rem;color:var(--muted);line-height:1.6;max-width:420px}.projects h2{font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:1.25rem}.projects ul{list-style:none;display:flex;flex-direction:column;gap:0}.projects li{border-top:1px solid var(--border)}.projects li:last-child{border-bottom:1px solid var(--border)}.projects a{display:flex;align-items:baseline;gap:1rem;padding:1rem 0;text-decoration:none;color:inherit;transition:color .15s}.projects a:hover{color:var(--accent)}.projects a:hover .project-desc{color:var(--accent);opacity:.7}.project-name{font-size:1rem;font-weight:500;flex-shrink:0}.project-desc{font-size:.9rem;color:var(--muted);transition:color .15s}footer{margin-top:auto}footer nav{display:flex;gap:1.5rem}footer nav a{font-size:.85rem;color:var(--muted);text-decoration:none;transition:color .15s}footer nav a:hover{color:var(--accent)}.brand-lab{max-width:1180px;gap:3.4rem}.brand-lab-header{max-width:720px}.brand-lab-header h1{font-family:Cormorant Garamond,Georgia,serif;font-size:4.4rem;font-weight:700;line-height:.9}.kicker{color:var(--accent);font-size:.72rem;font-weight:500;letter-spacing:.16em;margin-bottom:1rem;text-transform:uppercase}.variant-grid{display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr))}.variant-card{background:#fbfaf8;border:1px solid color-mix(in srgb,var(--border),#1c1a17 20%);border-radius:2px;display:flex;flex-direction:column;gap:1rem;min-height:336px;padding:1rem;position:relative}.variant-card:before{background:currentColor;content:"";height:3px;left:1rem;opacity:.92;position:absolute;right:1rem;top:1rem}.variant-meta{align-items:center;color:var(--muted);display:flex;font-size:.68rem;justify-content:space-between;letter-spacing:.12em;padding-top:1rem;text-transform:uppercase}.variant-lockup{align-items:flex-start;display:flex;flex-direction:column;gap:1.1rem;margin:auto 0 .75rem}.variant-lockup svg{color:var(--text);flex:0 0 auto;height:auto;max-width:100%;width:220px}.variant-lockup h2{font-size:clamp(2rem,4vw,3.05rem);font-weight:650;letter-spacing:0;line-height:.95}.variant-lockup p,.variant-note{color:var(--muted);font-size:.9rem;line-height:1.55}.north-star{color:#17212e}.north-star .variant-lockup h2,.north-star.site-brand,.north-star .site-brand{font-family:Cormorant Garamond,Georgia,serif}.astra-index{color:#5d3552}.astra-index .variant-lockup h2,.astra-index.site-brand,.astra-index .site-brand{font-family:Fraunces,Georgia,serif}.meridian{color:#244b65}.meridian .variant-lockup h2,.meridian.site-brand,.meridian .site-brand{font-family:Marcellus,Georgia,serif;text-transform:uppercase}.blackletter-circuit{color:#201a16}.blackletter-circuit .variant-lockup h2,.blackletter-circuit.site-brand,.blackletter-circuit .site-brand{font-family:"DM Serif Display",Georgia,serif}.house-star{color:#3f2820}.house-star .variant-lockup h2,.house-star.site-brand,.house-star .site-brand{font-family:Cormorant Garamond,Georgia,serif}.quiet-system{color:#283043}.quiet-system .variant-lockup h2,.quiet-system.site-brand,.quiet-system .site-brand{font-family:Fraunces,Georgia,serif}.mark-rail,.mark-hairline,.index-frame,.index-rule,.orbit,.axis,.circuit,.seal,.seal-line,.word-rail{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter}.mark-rail{stroke-width:9}.mark-hairline,.index-rule,.axis,.seal-line,.word-rail{opacity:.38;stroke-width:2}.mark-fill,.starburst,.node,.mark-dot{fill:currentColor}.starburst{opacity:.94}.starburst.small{opacity:.82}.starburst.micro{opacity:.88}.index-frame{stroke-width:3}.orbit{opacity:.7;stroke-width:3}.orbit.tilt{opacity:.32;stroke-width:2}.circuit{opacity:.55;stroke-width:3}.node{opacity:.9}.seal{opacity:.12;stroke-width:4}.knockout{opacity:.94}.masthead-previews{border-top:1px solid var(--border);display:grid;gap:0}.masthead-preview{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:2rem;justify-content:space-between;padding:1.35rem 0}.site-brand{align-items:center;color:var(--text);display:flex;flex:0 0 auto;font-size:1.55rem;gap:.85rem;letter-spacing:0}.site-brand svg{height:auto;width:98px}.masthead-preview p{color:var(--muted);line-height:1.5;max-width:420px}@media(max-width:480px){main{padding:3.5rem 1.5rem 3rem;gap:3rem}header h1{font-size:2rem}.brand-lab-header h1{font-size:3rem}.variant-grid{grid-template-columns:1fr}.variant-lockup{margin-top:3.2rem}.masthead-preview{align-items:flex-start;flex-direction:column}.variant-card{min-height:0}.variant-lockup{gap:1.4rem;margin:2.6rem 0 1.8rem}.variant-lockup svg{width:156px}}