.about-page { background: #eee8df; color: #16191c; }
.about-page header { background: rgba(13,16,19,.92); }
.about-page nav .active { color: #e0a674; opacity: 1; }
.about-main { min-height: 100vh; padding-top: 88px; }
.about-hero { display: grid; grid-template-columns: minmax(320px,.78fr) 1.22fr; min-height: calc(100vh - 88px); }
.about-visual { position: relative; min-height: 680px; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 50% 44%,#4c5159 0,#343940 48%,#24282d 100%); }
.about-visual::after { content:""; position:absolute; left:50%; top:50%; width:min(84%,450px); height:min(82%,610px); border:1px solid rgba(224,166,116,.28); transform:translate(-50%,-50%); pointer-events:none; }
.about-portrait { position:relative; z-index:1; width:min(78%,420px); height:min(76%,580px); object-fit:cover; object-position:center 42%; box-shadow:0 28px 58px rgba(0,0,0,.28); }
.portrait-placeholder { display:flex; flex-direction:column; align-items:center; gap:28px; color:rgba(255,255,255,.42); font-size:10px; letter-spacing:.16em; text-transform:uppercase; }
.portrait-placeholder img { width:min(42%,220px); filter:drop-shadow(0 20px 35px rgba(0,0,0,.22)); }
.about-content { align-self:center; padding:80px clamp(40px,8vw,130px); }
.about-content h1 { margin:22px 0 46px; font-size:clamp(46px,5.3vw,82px); line-height:1.01; font-weight:300; letter-spacing:-.05em; }
.about-text { max-width:710px; display:grid; grid-template-columns:1fr 1fr; gap:42px; }
.about-text p { margin:0; color:#5e5b56; font-size:16px; line-height:1.78; }
.about-signature { display:flex; flex-direction:column; gap:6px; margin-top:48px; padding-top:24px; border-top:1px solid rgba(22,25,28,.16); }
.about-signature strong { color:#9a6038; font-size:20px; font-weight:400; }
.about-signature span { color:#77726c; font-size:10px; letter-spacing:.12em; text-transform:uppercase; }
.about-cta { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:64px clamp(24px,8vw,130px); background:#15191d; color:#f3eee7; }
.about-cta p { margin:0; font-size:clamp(26px,3vw,44px); font-weight:300; }
.about-cta a { padding-bottom:9px; border-bottom:1px solid #d99b67; color:#e1aa78; }
@media(max-width:900px){.about-main{padding-top:74px}.about-hero{grid-template-columns:1fr}.about-visual{min-height:460px}.about-portrait{width:min(72%,340px);height:370px}.about-visual::after{width:min(78%,360px);height:390px}.about-content{padding:70px 24px}.about-text{grid-template-columns:1fr;gap:22px}.about-cta{align-items:flex-start;flex-direction:column}}