.an-root{--terracotta:#b5532f;--azure:#1f5f8b;--cream:#f4ead8;--olive:#6b7b3a;--tile:repeating-conic-gradient(var(--azure) 0 25%, var(--cream) 0 50%) 0 0 / 50% 50%;--ink:color-mix(in srgb, var(--azure) 55%, #1d1a16);--soft:color-mix(in srgb, var(--ink) 64%, transparent);--line:color-mix(in srgb, var(--terracotta) 30%, transparent);--font-display:"Cinzel", Georgia, serif;--font-ui:"Jost", sans-serif;--font-arabic:"Amiri", serif;--ease:cubic-bezier(.22, 1, .36, 1);min-height:100dvh;color:var(--ink);font:15px/1.75 var(--font-ui);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 50% 0, color-mix(in srgb, var(--terracotta) 22%, var(--cream)), var(--cream) 55%), var(--cream)}:where(.an-root) *,:where(.an-root) :before,:where(.an-root) :after{box-sizing:border-box}:where(.an-root) h1,:where(.an-root) h2,:where(.an-root) h3,:where(.an-root) p,:where(.an-root) figure,:where(.an-root) blockquote,:where(.an-root) ol{margin:0}:where(.an-root) button,:where(.an-root) input,:where(.an-root) textarea{font:inherit;color:inherit}:where(.an-root) a{color:inherit;text-decoration:none}:where(.an-root) img{object-fit:cover;width:100%;display:block}:where(.an-root) button{cursor:pointer}.an-root :focus-visible{outline:2px solid var(--azure);outline-offset:3px}.an-root [hidden]{display:none!important}html.an-locked,html.an-locked body{overflow:hidden}.an-eyebrow{font:500 11px/1.6 var(--font-ui);letter-spacing:.24em;text-transform:uppercase;color:var(--terracotta)}.an-text{overflow-wrap:anywhere}.an-text--soft{color:var(--soft);font-size:14px}.an-btn{background:var(--terracotta);min-height:46px;color:var(--cream);font:500 12px/1.2 var(--font-ui);letter-spacing:.18em;text-transform:uppercase;border:0;border-radius:999px;justify-content:center;align-items:center;padding:10px 26px;display:inline-flex}.an-btn--sm{background:var(--azure);min-height:40px;margin-top:12px}.an-btn--block{width:100%}.an-link{color:var(--azure);margin-top:4px;font-size:13px;display:inline-block}.an-basmalah{font:400 25px/1.6 var(--font-arabic);color:var(--azure)}.an-salam{letter-spacing:.06em;color:var(--soft);margin-bottom:12px;font-size:12px}.an-cover{z-index:100;width:100%;max-width:480px;padding:max(30px, env(safe-area-inset-top)) 18px max(22px, env(safe-area-inset-bottom));background:var(--cream);text-align:center;transition:opacity .9s, transform 1.1s var(--ease);align-items:end;display:grid;position:fixed;inset:0 auto 0 50%;overflow:hidden;transform:translate(-50%)}.an-cover__scene{height:100%;position:absolute;inset:0}.an-plaque{background:color-mix(in srgb, var(--cream) 94%, transparent);box-shadow:0 0 0 2px var(--terracotta), 0 20px 40px -18px #0006;border-radius:120px 120px 14px 14px;justify-items:center;gap:4px;padding:26px 18px 22px;display:grid;position:relative}.an-plaque:before{content:"";background:var(--tile);height:14px;box-shadow:0 0 0 2px var(--terracotta);background-size:14px 14px;border-radius:3px;position:absolute;top:-14px;left:22%;right:22%}.an-cover__names{font:500 clamp(30px, 9.6vw, 40px)/1.15 var(--font-display);color:var(--azure);overflow-wrap:anywhere}.an-cover__names em{color:var(--terracotta);font-style:normal}.an-cover__date{letter-spacing:.1em;color:var(--soft)}.an-cover__to{margin-top:12px}.an-cover__guest{font:500 20px/1.3 var(--font-display);overflow-wrap:anywhere;margin-bottom:8px}.an-cover[data-dismissed=true]{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .9s, transform 1.1s var(--ease), visibility 0s 1.1s;transform:translate(-50%,4%)}.an-page{max-width:480px;padding:max(30px, env(safe-area-inset-top)) 16px 100px;text-align:center;margin:0 auto}.an-hero{justify-items:center;gap:8px;margin-bottom:36px;display:grid}.an-hero__arch{background:var(--tile);background-size:22px 22px;border-radius:999px 999px 10px 10px;width:86%;padding:8px;box-shadow:0 16px 30px -16px #0005}.an-hero__arch img{aspect-ratio:3/4;border-radius:999px 999px 6px 6px}.an-hero__names{font:500 clamp(30px, 9.6vw, 40px)/1.15 var(--font-display);color:var(--azure);overflow-wrap:anywhere;margin-top:10px}.an-hero__date{letter-spacing:.1em;color:var(--soft)}.an-section{background:color-mix(in srgb, #fff 45%, var(--cream));box-shadow:0 0 0 1px var(--line), 0 18px 30px -22px #0005;border-radius:14px;margin-bottom:26px;padding:0 20px 28px;position:relative;overflow:hidden}.an-tiles{perspective:600px;grid-template-columns:repeat(8,1fr);margin:0 -20px 24px;display:grid}.an-tiles i{aspect-ratio:1;background:var(--tile);transition:transform .5s cubic-bezier(.3, 1.3, .5, 1) calc(var(--i) * 70ms);background-size:cover;transform:rotateY(90deg);box-shadow:inset 0 0 0 1px #ffffff40}.an-section.is-in .an-tiles i{transform:none}.an-heading{justify-items:center;gap:4px;margin-bottom:18px;display:grid}.an-title{font:500 clamp(24px, 7.6vw, 30px)/1.2 var(--font-display);color:var(--azure);text-wrap:balance;overflow-wrap:anywhere}img.an-ornament{object-fit:contain;width:170px;height:auto;margin-top:8px}span.an-ornament{background:linear-gradient(90deg, var(--terracotta) 0 33%, var(--azure) 0 66%, var(--olive) 0);width:70px;height:3px;margin-top:10px;display:block}.an-quote{font:italic 400 17px/1.7 var(--font-ui)}.an-quote cite{font:500 11px var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--terracotta);margin-top:8px;font-style:normal;display:block}.an-arabic{font:400 26px/2 var(--font-arabic);color:var(--azure);margin-bottom:10px}.an-verse,.an-doa{justify-items:center;gap:10px;display:grid}.an-verse{padding-top:24px}.an-portrait{background:var(--tile);background-size:18px 18px;border-radius:999px 999px 10px 10px;width:82%;margin:0 auto 18px;padding:6px}.an-portrait img{aspect-ratio:3/4;border-radius:999px 999px 6px 6px}.an-people{gap:12px;display:grid}.an-person__photo{background:var(--tile);background-size:14px 14px;border-radius:50%;width:120px;height:120px;margin:0 auto 12px;padding:4px}.an-person__name{font:500 21px/1.3 var(--font-display);color:var(--azure);overflow-wrap:anywhere}.an-person__relation,.an-person .an-text{color:var(--soft);font-size:13px}.an-amp{font:500 34px/1 var(--font-display);color:var(--terracotta)}.an-countdown{grid-template-columns:repeat(4,1fr);gap:8px;margin:4px 0 18px;display:grid}.an-countdown div{background:var(--azure);color:var(--cream);border-radius:40px 40px 6px 6px;padding:12px 2px 8px}.an-countdown strong{font:500 24px/1.1 var(--font-display);font-variant-numeric:tabular-nums;display:block}.an-countdown span{letter-spacing:.1em;text-transform:uppercase;font-size:10px}.an-cards{gap:14px;display:grid}.an-card,.an-note{border:1px solid var(--line);background:var(--cream);border-radius:10px;padding:18px 16px}.an-note{margin-top:14px}.an-card__title,.an-note__title{font:500 19px/1.3 var(--font-display);color:var(--terracotta)}.an-card__date,.an-card__time{color:var(--soft);font-size:13px}.an-card__venue{margin-top:8px;font-weight:500}.an-swatches{justify-content:center;gap:8px;margin-top:10px;display:flex}.an-swatches span{width:26px;height:26px;box-shadow:0 0 0 2px var(--cream), 0 0 0 3px var(--line);border-radius:4px}.an-story__photo{margin:0 auto 18px}.an-story__photo img{aspect-ratio:3/2;border-radius:10px}.an-chapters{gap:18px;padding:0;list-style:none;display:grid}.an-chapter{justify-items:center;gap:2px;display:grid}.an-chapter__no{background:var(--terracotta);place-items:center;width:30px;height:30px;font-size:0;display:grid;transform:rotate(45deg)}.an-chapter__no:after{content:"";background:var(--cream);width:8px;height:8px}.an-chapter__title{font:500 18px/1.3 var(--font-display);color:var(--azure);margin-top:6px}.an-gallery__video{aspect-ratio:16/9;background:#000;border-radius:10px;width:100%;margin-bottom:10px;display:block}.an-gallery__grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.an-gallery__item{background:var(--tile);background-size:16px 16px;border:0;border-radius:999px 999px 8px 8px;padding:4px;overflow:hidden}.an-gallery__item img{aspect-ratio:3/4;border-radius:999px 999px 6px 6px}.an-gallery__item:first-child{border-radius:10px;grid-column:1/-1}.an-gallery__item:first-child img{aspect-ratio:3/2;border-radius:8px}.an-gallery .an-quote{margin-top:16px}.an-gallery .an-btn{margin-top:12px}.an-form{text-align:left;gap:14px;margin-top:12px;display:grid}.an-field{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.an-field legend{margin-bottom:6px;padding:0}.an-input{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;min-width:0;padding:12px 14px;font-size:16px!important}.an-input::placeholder{color:var(--soft)}.an-input--area{resize:vertical;min-height:96px}.an-form__counter{color:var(--soft);justify-self:end;font-size:11px}.an-choices{flex-wrap:wrap;gap:8px;display:flex}.an-choice{cursor:pointer;position:relative}.an-choice input{opacity:0;width:1px;height:1px;position:absolute}.an-choice span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;font-size:13px;display:block}.an-choice input:checked+span{background:var(--azure);border-color:var(--azure);color:var(--cream)}.an-choice input:focus-visible+span{outline:2px solid var(--terracotta);outline-offset:2px}.an-form__note{color:var(--azure);font-size:13px;display:none}.an-form__note[data-show=true]{display:block}.an-wishes{text-align:left;margin-top:22px}.an-wishes__list{overscroll-behavior:contain;gap:8px;max-height:340px;margin-top:8px;display:grid;overflow-y:auto}.an-wish{background:var(--cream);border-left:3px solid var(--terracotta);border-radius:10px;padding:12px 14px}.an-wish__head{justify-content:space-between;gap:8px;display:flex}.an-wish__name{color:var(--azure);overflow-wrap:anywhere;font-weight:500}.an-wish__time,.an-wish__status{color:var(--soft);font-size:11px}.an-wish__message{overflow-wrap:anywhere;font-size:14px}.an-tabs{justify-content:center;gap:8px;margin:12px 0 4px;display:flex}.an-tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;font-size:13px}.an-tab.is-active{background:var(--azure);color:var(--cream)}.an-gift__panel{gap:12px;margin-top:12px;display:grid}.an-gift__number{font:500 21px/1.3 var(--font-display);letter-spacing:.05em;color:var(--azure);overflow-wrap:anywhere;margin:4px 0}.an-gift__qris{max-width:200px;margin:10px auto}.an-closing__photo{aspect-ratio:3/4;border-radius:999px 999px 10px 10px;width:82%;margin:0 auto 18px}.an-closing__content{justify-items:center;gap:10px;display:grid}.an-closing__names{font:500 28px/1.2 var(--font-display);color:var(--terracotta);overflow-wrap:anywhere}.an-music{z-index:75;right:max(16px,50% - 222px);bottom:max(18px, env(safe-area-inset-bottom));background:var(--azure);width:46px;height:46px;color:var(--cream);box-shadow:0 0 0 3px var(--cream), 0 0 0 4px var(--azure);border:0;border-radius:50%;place-items:center;display:grid;position:fixed}.an-music__bars{align-items:flex-end;gap:3px;height:15px;display:flex}.an-music__bars i{background:currentColor;border-radius:2px;width:3px;height:40%}.an-music[data-playing=true] .an-music__bars i{animation:.9s ease-in-out infinite alternate an-bars}.an-music__bars i:nth-child(2){animation-delay:.2s!important}.an-music__bars i:nth-child(3){animation-delay:.4s!important}@keyframes an-bars{to{height:100%}}html.an-js .an-reveal{opacity:0;transition:opacity .8s var(--ease), transform .9s var(--ease);transform:translateY(14px)}html.an-js .an-reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.an-root *,.an-root :before,.an-root :after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}html.an-js .an-reveal{opacity:1;transform:none}}