/* Warm materials, the established MAE identity, visible content by default. */
:root{--paper:#ffffff;--paper-2:#edf4fa;--paper-3:#e6eff7;--navy:#102b46;--navy-2:#193c5c;--navy-3:#245578;--ink:#152c41;--ink-soft:#4c5c60;--ink-faint:#536165;--steel:#526769;--line:#c9d7e4;--line-2:#a9bdcf}
body{background:var(--paper)}
.surface-paper{background:var(--paper)}.surface-paper-2{background:var(--paper-2)}
.page-index{background:var(--paper)}.page-hero{background:var(--paper)}
.mae-header{background:var(--paper)}.mae-header-inner{height:86px}
.mae-wordmark span{color:#65767b}.mae-desktop{gap:clamp(16px,1.9vw,27px)}
.mae-header-cta,.btn{border-radius:0}.page-hero .eyebrow{color:#326187}
.page-hero--photo>.hero-photo{height:auto;aspect-ratio:3/2}
.portfolio-entry:nth-of-type(even){background:var(--paper-2)}
.portfolio-hero .lead{max-width:720px}.gallery-toggle{border-radius:0}
.reveal,.portfolio-entry,.plate{opacity:1!important;visibility:visible!important}
.architect-intro .lead{max-width:40rem}.architect-intro .display{max-width:15em}
.architect-intro .hero-photo img{object-position:50% 40%}
.architect-services{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:46px}
.architect-services article{border-top:1px solid var(--line-2);padding-top:23px}
.architect-services h3{font-size:29px;margin:20px 0 16px}.architect-services p{font-size:14px;line-height:1.9}
.architect-services .eyebrow{color:#326187}.architect-invitation .lead{max-width:43rem}
.architect-invitation .hero-cta{justify-content:flex-start;margin-top:28px}
.portfolio-context{max-width:48rem;font-size:13px;line-height:1.8;color:var(--ink-soft);margin-top:24px}
.contact-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.contact-actions .btn{border-bottom-width:1px;text-decoration:none;margin:0}
.intake-actions{margin-top:24px}
.intake-designer{margin-top:22px;font-size:14px;line-height:1.8}
.intake-designer a{color:var(--ink);text-decoration:underline;text-underline-offset:4px;border:0}
/* Scope the light hero independently of the dark form beneath it. */
.surface-navy .page-hero{color:var(--ink)}
.surface-navy .page-hero .lead{color:var(--ink-soft)}
.surface-navy .page-hero a.btn-primary{background:var(--navy);border-color:var(--navy);color:var(--paper)}
.surface-navy .page-hero a.btn-primary:hover{background:var(--navy-3);border-color:var(--navy-3);color:var(--paper)}
.surface-navy .page-hero a.btn-ghost{background:transparent;border-color:var(--ink);color:var(--ink)}
.surface-navy .page-hero a.btn-ghost:hover{background:var(--paper-2);color:var(--ink)}
.surface-navy .page-hero .intake-designer a{color:var(--ink)}
/* Buttons carry their own colour and never receive text-link underlines. */
a.btn{text-decoration:none;border-bottom-style:solid}
.page-hero .lead{color:var(--ink-soft)}
body[data-page="custom-homes"] .page-hero--photo .hero-photo img{object-fit:contain;object-position:center}
.architect-intro .hero-photo img{object-fit:contain}
.architect-services article{min-width:0}
.cta-final .contact-actions{margin-top:24px}
.cta-final .contact-actions .btn{min-height:52px}
@media(max-width:1100px){.mae-header-inner{height:76px}}
@media(max-width:820px){.page-hero--photo>.hero-photo{height:auto;aspect-ratio:3/2}.architect-services{grid-template-columns:1fr;gap:28px}}
@media(max-width:600px){.page-hero--photo>.hero-photo{height:auto;aspect-ratio:3/2}.architect-services h3{font-size:29px}.contact-actions{align-items:stretch}.contact-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.plate{animation:none!important;transition:none!important}}

/* Blue and white, complete section navigation, centered invitations. */
.page-index{padding-block:24px 32px;background:#fff}
.page-index nav{border:1px solid var(--line);max-width:1100px;margin-inline:auto}
.page-index a:last-child{border-right:0}
.page-index+section.section{border-top:0}
body[data-page="method"] .page-hero{border-bottom:0}
body[data-page="offgrid"] .page-hero{border-bottom:0}
.cta-final{background:var(--navy);padding-block:64px;border:0}
.cta-final>.wrap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}
.cta-final .display{max-width:none;margin:0;font-size:clamp(36px,4.2vw,58px)}
.cta-final .closing-heading{width:100%}
.cta-final .closing-copy{justify-self:center;width:min(100%,680px);max-width:680px}
.cta-final .lead{margin-inline:auto;max-width:40rem}
.cta-final .closing-copy>.link-arrow{margin-inline:auto}
.cta-final .hero-cta{justify-content:center}
body[data-page="custom-homes"] .cta-final .contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:520px;margin-inline:auto}
body[data-page="custom-homes"] .cta-final .contact-actions a:first-child{grid-column:1/-1}
body[data-page="custom-homes"] .cta-final .contact-actions a.btn{width:100%;min-width:0}
body[data-page="about"] .page-hero .display{font-size:clamp(40px,4vw,60px);max-width:none}
/* A compact footer: aligned headings, two columns of discovery links. */
#site-footer{background:#fff;border-top:1px solid var(--line)}
.mae-footer{max-width:1440px;padding:32px var(--pad) 0}
.mae-footer-top{grid-template-columns:1.1fr 1fr 1.45fr 1fr;gap:28px;align-items:start;padding-bottom:24px}
.mae-footer-top .mae-wordmark{font-size:25px;min-height:36px}
.mae-footer-top p{margin-top:8px;line-height:1.65;font-size:12px;max-width:240px}
.mae-footer-top .mae-footer-label{display:flex;align-items:center;min-height:36px;margin:0 0 4px}
.mae-footer-top>div>a:not(.mae-wordmark){min-height:32px;font-size:12px;line-height:1.5}
.mae-footer-top>div:nth-child(3){display:grid;grid-template-columns:1fr 1fr;column-gap:16px;align-content:start}
.mae-footer-top>div:nth-child(3)>.mae-footer-label{grid-column:1/-1}
.mae-footer-bottom{min-height:52px;font-size:11px}
.mae-footer-bottom a{min-height:44px}
@media(max-width:1000px){.mae-footer-top{grid-template-columns:1fr 1fr;gap:22px 32px}}
@media(max-width:600px){.page-index{padding-block:20px 24px}.page-index a:nth-child(2){border-right:0}.page-index a:nth-child(-n+2){border-bottom:1px solid var(--line)}.cta-final{padding-block:48px}.mae-footer{padding-top:24px}.mae-footer-top{gap:20px}.mae-footer-top>div:first-child{grid-column:1/-1}.mae-footer-top>div:last-child{grid-column:auto}.mae-footer-top>div:nth-child(3){display:block}.mae-footer-top>div:last-child{grid-column:1/-1}.mae-footer-top>div>a:not(.mae-wordmark){min-height:40px}body[data-page="custom-homes"] .cta-final .contact-actions .btn{font-size:12px;padding:14px 10px}}
body[data-page="method"] .page-hero>.wrap{padding-bottom:40px}
body[data-page="method"] .page-index+section.section{padding-top:64px}
