[data-variant='sorot'] .bg-video{background: #0a0a0a var(--cover-fallback);}[data-variant='sorot'] .bg-video :is(.bg-still, video){display: none;}.sorot-layers{position: absolute;inset: 0;}.sorot-layer{position: absolute;inset: 0;background-color: #0a0a0a;background-position: center 30%;background-repeat: no-repeat;background-size: cover;filter: grayscale(1) contrast(1.06) brightness(0.92);opacity: 0;transform: scale(1.07);transition: opacity 1.1s ease, transform 7s cubic-bezier(0.16, 0.7, 0.2, 1);will-change: opacity, transform;}.sorot-layer.is-on.is-ready{opacity: 1;transform: scale(1);}.sorot-layer.is-hero{background-position: var(--hero-focus, center 30%);}@media (min-aspect-ratio: 1 / 1){.sorot-layer.is-hero{background-position: var(--hero-focus-wide, var(--hero-focus, center 30%));}}[data-variant='sorot'] .bg-video::after{background: linear-gradient(180deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.42) 26%, rgba(0, 0, 0, 0.5) 55%, rgba(0, 0, 0, 0.84) 100%);opacity: 1;}[data-variant='sorot'] .bg-video.is-top::after{opacity: 0.85;}@media (prefers-reduced-motion: reduce){.sorot-layer{transition: opacity 0.6s ease;transform: none;}}.sorot-count{position: fixed;top: calc(18px + env(safe-area-inset-top, 0px));left: 22px;z-index: 110;display: flex;align-items: center;gap: 10px;max-width: calc(100% - 90px);font-family: var(--font-sans);font-size: 0.6rem;font-weight: 500;letter-spacing: 0.26em;text-transform: uppercase;color: rgba(255, 255, 255, 0.86);pointer-events: none;transition: opacity 0.5s ease;}.sorot-count i{width: 26px;height: 1px;background: currentColor;opacity: 0.6;}.sorot-count .sc-title{margin-left: 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: rgba(255, 255, 255, 0.62);}body.invitation:not(.is-open) .sorot-count{opacity: 0;}[data-variant='sorot'] body.invitation{--color-surface: transparent;--color-surface-2: rgba(255, 255, 255, 0.06);}[data-variant='sorot'] :is(h1, h2, h3){font-family: var(--font-display);font-weight: 400;}[data-variant='sorot'] body.invitation main{text-shadow: 0 1px 14px rgba(0, 0, 0, 0.35);}[data-variant='sorot'] body.invitation .eyebrow{font-family: var(--font-sans);font-size: 0.6rem;font-weight: 500;letter-spacing: 0.3em;color: rgba(255, 255, 255, 0.72);}[data-variant='sorot'] body.invitation :is(p, .lede){font-family: var(--font-sans);font-weight: 400;}[data-variant='sorot'] body.invitation .lede{font-size: 0.98rem;line-height: 1.75;color: rgba(255, 255, 255, 0.86);}[data-variant='sorot'] .divider{display: none;}[data-variant='sorot'] body.invitation :is(.card, .map-frame){background: transparent;-webkit-backdrop-filter: none;backdrop-filter: none;border: 0;border-radius: 0;box-shadow: none;}[data-variant='sorot'] body.invitation .btn{border-radius: 999px;font-family: var(--font-sans);font-weight: 600;letter-spacing: 0.2em;text-shadow: none;}[data-variant='sorot'] body.invitation .btn-outline{border-color: rgba(255, 255, 255, 0.55);color: #fff;background: rgba(10, 10, 10, 0.18);}[data-variant='sorot'] .cover-card::before, [data-variant='sorot'] .cover::after, [data-variant='sorot'] .cover-card-content::before{display: none;}[data-variant='sorot'] .cover-card{align-items: flex-end;}[data-variant='sorot'] .cover-card-content{max-width: 520px;text-align: left;padding: 28px 28px calc(48px + env(safe-area-inset-bottom, 0px));}[data-variant='sorot'] .cover-card .eyebrow{display: block;margin-bottom: 0;}[data-variant='sorot'] :is(.cover-names, .inv-hero h1, .closing .cover-names){font-family: var(--font-display);font-weight: 400;text-transform: none;letter-spacing: -0.01em;line-height: 0.9;color: #fff;}[data-variant='sorot'] .cover-names{font-size: clamp(3.6rem, 18vw, 5.4rem);margin: 14px 0 18px;}[data-variant='sorot'] :is(.cover-names, .inv-hero h1, .closing .cover-names) .nm:first-child{display: block;}[data-variant='sorot'] :is(.cover-names, .inv-hero h1, .closing .cover-names) .amp{display: inline-block;margin: 0 0.14em 0 0.9em;font-style: italic;font-size: 0.62em;color: rgba(255, 255, 255, 0.7);}[data-variant='sorot'] .cover-date{font-family: var(--font-sans);font-size: 0.72rem;letter-spacing: 0.32em;color: rgba(255, 255, 255, 0.8);margin-bottom: 30px;}[data-variant='sorot'] .cover-to{display: block;font-family: var(--font-sans);font-size: 0.6rem;letter-spacing: 0.28em;text-transform: uppercase;color: rgba(255, 255, 255, 0.66);}[data-variant='sorot'] .cover-guest{font-family: var(--font-display);font-size: 1.9rem;font-style: italic;line-height: 1.1;margin: 6px 0 22px;padding-bottom: 18px;border-bottom: 1px solid rgba(255, 255, 255, 0.28);color: #fff;}[data-variant='sorot'] .cover-inviter{text-align: left;}[data-variant='sorot'] #open-invitation-btn{min-width: 210px;}[data-variant='sorot'] .inv-hero{min-height: 100svh;align-items: flex-end;justify-content: flex-start;text-align: left;padding: 90px 28px 13svh;}[data-variant='sorot'] .inv-hero .hero-inner{width: 100%;padding: 0;}[data-variant='sorot'] .inv-hero .hero-card{text-align: left;max-width: 520px;margin: 0 auto;}[data-variant='sorot'] .inv-hero h1{font-size: clamp(3.8rem, 19vw, 6rem);margin: 14px 0 22px;}[data-variant='sorot'] .inv-hero .lede{font-size: 0.72rem;letter-spacing: 0.32em;text-transform: uppercase;color: rgba(255, 255, 255, 0.8);}[data-variant='sorot'] body.invitation .section{padding: max(42svh, 260px) 0 13svh;}[data-variant='sorot'] body.invitation .container.narrow{padding-left: 28px;padding-right: 28px;}[data-variant='sorot'] body.invitation .section-head{text-align: left;margin-bottom: 30px;}[data-variant='sorot'] body.invitation .section-head .eyebrow{display: flex;align-items: center;gap: 12px;margin-bottom: 14px;}[data-variant='sorot'] body.invitation .section-head .eyebrow::after{content: '';width: 34px;height: 1px;background: currentColor;opacity: 0.6;}[data-variant='sorot'] body.invitation .section-head h2{font-size: clamp(2.7rem, 12.5vw, 3.8rem);line-height: 0.96;letter-spacing: -0.01em;text-transform: none;color: #fff;}[data-variant='sorot'] body.invitation :is(.text-center, .opening, .opening-text, .opening-greeting){text-align: left;}[data-variant='sorot'] .opening{margin-bottom: 44px;}[data-variant='sorot'] .couple{display: grid;grid-template-columns: 1fr;row-gap: 64px;}[data-variant='sorot'] .couple-card{display: block;text-align: left;position: relative;}[data-variant='sorot'] .couple-card > *{grid-column: auto;grid-row: auto;}[data-variant='sorot'] .couple-amp{display: none;}[data-variant='sorot'] .couple-portrait{position: relative;max-width: none;width: 100%;margin: 0 0 -3.1rem;padding: 0;}[data-variant='sorot'] .couple-portrait::before{display: none;}[data-variant='sorot'] .couple-portrait::after{content: '';position: absolute;inset: 45% 0 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);pointer-events: none;}[data-variant='sorot'] .couple-portrait-window{border-radius: 0;aspect-ratio: 4 / 5;border: 0;}[data-variant='sorot'] .couple-portrait-window img{filter: grayscale(1) contrast(1.05);}[data-variant='sorot'] .couple-card[data-side='bride'] .couple-portrait{width: 86%;margin-left: auto;}[data-variant='sorot'] .couple-role{position: relative;z-index: 1;margin: 0 0 6px 18px;font-family: var(--font-sans);font-size: 0.58rem;letter-spacing: 0.3em;text-transform: uppercase;color: rgba(255, 255, 255, 0.78);}[data-variant='sorot'] .couple-name{position: relative;z-index: 1;margin: 0 0 14px 14px;font-size: clamp(2.6rem, 12vw, 3.4rem);font-style: italic;line-height: 1;color: #fff;}[data-variant='sorot'] .couple-parents{margin-left: 18px;font-size: 0.9rem;line-height: 1.7;color: rgba(255, 255, 255, 0.8);text-align: left;}[data-variant='sorot'] .couple-ig{margin-left: 18px;}[data-variant='sorot'] .couple-card[data-side='bride'] :is(.couple-role, .couple-name, .couple-parents, .couple-ig){margin-left: calc(14% + 14px);}[data-variant='sorot'] .event-cards{display: block;}[data-variant='sorot'] .event-card{padding: 26px 0 24px;text-align: left;border-top: 1px solid rgba(255, 255, 255, 0.26) !important;}[data-variant='sorot'] .event-card:last-child{border-bottom: 1px solid rgba(255, 255, 255, 0.26) !important;}[data-variant='sorot'] .event-card .event-photo{display: none;}[data-variant='sorot'] .event-card .date{font-family: var(--font-display);font-size: 2.1rem;line-height: 1.05;margin: 8px 0 10px;color: #fff;}[data-variant='sorot'] .event-card :is(.time, .loc){font-family: var(--font-sans);font-size: 0.9rem;color: rgba(255, 255, 255, 0.82);}[data-variant='sorot'] .countdown{justify-content: flex-start;gap: 0;margin-top: 36px;}[data-variant='sorot'] .countdown-item{background: transparent;border: 0;padding: 0 22px 0 0;min-width: 0;text-align: left;}[data-variant='sorot'] .countdown-item .num{font-family: var(--font-display);font-size: 2.6rem;line-height: 1;color: #fff;}[data-variant='sorot'] .countdown-item .label{font-family: var(--font-sans);font-size: 0.55rem;letter-spacing: 0.24em;color: rgba(255, 255, 255, 0.66);}[data-variant='sorot'] .add-to-calendar{justify-content: flex-start;}[data-variant='sorot'] .dresscode-block{text-align: left;}[data-variant='sorot'] .story-page{background: transparent;border: 0;box-shadow: none;text-align: left;}[data-variant='sorot'] .story-quote{text-align: left;font-family: var(--font-display);font-style: italic;font-size: 1.6rem;line-height: 1.3;color: #fff;}[data-variant='sorot'] .story-quote cite{font-family: var(--font-sans);font-style: normal;font-size: 0.62rem;letter-spacing: 0.26em;text-transform: uppercase;color: rgba(255, 255, 255, 0.66);}[data-variant='sorot'] .gallery-grid{display: flex;gap: 10px;columns: auto;overflow-x: auto;scroll-snap-type: x mandatory;margin: 0 -28px;padding: 0 28px 4px;scroll-padding: 0 28px;scrollbar-width: none;}[data-variant='sorot'] .gallery-grid::-webkit-scrollbar{display: none;}[data-variant='sorot'] .gallery-grid button, [data-variant='sorot'] .gallery-grid button:first-child{flex: 0 0 74%;aspect-ratio: 3 / 4;margin: 0;border-radius: 0;scroll-snap-align: start;grid-column: auto;grid-row: auto;column-span: none;}[data-variant='sorot'] .gallery-grid img{width: 100%;height: 100%;object-fit: cover;filter: grayscale(1);}[data-variant='sorot'] body.invitation :is(input[type='text'], input[type='number'], input[type='tel'], textarea, select){background: transparent;border: 0;border-bottom: 1px solid rgba(255, 255, 255, 0.4);border-radius: 0;color: #fff;padding-left: 0;padding-right: 0;}[data-variant='sorot'] .closing{text-align: left;padding: max(46svh, 280px) 28px 90px;}[data-variant='sorot'] .closing .cover-names{font-size: clamp(3.4rem, 17vw, 5rem);margin: 18px 0 20px;}:root[data-variant='sorot'] .cover-card .cover-names{font-size: clamp(3.6rem, 18vw, 5.4rem);margin: 14px 0 18px;line-height: 0.9;}@media (max-height: 640px){:root[data-variant='sorot'] .cover-card .cover-names{font-size: clamp(2.6rem, 11svh, 3.6rem);margin: 8px 0 10px;}[data-variant='sorot'] .cover-date{margin-bottom: 14px;}[data-variant='sorot'] .cover-guest{font-size: 1.5rem;margin: 2px 0 12px;padding-bottom: 10px;}}[data-variant='sorot'] body.invitation.is-open::before{content: '';position: fixed;inset: 0 0 auto;height: calc(64px + env(safe-area-inset-top, 0px));z-index: 105;background: linear-gradient(180deg, rgba(6, 6, 6, 0.82) 0%, rgba(6, 6, 6, 0.5) 55%, rgba(6, 6, 6, 0) 100%);pointer-events: none;}[data-variant='sorot'] :is(.music-toggle, .autoscroll-toggle){background: rgba(12, 12, 12, 0.38);color: #fff;border: 1px solid rgba(255, 255, 255, 0.42);box-shadow: none;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);}[data-variant='sorot'] .autoscroll-toggle{left: auto;right: 20px;bottom: calc(76px + env(safe-area-inset-bottom, 0px));}[data-variant='sorot'] .music-toggle[hidden] ~ .autoscroll-toggle{bottom: calc(20px + env(safe-area-inset-bottom, 0px));}[data-variant='sorot'] body.invitation main .container.narrow{padding-right: 52px;}[data-variant='sorot'] #lokasi-section .section-head h2{font-size: clamp(2.2rem, 10vw, 3rem);}[data-variant='sorot'] #rsvp-card :is(p, .muted, .text-center), [data-variant='sorot'] #guestbook-section :is(p, .muted, .text-center){text-align: left;}[data-variant='sorot'] .card-pad{padding-left: 0;padding-right: 0;}[data-variant='sorot'] body.invitation :is(.story-photo, .story-page img){filter: grayscale(1) contrast(1.05);}[data-variant='sorot'] .closing :is(.closing-card, .closing-credit){max-width: 520px;margin-left: auto;margin-right: auto;padding-right: 24px;text-align: left;}[data-variant='sorot'] .closing .closing-text{font-size: 0.95rem;line-height: 1.7;color: rgba(255, 255, 255, 0.84);}[data-variant='sorot'] .closing .closing-eyebrow{display: block;margin-top: 26px;}[data-variant='sorot'] .closing .closing-thanks{font-family: var(--font-display);font-style: italic;font-size: 1.25rem;color: rgba(255, 255, 255, 0.86);}[data-variant='sorot'] .inv-hero .lede{letter-spacing: 0.26em;line-height: 1.9;}[data-variant='sorot'] .countdown-message{text-align: left;justify-self: start;max-width: none;}