.brand-story { color: #1A1613; background: #FFFDF8; }
.brand-chapter { padding: clamp(72px, 9vw, 140px) clamp(24px, 6vw, 96px); }
.brand-chapter-inner { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.3fr); gap: clamp(40px, 7vw, 110px); align-items: start; }
.brand-section-label { margin: 0 0 26px; color: #786A60; font-size: 10px; letter-spacing: .3em; text-transform: uppercase; }
.brand-chapter h2, .brand-closing h2 { margin: 0; font: 300 clamp(34px, 3.8vw, 54px)/1.16 'Cormorant Garamond', serif; text-wrap: pretty; }
.brand-prose { max-width: 64ch; font-size: clamp(15px, 1.15vw, 17px); font-weight: 300; line-height: 1.95; color: #4A423C; }
.brand-prose p { margin: 0 0 1.5em; }
.brand-prose > :last-child { margin-bottom: 0; }
.brand-chapter-warm { background: #F6EFE7; }
.brand-pullquote { margin: 36px 0; padding: 0 0 0 24px; border-left: 1px solid #C2607A; font: italic 300 clamp(24px, 2.2vw, 32px)/1.45 'Cormorant Garamond', serif; color: #1A1613; }
.brand-landscape { height: clamp(280px, 55vh, 620px); overflow: hidden; background: #E7DED4; }
.brand-landscape img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 55%; }
.brand-dreams { position: relative; isolation: isolate; padding: clamp(72px, 10vw, 150px) 24px; background: #0C0A09 url('assets/editorial/shoreline-arrival-1280.webp') center / cover; }
.brand-dreams-shade { position: absolute; inset: 0; z-index: -1; background: rgba(12,10,9,.86); }
.brand-dreams .brand-prose { margin: 0 auto; color: #E4DCD4; }
.brand-dreams .brand-final-line { margin-top: 44px; font: 300 clamp(42px, 5vw, 70px)/1.15 'Cormorant Garamond', serif; color: #FFFDF8; }
.brand-closing { padding: clamp(80px, 11vw, 160px) 24px; text-align: center; background: #F6EFE7; }
.brand-closing h2 { max-width: 22ch; margin: 0 auto 36px; }
.brand-closing .brand-prose { max-width: 55ch; margin: 0 auto; }
.brand-signature { margin: 50px 0 0; font: italic 300 clamp(25px, 2.8vw, 38px)/1.45 'Cormorant Garamond', serif; }
@media (max-width: 760px) {
 .brand-chapter-inner { grid-template-columns: minmax(0, 1fr); gap: 32px; }
 .brand-chapter-heading { max-width: 30ch; }
 .brand-prose { max-width: none; }
 .brand-pullquote { padding-left: 18px; }
}
.brand-dream-title { margin: 0 0 36px; color: #FFFDF8; font: 300 clamp(32px, 4vw, 52px)/1.2 'Cormorant Garamond', serif; text-wrap: pretty; }
.brand-closing .brand-ending { margin: 44px auto 0; }
.brand-prose strong { font-weight: 500; }
.brand-prose { max-width:61ch; font-size:clamp(17px,1.3vw,19px); font-weight:400; line-height:1.78; color:var(--body); }