/* Brand reference: supplied Figma exports and palette, 10 October 2026. */
@font-face{font-family:Montserrat;src:url('assets/montserrat-300.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/montserrat-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/montserrat-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--paper:#191919;--surface:#272727;--ink:#f7efe8;--olive:#7a8450;--accent:#e8871e;--muted:#b9b5b0;--line:#494846}
body{font-family:Montserrat,Arial,sans-serif;font-weight:300;font-synthesis:none}
h1,h2,h3,.sample-title{font-weight:500;letter-spacing:-.045em}
h1,.sample-title{font-weight:700;font-size:clamp(64px,8.3vw,138px);line-height:1;letter-spacing:-.06em}
.hero-copy{gap:32px}.hero-aside{width:300px}
.header nav,.header-cta,.menu-toggle,.text-link,.gallery-label,.contact-button,.contact-links>a:first-child,.close-dialog,.gallery-controls button{font-weight:500}
.header-cta{border-color:var(--accent)}
.period{color:var(--olive)}
.intro-columns,.intro-content h2 .muted,.service-body,.services-intro p,.contact-bottom>p{color:var(--muted)}
.services,.contact,.portrait,dialog,.gallery>img{background:var(--surface)}
.services,.contact,dialog,.service-list details,.service-list details:last-child,.contact-bottom,.close-dialog{border-color:var(--line)}
.service-list summary .mono{color:var(--muted)}
.service-body>span{color:var(--ink)}
.contact .dot{background:var(--olive)}
.contact .section-label{color:var(--ink)}
.contact-button{background:var(--accent);border-color:var(--accent);color:var(--paper);font-weight:700}
.contact-button:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.gallery-label{background:#191919ed;border-color:var(--line)}
.network-photos{scrollbar-color:var(--olive) var(--surface)}
.record-main dd,.record-details dd{font-weight:700}
.record-main dd span{color:var(--ink)}
.record-main{border-top:2px solid var(--olive)}
.solid-link:hover{color:var(--paper)}
.project h3,.principles h3,summary h3{letter-spacing:-.025em}
footer .brand{width:195px}
.brand-logo{background:#191919}
@media(min-width:761px) and (max-width:1100px){.hero-aside{width:250px}.hero-copy{gap:22px}.header nav{gap:16px;font-size:12px}.brand{width:150px}.header{gap:18px}}
@media(max-width:760px){h1,.sample-title{font-size:clamp(42px,11.4vw,84px);line-height:1.02;letter-spacing:-.055em}.hero-aside{width:auto}.header nav{font-size:17px}.header-cta{font-size:10px}.record-main dd{font-size:54px}.record-heading h2{font-size:34px}.network-heading h3{font-size:34px}footer .brand{width:175px}}
@media(max-width:400px){.header .brand{width:108px}.header-cta{font-size:9px;margin-right:3px}.menu-toggle{font-size:10px}.header{gap:8px}.record-main dd{font-size:47px}.record-main dt{font-size:12px}.network-heading h3{font-size:30px}}