/* Resolution: a quieter page rhythm and a stronger photographic opening. */
body{background:#fcfcf9}
header.wrap{max-width:none;padding-left:max(5%,calc((100vw - 1120px)/2));padding-right:max(5%,calc((100vw - 1120px)/2));background:#0b2532;color:#f7f6f1;border-bottom:1px solid #ffffff18}
header .brand .license-number{color:#d1dcdf}
header .brand strong{letter-spacing:1.8px}
header #nav{border-color:#ffffff24}
header .dropdown{color:#102936}
header details[open]>summary{color:#e8c579}
header #menu{background:transparent;color:white;border:1px solid #72909e}
.button{transition:background .18s,color .18s;line-height:1.4}
body[data-page="home"] .hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:660px;background:#0b2532}
body[data-page="home"] .hero-copy{padding:76px 48px 82px max(5vw,calc((100vw - 1120px)/2));min-width:0}
body[data-page="home"] .hero h1{font-size:clamp(48px,5.1vw,78px);line-height:1.04;letter-spacing:-2px;margin:25px 0 28px}
body[data-page="home"] .hero p{font-size:18px;line-height:1.75;max-width:430px}
body[data-page="home"] .hero .eyebrow{font-size:11px;letter-spacing:2.4px}
body[data-page="home"] .hero figure{min-height:660px}
body[data-page="home"] .hero figure img{object-position:50% 55%}
body[data-page="home"] .hero figcaption{font-size:12px;letter-spacing:.5px;background:#0b2532e8;bottom:22px;left:22px}
body[data-page="home"] #projects{padding-top:88px;padding-bottom:88px}
body[data-page="home"] #projects>h2{max-width:650px;font-size:clamp(38px,4vw,56px)}
body[data-page="home"] .project{background:transparent;padding:0;gap:72px;margin-top:46px;border:0}
body[data-page="home"] .project+.project{padding-top:56px;margin-top:56px;border-top:1px solid #d3dddf}
body[data-page="home"] .project img{height:560px;object-fit:cover}
body[data-page="home"] .project h3{font-size:clamp(29px,3vw,40px);max-width:400px}
body[data-page="home"] .project p{max-width:410px}
body[data-page="home"] .project.kitchen>button{grid-column:2;grid-row:1}
body[data-page="home"] .project.kitchen>div{grid-column:1;grid-row:1}
body[data-page="home"] #services{border-top:1px solid #d3dddf}
body[data-page="home"] .commercial-callout{background:#ebece5;border-left:3px solid #b78832;padding:38px;gap:32px}
body[data-page="home"] .commercial-callout p{max-width:660px}
body[data-page="home"] .commercial-callout .button{flex-shrink:0}
body[data-page="home"] .about{border-bottom:0}
body[data-page="home"] #contact{border-top:1px solid #d3dddf}
.section h2{text-wrap:balance}
@media(max-width:1100px){body[data-page="home"] .hero-copy{padding:60px 7%}body[data-page="home"] .project{gap:40px}}
@media(max-width:700px){
 header.wrap{padding-left:5%;padding-right:5%}header #nav a.button{color:#071d28}
 body[data-page="home"] .hero{grid-template-columns:minmax(0,1fr);min-height:0}
 body[data-page="home"] .hero-copy{padding:45px 7% 42px}
 body[data-page="home"] .hero h1{font-size:clamp(44px,11vw,62px);letter-spacing:-1.2px}
 body[data-page="home"] .hero p{font-size:17px}
 body[data-page="home"] .hero figure{min-height:470px}
 body[data-page="home"] #projects{padding-top:52px;padding-bottom:52px}
 body[data-page="home"] .project{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:30px}
 body[data-page="home"] .project img{height:auto;max-height:560px;object-fit:contain}
 body[data-page="home"] .project.kitchen>button,body[data-page="home"] .project.kitchen>div{grid-column:auto;grid-row:auto}
 body[data-page="home"] .project+.project{padding-top:38px;margin-top:38px}
 body[data-page="home"] .commercial-callout{padding:26px}
}