:root{color-scheme:dark;--graphite:#242321;--gold:#d6b366;--white:#f8f6f1;--muted:#c1bdb5;--line:#494640;font-family:Arial,Helvetica,sans-serif;background:var(--graphite);color:var(--white)}
*{box-sizing:border-box}body{margin:0;min-width:280px}.page{width:min(1160px,100%);min-height:100svh;margin:auto;padding:clamp(24px,5vw,64px);display:flex;flex-direction:column}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:32px;border-bottom:1px solid var(--line)}
.logo{display:block;width:208px;max-width:48%;height:auto;object-fit:contain;background:transparent}
.brand-label{font-size:14px;letter-spacing:.06em;color:var(--muted);margin:0;line-height:1.6}.brand-label strong{color:var(--white)}
main{flex:1;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(40px,7vw,88px);padding:clamp(64px,10vh,128px) 0}
.eyebrow{font-size:14px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:700;margin:0 0 28px;line-height:1.7}
h1{font-size:clamp(42px,5.7vw,68px);font-weight:600;line-height:1.12;letter-spacing:-.055em;margin:0 0 28px}h1 span{color:var(--gold)}
.intro{font-size:18px;line-height:1.85;color:var(--muted);margin:0}
.project{border-left:2px solid var(--gold);padding:8px 0 8px 32px;min-width:0}
.section-label{font-size:14px;color:var(--muted);line-height:1.6}h2{font-size:clamp(26px,3vw,36px);line-height:1.25;letter-spacing:-.025em;margin:14px 0 12px;overflow-wrap:anywhere}
.domain{font-size:16px;line-height:1.65;color:var(--gold);overflow-wrap:anywhere;margin:0}.project-rule{height:1px;background:var(--line);margin:32px 0}
.details{display:grid;gap:24px}.details p{display:flex;flex-direction:column;gap:8px;margin:0;font-size:16px;line-height:1.5}.details span{font-size:14px;color:var(--muted)}.details strong{font-weight:600}
footer{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--muted);line-height:1.65}footer p{margin:0}footer strong{color:var(--gold)}
footer a{color:var(--gold);font-weight:600;text-underline-offset:4px}footer a:hover{color:var(--white)}footer a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(max-width:760px){.page{padding:28px 24px}.masthead{padding-bottom:24px}.logo{width:176px}.brand-label{font-size:14px;max-width:105px;text-align:right}main{grid-template-columns:1fr;gap:48px;padding:56px 0}.eyebrow{margin-bottom:20px}h1{font-size:clamp(40px,8.8vw,62px)}.project{padding-left:24px}.details{grid-template-columns:1fr 1fr;gap:20px}.intro{font-size:17px}footer{display:grid}}
@media(max-width:360px){.details{grid-template-columns:1fr}.logo{width:144px}h1{font-size:36px}}