html,body{height:100%;overflow:hidden;scroll-behavior:auto}.site{position:relative;width:min(100%,480px);height:100svh;height:100dvh;overflow:hidden}.site>.section{position:absolute;inset:0;height:100%;min-height:0;padding:clamp(36px,6svh,60px) 22px 108px;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;align-items:flex-start;background:none}.site>.section[hidden]{display:none!important}.site>.section::-webkit-scrollbar,.section>.panel::-webkit-scrollbar{display:none}.section::after{content:"";position:fixed;top:0;left:50%;transform:translateX(-50%);width:min(100%,480px);height:100svh;height:100dvh;z-index:-2;background:var(--page-bg) center/100% 100% no-repeat;pointer-events:none}.bg1{--page-bg:url('images/bg-1.webp')}.bg2{--page-bg:url('images/bg-2.webp')}.bg3{--page-bg:url('images/bg-3-v2.webp')}.bg4{--page-bg:url('images/bg-4.webp')}.bg5{--page-bg:url('images/bg-5-v2.webp')}.bg6{--page-bg:url('images/bg-6.webp')}.bg7{--page-bg:url('images/bg-7.webp')}.section>.panel{flex-shrink:0;max-height:100%;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}.section.bg1,.section.bg7{align-items:center}.scroll-note{bottom:90px}.music{bottom:88px}.toast{bottom:140px}.maroon-pager{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 44px),370px);z-index:35;display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:999px;background:#300a12ed;backdrop-filter:blur(10px);color:var(--gold2);font-size:11px}.maroon-pager button{width:34px;height:34px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:#6f172544;color:var(--gold2);font-size:19px;cursor:pointer}.maroon-pager button:disabled{opacity:.3;cursor:default}#pageLabel{flex:1}#pageCount{font-size:10px;padding-right:4px}.section.page-active>div{animation:maroon-enter .25s ease}@keyframes maroon-enter{from{opacity:.4}to{opacity:1}}@media(prefers-reduced-motion:reduce){.section.page-active>div{animation:none}}
.maroon-pager button{display:grid;place-items:center}.maroon-pager button svg{display:block}

/* Couple content follows the two arches painted in the background. */
.site>#couple{padding:0;overflow-y:auto}#couple>.panel{position:static;max-height:none;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;overflow:visible}#couple .section-head{position:absolute;top:11%;left:18%;width:64%;margin:0}#couple .eyebrow{font-size:9px;letter-spacing:.24em;margin-bottom:12px}#couple .section-head h2{font-size:clamp(32px,9vw,42px);margin-bottom:14px}#couple .sub{font-size:11px;line-height:1.7;color:#f4dfce}#couple .couple-grid{position:absolute;top:28%;left:9%;right:9%;height:53%;grid-template-columns:repeat(2,minmax(0,1fr));gap:16%;margin:0}#couple .person{min-height:0;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;border:0;border-radius:0;background:none;overflow:visible}#couple .person::before{display:none}#couple .maroon-portrait{width:92%;height:62%;display:flex;align-items:center;justify-content:center;margin:0 0 20px;background:none}#couple .maroon-portrait img{display:block;width:100%;height:100%;object-fit:contain;border-radius:4px;box-shadow:0 6px 22px #17000855}#couple .maroon-portrait:has(img[hidden]){border:1px solid #edcd8b55;border-radius:80px 80px 4px 4px;background:#420d1744}#couple .person-details{width:115%;text-align:center}#couple .person strong{font-size:clamp(18px,5.2vw,23px);line-height:1.15;color:#ffe7b5;overflow-wrap:anywhere}#couple .person small{font-size:9px;line-height:1.7;color:#f1dacf;margin-top:9px;max-height:78px;overflow-y:auto;display:block}#couple .person a{font-size:10px;color:#edd39c}@media(max-width:355px){#couple .section-head{top:10%}#couple .section-head h2{font-size:32px}#couple .sub{font-size:10px}#couple .person small{font-size:8px}#couple .maroon-portrait{margin-bottom:15px}}

/* Oval portraits sit inside the gold arches, with faces kept in the upper center. */
#couple .couple-grid{top:25.5%;left:8.5%;right:8.5%;height:55.5%;gap:15%}#couple .maroon-portrait{width:100%;height:69%;flex-shrink:0;overflow:hidden;border-radius:50% / 28%;margin-bottom:27px;background:#4a111b;box-shadow:0 0 0 1px #dfb87966,0 7px 24px #23030b66}#couple .maroon-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;border-radius:inherit;box-shadow:none}#couple .person-details{width:110%}#couple .person strong{font-size:clamp(17px,4.8vw,21px)}@media(max-width:355px){#couple .maroon-portrait{margin-bottom:23px}}

/* A continuous timeline, without a large glass card over the story artwork. */
.site>#story{padding:clamp(58px,10svh,90px) 16% 112px;align-items:flex-start}#story>.panel{border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;padding:0;max-height:none;overflow:visible}#story .section-head{margin-bottom:29px}#story .eyebrow{font-size:9px;letter-spacing:.23em;margin-bottom:12px}#story .section-head h2{font-size:34px;color:#fff2df}#story .timeline{gap:0;position:relative}#story .timeline::before{content:"";position:absolute;left:4px;top:10px;bottom:20px;width:1px;background:linear-gradient(#e6bf7888,#e6bf7833)}#story .milestone{margin:0;padding:0 0 22px 25px;border:0;border-radius:0;background:none}#story .milestone:last-child{padding-bottom:0}#story .milestone::before{left:0;top:6px;width:9px;height:9px;box-shadow:0 0 0 4px #d7b06a15}#story .milestone time{font-size:9px;letter-spacing:.13em}#story .milestone h3{font-size:21px;line-height:1.15;margin:7px 0 9px;color:#ffedcb}#story .milestone p{font-size:11px;line-height:1.7;color:#efdbd2;margin:0}#story::before{background:linear-gradient(180deg,#28040a0d,#28040a20 65%,#28040a05)}@media(max-width:355px){.site>#story{padding-left:15%;padding-right:15%;padding-top:55px}#story .section-head{margin-bottom:22px}#story .section-head h2{font-size:30px}#story .milestone{padding-bottom:18px}#story .milestone h3{font-size:19px}#story .milestone p{font-size:10px;line-height:1.65}}

/* Event details sit directly inside the two gold frames in the artwork. */
.site>#event{padding:0}#event>.panel{position:static;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;max-height:none;overflow:visible}#event .section-head{position:absolute;top:11%;left:19%;width:62%;margin:0}#event .eyebrow{font-size:9px;letter-spacing:.22em;margin-bottom:12px}#event .section-head h2{font-size:clamp(29px,8vw,38px);line-height:1.1}#event .event-grid{position:absolute;top:23%;left:17%;right:17%;height:54%;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:8.5%;margin:0}#event .event-card{border:0;border-radius:0;background:none;padding:0 2px;display:flex;flex-direction:column;justify-content:center;text-align:center;overflow-y:auto;scrollbar-width:none}#event .event-card::-webkit-scrollbar{display:none}#event .event-card h3{font-size:24px;line-height:1.1;color:#ffe7b5;margin:0 0 12px}#event .meta{grid-template-columns:1fr 1fr;gap:9px 10px;font-size:10px;line-height:1.5;text-align:center}#event .meta>div:nth-child(n+3){grid-column:1/-1}#event .meta b{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#d8b77f}#event .event-card .btn{width:auto;align-self:center;padding:8px 17px;min-height:31px;font-size:10px;margin-top:12px;background:#5a1621b3;border:1px solid #d6b16d99;color:#ffe5b5;box-shadow:none}#event .wk-event{font-size:10px;line-height:1.5}#event .wk-event h3{margin-bottom:10px}#event .wk-event p{font-size:10px;margin:5px 0}#event .wk-event strong{font-size:12px;display:block;overflow-wrap:anywhere}#event .wk-map{display:inline-block;font-size:10px;margin-top:9px;padding:7px 14px;color:#ffe5b5;border:1px solid #d6b16d99;border-radius:999px;text-decoration:none;background:#5a1621b3}@media(max-width:355px){#event .event-card h3{font-size:21px;margin-bottom:9px}#event .meta{font-size:9px;gap:6px 8px}#event .event-card .btn{font-size:9px;padding:7px 12px;margin-top:9px}#event .section-head h2{font-size:29px}}

/* An editorial photo arrangement, with no placeholder blocks or outer panel. */
.site>#gallery{padding:clamp(58px,9svh,84px) 15% 110px;align-items:start}#gallery>.panel{padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;max-height:none;overflow:visible}#gallery .section-head{margin-bottom:25px}#gallery .eyebrow{font-size:9px;letter-spacing:.22em;margin-bottom:12px}#gallery .section-head h2{font-size:31px;color:#fff0d9;margin-bottom:12px}#gallery .sub{font-size:10px;line-height:1.6;color:#f1d7c9}#gallery .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 13px;align-items:start}#gallery .frame{margin:0;padding:4px;aspect-ratio:auto;display:block;border:1px solid #dfbc7b99;border-radius:65px 65px 5px 5px;background:#48121c77;box-shadow:0 5px 20px #25040d55;overflow:hidden}#gallery .frame::after{display:none}#gallery .frame img{display:block;width:100%;height:auto;object-fit:contain;border-radius:inherit}#gallery .frame.wide{grid-column:1/-1;justify-self:center;width:76%;max-width:220px;aspect-ratio:auto;border-radius:60px 60px 8px 8px}#gallery .wk-gallery-photo{width:100%;height:auto;object-fit:contain;border-radius:30px 30px 4px 4px}@media(max-width:355px){#gallery .section-head h2{font-size:27px}#gallery .section-head{margin-bottom:20px}#gallery .gallery{gap:12px 10px}}