/* Launch refinements: readable utility text, accessible targets and static contacts. */
.brand{display:flex;align-items:center;gap:12px;width:360px;flex-shrink:0}
.brand .brand-logo{width:80px;height:76px;object-fit:contain;flex-shrink:0;mix-blend-mode:multiply}
.brand-wordmark{font-size:24px;line-height:1.05;font-weight:750;letter-spacing:-.055em;white-space:nowrap}
.brand-wordmark>span{color:var(--copper)}
.brand-wordmark small{display:block;font-size:11px;line-height:1.4;letter-spacing:.015em;font-weight:400;margin-top:6px}
.footer-brand{display:block;width:200px;padding:10px;background:white;flex-shrink:0}
.footer-brand img{width:100%;height:auto;object-fit:contain}
.menu-toggle,.close-dialog{min-width:44px;min-height:44px}
.footer-bottom{font-size:12px;line-height:1.6}
.footer nav a{display:inline-block;padding:7px 0}
.footer-bottom a{text-decoration:underline;text-underline-offset:4px}
.about-image figcaption{font-size:12px;line-height:1.5}
.image-credit{position:absolute;right:var(--gutter);bottom:24px;font-size:11px;line-height:1.4;padding:5px 8px;background:rgba(246,244,239,.9);color:var(--ink);z-index:3}
.form-note{font-size:13px!important}
.form-note a{text-decoration:underline;text-underline-offset:3px}
textarea::placeholder{color:#64675f;opacity:1}
.plain-button:hover{color:#a6541e}
.contact-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}
.contact .contact-actions .outline-button{margin-top:0}
.contact-email{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:6px;font-size:15px}
#contact-details{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin-top:36px;gap:24px 35px}
.contact-label{display:block;font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:.12em;color:#c8cbc2;margin-bottom:7px}
#contact-details a{overflow-wrap:anywhere;font-size:17px;line-height:1.6}
#contact-details p{font-size:16px;color:var(--paper);line-height:1.6}
.contact-location a{font-size:13px!important;display:inline-block;min-height:36px;margin-top:5px}
.text-link:hover{color:#a6541e}
.contact .outline-button:hover{color:var(--ink)}
.project-empty{max-width:590px;margin-top:35px}
.project-empty p{font-size:20px;color:#555850;line-height:1.6}
.project-empty .text-link{margin-top:25px}
.projects-page .footer-note{font-size:14px}
.document-page{padding:75px var(--gutter) 100px;max-width:1050px;width:100%;margin:0 auto;flex:1}
.document-page h1{font-size:clamp(42px,6vw,80px);line-height:1.05;font-weight:600;letter-spacing:-.05em}
.document-page h2{font-size:26px;line-height:1.25;letter-spacing:-.03em;margin:36px 0 12px}
.document-page p,.document-page li{font-size:17px;line-height:1.7;max-width:800px}
.document-page p+p{margin-top:15px}
.document-page a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.document-page .updated{font-size:13px;color:#66695f;margin-top:20px}
.document-page ul{padding-left:23px}
.document-page .outline-button{margin-top:30px;text-decoration:none}
.site-document{min-height:100svh;display:flex;flex-direction:column}
.site-document .header,.site-document .footer{flex-shrink:0}
@media(max-width:760px){
 .image-credit{bottom:54px;font-size:10px;max-width:85%}
 .header{gap:10px}
 .brand{width:auto;max-width:77%;gap:7px;flex-shrink:1}
 .brand .brand-logo{width:58px;height:58px}
 .brand-wordmark{font-size:18px}
 .brand-wordmark small{display:none}
 .footer-brand{width:210px}
 .footer-bottom{font-size:11px;gap:12px 20px}
 .footer nav{gap:7px 23px}
 #contact-details{grid-template-columns:1fr;gap:24px}
 .contact-actions{align-items:flex-start;flex-direction:column;gap:12px}
 .project-empty p{font-size:18px}
 .document-page{padding:55px var(--gutter) 70px}
 .document-page p,.document-page li{font-size:16px}
 .document-page h2{font-size:24px}
}
@media(min-width:761px) and (max-width:1100px){.brand{width:300px;gap:9px}.brand .brand-logo{width:64px;height:64px}.brand-wordmark{font-size:20px}.brand-wordmark small{font-size:9px}.header nav{gap:20px}}
@media(max-width:380px){.brand .brand-logo{width:48px;height:52px}.brand-wordmark{font-size:15px}.brand-wordmark small{font-size:8px;max-width:125px}.brand{gap:5px}.menu-toggle{font-size:11px;gap:7px}}
@media print{
 .header,.scroll-progress,.camera-stage,.scroll-cue,.building-lines,.request-trigger,.contact-actions,dialog{display:none!important}
 .hero{height:auto!important;min-height:0!important}.hero-sticky{position:static!important;height:auto!important;min-height:0!important}
 .hero-content,.reveal,.motion .reveal.pending{opacity:1!important;transform:none!important}
 body,.contact,.footer{background:white!important;color:black!important}
}