.cine-chrome{display: none;}body.invitation.is-open .cine-chrome{display: block;}:is([data-variant='layar'], [data-variant='jendela']) .gallery-grid{grid-template-columns: repeat(2, 1fr);grid-auto-rows: auto;gap: 8px;}:is([data-variant='layar'], [data-variant='jendela']) .gallery-grid button, :is([data-variant='layar'], [data-variant='jendela']) .gallery-grid button:first-child{grid-column: auto;grid-row: auto;aspect-ratio: 4 / 5;}:is([data-variant='layar'], [data-variant='jendela']) .gallery-grid button:last-child:nth-child(odd){grid-column: span 2;aspect-ratio: 16 / 10;}[data-variant='letterbox']{--lb-h: clamp(44px, 7.5svh, 68px);}[data-variant='letterbox'] .cover::before{content: '';position: absolute;inset: 0;z-index: 4;pointer-events: none;box-shadow: inset 0 var(--lb-h) 0 #050505, inset 0 calc(var(--lb-h) * -1) 0 #050505;}[data-variant='letterbox'] .cover-card::before{inset: calc(var(--lb-h) + 12px) 14px;}[data-variant='letterbox'] .cover-card-content{padding-bottom: calc(var(--lb-h) + 40px + env(safe-area-inset-bottom, 0px));}@media (max-height: 720px){[data-variant='letterbox'] .cover-card-content{padding-bottom: calc(var(--lb-h) + 28px + env(safe-area-inset-bottom, 0px));}[data-variant='letterbox'] .cover-card-content::before{width: 46px;margin-bottom: 12px;}[data-variant='letterbox'] .cover-names{font-size: clamp(2rem, 8.4svh, 3.2rem);margin: 8px 0;}[data-variant='letterbox'] .cover-date{margin-bottom: 16px;}[data-variant='letterbox'] .cover-guest{margin: 4px 0 14px;}}@media (max-height: 480px){[data-variant='letterbox'] .cover-card-content::before{display: none;}}[data-variant='letterbox'] .cc-bar{position: fixed;left: 0;right: 0;z-index: 120;height: var(--lb-h);display: flex;align-items: center;justify-content: space-between;gap: 14px;padding: 0 22px;background: #050505;color: rgba(255, 255, 255, 0.72);font-family: var(--font-sans);font-size: 0.54rem;font-weight: 500;letter-spacing: 0.32em;text-transform: uppercase;pointer-events: none;}[data-variant='letterbox'] .cc-top{top: 0;padding-top: env(safe-area-inset-top, 0px);}[data-variant='letterbox'] .cc-bottom{bottom: 0;padding-right: 76px;padding-bottom: env(safe-area-inset-bottom, 0px);}[data-variant='letterbox'] .cc-scene{color: var(--color-accent);white-space: nowrap;}[data-variant='letterbox'] .cc-title{overflow: hidden;font-family: var(--font-display);font-size: 0.82rem;letter-spacing: 0.12em;white-space: nowrap;text-overflow: ellipsis;color: #fff;transition: opacity 0.35s ease, transform 0.35s ease;}[data-variant='letterbox'] .cc-title.is-changing{opacity: 0;transform: translateY(5px);}[data-variant='letterbox'] .cc-names{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}[data-variant='letterbox'] .music-toggle{bottom: calc((var(--lb-h) - 44px) / 2 + env(safe-area-inset-bottom, 0px));}[data-variant='letterbox'] .autoscroll-toggle{bottom: calc(var(--lb-h) + 12px + env(safe-area-inset-bottom, 0px));}[data-variant='letterbox'] .bg-video::after{background: rgba(5, 4, 3, 0.68);}[data-variant='letterbox'] .bg-video.is-top::after{opacity: 0.32;}[data-variant='letterbox'] body.invitation .section{padding: calc(var(--lb-h) + 52px) 0 calc(var(--lb-h) + 40px);}[data-variant='letterbox'] body.invitation :is(.card, .map-frame){background: transparent;-webkit-backdrop-filter: none;backdrop-filter: none;border: 0;border-top: 1px solid color-mix(in srgb, var(--color-accent) 40%, transparent);border-bottom: 1px solid color-mix(in srgb, var(--color-accent) 40%, transparent);border-radius: 0;box-shadow: none;}[data-variant='letterbox'] .inv-hero{min-height: 100svh;align-items: center;padding: calc(var(--lb-h) + 40px) 22px;}[data-variant='letterbox'] .inv-hero h1{font-size: clamp(2.2rem, 10vw, 3.6rem);letter-spacing: 0.12em;}[data-variant='letterbox'] .section-head .eyebrow{letter-spacing: 0.42em;}[data-variant='letterbox'] .section-head h2{letter-spacing: 0.06em;}[data-variant='letterbox'] .event-photo{aspect-ratio: 2.39 / 1;border-radius: 0;}[data-variant='letterbox'] .gallery-grid{display: grid;grid-template-columns: 1fr;grid-auto-rows: auto;gap: 10px;columns: auto;}[data-variant='letterbox'] .gallery-grid button, [data-variant='letterbox'] .gallery-grid button:first-child{margin: 0;aspect-ratio: 2.39 / 1;border-radius: 0;column-span: none;grid-column: auto;grid-row: auto;}[data-variant='letterbox'] .gallery-grid img{width: 100%;height: 100%;object-fit: cover;}[data-variant='letterbox'] .couple-portrait-window, [data-variant='letterbox'] .couple-portrait::before{border-radius: 0;}[data-variant='letterbox'] .story-page{border-radius: 0;background: transparent;}[data-variant='letterbox'] .story-photo{aspect-ratio: 2.39 / 1;}[data-variant='letterbox'] .closing{padding-bottom: calc(var(--lb-h) + 60px);}[data-variant='babak'] body.invitation main{counter-reset: babak;}[data-variant='babak'] body.invitation main > .section{counter-increment: babak;}[data-variant='babak'] body.invitation main > :is(.section, .closing){min-height: 100vh;min-height: 100svh;display: flex;flex-direction: column;justify-content: center;padding-top: 72px;padding-bottom: 72px;}[data-variant='babak'] .inv-hero{min-height: 100svh;align-items: center;}[data-variant='babak'] .section-head::before{content: 'Babak ' counter(babak, upper-roman);display: block;margin: 0 auto 14px;font-family: var(--font-display);font-size: 0.86rem;letter-spacing: 0.34em;text-transform: uppercase;color: var(--color-accent);}[data-variant='babak'] .section-head h2{font-size: clamp(2.2rem, 10vw, 3.4rem);}[data-variant='babak'] .bg-video :is(video, .bg-still){filter: sepia(0.28) saturate(1.12) contrast(1.02);}[data-variant='babak'] .bg-video::after{background: linear-gradient(180deg, rgba(26, 12, 0, 0.56), rgba(14, 7, 0, 0.74));}[data-variant='babak'] .bg-video.is-top::after{opacity: 0.4;}[data-variant='babak'] .cc-progress{position: fixed;top: calc(12px + env(safe-area-inset-top, 0px));left: 14px;right: 14px;z-index: 120;display: flex;gap: 4px;pointer-events: none;}[data-variant='babak'] .cc-progress i{position: relative;flex: 1;height: 2px;overflow: hidden;border-radius: 2px;background: rgba(255, 255, 255, 0.26);}[data-variant='babak'] .cc-progress i::after{content: '';position: absolute;inset: 0;background: rgba(255, 247, 233, 0.95);transform-origin: left center;transform: scaleX(var(--p, 0));transition: transform 0.2s linear;}[data-variant='babak'] .cc-progress i.is-done::after{transform: scaleX(1);}[data-variant='babak'] .cc-act{position: fixed;top: calc(22px + env(safe-area-inset-top, 0px));left: 16px;z-index: 120;font-family: var(--font-sans);font-size: 0.52rem;letter-spacing: 0.3em;text-transform: uppercase;color: rgba(255, 247, 233, 0.75);pointer-events: none;}[data-variant='babak'] body.invitation :is(.card, .map-frame){background: rgba(20, 12, 4, 0.28);-webkit-backdrop-filter: none;backdrop-filter: none;border: 1px solid color-mix(in srgb, var(--color-accent) 38%, transparent);border-radius: 2px;}[data-variant='babak'] .couple-portrait{max-width: 200px;}[data-variant='babak'] .couple-portrait::before, [data-variant='babak'] .couple-portrait-window{border-radius: 50%;}[data-variant='babak'] .couple-portrait-window{aspect-ratio: 1;}[data-variant='babak'] .inv-hero h1{font-size: clamp(2.8rem, 13vw, 4.6rem);letter-spacing: 0.02em;text-transform: none;}[data-variant='babak'] .cover-names{text-transform: none;letter-spacing: 0.02em;}[data-variant='babak'] .closing .cover-names{text-transform: none;}[data-variant='babak'] .gallery-grid{display: grid;grid-template-columns: 1fr 1fr;grid-auto-rows: auto;gap: 6px;columns: auto;}[data-variant='babak'] .gallery-grid button, [data-variant='babak'] .gallery-grid button:first-child{margin: 0;aspect-ratio: 3 / 4;column-span: none;grid-column: auto;grid-row: auto;}[data-variant='babak'] .gallery-grid img{width: 100%;height: 100%;object-fit: cover;}[data-variant='babak'] .gallery-grid button:last-child:nth-child(odd){grid-column: span 2;aspect-ratio: 16 / 10;}[data-variant='kredit'] .bg-video :is(video, .bg-still){filter: grayscale(1) contrast(1.08) brightness(0.92);}[data-variant='kredit'] .bg-video::after{background: rgba(0, 0, 0, 0.74);}[data-variant='kredit'] .bg-video.is-top::after{opacity: 0.45;}[data-variant='kredit'] body.invitation :is(img:not(#lightbox-img), .couple-portrait-window, .event-photo, .story-photo, .closing-photo-window){filter: grayscale(1);}[data-variant='kredit'] #lightbox-img{filter: none;}[data-variant='kredit'] .gallery-grid img{filter: grayscale(1);transition: filter 0.8s ease;}[data-variant='kredit'] .gallery-grid button:hover img, [data-variant='kredit'] .gallery-grid button:focus-visible img{filter: none;}[data-variant='kredit'] 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='kredit'] body.invitation .section{padding: 96px 0;}[data-variant='kredit'] .inv-hero{min-height: 100svh;align-items: center;}[data-variant='kredit'] .inv-hero h1{font-size: clamp(2rem, 9vw, 3.2rem);letter-spacing: 0.22em;}[data-variant='kredit'] .inv-hero .eyebrow{letter-spacing: 0.5em;}[data-variant='kredit'] .section-head .eyebrow{font-size: 0.56rem;letter-spacing: 0.5em;color: var(--color-text-soft);}[data-variant='kredit'] .section-head h2{font-size: clamp(1.25rem, 5.6vw, 1.7rem);letter-spacing: 0.22em;text-transform: uppercase;}[data-variant='kredit'] .couple{grid-template-columns: 1fr;row-gap: 46px;}[data-variant='kredit'] .couple-card{display: flex;flex-direction: column;align-items: center;}[data-variant='kredit'] .couple-card > *{grid-column: auto;grid-row: auto;}[data-variant='kredit'] .couple-portrait{max-width: 132px;padding: 0;}[data-variant='kredit'] .couple-portrait::before{display: none;}[data-variant='kredit'] .couple-portrait-window{border-radius: 0;aspect-ratio: 4 / 5;}[data-variant='kredit'] .couple-role{font-size: 0.54rem;letter-spacing: 0.42em;color: var(--color-text-soft);}[data-variant='kredit'] .couple-name{font-size: clamp(1.5rem, 7vw, 2.1rem);letter-spacing: 0.08em;}[data-variant='kredit'] .couple-amp{display: none;}[data-variant='kredit'] .event-cards{gap: 0;}[data-variant='kredit'] .event-card{padding: 30px 0;}[data-variant='kredit'] .event-photo{border-radius: 0;}[data-variant='kredit'] .gallery-grid{display: grid;grid-template-columns: repeat(6, 1fr);grid-auto-rows: auto;gap: 3px;columns: auto;}[data-variant='kredit'] .gallery-grid button, [data-variant='kredit'] .gallery-grid button:first-child{margin: 0;aspect-ratio: 1;border-radius: 0;column-span: none;grid-column: span 2;grid-row: auto;}[data-variant='kredit'] .gallery-grid button:nth-child(3n + 1):nth-last-child(2), [data-variant='kredit'] .gallery-grid button:nth-child(3n + 2):last-child{grid-column: span 3;}[data-variant='kredit'] .gallery-grid button:nth-child(3n + 1):last-child{grid-column: span 6;aspect-ratio: 2 / 1;}[data-variant='kredit'] .gallery-grid img{width: 100%;height: 100%;object-fit: cover;}[data-variant='kredit'] .story-page{background: transparent;border: 0;}[data-variant='kredit'] .closing .cover-names{letter-spacing: 0.2em;}[data-variant='jendela'] body.invitation{background: var(--color-bg);--color-surface: rgba(255, 252, 245, 0.55);--color-surface-2: rgba(255, 252, 245, 0.7);--color-border: rgba(60, 50, 35, 0.16);}[data-variant='jendela'] .bg-video::after{background: rgba(20, 16, 10, 0.22);}[data-variant='jendela'] .bg-video.is-top::after{opacity: 1;}[data-variant='jendela'] body.invitation main > :is(.section, .closing) > .container{width: auto;margin: 0 16px;padding: 44px 22px 40px 22px;background: rgba(247, 242, 232, 0.6);-webkit-backdrop-filter: blur(16px) saturate(1.1);backdrop-filter: blur(16px) saturate(1.1);border: 1px solid rgba(255, 255, 255, 0.5);border-radius: 3px;box-shadow: 0 24px 50px -34px rgba(0, 0, 0, 0.55);}@container inv (max-width: 640px){[data-variant='jendela'] body.invitation main > :is(.section, .closing) > .container{padding-right: 44px;}}@container inv (min-width: 641px){[data-variant='jendela'] body.invitation main > :is(.section, .closing) > .container{max-width: 620px;margin-inline: auto;}}[data-variant='jendela'] body.invitation main > .closing{margin: 0 16px 96px;padding: 44px 22px 40px;background: rgba(247, 242, 232, 0.6);-webkit-backdrop-filter: blur(16px) saturate(1.1);backdrop-filter: blur(16px) saturate(1.1);border: 1px solid rgba(255, 255, 255, 0.5);border-radius: 3px;box-shadow: 0 24px 50px -34px rgba(0, 0, 0, 0.55);}@container inv (max-width: 640px){[data-variant='jendela'] body.invitation main > .closing{padding-right: 44px;}}@container inv (min-width: 641px){[data-variant='jendela'] body.invitation main > .closing{max-width: 620px;margin-inline: auto;}}[data-variant='jendela'] body.invitation :is(.card, .map-frame){-webkit-backdrop-filter: none;backdrop-filter: none;background: rgba(255, 252, 245, 0.55);}[data-variant='jendela'] body.invitation :is(#acara-section, #galeri-section, #guestbook-section){margin-top: 56svh;}[data-variant='jendela'] .inv-hero{min-height: 100svh;}[data-variant='jendela'] .inv-hero h1{color: #fff;}[data-variant='jendela'] .section-head h2{color: var(--color-text);}[data-variant='jendela'] .couple-amp{background: transparent;box-shadow: none;}[data-variant='jendela'] .fn-label{background: var(--color-text);color: var(--color-bg);}[data-variant='jendela'] .story-page{background: rgba(255, 252, 245, 0.55);}[data-variant='babak'] .bg-video.fit-contain .bg-fill{filter: sepia(0.28) saturate(1.12) contrast(1.02) blur(24px);}[data-variant='kredit'] .bg-video.fit-contain .bg-fill{filter: grayscale(1) contrast(1.08) brightness(0.92) blur(24px);}[data-variant='letterbox']{--lb-h: 0px;}[data-variant='letterbox'] .cover::before{content: none;}[data-variant='letterbox'] .cc-bar{display: none;}[data-variant='letterbox'] .music-toggle, [data-variant='letterbox'] .autoscroll-toggle{bottom: calc(20px + env(safe-area-inset-bottom, 0px));}