:root{--paper:#fff;--cream:#f1efe9;--ink:#0c0c0c;--gold:#ad8d54}
body,.hero,.story,.building,.buzz{background:#fff}
.hero-image img{mix-blend-mode:multiply}
.portrait-break{min-height:90vh;background:#fff;display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);align-items:stretch;justify-content:stretch}
.portrait-break::before{content:"";grid-column:1;grid-row:1;background:var(--cream)}
.portrait-break img{grid-column:2;grid-row:1;width:100%;height:90vh;max-width:none;max-height:none;object-fit:cover;object-position:center top;filter:grayscale(100%)}
.portrait-break blockquote{grid-column:1;grid-row:1;position:relative;left:auto;bottom:auto;z-index:1;align-self:center;width:auto;max-width:9ch;padding:var(--pad);font-size:clamp(2.7rem,4.7vw,5rem);line-height:.96;color:var(--ink)}
.creative{background:#fff}
.creative-copy{background:var(--cream)}
footer{background:var(--cream)}
[dir="rtl"] .portrait-break{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}
[dir="rtl"] .portrait-break::before,[dir="rtl"] .portrait-break blockquote{grid-column:2}
[dir="rtl"] .portrait-break img{grid-column:1}
@media(max-width:800px){.portrait-break,[dir="rtl"] .portrait-break{min-height:auto;display:flex;flex-direction:column;background:#fff}.portrait-break::before{display:none}.portrait-break img,[dir="rtl"] .portrait-break img{order:1;width:100%;height:68vh;object-position:center top}.portrait-break blockquote,[dir="rtl"] .portrait-break blockquote{order:2;max-width:none;margin:0;padding:4rem var(--pad);background:var(--cream);font-size:clamp(2.5rem,11vw,4.6rem)}.hero-image img{mix-blend-mode:normal}}