[data-variant=nathan-stephanie] .ns-hero{isolation:isolate;background:var(--color-ink);--ns-hero-text:#fff;height:100dvh;color:var(--ns-hero-text);text-align:center;padding:0;display:block;position:relative;overflow:hidden}[data-variant=nathan-stephanie] .ns-hero:before{display:none}[data-variant=nathan-stephanie] .ns-hero-photo,[data-variant=nathan-stephanie] .ns-hero-shade{pointer-events:none;position:absolute;inset:0}[data-variant=nathan-stephanie] .ns-hero-photo{z-index:1;background:linear-gradient(color-mix(in srgb, var(--color-primary) 34%, transparent), color-mix(in srgb, var(--color-primary) 34%, transparent)), var(--color-ink) var(--hero-image) var(--hero-position,center 35%) / cover no-repeat;background-blend-mode:color, normal;filter:saturate(.88)}@media (orientation:portrait){[data-variant=nathan-stephanie] .ns-hero-photo{background-position:50% -7.5vw;background-size:200%}}[data-variant=nathan-stephanie] .ns-hero-shade{z-index:2;background:radial-gradient(ellipse 130% 90% at 50% 46%, transparent 36%, color-mix(in srgb, var(--color-ink) 34%, transparent) 74%, color-mix(in srgb, var(--color-ink) 58%, transparent) 100%), linear-gradient(180deg, color-mix(in srgb, var(--color-ink) 52%, transparent) 0, color-mix(in srgb, var(--color-ink) 26%, transparent) 28svh, transparent 46svh), linear-gradient(180deg, transparent 70svh, color-mix(in srgb, var(--color-ink) 32%, transparent) 86svh, color-mix(in srgb, var(--color-ink) 70%, transparent) 100svh)}[data-variant=nathan-stephanie] .ns-hero-copy{z-index:5;left:1.5rem;right:1.5rem;top:max(4.5rem, calc(env(safe-area-inset-top) + 4dvh));text-shadow:0 2px 18px color-mix(in srgb, var(--color-ink) 60%, transparent);flex-direction:column;align-items:center;display:flex;position:absolute}[data-variant=nathan-stephanie] .ns-names{font-family:var(--font-display);color:var(--ns-hero-text);text-transform:uppercase;margin:0 0 1rem;font-weight:300;line-height:1}[data-variant=nathan-stephanie] .ns-name-line{letter-spacing:.14em;padding-left:.14em;font-size:clamp(2.4rem,11vw,4.8rem);font-weight:300;line-height:1.18;display:block}[data-variant=nathan-stephanie] .ns-amp{text-transform:none;letter-spacing:0;color:color-mix(in srgb, var(--ns-hero-text) 82%, transparent);margin:.1em 0;font-size:clamp(1.1rem,4.4vw,1.9rem);font-style:italic;font-weight:300;line-height:1;display:block}[data-variant=nathan-stephanie] .ns-meta{font-family:var(--font-body);text-transform:uppercase;color:color-mix(in srgb, var(--ns-hero-text) 94%, transparent);flex-direction:column;align-items:center;gap:.4rem;margin:0;font-weight:300;display:flex}[data-variant=nathan-stephanie] .ns-date{letter-spacing:.38em;padding-left:.38em;font-size:.95rem}[data-variant=nathan-stephanie] .ns-meta a,[data-variant=nathan-stephanie] .ns-meta span:not(.ns-date){letter-spacing:.26em;color:color-mix(in srgb, var(--ns-hero-text) 80%, transparent);padding-left:.26em;font-size:.72rem}[data-variant=nathan-stephanie] .ns-meta a{border-bottom:1px solid color-mix(in srgb, currentColor 50%, transparent);padding-bottom:.15em;text-decoration:none}[data-variant=nathan-stephanie] .ns-countdown-wrap{z-index:5;left:1.5rem;right:1.5rem;bottom:max(5rem, calc(env(safe-area-inset-bottom) + 4.6rem));bottom:calc(100dvh - 100svh + max(5rem, env(safe-area-inset-bottom) + 4.6rem));position:absolute}[data-variant=nathan-stephanie] .ns-scroll-cue{z-index:5;width:max-content;left:0;right:0;bottom:max(1.2rem, calc(env(safe-area-inset-bottom) + .7rem));bottom:calc(100dvh - 100svh + max(1.2rem, env(safe-area-inset-bottom) + .7rem));color:color-mix(in srgb, var(--ns-hero-text) 88%, transparent);text-shadow:0 2px 18px color-mix(in srgb, var(--color-ink) 60%, transparent);flex-direction:column;align-items:center;gap:.3rem;margin-inline:auto;text-decoration:none;transition:color .2s;display:flex;position:absolute}[data-variant=nathan-stephanie] .ns-scroll-cue:hover{color:var(--ns-hero-text)}[data-variant=nathan-stephanie] .ns-scroll-cue-label{font-family:var(--font-body);letter-spacing:.34em;text-transform:uppercase;padding-left:.34em;font-size:.6rem;font-weight:400}[data-variant=nathan-stephanie] .ns-scroll-cue-chevron{width:1.15rem;height:1.15rem;animation:2s ease-in-out infinite ns-scroll-cue-bounce}@keyframes ns-scroll-cue-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(.28rem)}}@media (prefers-reduced-motion:reduce){[data-variant=nathan-stephanie] .ns-scroll-cue-chevron{animation:none}}[data-variant=nathan-stephanie] .ns-countdown-wrap .hero-countdown{opacity:1;flex-direction:row;justify-content:center;align-items:stretch;gap:0;margin:0;animation:none;display:flex}[data-variant=nathan-stephanie] .ns-countdown-wrap .countdown-unit{flex-direction:column;flex:0 5.4rem;align-items:center;gap:.55rem;min-width:0;padding:0}[data-variant=nathan-stephanie] .ns-countdown-wrap .countdown-unit+.countdown-unit{border-left:1px solid color-mix(in srgb, var(--ns-hero-text) 38%, transparent)}[data-variant=nathan-stephanie] .ns-countdown-wrap .countdown-number{font-family:var(--font-display);letter-spacing:.06em;color:var(--ns-hero-text);font-variant-numeric:tabular-nums;font-size:2.3rem;font-weight:300;line-height:1}[data-variant=nathan-stephanie] .ns-countdown-wrap .countdown-label{font-family:var(--font-body);letter-spacing:.3em;text-transform:uppercase;color:color-mix(in srgb, var(--ns-hero-text) 78%, transparent);padding-left:.3em;font-size:.62rem;font-weight:400}[data-variant=nathan-stephanie] .nav{background:color-mix(in srgb, var(--color-ink) 32%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb, var(--color-primary-highlight) 12%, transparent)}[data-variant=nathan-stephanie] .nav a{color:var(--color-primary-highlight)}[data-variant=nathan-stephanie] .nav a.active,[data-variant=nathan-stephanie] .nav a:hover{color:var(--color-primary-light)}[data-variant=nathan-stephanie] .rsvp-section{background:linear-gradient(180deg, color-mix(in srgb, var(--color-ink) 8%, transparent) 0%, transparent 180px), var(--color-rsvp-background)}[data-variant=nathan-stephanie] .rsvp-form{background:var(--color-surface);border-color:color-mix(in srgb, var(--color-primary) 28%, transparent);box-shadow:0 18px 48px color-mix(in srgb, var(--color-ink) 12%, transparent)}[data-variant=nathan-stephanie] .footer{--ns-footer-text:color-mix(in srgb, var(--color-primary) 22%, var(--color-surface));background:color-mix(in srgb, var(--color-primary) 78%, var(--color-ink))}[data-variant=nathan-stephanie] .footer-names{color:var(--ns-footer-text)}[data-variant=nathan-stephanie] .footer-date{color:color-mix(in srgb, var(--ns-footer-text) 62%, transparent)}[data-variant=nathan-stephanie] .footer-credit{color:color-mix(in srgb, var(--ns-footer-text) 50%, transparent)}@media (min-width:700px){[data-variant=nathan-stephanie] .ns-hero-copy{top:max(7rem, calc(env(safe-area-inset-top) + 12dvh))}[data-variant=nathan-stephanie] .ns-name-line{font-size:clamp(2.6rem,5.5vw,4.4rem)}[data-variant=nathan-stephanie] .ns-countdown-wrap .countdown-unit{flex-basis:7.5rem}[data-variant=nathan-stephanie] .ns-countdown-wrap .countdown-number{font-size:3rem}}@media (min-width:700px) and (orientation:landscape){[data-variant=nathan-stephanie] .ns-hero-photo{background-position:50% 14%}}@media (orientation:landscape) and (max-height:500px){[data-variant=nathan-stephanie] .ns-hero-photo{background-position:50% 18%}[data-variant=nathan-stephanie] .ns-hero-copy{top:max(3.2rem, calc(env(safe-area-inset-top) + 2.4rem))}[data-variant=nathan-stephanie] .ns-name-line{font-size:clamp(1.7rem,4.5vw,2.4rem)}[data-variant=nathan-stephanie] .ns-names{margin-bottom:.9rem}[data-variant=nathan-stephanie] .ns-countdown-wrap{display:none}}
