/* About prototype: personal story, approved tokens, no metric tiles. */
.ofer-introduction{padding-block:64px 48px;scroll-margin-top:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(40px,6vw,80px);align-items:start}
.ofer-heading{grid-column:2;grid-row:1;max-width:560px;margin-bottom:28px;padding-top:24px}
.ofer-heading>p{font-size:14px;color:var(--muted);margin-bottom:20px}
.ofer-heading h2{font-size:clamp(34px,3.6vw,52px);font-weight:500;line-height:1.18;letter-spacing:-.025em;color:var(--paper)}
.ofer-story{display:contents}
.ofer-portrait{grid-column:1;grid-row:1 / 3;position:relative;min-width:0;margin:0;overflow:hidden;border-radius:var(--radius-card);background:var(--panel)}
.ofer-portrait img{width:100%;height:660px;object-fit:cover;object-position:center 43%;transform:scale(1.14);transform-origin:50% 43%;display:block}
.ofer-portrait::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,var(--ink));pointer-events:none}
.ofer-portrait figcaption{position:absolute;inset:auto 28px 24px;z-index:1;font-size:26px;color:var(--paper);font-weight:500}
.ofer-portrait figcaption span{display:block;font-size:13px;font-weight:400;margin-top:4px;color:var(--paper)}
.ofer-copy{grid-column:2;grid-row:2;max-width:46ch}
.ofer-copy .ofer-lead{font-size:22px;line-height:1.45;color:var(--paper);margin-bottom:24px}
.ofer-copy>p:not(.ofer-lead){font-size:16px;line-height:1.95;color:var(--muted);margin-top:20px}
.ofer-contact{display:inline-flex;align-items:center;gap:28px;font-size:16px;color:var(--paper);padding-block:12px;margin-top:24px;border-bottom:1px solid var(--accent)}
.ofer-contact span{transition:transform var(--motion-fast)}
.ofer-contact:is(:hover,:focus-visible) span{transform:translateX(-4px)}
.ofer-contact:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.ofer-preview-note{grid-column:1/-1;text-align:center;font-size:11px;color:var(--muted);margin-top:32px}
@media(max-width:820px){.ofer-introduction{display:block}.ofer-heading{padding-top:0}.ofer-story{display:grid}.ofer-portrait,.ofer-copy{grid-column:auto;grid-row:auto}.ofer-story{gap:32px;grid-template-columns:1fr}.ofer-portrait{max-width:460px;width:100%;justify-self:center}.ofer-portrait img{height:480px}.ofer-copy{max-width:55ch}.ofer-heading{margin-bottom:24px}.ofer-copy .ofer-lead br{display:none}}
@media(max-width:480px){.ofer-portrait img{height:410px}.ofer-copy>p:not(.ofer-lead){font-size:15px}.ofer-heading h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.ofer-contact span{transition:none}.ofer-contact:is(:hover,:focus-visible) span{transform:none}}