.baker-story{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(680px,40vw,960px);width:100%;max-width:none;margin:0;box-sizing:border-box;overflow:hidden;padding:60px max(4vw,24px);border-block:1px solid #b58a43;background:#252527;color:#f7f0e5}
.baker-portrait{position:absolute;z-index:-1;inset:0;margin:0;width:100%;height:100%}
.baker-portrait picture,.baker-portrait img{display:block;width:100%;height:100%}
.baker-portrait img{object-fit:cover;object-position:left center}
.baker-story-copy{position:relative;width:min(48%,640px);margin-left:52%;padding:0;box-sizing:border-box}
.baker-story-copy .eyebrow{color:#e0bd7b}
.baker-story-copy h2{font-family:var(--serif);font-size:clamp(30px,3.2vw,48px);line-height:1.13;margin:12px 0 24px;color:#fff4df;max-width:16em}
.baker-story-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;margin:0 0 18px;color:#fff5e8;max-width:60ch;text-shadow:0 1px 3px #0008}
.baker-story-copy>p:last-child{margin-bottom:0}
@media(max-width:1100px) and (min-width:901px){.baker-story{min-height:700px;padding-inline:30px}.baker-story-copy{margin-left:54%;width:46%}.baker-story-copy>p:not(.eyebrow){font-size:15px;line-height:1.7}}
@media(max-width:900px){.baker-story{display:block;padding:0;min-height:0;background:#252527}.baker-portrait{position:relative;inset:auto;width:100%;height:clamp(400px,95vw,650px)}.baker-portrait img{object-fit:contain;object-position:center}.baker-story-copy{width:100%;max-width:680px;margin:0 auto;padding:32px 24px 40px}.baker-story-copy h2{font-size:31px;margin-bottom:20px}.baker-story-copy>p:not(.eyebrow){font-size:15px;line-height:1.75}}

/* Keep the original dark text background; extend only the photograph at left. */
@media(min-width:901px){.baker-story{background:radial-gradient(ellipse at 21% 25%,#393a3c 0,#242426 42%,#151517 83%)}.baker-portrait{width:52%;overflow:hidden}.baker-portrait img{width:auto;min-width:100%;max-width:none;height:100%;object-fit:initial;object-position:initial}.baker-story-copy{z-index:1}.baker-story-copy>p:not(.eyebrow){color:#eee6da;text-shadow:none}}
@media(min-width:901px){.baker-portrait{-webkit-mask-image:linear-gradient(to right,#000 0%,#000 80%,transparent 100%);mask-image:linear-gradient(to right,#000 0%,#000 80%,transparent 100%)}}