/* V5: an editorial brand story, with no decorative image or logo. */
.brand-story.brand-story-editorial { grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); gap: clamp(2rem,5vw,5rem); align-items: start; padding: clamp(2rem,5vw,4.5rem) 0; background: transparent; border: 0; border-top: 1px solid #c8b78e; border-bottom: 1px solid #ded5c3; border-radius: 0; }
.brand-story-editorial h2 { max-width: 17ch; margin-bottom: 0; font-size: clamp(2rem,3.6vw,3.2rem); line-height: 1.12; }
.brand-story-editorial .brand-story-copy { padding-top: 2.15rem; max-width: 58ch; }
.brand-story-editorial .brand-story-copy p { font-size: 1.0625rem; line-height: 1.8; }
.brand-story-editorial .brand-story-copy p:last-child { margin-bottom: 0; }
@media (max-width:760px) { .brand-story.brand-story-editorial { grid-template-columns: 1fr; gap: 1.5rem; } .brand-story-editorial .brand-story-copy { padding-top: 0; } }
/* About page: portrait and concise brand statement. */
.about-hero-photo{margin:0;min-width:0}
.about-hero-photo img{display:block;width:100%;height:clamp(360px,38vw,500px);object-fit:cover;object-position:center 45%;border-radius:12px;box-shadow:0 18px 45px rgba(16,40,78,.13)}
.brand-story.brand-story-editorial{display:block;padding:clamp(1.5rem,3vw,2.5rem) 0;margin-bottom:clamp(3rem,5vw,4rem)}
.brand-story-editorial h2{max-width:28ch}
@media(max-width:760px){.about-hero-photo{width:min(100%,460px)}.about-hero-photo img{height:420px}}