﻿/* The supplied artwork remains intact; typography is layered in its open sky. */
body{background:#f8efdf}.hero{height:900px;max-height:none;background:#446b88}.hero-art{object-position:center 45%}.hero-veil{background:linear-gradient(180deg,#17375055,transparent 48%,#18302055)}.hero-text{padding-top:80px}.hero h1{font-weight:600;font-size:clamp(100px,11vw,160px);line-height:.83;text-shadow:0 3px 24px #162d3c25;margin:40px 0}.hero-note{bottom:70px;right:0;left:0;text-align:center;font-size:36px}.hero-note small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:4px;margin-top:13px}.hero-date{font-size:12px}.hero .scroll{margin-top:25px}.ornament{font-size:0;height:32px;background-image:url('/assets/hero.webp');background-size:640px 960px;background-position:center bottom;border:0}.welcome{padding:110px 25px}.welcome h2{color:#354e59}.date-section{max-width:1200px;padding:0 35px;display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center;border:0;background:none}.date-intro{text-align:center}.date-intro h2{font-size:76px;line-height:.98;color:var(--blue)}.date-intro h2 em{color:var(--terra);font-weight:400}.date-intro p{font:24px/1.5 'Cormorant Garamond',serif}.illustrated-date{position:relative;box-shadow:0 20px 45px #41483213;transform:rotate(1deg)}.illustrated-date>img{width:100%;height:auto;display:block}.date-overlay{position:absolute;top:13%;left:45%;width:37%;text-align:center;color:var(--blue)}.date-overlay h2{font-size:clamp(32px,4vw,58px);margin:0 0 25px;letter-spacing:-2px}.date-overlay .eyebrow{font-size:9px;letter-spacing:1.5px}.date-pair{font:60px/1.1 'Cormorant Garamond',serif;margin:20px 0 5px;white-space:nowrap}.date-pair i{font-size:27px;color:var(--terra)}.date-caption{font-size:8px;letter-spacing:1.4px}.date-overlay .ceremony-time{font-weight:600;font-size:130px;line-height:.7;margin:60px 0 25px;color:#d98150}.date-overlay .ceremony-time em{font-size:62px;line-height:1.2;font-weight:600}.date-overlay p{font:17px/1.4 'Cormorant Garamond',serif}.schedule{max-width:1200px;padding-top:125px}.program-layout{display:grid;grid-template-columns:.9fr 1fr;gap:75px;align-items:center;text-align:left;margin-top:65px}.program-art{display:block;width:100%;height:auto;transform:rotate(-2deg);box-shadow:0 20px 40px #41483210}.events{grid-template-columns:1fr;gap:32px;margin:0}.events h3{font-size:34px}.event-day{font-size:53px}.stay{margin-top:18px}.venue{color:var(--blue);font-size:12px}.dress{padding-top:100px}.rsvp{position:relative;padding-bottom:100px}.rsvp h2{color:var(--blue)}footer{background:#eae8d9}header{border:0;background:#f8efdf}.brand{max-width:470px}.hero-text>.eyebrow{animation:title-in 1.4s ease-out both}.hero-date{animation:title-in 1.8s ease-out both}.hero-note{animation:title-in 2s ease-out both}.hero-art{animation:photo-arrive 2.6s ease-out both}@keyframes photo-arrive{from{transform:scale(1.09);filter:brightness(.8)}to{transform:scale(1);filter:brightness(1)}}@media(min-width:900px){.hero{height:min(900px,100svh);min-height:730px;margin:0}.hero-art{width:58%;right:0;object-position:center 42%}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 10% 90%,#84948866,transparent 60%),#426884}.hero-veil{background:linear-gradient(90deg,#426884 30%,#42688422 58%,transparent 75%)}.hero-text{width:54%;padding-top:100px}.hero h1{font-size:clamp(130px,12vw,190px)}.hero-note{width:54%;bottom:65px}.hero+ .ornament{margin:0}}@media(max-width:899px){.hero{height:850px;max-height:1050px;min-height:700px}.hero-art{object-position:center bottom}.hero-text{padding-top:60px}.hero h1{font-size:120px}.date-section{grid-template-columns:1fr;max-width:570px;padding:0 20px;gap:35px}.date-intro{display:none}.date-overlay h2{font-size:48px}.date-overlay .ceremony-time{font-size:120px}.program-layout{gap:30px}.program-art{align-self:start}.events h3{font-size:29px}}@media(max-width:600px){header{min-height:68px}.hero{height:100svh;min-height:650px;max-height:900px}.hero-text{padding:46px 18px 0}.hero h1{font-size:102px;margin:26px 0}.hero-date{font-size:10px}.hero .scroll{width:32px;height:43px;font-size:19px}.hero-note{bottom:50px;font-size:29px}.hero-note small{font-size:8px;letter-spacing:2.5px}.hero-veil{background:linear-gradient(180deg,#14365550,transparent 50%,#13251744)}.ornament{height:26px}.welcome{padding:75px 24px}.welcome h2{font-size:48px}.date-section{padding:0 10px}.illustrated-date{transform:none}.date-overlay h2{font-size:37px;margin-bottom:20px;letter-spacing:-1.4px}.date-overlay .eyebrow{font-size:7px;letter-spacing:.8px}.date-pair{font-size:44px;margin:14px 0 4px}.date-caption{font-size:6px;letter-spacing:1px}.date-overlay .ceremony-time{font-size:100px;margin:40px 0 13px}.date-overlay .ceremony-time em{font-size:46px}.date-overlay p{font-size:14px}.schedule{padding-top:70px}.program-layout{grid-template-columns:1fr;margin-top:35px}.program-art{width:72%;margin:0 auto 22px;max-width:300px}.events h3{font-size:34px}.dress{padding-top:70px}.rsvp{padding-bottom:70px}.swatches small{font-size:0}.swatches{gap:20px}.swatches i{width:50px;height:66px}}@media(max-width:360px){.date-overlay h2{font-size:31px}.date-overlay .ceremony-time{font-size:82px;margin-top:30px}.date-overlay p{font-size:12px}.hero h1{font-size:90px}}@media(prefers-reduced-motion:reduce){.hero-art,.hero-note,.hero-date,.hero-text>.eyebrow{animation:none}}

