:root{--background: #f6f4f2;--blue-gray: #3b5c81;--deep: #6581a1;--accent: #7e6f5d;--muted: #b1c1d4;--font-text: "LT Remark", "Cormorant Garamond", Georgia, serif;--font-script: "Balqis Cyrillic", "Great Vibes", cursive;--font-caps: "Montserrat", system-ui, sans-serif;--frame: 375;--max-width: 480px;--px: calc(min(100vw, var(--max-width)) / var(--frame));--zoom: 1}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;background:var(--background)}body{font-family:var(--font-text);color:var(--blue-gray);background:var(--background);-webkit-font-smoothing:antialiased}body[data-locked=true]{overflow:hidden;height:100svh}img,video{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}#root{width:100%}.section{position:relative;width:100%;min-height:100svh;overflow:hidden;overflow:clip;background:var(--background)}.section__inner{position:relative;display:flex;flex-direction:column;justify-content:center;width:min(100vw,var(--max-width));min-height:100svh;margin-inline:auto}.frame{position:relative;flex:none;width:100%;height:calc(var(--frame-h, 720) * var(--px))}.stack{display:flex;flex-direction:column;align-items:center}.at{position:absolute;left:0;right:0;display:flex;flex-direction:column;align-items:center}.section--deep{background:var(--deep);color:#fff}.title{font-family:var(--font-script);font-size:calc(35 * var(--px));line-height:.95;text-align:center;font-weight:400;padding-top:calc(50 * var(--px))}.section--deep .title{color:var(--background)}.body-text{font-size:calc(16 * var(--px));line-height:1.35;text-align:center}.header{position:fixed;inset:0 auto auto 50%;transform:translate(-50%);z-index:40;width:min(100vw,var(--max-width));display:flex;align-items:center;justify-content:space-between;padding:calc(24 * var(--px)) calc(32 * var(--px));background:#ffffff47;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:opacity .6s ease,transform .6s ease}.header[data-hidden=true]{opacity:0;pointer-events:none;transform:translate(-50%,-100%)}.header__brand{font-size:calc(18 * var(--px));color:var(--blue-gray)}.header__sound{width:calc(24 * var(--px));height:calc(24 * var(--px));display:grid;place-items:center;color:var(--blue-gray);transition:opacity .3s ease}.header__sound[data-muted=true]{opacity:.55}.sound-icon{width:100%;height:100%}.sound-icon__wave{animation:wave-drift 2.4s linear infinite}.sound-icon__wave[data-playing=false]{animation-play-state:paused}@keyframes wave-drift{to{transform:translate(var(--wave-period))}}.scroll-hint{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:30;width:min(100vw,var(--max-width));height:calc(82 * var(--px));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(7 * var(--px));background:#ffffff1a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none;transition:opacity .6s ease}.scroll-hint[data-hidden=true]{opacity:0}.scroll-hint__label{font-size:calc(14 * var(--px));line-height:calc(18 * var(--px));color:var(--blue-gray)}.scroll-hint__icon{width:calc(23 * var(--px));transform:rotate(180deg);animation:bob 2.2s ease-in-out infinite}@keyframes bob{0%,to{transform:rotate(180deg) translateY(0)}50%{transform:rotate(180deg) translateY(calc(-4 * var(--px)))}}.shell-scene{position:relative;height:420svh}.shell-scene__sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:#cfe0ee}.stage{position:absolute;inset:0}.stage__frame{--frame-w: calc(max(min(100vw, var(--max-width)), 100svh * 9 / 16) * var(--zoom));--frame-h: calc(var(--frame-w) * 16 / 9);position:absolute;left:calc(50% - var(--frame-w) / 2);top:calc(50% - var(--frame-h) / 2);width:var(--frame-w);height:var(--frame-h)}.stage__frame video,.stage__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.stage__video{transition:opacity .35s ease}.stage__video[data-hidden=true]{opacity:0}.card-text{position:absolute;left:28.3%;top:33.9%;width:44.5%;height:30.6%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(6 * var(--px));color:var(--blue-gray);text-align:center}.card-text__name{font-family:var(--font-script);font-size:calc(38 * var(--px));line-height:1;font-weight:400}.card-text__amp{font-family:var(--font-script);font-size:calc(26 * var(--px));line-height:1}.card-text__date{font-size:calc(14 * var(--px));line-height:calc(18 * var(--px));margin-top:calc(18 * var(--px))}.save-the-date{position:absolute;top:calc(110 * var(--px));left:0;right:0;text-align:center;z-index:20;font-family:var(--font-caps);font-weight:500;font-size:calc(16 * var(--px));letter-spacing:.04em;text-transform:uppercase;color:var(--blue-gray);white-space:nowrap}.intro-cta{position:absolute;inset:0;z-index:20;transition:opacity .5s ease}.intro-cta[data-hidden=true]{opacity:0;pointer-events:none}.intro-cta__hit{position:absolute;left:15%;top:25.5%;width:70%;height:36.5%;display:grid;place-items:center;border-radius:46% 46% 40% 40%}.intro-cta__label{font-family:var(--font-script);font-size:calc(30 * var(--px));line-height:1.05;text-align:center;color:var(--blue-gray);animation:breathe 3.4s ease-in-out infinite}@keyframes breathe{50%{opacity:.55}}.shell-invite{position:absolute;left:17%;top:54%;width:68%;height:26%;z-index:20;display:flex;align-items:center;justify-content:center;font-size:calc(15 * var(--px));line-height:1.45;text-align:center;color:var(--blue-gray);opacity:0;pointer-events:none}.calendar{position:absolute;left:calc(35 * var(--px));top:calc(121 * var(--px));width:calc(306 * var(--px));display:flex;flex-direction:column;gap:calc(28 * var(--px))}.calendar__head{display:flex;align-items:center;justify-content:space-between;font-size:calc(16 * var(--px))}.calendar__month{text-transform:uppercase}.calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:calc(20 * var(--px));font-size:calc(16 * var(--px));text-align:center}.calendar__weekday{padding-bottom:calc(21 * var(--px))}.calendar__day{position:relative;display:grid;place-items:center;height:calc(18 * var(--px));isolation:isolate}.calendar__day--outside{color:var(--muted)}.calendar__day--marked{color:#fff;opacity:.8}.calendar__heart{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-172.62deg) scaleX(-1);width:calc(30 * var(--px));z-index:-1}.program{position:absolute;inset:0;padding-top:calc(130 * var(--px))}.program__line{position:absolute;left:calc(128 * var(--px));top:calc(121 * var(--px));width:1px;height:calc(541 * var(--px));background:var(--blue-gray);transform-origin:top}.program__pearl{position:absolute;left:calc(109 * var(--px));top:calc(116 * var(--px));width:calc(38 * var(--px));height:calc(38 * var(--px))}.program__row{position:relative;height:calc(115 * var(--px))}.program__icon{position:absolute;left:calc(32 * var(--px));top:0;width:calc(80 * var(--px));height:calc(80 * var(--px));overflow:hidden}.program__iconBox{position:absolute;left:calc(50% - 1.5 * var(--px));top:50%;transform:translate(-50%,-50%);width:calc(115 * var(--px));height:calc(64 * var(--px));overflow:hidden}.program__iconBox img{position:absolute;max-width:none}.program__text{position:absolute;left:calc(177 * var(--px));width:calc(175 * var(--px));top:calc(20 * var(--px));display:flex;flex-direction:column;align-items:center;gap:calc(10 * var(--px));text-align:center}.program__title{font-size:calc(19 * var(--px));line-height:1.1}.program__time{font-size:calc(16 * var(--px))}.location__text{position:absolute;left:0;right:0;top:calc(121 * var(--px));display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--px));font-size:calc(16 * var(--px));color:#fff}.location__illustration{position:absolute;left:0;top:calc(197 * var(--px));width:100%}.location__illustration img{width:100%;height:calc(193 * var(--px));object-fit:cover;object-position:bottom}.location__button{display:inline-flex;align-items:center;justify-content:center;gap:calc(4 * var(--px));width:calc(147 * var(--px));padding:calc(10 * var(--px));border-radius:calc(5 * var(--px));background:#fff;color:var(--blue-gray);font-size:calc(16 * var(--px));text-decoration:none}.location__pin{flex:none;width:calc(13 * var(--px));height:calc(16 * var(--px));stroke-width:1.1}.dress{position:relative;overflow:hidden;overflow:clip}.dress__sky,.dress__arch{position:absolute;pointer-events:none;object-fit:cover;max-width:none}.dress__sky{left:calc(-68 * var(--px));top:0;width:calc(511 * var(--px));height:100%;min-height:calc(909 * var(--px))}.dress__arch{left:calc(-52 * var(--px));top:0;width:calc(480 * var(--px));height:calc(853 * var(--px))}.dress__title{font-family:var(--font-script);font-size:calc(35 * var(--px));line-height:.95;text-align:center;white-space:nowrap}.dress__copy{gap:calc(22 * var(--px));text-align:center}.dress__copy>*{width:calc(257 * var(--px))}.dress__caps{font-family:var(--font-caps);font-size:calc(18 * var(--px));letter-spacing:.04em;text-transform:uppercase}.dress__lines{display:flex;flex-direction:column;gap:calc(12 * var(--px));font-size:calc(16 * var(--px));line-height:1.3}.dress__shells{position:absolute;left:0;right:0;top:calc(412 * var(--px));width:calc(244 * var(--px));height:calc(64 * var(--px));margin-inline:auto;overflow:hidden}.dress__shells img{position:absolute;left:0;top:-45%;width:100%;height:192.5%;max-width:none}.dress__people{width:calc(293 * var(--px))}.rsvp__intro{gap:calc(22 * var(--px));text-align:center;color:#fff}.rsvp__intro>*{width:calc(312 * var(--px))}.rsvp__heading{font-family:var(--font-script);font-size:calc(35 * var(--px));line-height:.95}.rsvp__field>*{width:calc(310 * var(--px))}.rsvp__input{padding:0 calc(10 * var(--px)) calc(22 * var(--px)) 0;border:0;border-bottom:1px solid #fff;border-radius:0;background:transparent;color:#fff;font-family:var(--font-text);font-size:calc(16 * var(--px));outline:none}.rsvp__input::placeholder{color:#ffffffd9}.rsvp__input:focus{border-bottom-color:var(--background)}.rsvp__form fieldset{border:0}.rsvp__question{font-size:calc(16 * var(--px));color:#fff;margin-bottom:calc(16 * var(--px))}.rsvp__options{display:flex;flex-direction:column;gap:calc(6 * var(--px))}.rsvp__option{display:flex;align-items:center;gap:calc(8 * var(--px));height:calc(34 * var(--px));padding:calc(10 * var(--px)) calc(16 * var(--px)) calc(10 * var(--px)) 0;border-radius:calc(94 * var(--px));font-size:calc(14 * var(--px));line-height:calc(18 * var(--px));color:#fff;cursor:pointer}.rsvp__option input{position:absolute;opacity:0;pointer-events:none}.rsvp__radio{position:relative;flex:0 0 auto;width:calc(16 * var(--px));height:calc(16 * var(--px));border:1px solid #fff;border-radius:50%}.rsvp__option input:checked+.rsvp__radio:after{content:"";position:absolute;inset:calc(3 * var(--px));border-radius:50%;background:#fff}.rsvp__submit{height:calc(42 * var(--px));margin-bottom:calc(8 * var(--px));border-radius:calc(5 * var(--px));background:var(--background);color:var(--blue-gray);font-size:calc(16 * var(--px));transition:opacity .25s ease}.rsvp__submit:disabled{opacity:.6;cursor:default}.rsvp__status{min-height:calc(20 * var(--px));font-size:calc(14 * var(--px));text-align:center;color:#fff}.rsvp__champagne{display:block;width:calc(149 * var(--px))}.final{position:relative;overflow:hidden;overflow:clip}.dress .frame{overflow:visible}.final .section__inner{justify-content:flex-start}.final__bg{position:absolute;left:calc(-68 * var(--px));top:calc(-60 * var(--px));width:calc(511 * var(--px));height:calc(909 * var(--px));max-width:none;object-fit:cover;pointer-events:none}.final__names{font-family:var(--font-script);font-size:calc(35 * var(--px));line-height:.95;text-align:center}.final__lead{width:calc(181 * var(--px));font-size:calc(16 * var(--px));line-height:1.3;text-align:center}.final__portrait{display:block;width:calc(341 * var(--px))}.footer{position:relative;margin-top:auto;width:100%;padding:calc(20 * var(--px)) calc(31 * var(--px));background:#f1eee933;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:space-between;font-size:calc(15 * var(--px));line-height:calc(24 * var(--px))}.footer a{color:inherit}.footer img{width:calc(14 * var(--px));height:calc(14 * var(--px))}.footer__brand{display:flex;align-items:center}.footer__brand img{width:auto;height:calc(20 * var(--px))}.footer__top{display:flex;align-items:center;padding:calc(10 * var(--px));margin:calc(-10 * var(--px));cursor:pointer}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}