@font-face{font-family:Nautigal;src:url('assets/nautigal.woff2')}@font-face{font-family:LeJour;src:url('assets/lejour.woff2')}@font-face{font-family:Montserrat;src:url('assets/montserrat.woff2');font-weight:400}@font-face{font-family:Montserrat;src:url('assets/montserrat-bold.woff2');font-weight:700}
:root{--blue:#637190;--white:#fffcf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e8ebef;color:var(--blue);font-family:Montserrat,Arial,sans-serif}main{width:100%;max-width:480px;margin:0 auto;container-type:inline-size;background:white;box-shadow:0 0 60px #35456312}h1,h2,p{margin:0}h2{font:400 3.5cqw/1.4 Montserrat;text-transform:uppercase}.blue{background:var(--blue);color:var(--white)}.script{font-family:Nautigal,cursive;font-weight:400}.hero{height:164.7cqw;position:relative;color:white;text-align:center}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-photo{object-position:center}.hero-shade{background:#00000008}.hero-title{position:absolute;top:37cqw;left:0;width:100%}.xv{font:400 13.6cqw/1 LeJour,serif;display:block}.hero h1 .script{font-size:22cqw;line-height:1;display:block;margin-top:-1cqw}.hero-bottom{position:absolute;top:99cqw;width:100%}.countdown{display:flex;align-items:flex-start;justify-content:center;gap:3cqw;font-variant-numeric:tabular-nums}.countdown div{width:16cqw;display:flex;flex-direction:column}.countdown strong{font:400 8.5cqw/1.1 Montserrat}.countdown span{font:400 2.5cqw/1.5 Montserrat;margin-top:2.5cqw}.countdown i{font:400 8cqw/1 Montserrat;font-style:normal}.message{height:30.5cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 11cqw;text-align:center}.message p{font-size:3.25cqw;font-style:italic;line-height:1.35;text-transform:uppercase}.message .ornament:first-child{display:none}.ornament{font:400 2.8cqw/1 Montserrat;display:block;letter-spacing:.04em;margin-top:2.5cqw}.desktop-break{display:none}.details{display:block}.detail{height:51.2cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.icon{width:10.6cqw;height:10.6cqw;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;display:block;margin:0 auto 1.6cqw}.detail h2{margin-bottom:4cqw}.event-date,.venue,.time{font-size:2.7cqw;letter-spacing:.12em;line-height:1.8}.time{margin-top:1cqw}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;font:400 3.25cqw/1.4 Montserrat;letter-spacing:.06em;border:0;border-radius:0;text-decoration:underline;padding:.65cqw 2cqw;cursor:pointer}.button:before,.alias:before{content:'';position:absolute;inset:-12px -8px}.light{background:var(--white);color:var(--blue)}.primary{background:var(--blue);color:var(--white)}.location .button{margin-top:3.3cqw}.portrait{height:118.2cqw;position:relative;background:#172121;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 67%}.portrait-label{position:absolute;top:10cqw;left:0;width:100%;text-align:center;color:white}.portrait-label>span:first-child{display:block;font:400 12cqw/1 LeJour}.portrait-label .script{display:block;font-size:20cqw;line-height:1}.dress{height:58.7cqw;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.dress .icon{width:18cqw;height:12cqw;margin-bottom:0}.dress h2{font-size:3.2cqw}.dress-title{font-weight:700;text-transform:uppercase;font-size:3.65cqw;letter-spacing:.08em;line-height:1.4}.dress p:last-child{font-size:2.7cqw;line-height:1.45;letter-spacing:.08em;margin-top:7cqw}.gifts{height:59.2cqw;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 12cqw;position:relative}.gifts>.icon{width:11cqw;height:11cqw}.gifts>p:not(.copy-status){font-size:2.7cqw;line-height:1.45;letter-spacing:.06em;text-transform:uppercase;margin:4cqw auto 3.5cqw}.alias{position:relative;border:0;border-radius:0;background:var(--blue);color:var(--white);font:400 2.65cqw/1.5 Montserrat;padding:.6cqw 2cqw;cursor:pointer}.alias strong{font-weight:700}.copy-status{position:absolute;bottom:2cqw;left:0;width:100%;font-size:2.7cqw;min-height:1em}.ocean{height:31.8cqw;background:linear-gradient(#6371906b,#6371906b),url('assets/playa.jpeg') center 76%/260%;color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.ocean p{font-size:3.4cqw;line-height:1.4}.ocean .ornament{margin-top:2.5cqw}.rsvp{height:41.1cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.rsvp .icon{width:11cqw;height:11cqw;margin-bottom:2cqw}.rsvp h2{font-size:3.5cqw;margin-bottom:3.5cqw}.closing{height:90cqw;position:relative;overflow:hidden}.closing img{width:100%;height:100%;object-fit:cover;object-position:50% 44%}.closing-title{position:absolute;top:6.5cqw;left:0;width:100%;text-align:center}.closing-title p{font-size:5cqw;line-height:1.4}.closing-title .script{font-size:24cqw;line-height:1.05;display:block}a:focus-visible,button:focus-visible{outline:2px solid #ad8f54;outline-offset:5px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero h1 .script{margin-top:-6cqw}.portrait-label .script{margin-top:-5cqw}.portrait img{transform:scale(1.2);transform-origin:center bottom;object-position:center bottom}.ocean{background-position:center 66%;background-size:260%}.closing{height:56.3cqw}.closing img{object-position:center 68%}.closing-title .script{font-size:21cqw}.button{text-transform:uppercase}
@media(min-width:760px){body{background-image:linear-gradient(rgba(70,89,121,.12),rgba(70,89,121,.12)),url('assets/mar-hd.png');background-size:cover;background-position:center;background-attachment:fixed}}
.event-today{position:absolute;bottom:calc(100% + 3cqw);left:0;width:100%;font:700 4cqw/1.4 Montserrat;letter-spacing:.14em;color:white;text-align:center}

.site-credit{background:#294c68;text-align:center;padding:13px 16px}.site-credit a{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:32px;color:#fffdf7;font:400 13px/1.5 Montserrat,Arial,sans-serif;text-decoration:none}.site-credit img{display:block;width:66px;height:auto;flex-shrink:0;filter:brightness(0) invert(1)}.site-credit a:hover span{text-decoration:underline}
.hero{overflow:hidden}.hero-photo{transform:scale(1.1);transform-origin:center top}
/* Delicate motion: presentation only, with no layout changes. */
.motion-pending{opacity:0;transform:translateY(24px)}.motion-ready{opacity:1;transform:translateY(0);transition:opacity 1.5s ease,transform 1.5s cubic-bezier(.2,.65,.3,1);transition-delay:var(--motion-delay,0ms)}
.button,.alias{transition:background-color .25s ease,box-shadow .25s ease,transform .25s ease}.button:active,.alias:active{transform:scale(.98)}.site-credit a{transition:opacity .25s ease}
@media(hover:hover){.button:hover,.alias:hover{transform:translateY(-1px);box-shadow:0 3px 10px #17263618}.site-credit a:hover{opacity:.8}}
@media(prefers-reduced-motion:reduce){.motion-pending,.motion-ready{opacity:1;transform:none;transition:none!important}.button,.alias,.site-credit a{transition:none!important;transform:none!important}}

.rsvp-deadline{font:400 2.7cqw/1.5 Montserrat;color:var(--blue);margin-top:3cqw;padding:0 5cqw}

.dress h2{font-size:4.1cqw}.dress-title{font-size:6cqw;letter-spacing:.06em;line-height:1.35}

.title-rise.motion-pending{opacity:0;transform:translateY(48px)}.title-rise.motion-ready{transition-duration:1.5s;transition-timing-function:cubic-bezier(.16,1,.3,1)}
@media(prefers-reduced-motion:reduce){.title-rise.motion-pending{opacity:1;transform:none;transition:none}}


.detail h2{font-size:4.6cqw}.rsvp h2{font-size:4.5cqw}
