[data-variant=michael-sarah] .hero{isolation:isolate;background:var(--color-ink);min-height:100svh;color:var(--color-background);grid-template:"rail-top rail-top""first."1fr"amp amp"".second"1fr"rail-bot rail-bot"/1fr 1fr;gap:0 2vw;padding:1.5rem clamp(1.5rem,5vw,4rem) 2.5rem;display:grid;position:relative;overflow:hidden}[data-variant=michael-sarah] .hero-photo{background-image:var(--hero-image);filter:saturate(.82)contrast(.95);z-index:0;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);background-position:50% 32%;background-size:cover;position:absolute;inset:0 0 0 35%}[data-variant=michael-sarah] .hero-wash{background:linear-gradient(115deg, var(--color-ink) 38%, transparent 62%), linear-gradient(0deg, color-mix(in srgb, var(--color-ink) 72%, transparent) 0%, transparent 45%);z-index:1;position:absolute;inset:0}[data-variant=michael-sarah] .hero-rail{z-index:2;font-family:var(--font-body);letter-spacing:.3em;text-transform:uppercase;color:color-mix(in srgb, var(--color-background) 85%, transparent);grid-column:1/-1;justify-content:center;align-items:center;gap:1rem;font-size:.72rem;display:flex}[data-variant=michael-sarah] .hero-rail-top{border-bottom:1px solid color-mix(in srgb, var(--color-background) 18%, transparent);grid-area:rail-top;padding-top:.5rem;padding-bottom:1rem}[data-variant=michael-sarah] .hero-rail-bottom{border-top:1px solid color-mix(in srgb, var(--color-background) 18%, transparent);grid-area:rail-bot;padding-top:1rem}[data-variant=michael-sarah] .hero-rail a{color:inherit;border-bottom:1px solid color-mix(in srgb, var(--color-primary-highlight) 60%, transparent);text-decoration:none;transition:border-color .3s}[data-variant=michael-sarah] .hero-rail a:hover{border-color:var(--color-primary-highlight)}[data-variant=michael-sarah] .hero-rail-sep{opacity:.6}[data-variant=michael-sarah] .hero-name{z-index:3;font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;color:var(--color-background);text-shadow:0 4px 32px color-mix(in srgb, var(--color-ink) 45%, transparent);pointer-events:none;margin:0;font-size:clamp(3.5rem,14vw,11rem);font-weight:300;line-height:.85}[data-variant=michael-sarah] .hero-name-first{grid-area:first;place-self:start;padding-top:1.5vh}[data-variant=michael-sarah] .hero-name-second{text-align:right;grid-area:second;place-self:end;padding-bottom:2vh}[data-variant=michael-sarah] .hero-amp{z-index:3;font-family:var(--font-display);color:var(--color-primary-highlight);text-shadow:0 3px 18px color-mix(in srgb, var(--color-ink) 50%, transparent);pointer-events:none;grid-area:amp;place-self:center;font-size:clamp(4rem,16vw,14rem);font-style:italic;font-weight:300;line-height:1}[data-variant=michael-sarah] .hero-countdown{grid-template-columns:none;gap:1.4rem;margin-top:0;display:flex}[data-variant=michael-sarah] .hero-countdown .countdown-unit{gap:.3rem;position:relative}[data-variant=michael-sarah] .hero-countdown .countdown-unit+.countdown-unit:before{content:"";background:color-mix(in srgb, var(--color-background) 28%, transparent);width:1px;position:absolute;top:15%;bottom:20%;left:-.75rem}[data-variant=michael-sarah] .hero-countdown .countdown-number{font-family:var(--font-display);color:var(--color-background);font-variant-numeric:tabular-nums;font-size:clamp(1.2rem,3.5vw,1.7rem);font-weight:300}[data-variant=michael-sarah] .hero-countdown .countdown-label{font-family:var(--font-body);letter-spacing:.3em;text-transform:uppercase;color:color-mix(in srgb, var(--color-background) 60%, transparent);font-size:.54rem}@media (max-width:640px){[data-variant=michael-sarah] .hero{grid-template-columns:1fr;grid-template-areas:"rail-top""first""amp""second""rail-bot";row-gap:.25rem;padding:1rem 1.25rem 1.75rem}[data-variant=michael-sarah] .hero-photo{clip-path:none;background-position:50% 25%;inset:0}[data-variant=michael-sarah] .hero-wash{background:linear-gradient(180deg, color-mix(in srgb, var(--color-ink) 60%, transparent) 0%, color-mix(in srgb, var(--color-ink) 35%, transparent) 40%, color-mix(in srgb, var(--color-ink) 78%, transparent) 100%)}[data-variant=michael-sarah] .hero-name-first,[data-variant=michael-sarah] .hero-name-second{text-align:center;place-self:center;padding:0;font-size:clamp(3rem,18vw,6rem)}[data-variant=michael-sarah] .hero-name-first{margin-top:auto}[data-variant=michael-sarah] .hero-name-second{margin-bottom:auto}[data-variant=michael-sarah] .hero-amp{font-size:clamp(3.5rem,16vw,6rem)}[data-variant=michael-sarah] .hero-rail{letter-spacing:.22em;gap:.6rem;font-size:.62rem}}