.coe-record .rec-hero{display:grid;grid-template-columns:1.1fr .9fr;min-height:690px;background:#283e34;color:#f6f5ef}.rec-hero-copy{padding:95px 8% 100px 12%;align-self:center}.rec-hero h1{font-size:clamp(55px,6vw,92px);margin:28px 0}.rec-hero h1 em,.rec-wrap h2 em{font-weight:400}.rec-hero-copy>p:not(.coe-eyebrow){font-size:17px;max-width:520px;line-height:1.8;margin-bottom:30px}.coe-record figure{margin:0}.rec-hero figure{position:relative;min-height:690px;background:#283e34;overflow:hidden}.coe-record .rec-hero figure img{object-fit:contain;object-position:center}.rec-hero figcaption{position:absolute;right:20px;bottom:20px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:white}.rec-stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:1480px;margin:auto;padding:34px 6%;border-bottom:1px solid #d4ddd0;gap:20px}.rec-stats strong{display:block;font:44px/1.1 'Playfair Display',Georgia,serif}.rec-stats span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#68796b}.rec-wrap{max-width:1480px;margin:auto;padding:0 6%}.rec-wrap section{padding:100px 0}.rec-wrap h2{font-size:clamp(40px,4.5vw,65px);margin:20px 0 30px}.rec-wrap h3{font-size:29px;margin:0 0 20px}.rec-wrap p{line-height:1.9;margin:0 0 20px}.rec-wrap a:not(.coe-button){text-decoration:underline;text-underline-offset:5px}.rec-lead,.rec-about{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%}.rec-about>.coe-eyebrow,.rec-about>h2{grid-column:1}.rec-about>div{grid-column:2;grid-row:1/4}.rec-intro{font:28px/1.5 'Playfair Display',Georgia,serif}.rec-columns{display:grid;grid-template-columns:1fr 1fr;gap:8%}.rec-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rec-duo img{aspect-ratio:4/3;object-fit:cover}.coe-record figcaption{font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-top:12px;color:#627165}.rec-feature{display:grid;grid-template-columns:1fr 1fr;background:#e8eee3}.rec-feature figure img{aspect-ratio:1/1;object-fit:cover}.rec-feature figcaption{padding:0 20px 14px}.rec-feature>div{padding:clamp(35px,5vw,75px);align-self:center}.rec-feature p{font-size:15px}.rec-three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rec-three img{aspect-ratio:3/4;object-fit:cover}.rec-log details{border-top:1px solid #bbc8b7;border-bottom:1px solid #bbc8b7;margin:35px 0}.rec-log summary{cursor:pointer;padding:20px 0;font-weight:600;display:flex;justify-content:space-between}.rec-log ol{columns:2;column-gap:60px;padding-left:30px}.rec-log li{break-inside:avoid;padding:6px 0;font-size:14px}.rec-note{font-size:12px;color:#61705e}.rec-press{border-top:1px solid #d4ddd0}.rec-cta{text-align:center;background:#263b2f;color:white;padding:90px 6%}.rec-cta h2{font-size:clamp(42px,5vw,70px);margin:20px 0 35px}.coe-record .coe-nav{gap:25px}@media(max-width:800px){.coe-record .rec-hero{display:flex;flex-direction:column;min-height:0}.rec-hero-copy{padding:65px 7% 50px}.rec-hero h1{font-size:clamp(49px,11vw,72px)}.rec-hero figure{min-height:0}.coe-record .rec-hero figure img{height:auto;max-height:75vh;object-fit:contain}.rec-hero figcaption{position:static;padding:10px 7% 20px}.rec-stats{grid-template-columns:1fr 1fr;gap:25px;padding:30px 7%}.rec-stats strong{font-size:36px}.rec-wrap{padding:0 7%}.rec-wrap section{padding:65px 0}.rec-lead,.rec-columns,.rec-feature,.rec-about{display:block}.rec-about>div{margin-top:25px}.rec-intro{font-size:23px}.rec-three{grid-template-columns:1fr 1fr;gap:12px}.rec-three figure:last-child{grid-column:1/-1}.rec-three figure:last-child img{aspect-ratio:4/3}.rec-duo{gap:12px}.rec-duo img{aspect-ratio:3/4}.rec-log ol{columns:1}.rec-cta{padding:70px 7%}}
/* Keep the complete portrait visible without overwhelming the opening section. */
.coe-record .rec-hero{min-height:0}
.coe-record .rec-hero-copy{padding-top:68px;padding-bottom:72px}
.coe-record .rec-hero figure{min-height:0;display:flex;align-items:center;justify-content:center;padding:36px 4% 46px}
.coe-record .rec-hero figure img{width:auto;max-width:100%;height:auto;max-height:500px;object-fit:contain}
@media(max-width:800px){
.coe-record .rec-hero-copy{padding:48px 7% 32px}
.coe-record .rec-hero figure{flex-direction:column;padding:0 7% 32px}
.coe-record .rec-hero figure img{width:auto;max-width:100%;height:auto;max-height:360px}
.coe-record .rec-hero figcaption{position:static;padding:12px 0 0;color:#dce7dc}
}
