#architect{background:var(--ivory);color:var(--ink);padding:100px 5% 110px}
#architect .architect-layout{max-width:1480px;margin:auto;display:grid;grid-template-columns:minmax(0,.47fr) minmax(0,.53fr);gap:clamp(40px,6vw,100px);align-items:center;direction:ltr}
#architect .architect-photo{margin:0;min-width:0}
#architect .architect-photo img{display:block;width:100%;height:auto;aspect-ratio:1122 / 1402;object-fit:contain}
#architect .architect-copy{min-width:0;max-width:610px}
#architect .architect-eyebrow{font-size:11px;letter-spacing:3px;margin:0 0 20px;color:#576b6d}
#architect h2{font:400 clamp(36px,3.6vw,60px)/1.1 'Poiret One',sans-serif;letter-spacing:-1px;margin:0 0 30px}
#architect h3{font-size:clamp(25px,2.2vw,34px);font-weight:400;margin:0 0 8px}
#architect .architect-identity{margin-bottom:27px}
#architect .architect-identity p{font-size:16px;margin:0;color:#465957}
#architect .architect-body p{font-size:clamp(17px,1.3vw,21px);line-height:1.7;margin:0 0 19px;color:#373e38}
#architect .architect-signature{margin-top:30px}
#architect .architect-signature p{font-size:28px;margin:0 0 7px}
#architect .architect-signature em{font-size:15px;color:#465957}
#architect .architect-reveal.is-pending{opacity:0;transform:translateY(16px)}
#architect .architect-reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--architect-delay,0ms)}
@media(max-width:900px){#architect{padding:65px 6% 75px}#architect .architect-layout{grid-template-columns:1fr;max-width:680px;gap:40px}#architect .architect-copy{max-width:none}#architect h2{font-size:clamp(38px,7vw,52px)}#architect .architect-body p{font-size:19px;line-height:1.7}#architect .architect-photo{width:100%}#architect .architect-reveal.is-pending{transform:translateY(10px)}}
@media(prefers-reduced-motion:reduce){#architect .architect-reveal{transition:none!important;opacity:1!important;transform:none!important}}

@media(min-width:901px){
#architect .architect-layout{grid-template-columns:minmax(0,.53fr) minmax(0,.47fr)}
#architect .architect-copy{grid-column:1;grid-row:1}
#architect .architect-photo{grid-column:2;grid-row:1}
}

#architect .architect-copy-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
