.brand-story-preview{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);grid-template-areas:"heading image" "copy image";grid-template-rows:1fr 1fr;column-gap:64px;row-gap:26px;padding:72px 0;align-items:start}
.brand-story-heading{grid-area:heading;align-self:end}
.brand-story-heading .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.14em;color:var(--muted);margin-bottom:24px}
.brand-story-title{font-size:clamp(37px,3.9vw,56px);line-height:1.08;letter-spacing:-.055em;font-weight:500}
.brand-story-title>span{display:block}
.brand-story-title em{color:var(--gold);font-style:normal}
.brand-story-image{grid-area:image;border-radius:24px;overflow:hidden;position:relative;align-self:center;aspect-ratio:4/3;background:var(--surface)}
.brand-story-image img{width:100%;height:100%;object-fit:cover}
.brand-story-image:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 60px #0002;pointer-events:none}
.brand-story-copy{grid-area:copy;max-width:440px}
.brand-story-copy>p{font-size:15px;line-height:1.8;color:#c4c2b9}
.brand-story-button{margin-top:30px;min-height:48px;font-size:11px;gap:28px;padding:13px 23px;border-color:#ffffff50;transition:color .2s,border-color .2s}
.brand-story-button:hover{color:var(--gold);border-color:var(--gold)}
.brand-story-copy>.brand-story-editor-note{font-size:12px;border:1px dashed var(--line);padding:16px;margin-top:24px;color:var(--muted)}
.brand-story-preview-text{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"heading copy";grid-template-rows:auto;align-items:center}
.brand-story-preview-text .brand-story-heading{align-self:center}
@media(max-width:1100px){.brand-story-preview{column-gap:38px;row-gap:22px}.brand-story-title{font-size:40px}.brand-story-heading .eyebrow{margin-bottom:20px}.brand-story-copy>p{font-size:14px;line-height:1.75}.brand-story-button{margin-top:23px}.brand-story-image{min-height:430px}}
@media(max-width:749px){
  .brand-story-preview,.brand-story-preview-text{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "image" "copy";grid-template-rows:auto;gap:25px;padding:44px 0}
  .brand-story-preview-text{grid-template-areas:"heading" "copy"}
  .brand-story-heading .eyebrow{font-size:10px;margin-bottom:18px}
  .brand-story-title{font-size:clamp(32px,9.7vw,40px);line-height:1.1}
  .brand-story-image{min-height:0;width:100%;border-radius:20px}
  .brand-story-copy{max-width:none}
  .brand-story-copy>p{font-size:15px;line-height:1.75}
  .brand-story-button{margin-top:25px;min-height:48px}
}
@media(prefers-reduced-motion:reduce){.brand-story-button{transition:none}}