@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&display=swap');
:root{--paper:#f4f1e9;--ink:#28322d;--muted:#667267;--line:#c8ccc0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #c89048;outline-offset:6px}header{height:88px;position:absolute;z-index:5;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 5%;color:#fff;border-bottom:1px solid #ffffff40}.monogram{font-family:Georgia,serif;font-size:30px;white-space:nowrap}.monogram span{font-style:italic;font-size:23px;margin:0 5px}nav{display:flex;gap:36px;align-items:center;font-size:14px}.nav-invite{border:1px solid #ffffff80;padding:12px 19px;border-radius:30px}.nav-invite span{margin-left:25px}.hero{position:relative;height:100svh;min-height:730px;color:#fff;overflow:hidden}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 55%;position:absolute;filter:brightness(.85) saturate(.8)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,#101c2260 100%),linear-gradient(0deg,#101c22a8,transparent 35%,#101c2240)}.hero-top{position:absolute;top:125px;left:5%;font-size:12px;letter-spacing:.22em}.hero-title{position:absolute;top:26%;left:59%;right:3%}.hero-title p{font-size:20px;font-weight:400;margin:0 0 20px}.hero h1{font-family:'Italiana',Georgia,serif;font-size:clamp(80px,8.7vw,160px);font-weight:400;line-height:.98;letter-spacing:-.04em;margin:0}.hero h1 em{font-size:.65em;font-family:Georgia,serif;font-weight:400}.hero-bottom{position:absolute;bottom:46px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:13px;letter-spacing:.08em;line-height:2}.hero-bottom div span{letter-spacing:0;opacity:.8}.hero-bottom>a:not(.scroll){border-bottom:1px solid #ffffff80;padding-bottom:6px;font-size:15px;letter-spacing:0}.hero-bottom>a span{margin-left:45px}.scroll{font-size:28px}.vertical{position:absolute;right:22px;top:40%;writing-mode:vertical-rl;font-size:11px;letter-spacing:.24em}.section{padding:110px 7%;display:grid;grid-template-columns:1fr 3fr;gap:35px}.eyebrow{font-size:12px;letter-spacing:.17em;padding-top:12px;line-height:1.8}h2{font-family:'Italiana',Georgia,serif;font-weight:400;font-size:clamp(38px,4vw,65px);line-height:1.15;letter-spacing:-.025em;margin:0 0 35px}h2 em{font-family:Georgia,serif;font-weight:400;font-size:.86em;color:var(--muted)}.intro-bottom{display:flex;gap:60px;align-items:center}.intro p{max-width:470px;line-height:1.85;margin:0}.signature{font-family:Georgia,serif;font-style:italic;font-size:25px;white-space:nowrap}.memories{padding:0 0 100px 7%;overflow:hidden}.gallery-head{display:flex;justify-content:space-between;align-items:center;padding-right:7%;margin-bottom:25px;font-size:12px;letter-spacing:.16em}.gallery-head button{width:45px;height:45px;border-radius:50%;border:1px solid var(--line);background:transparent;margin-left:8px;font-size:20px}.gallery{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:0 7% 18px 0}.gallery figure{flex:0 0 44%;margin:0;scroll-snap-align:start}.gallery figure:nth-child(2){flex-basis:49%}.gallery img{width:100%;height:410px;object-fit:cover;filter:saturate(.65);display:block}.gallery figcaption{font-size:13px;margin-top:18px;color:var(--muted)}.location{background:#dce1d6;grid-template-columns:1fr 1.8fr 1.2fr;align-items:start}.small-title{font-size:12px;letter-spacing:.15em;display:block;margin:12px 0 30px}.location h2{font-size:50px}.location-name{font-size:24px;margin-top:40px}.location p{line-height:1.85;max-width:470px}.text-link{display:inline-flex;gap:60px;border-bottom:1px solid var(--ink);padding:15px 0;font-size:14px}.location-note{font-size:13px;line-height:1.7;margin-top:35px;max-width:340px;color:#576254}.date-art{border:1px solid #9ca995;border-radius:150px 150px 0 0;min-height:400px;margin:30px 0 0 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px 15px}.date-art span{font-size:10px;letter-spacing:.15em}.date-art strong{font-family:'Italiana',serif;font-size:140px;font-weight:400;line-height:1.2}.date-art i{font-family:Georgia,serif;margin:10px 0 40px;font-size:20px}.program-lead{max-width:560px;line-height:1.8;color:var(--muted)}.schedule{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.schedule>div{border-top:1px solid var(--line);padding-top:25px}.schedule span{font-size:12px;color:var(--muted)}h3{font-family:Georgia,serif;font-weight:400;font-size:25px;margin:24px 0 12px}.schedule p{font-size:14px;min-height:40px;line-height:1.6}.schedule small{color:var(--muted);font-size:12px}.invitation{text-align:center;background:var(--ink);color:var(--paper);padding:80px 20px 70px}.invitation .eyebrow{color:#b8c5b6}.invitation>p{line-height:1.7;margin:40px 0 24px;font-size:16px}.invitation h2{font-size:clamp(60px,7vw,105px);margin-bottom:35px}.invitation h2 em{color:#b7c6ad}.invite-details{font-size:12px;letter-spacing:.12em}.invite-details span{margin:0 14px}.invite-button,.dialog-ok{border:0;background:var(--paper);color:var(--ink);padding:20px 30px;border-radius:40px;margin:35px 0;font-size:15px}.invite-button span{margin-left:45px}.invitation-foot{font-family:Georgia,serif;font-style:italic;color:#becabb;font-size:20px}footer{display:flex;align-items:center;justify-content:space-between;padding:35px 5%;font-size:12px}dialog{border:0;background:var(--paper);color:var(--ink);max-width:600px;width:calc(100% - 36px);padding:50px;border-radius:3px}dialog::backdrop{background:#17251dc9;backdrop-filter:blur(5px)}dialog h2{font-size:40px;margin-top:25px}dialog p{line-height:1.8}.close{position:absolute;right:18px;top:10px;background:transparent;border:0;font-size:30px}.dialog-ok{background:var(--ink);color:white;margin:15px 0 0}.dialog-date{font-size:13px;color:var(--muted)}
@media(min-width:1600px){.hero-title{left:60%}}@media(max-width:900px){nav{gap:20px}.section{grid-template-columns:1fr;padding:70px 6%;gap:30px}.intro-bottom{gap:30px}.location{grid-template-columns:1fr 1fr}.location>.eyebrow{grid-column:1/-1}.location h2{font-size:40px}.date-art{margin-left:0}.hero-title{left:56%}.gallery img{height:330px}.gallery figure,.gallery figure:nth-child(2){flex-basis:70%}}@media(max-width:600px){header{height:76px;padding:0 6%}.monogram{font-size:25px}nav{gap:15px;font-size:12px}nav a:first-child{display:none}.nav-invite{padding:9px 12px}.nav-invite span{display:none}.hero{min-height:750px;max-height:1000px}.hero-photo{object-position:36% center}.shade{background:linear-gradient(0deg,#111f24ed 0%,#14242960 43%,transparent 70%,#182c3150)}.hero-top{top:100px;left:6%;font-size:10px}.hero-title{top:auto;bottom:155px;left:7%;right:7%}.hero-title p{font-size:17px;margin-bottom:10px}.hero h1{font-size:77px;line-height:1.05}.hero h1 br{display:none}.hero h1 em{font-size:.6em}.hero-bottom{bottom:30px;left:7%;right:7%;font-size:11px}.hero-bottom>a:not(.scroll){display:none}.vertical{display:none}.intro-bottom{display:block}.signature{display:block;margin-top:30px}.gallery{gap:18px}.gallery figure,.gallery figure:nth-child(2){flex-basis:88%}.gallery img{height:310px}.gallery-head{font-size:10px;letter-spacing:.08em}.gallery-head button{height:38px;width:38px}.memories{padding-bottom:60px}.location{grid-template-columns:1fr}.date-art{max-width:270px;width:100%;justify-self:center;min-height:320px}.date-art strong{font-size:115px}.date-art i{margin-bottom:25px}.schedule{gap:15px}.schedule h3{font-size:20px}.schedule p{font-size:12px;min-height:60px}.schedule small{font-size:12px}.invite-details{font-size:10px;line-height:2}.invite-details span{margin:0 4px}footer{flex-wrap:wrap;gap:20px}footer>span{font-size:11px}footer>a:last-child{display:none}dialog{padding:35px 25px}dialog h2{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.ceremony-schedule{margin-top:40px}.ceremony-schedule>div{display:grid;grid-template-columns:100px 1fr;align-items:center;border-top:1px solid var(--line);padding:22px 0;gap:20px}.ceremony-schedule time{font-size:22px;font-variant-numeric:tabular-nums}.ceremony-schedule h3{margin:0}.evening-start{margin-top:45px;font-size:13px;letter-spacing:.12em;line-height:1.8}.evening-start time{font-weight:600}.evening-start+.schedule{margin-top:20px}@media(max-width:600px){.ceremony-schedule>div{grid-template-columns:78px 1fr;gap:14px}.ceremony-schedule h3{font-size:22px}.evening-start{font-size:12px}}

.gallery .portrait-photo{flex-basis:30%}.gallery .portrait-photo img{object-position:center 62%}.invitation{position:relative;isolation:isolate;overflow:hidden}.invitation-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2}.invitation:has(.invitation-photo)::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,14,27,.88),rgba(6,14,27,.68));z-index:-1}.invitation h2 em{color:#e0decf}@media(max-width:600px){.gallery .portrait-photo{flex-basis:78%}.gallery .portrait-photo img{height:420px}.invitation-photo{object-position:54% center}}

.hero-photo{filter:none;object-position:center center}@media(max-width:600px){.hero-photo{object-position:27% center}.hero-title{bottom:115px}.hero h1{font-size:clamp(45px,11vw,66px)}}
@media(max-width:600px){.hero-photo{object-position:20% center;height:82%;top:5%}.hero{background:#142b45}.hero h1 em{margin:0 .12em}}
@media(min-width:601px){.hero-photo{object-position:left center}}
@media(min-width:601px) and (max-width:1200px){.hero-title{top:17%;left:6%;right:6%}.hero h1{font-size:65px}.hero h1 br{display:none}.hero h1 em{margin:0 .12em}.hero-title p{font-size:17px;margin-bottom:10px}}

.calendar-link{display:block;width:fit-content;margin:0 auto 10px;border-bottom:1px solid #ddd;padding:8px 0;font-size:16px}.invitation .calendar-note{font-size:13px;margin:0 auto 32px;max-width:360px;line-height:1.6}
