[data-style=darkroom]{--c-bg:oklch(15% .008 40);--c-surface:oklch(19% .01 40);--c-ink:oklch(93% .015 75);--c-accent:oklch(56% .17 38);--c-accent-2:oklch(72% .04 70);--c-on-accent:oklch(15% .008 40);--c-accent-text:oklch(70% .15 42);--radius:0px;--c-deep:oklch(11% .006 40);--c-black:oklch(7% .004 40);--c-dim:color-mix(in oklab, var(--c-ink) 28%, var(--c-bg));--c-soft:color-mix(in oklab, var(--c-ink) 66%, var(--c-bg));--c-hair:color-mix(in oklab, var(--c-ink) 16%, var(--c-bg));--c-veil:oklch(11% .006 40/.55);--ease-out:cubic-bezier(.2,.7,.2,1);--ease-inout:cubic-bezier(.4,0,.2,1);--ease-in:cubic-bezier(.55,0,1,.45);--ease-gate:cubic-bezier(.76,0,.24,1);--dur-quick:.2s;--dur-base:.6s;--dur-slow:.9s;--dur-draw:1.6s;--dur-gate:1.2s;--dur-cut:.62s;--stagger:80ms;--rise-y:18px;--scene-lag:.42s;--pad:clamp(1.25rem, 6cqi, 2rem);--card-radius:14px;--card-shadow:0 40px 120px oklch(0% 0 0/.7), 0 0 0 1px oklch(100% 0 0/.06);--bar-off:oklch(100% 0 0/.26);--bar-on:var(--c-ink)}@layer components{.font-verse{font-family:var(--ff-verse), serif}body{background:var(--c-deep)}.btns{flex-wrap:wrap;gap:.6rem;margin-top:1.25rem;display:flex}.btns--tight{gap:.5rem;margin-top:.75rem}.btn{background:var(--c-accent);min-height:48px;color:var(--c-on-accent);white-space:nowrap;border:1px solid var(--c-accent);transition:background var(--dur-quick) var(--ease-out), color var(--dur-quick) var(--ease-out), transform var(--dur-quick) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;padding:0 1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--c-ink);border-color:var(--c-ink)}.btn:active{transform:translateY(1px)}.btn--ghost{color:var(--c-ink);border-color:var(--c-hair);background:oklch(0% 0 0/.25)}.btn--ghost:hover{background:var(--c-ink);color:var(--c-bg)}.btn--ink{background:var(--c-on-accent);color:var(--c-ink);border-color:var(--c-on-accent)}.btn--ink:hover{background:var(--c-ink);color:var(--c-on-accent);border-color:var(--c-ink)}.btn--line{color:var(--c-on-accent);border-color:color-mix(in oklab, var(--c-on-accent) 45%, transparent);background:0 0}.btn--line:hover{background:var(--c-on-accent);color:var(--c-ink)}.btn--small{min-height:44px;padding:0 1rem;font-size:.9rem}.btn--big{width:100%;min-height:54px;font-size:1.05rem}.photo-missing{background:repeating-linear-gradient(135deg, var(--c-surface) 0 2px, var(--c-deep) 2px 14px)}html.gate-lock{overflow:hidden}.gate{z-index:60;pointer-events:auto;grid-template-rows:1fr 1fr;display:grid;position:fixed;inset:0}.gate-bar{background:var(--c-deep);transition:transform var(--dur-gate) var(--ease-gate);will-change:transform;display:flex;position:relative}.gate-bar--top{align-items:flex-end}.gate-bar--bottom{align-items:flex-start}.gate-inner{width:100%;max-width:72rem;margin:0 auto;padding:0 clamp(1.25rem,5vw,3.5rem)}.gate-inner--bottom{padding-top:1.75rem}.gate-type{font-family:var(--ff-verse), serif;color:var(--c-ink);min-height:1.1em;margin:0 0 1.5rem;font-size:clamp(1.6rem,5.4vw,3.6rem);line-height:1.1}.gate-caret{background:var(--c-accent);vertical-align:-.08em;width:.08em;height:.9em;margin-left:.06em;animation:1s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.gate-names{font-family:var(--ff-display);text-transform:uppercase;letter-spacing:.06em;color:var(--c-ink);margin:0;font-size:1rem;font-weight:600}.gate-date{color:var(--c-soft);margin:.35rem 0 0;font-size:.95rem}.gate-actions{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:1.75rem;display:flex}.gate-pill{border:1px solid var(--c-accent);background:var(--c-accent);min-height:52px;color:var(--c-on-accent);cursor:pointer;transition:transform var(--dur-quick) var(--ease-out), background var(--dur-quick) var(--ease-out);border-radius:999px;padding:0 1.6rem;font-size:1rem;font-weight:600}.gate-pill:hover{background:var(--c-ink);border-color:var(--c-ink)}.gate-pill:active{transform:scale(.97)}.gate-quiet{color:var(--c-soft);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;min-height:44px;font-size:.95rem;text-decoration:underline}.gate-quiet:hover{color:var(--c-ink)}.gate-names,.gate-date,.gate-actions{opacity:0;transform:translateY(var(--rise-y));transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out)}.gate.typed .gate-names,.gate.typed .gate-date,.gate.typed .gate-actions{opacity:1;transform:none}.gate.typed .gate-date{transition-delay:var(--stagger)}.gate.typed .gate-actions{transition-delay:calc(var(--stagger) * 2)}.gate-seam{background:var(--c-accent);transform-origin:50%;height:1px;transition:transform .42s var(--ease-inout), opacity .3s var(--ease-out) .9s;position:absolute;top:50%;left:0;right:0;transform:scaleX(0)}.gate.opening .gate-seam{opacity:0;transform:scaleX(1)}.gate.opening .gate-inner{opacity:0;transition:opacity .26s var(--ease-out)}.gate.opening .gate-bar--top{transition-delay:.38s;transform:translateY(-101%)}.gate.opening .gate-bar--bottom{transition-delay:.38s;transform:translateY(101%)}.gate.done{display:none}@media (scripting:none){.gate{display:none}}@media (prefers-reduced-motion:reduce){.gate.opening{opacity:0;transition:opacity .15s linear}.gate.opening .gate-bar--top,.gate.opening .gate-bar--bottom{transform:none}.gate-names,.gate-date,.gate-actions{opacity:1;transform:none}.gate-caret{animation:none}}.scene{isolation:isolate;background:var(--c-bg);min-height:100svh;color:var(--c-ink);flex-direction:column;display:flex;position:relative;overflow:clip}.sc-bg{z-index:-1;position:absolute;inset:0;overflow:clip}.sc-bg picture,.sc-img{width:100%;height:100%;display:block}.sc-img{object-fit:cover;object-position:62% 40%}.sc-img--senja{object-position:50% 50%}.sc-bg:after{content:"";background:linear-gradient(0deg, var(--c-black) 0%, oklch(7% .004 40/.78) 38%, oklch(7% .004 40/.2) 70%, oklch(7% .004 40/.5) 100%);position:absolute;inset:0}.scene--dim .sc-bg:after{background:oklch(7% .004 40/.78)}.sc-body{padding:6.5rem var(--pad) 5.5rem;flex-direction:column;flex:1;width:100%;max-width:40rem;margin:0 auto;display:flex;position:relative}.sc-body--end{justify-content:flex-end}.sc-body--center{justify-content:center}.kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--c-accent-text);font-size:.82rem;font-weight:600;font-family:var(--ff-body);margin:0}.line{margin-bottom:-.17em;padding-bottom:.2em;display:block;overflow:clip}.line>span{display:inline-block}.cover-title{font-family:var(--ff-display);text-transform:uppercase;letter-spacing:-.01em;margin:.9rem 0 0;font-size:clamp(4.6rem,25cqi,9rem);font-weight:700;line-height:.84}.line--amp{align-items:center;gap:.06em;display:flex}.cover-amp{flex:none;width:.6em;display:inline-block}.vine{width:100%;height:auto;display:block;overflow:visible}.vine-stem{fill:none;stroke:var(--c-accent);stroke-width:4.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.vine-stem--fine{stroke-width:2.4px}.vine-leaves path,.vine-dots circle{fill:var(--c-accent);transform-box:fill-box;transform-origin:50%}.cover-dates{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:1.6rem 0 0;display:grid}.cover-dates div{border-top:1px solid var(--c-hair);min-width:0;padding-top:.5rem}.cover-dates dt{color:var(--c-soft);font-size:.8rem}.cover-dates dd{font-family:var(--ff-display);font-variant-numeric:tabular-nums;margin:.1rem 0 0;font-size:1.5rem;font-weight:600}.tap-hint{color:var(--c-soft);letter-spacing:.04em;margin:1.4rem 0 0;font-size:.85rem;display:none}.tap-hint:after{content:"";vertical-align:.08em;border-top:1.5px solid;border-right:1.5px solid;width:.5em;height:.5em;margin-left:.6em;display:inline-block;rotate:45deg}.bismillah{font-family:var(--ff-arabic), serif;color:var(--c-ink);text-align:left;margin:0;font-size:clamp(1.8rem,9cqi,2.8rem);line-height:1.6}.bismillah-rumi{color:var(--c-soft);margin:.2rem 0 0;font-size:.88rem}.verse-title{font-family:var(--ff-verse), serif;margin:2.2rem 0 0;font-size:clamp(2rem,10cqi,3rem);font-weight:400;line-height:1.05}.stroke{width:9.5rem;height:.8rem;margin-top:.5rem;display:block;overflow:visible}.stroke path{fill:none;stroke:var(--c-accent);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.invite-lead{color:var(--c-soft);margin:1.2rem 0 0;font-size:clamp(1.02rem,4.4cqi,1.2rem);line-height:1.6}.invite-lead strong{color:var(--c-ink);font-weight:600}.invite-foot{color:var(--c-soft);margin:1rem 0 0;font-size:.95rem;line-height:1.6}.couple-name{font-family:var(--ff-display);text-transform:uppercase;margin:1rem 0 0;font-size:clamp(3rem,15cqi,5.4rem);font-weight:700;line-height:.86}.couple-bin{font-family:var(--ff-verse), serif;color:var(--c-accent-text);margin:.4rem 0 0;font-size:1.35rem}.couple-meta{color:var(--c-soft);max-width:34ch;margin:.35rem 0 0;font-size:.9rem;line-height:1.5}.couple-and{font-family:var(--ff-verse), serif;color:var(--c-dim);margin:1rem 0 0;font-size:1.3rem}.chapter-no{font-variant-numeric:tabular-nums;color:var(--c-accent-text);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:600}.chapter-title{font-family:var(--ff-display);text-transform:uppercase;margin:.5rem 0 0;font-size:clamp(3.4rem,19cqi,6.6rem);font-weight:700;line-height:.86}.chapter-when{align-items:flex-end;gap:.9rem;margin:1rem 0 0;display:flex}.chapter-date{font-family:var(--ff-display);color:var(--c-accent);font-variant-numeric:tabular-nums;font-size:clamp(3.6rem,18cqi,6rem);font-weight:700;line-height:.78}.chapter-when-text{color:var(--c-soft);font-size:.92rem;line-height:1.4}.chapter-place{margin:.9rem 0 0;font-weight:600}.chapter-text{color:var(--c-soft);margin:.4rem 0 0;font-size:.95rem;line-height:1.55}.run{border-top:1px solid var(--c-hair);margin:1rem 0 0;padding:0;list-style:none}.run li{border-bottom:1px solid var(--c-hair);grid-template-columns:5.4rem minmax(0,1fr);gap:.8rem;padding:.5rem 0;font-size:.92rem;display:grid}.run-t{font-variant-numeric:tabular-nums;color:var(--c-accent-text);font-weight:600}.chapter-note{color:var(--c-soft);margin:.8rem 0 0;font-size:.85rem}.scene--pantun{background:var(--c-deep)}.stanza{margin-top:1.6rem}.verse{font-family:var(--ff-verse), serif;color:var(--c-ink);overflow-wrap:anywhere;margin:0 0 .24em;font-size:clamp(1.7rem,8.4cqi,2.7rem);font-weight:400;line-height:1.14}.verse:nth-child(3){margin-top:.55em}.pantun-foot{gap:.8rem;margin-top:2rem;display:grid}.pantun-progress{background:var(--c-hair);height:1px;display:block;overflow:clip}.pantun-progress span{background:var(--c-accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.pantun-hint{color:var(--c-soft);margin:0;font-size:.88rem}.scene--pantun:not(.karaoke) .pantun-foot{display:none}.karaoke .w{color:var(--c-dim);transition:color .26s var(--ease-out)}.karaoke .verse.is-past .w,.karaoke .w.lit{color:var(--c-ink)}.karaoke .verse.is-now .w.lit:last-child{color:var(--c-accent-text)}@media (prefers-reduced-motion:reduce){.karaoke .w{color:var(--c-ink)}}.scene--map{background:var(--c-deep)}.map-frame{margin:0;padding:0;position:relative}.map,.map img{width:100%;height:auto;display:block}.map-pin{border:2px solid var(--c-accent);pointer-events:none;border-radius:50%;width:2.2rem;height:2.2rem;position:absolute;translate:-50% -50%}#s-lokasi-sena .map-pin{top:44%;left:64%}#s-lokasi-kaca .map-pin{top:42%;left:75%}.scene--map .sc-body{padding-top:1.4rem}.venue-name{font-family:var(--ff-display);text-transform:uppercase;margin:.5rem 0 0;font-size:clamp(2.2rem,11cqi,3.6rem);font-weight:700;line-height:.9}.venue-addr{margin:.8rem 0 0}.venue-note{color:var(--c-soft);margin:.4rem 0 0;font-size:.92rem;line-height:1.55}.scene--count{background:var(--c-accent);color:var(--c-on-accent)}.scene--count .sc-body{justify-content:center}.count-title{font-family:var(--ff-display);text-transform:uppercase;margin:0;font-size:clamp(3.4rem,19cqi,6.4rem);font-weight:700;line-height:.86}.count-to{margin:1rem 0 0;font-weight:600}.count-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .8rem;margin-top:1.6rem;display:grid}.count-grid div{border-top:1px solid color-mix(in oklab, var(--c-on-accent) 30%, transparent);padding-top:.5rem}.count-grid span{font-family:var(--ff-display);font-variant-numeric:tabular-nums;font-size:clamp(3rem,17cqi,5.6rem);font-weight:700;line-height:.9;display:block}.count-grid small{margin-top:.3rem;font-size:.9rem;font-weight:600;display:block}.dress{align-items:baseline;gap:.7rem;margin:1.4rem 0 0;font-size:.95rem;line-height:1.5;display:flex}.dress-dot{background:var(--c-black);width:.8rem;height:.8rem;box-shadow:.55rem 0 0 var(--c-ink);border-radius:50%;flex:none;margin-right:.55rem}.scene--form,.scene--gift{background:var(--c-bg)}.form-title{font-family:var(--ff-display);text-transform:uppercase;margin:0;font-size:clamp(3rem,16cqi,5.4rem);font-weight:700;line-height:.86}.form-lead{color:var(--c-soft);margin:.9rem 0 0;line-height:1.55}.form-lead strong{color:var(--c-ink)}.form{gap:1rem;margin-top:1.4rem;display:grid}.field{border:0;gap:.4rem;min-width:0;margin:0;padding:0;display:grid}.field label,.field legend{color:var(--c-soft);font-size:.88rem}.field input,.field select,.field textarea{background:var(--c-surface);width:100%;min-height:48px;color:var(--c-ink);border:1px solid var(--c-hair);font:inherit;transition:border-color var(--dur-quick) var(--ease-out);border-radius:10px;padding:.65rem .9rem}.field textarea{resize:vertical;min-height:88px}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--c-dim)}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{border-color:var(--c-accent);outline:2px solid var(--c-accent-text);outline-offset:1px}.field--choice{gap:.1rem}.field--choice legend{margin-bottom:.3rem}.field--choice label{min-height:44px;color:var(--c-ink);align-items:center;gap:.7rem;font-size:.95rem;display:flex}.field--choice input{width:20px;height:20px;min-height:0;accent-color:var(--c-accent)}.seg{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.seg label{position:relative}.seg input{opacity:0;position:absolute;inset:0}.seg span{text-align:center;border:1px solid var(--c-hair);min-height:46px;color:var(--c-ink);cursor:pointer;transition:background var(--dur-quick) var(--ease-out);border-radius:999px;place-items:center;padding:0 .6rem;font-size:.9rem;display:grid}.seg input:checked+span{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-on-accent);font-weight:600}.seg input:focus-visible+span{outline:2px solid var(--c-accent-text);outline-offset:2px}.wish-list{margin:1.2rem 0 0;padding:0;list-style:none}.wish{border-top:1px solid var(--c-hair);gap:.9rem;padding:.9rem 0;display:flex}.wish-ini{background:var(--c-surface);width:40px;height:40px;color:var(--c-accent-text);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:600;display:grid}.wish:nth-child(3n+2) .wish-ini{background:var(--c-accent);color:var(--c-on-accent)}.wish-text{margin:0;font-size:.95rem;line-height:1.5}.wish-name{color:var(--c-soft);margin:.3rem 0 0;font-size:.85rem}.form--wish{margin-top:1.4rem}.gift-qr{background:var(--c-ink);border-radius:12px;width:min(100%,13rem);margin:1.4rem 0 0;padding:.9rem}.gift-qr .qr{width:100%;height:auto;display:block}.gift-qr .qr path{fill:var(--c-deep)}.gift-qr figcaption{color:var(--c-deep);text-align:center;margin-top:.5rem;font-size:.8rem;font-weight:600}.gift-acct{margin:1.2rem 0 0;display:grid}.gift-acct div{border-bottom:1px solid var(--c-hair);grid-template-columns:4.8rem minmax(0,1fr);gap:.8rem;padding:.5rem 0;font-size:.95rem;display:grid}.gift-acct dt{color:var(--c-soft)}.gift-acct dd{margin:0;font-weight:600}.gift-acct .num{font-variant-numeric:tabular-nums;letter-spacing:.04em}.gift-note{color:var(--c-soft);margin:.9rem 0 0;font-size:.82rem}.rep-list{margin:1rem 0 0;padding:0;list-style:none}.rep{border-top:1px solid var(--c-hair);padding:.9rem 0}.rep-side{color:var(--c-accent-text);margin:0;font-size:.8rem;font-weight:600}.rep-name{margin:.2rem 0 0;font-size:1.1rem;font-weight:600}.rep-role{color:var(--c-soft);font-variant-numeric:tabular-nums;margin:.15rem 0 0;font-size:.9rem}.close-doa{font-family:var(--ff-arabic), serif;text-align:left;margin:0;font-size:clamp(1.4rem,7cqi,2.1rem);line-height:1.8}.close-rumi{color:var(--c-soft);margin:.3rem 0 0;font-size:.9rem;line-height:1.5}.close-title{font-family:var(--ff-display);text-transform:uppercase;margin:1.6rem 0 0;font-size:clamp(2.8rem,14cqi,4.8rem);font-weight:700;line-height:.88}.close-sign{color:var(--c-accent-text);margin:1rem 0 0;font-weight:600}.tf{padding:1.5rem var(--pad);border-top:1px solid var(--c-hair);color:var(--c-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.95rem;display:flex}.tf p{margin:0}.tf strong{color:var(--c-ink)}.tf-link{color:var(--c-accent-text);text-underline-offset:4px;align-items:center;min-height:44px;display:inline-flex}.music-bars{align-items:flex-end;gap:3px;height:14px;display:inline-flex}.music-bars i{transform-origin:50% 100%;background:currentColor;width:3px;height:14px;display:block;transform:scaleY(.3)}[data-music][aria-pressed=true] .music-bars i{background:var(--c-accent);animation:eq .9s var(--ease-inout) infinite alternate}[data-music][aria-pressed=true] .music-bars i:nth-child(2){animation-duration:.64s}[data-music][aria-pressed=true] .music-bars i:nth-child(3){animation-duration:1.12s}[data-music][aria-pressed=true] .music-bars i:nth-child(4){animation-duration:.76s}@keyframes eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){[data-music][aria-pressed=true] .music-bars i{animation:none;transform:scaleY(.7)}}.cine{display:none}html.is-story body{background:var(--c-black)}html.is-story [data-story]{background:var(--c-black);container:card/size}html.is-story [data-story]>.scene{opacity:0;visibility:hidden;filter:blur(10px);min-height:0;transition:opacity var(--dur-cut) var(--ease-inout), transform 1s var(--ease-out), filter var(--dur-cut) var(--ease-out), visibility 0s linear 1s;transform:scale(1.06)}html.is-story [data-story]>.scene.is-prev{filter:blur(6px);transform:scale(1.08)}html.is-story [data-story]>.scene.is-current{z-index:2;opacity:1;visibility:visible;filter:none;transition:opacity var(--dur-cut) var(--ease-inout) 80ms, transform 1.1s var(--ease-out), filter .7s var(--ease-out) 80ms, visibility 0s;transform:none}html.is-story .sc-body{max-width:none;padding:5.6rem var(--pad) 5rem;min-height:100%}html.is-story .scene--map .sc-body{min-height:0;padding-top:1.2rem}html.is-story .scene--map .map-frame{margin-top:4.6rem}@keyframes kb-a{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.14)translate(-2.5%,-1.5%)}}@keyframes kb-b{0%{transform:scale(1.14)translate(2%,-1%)}to{transform:scale(1.03)translate(0)}}html.is-story .scene--photo.is-current .sc-img{animation:kb-a 14s var(--ease-inout) both}html.is-story .scene--nikah.is-current .sc-img,html.is-story .scene--close.is-current .sc-img{animation-name:kb-b}@keyframes line-up{0%{transform:translateY(135%)}to{transform:none}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}html.is-story .scene .line>span{transform:translateY(135%)}html.is-story .scene.is-current .line>span{animation:line-up var(--dur-slow) var(--ease-out) both;animation-delay:calc(var(--d,0) * .11s + var(--scene-lag))}html.is-story .scene .stroke path{stroke-dashoffset:1px}html.is-story .scene.is-current .stroke path{animation:draw 1.1s var(--ease-inout) both;animation-delay:calc(var(--scene-lag) + .6s)}html.is-story .scene--cover .vine-stem{stroke-dashoffset:1px}html.is-story .scene--cover.is-current .vine-stem{animation:draw var(--dur-draw) var(--ease-inout) both;animation-delay:.7s}html.is-story .scene--cover.is-current .vine-stem--fine{animation-duration:.7s;animation-delay:1.9s}html.is-story .scene--cover .vine-leaves path,html.is-story .scene--cover .vine-dots circle{opacity:0}html.is-story .scene--cover.is-current .vine-leaves path,html.is-story .scene--cover.is-current .vine-dots circle{animation:pop var(--dur-base) cubic-bezier(.3,1.6,.5,1) both;animation-delay:1.5s}html.is-story .scene--cover.is-current .vine-leaves path:nth-child(2){animation-delay:1.62s}html.is-story .scene--cover.is-current .vine-leaves path:nth-child(3){animation-delay:1.74s}html.is-story .scene--cover.is-current .vine-leaves path:nth-child(4){animation-delay:1.86s}html.is-story .scene--cover.is-current .vine-dots circle{animation-delay:2.1s}html.is-story .tap-hint{display:block}@keyframes nudge{0%,to{transform:none}50%{transform:translate(6px)}}html.is-story .scene--cover.is-current .tap-hint:after{animation:nudge 1.6s var(--ease-inout) 3s infinite}@keyframes ring{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}html.is-story .scene--map.is-current .map-pin{animation:ring 1.8s var(--ease-out) 1s infinite}html.is-story .scene--count.is-current .count-grid span{animation:count-in .9s var(--ease-out) both;animation-delay:calc(var(--scene-lag) + .3s)}@keyframes count-in{0%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:none}}html.is-story .story-ui{z-index:10;pointer-events:none;position:absolute;left:0;right:0}.story-top{background:linear-gradient(oklch(7% .004 40/.66),#0000);flex-direction:column;gap:.6rem;padding:.7rem .75rem 1.4rem;top:0}.bars{width:100%}.ui-row{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.ui-mark{font-family:var(--ff-display);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:inline-flex}.ui-mono{width:26px;height:26px}.mono-dot{fill:var(--c-accent)}.ui-paused{opacity:0;letter-spacing:.14em;text-transform:uppercase;transition:opacity .2s var(--ease-out) 0s;background:oklch(0% 0 0/.45);border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.is-paused .ui-paused{opacity:1;transition-delay:.26s}.gate-lock .ui-paused{opacity:0}.ui-music{pointer-events:auto;border:1px solid var(--c-hair);width:44px;height:44px;color:var(--c-ink);cursor:pointer;background:oklch(0% 0 0/.35);border-radius:50%;place-items:center;display:grid}.ui-music:hover{background:var(--c-ink);color:var(--c-bg)}.story-nav{padding:.6rem .75rem calc(.75rem + env(safe-area-inset-bottom,0px));background:linear-gradient(#0000,oklch(7% .004 40/.55));justify-content:space-between;align-items:center;bottom:0}.nav-btn{pointer-events:auto;border:1px solid var(--c-hair);width:44px;height:44px;color:var(--c-ink);cursor:pointer;opacity:.7;transition:opacity var(--dur-quick) var(--ease-out), background var(--dur-quick) var(--ease-out);background:oklch(0% 0 0/.3);border-radius:50%;place-items:center;display:grid}.nav-btn:hover,.nav-btn:focus-visible{opacity:1;background:var(--c-ink);color:var(--c-bg)}.nav-btn:disabled{opacity:0;pointer-events:none}.nav-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.nav-count{letter-spacing:.12em;color:var(--c-soft);font-variant-numeric:tabular-nums;font-size:.75rem}html.is-story .scene--footer{background:var(--c-bg);padding-top:5rem}html.is-story .scene--footer>footer{flex-direction:column;min-height:100%;display:flex}@media (width>=720px){html.is-story .cine{z-index:-1;background:var(--c-black);display:block;position:fixed;inset:0;overflow:clip}.cine-layer{opacity:0;transition:opacity 1.4s var(--ease-inout);position:absolute;inset:-6%}.cine-layer.on{opacity:1}.cine-layer picture,.cine-img{width:100%;height:100%;display:block}.cine-img{object-fit:cover;filter:blur(44px)brightness(.34)saturate(1.25);transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){html.is-story [data-story]>.scene,html.is-story [data-story]>.scene.is-prev,html.is-story [data-story]>.scene.is-current{filter:none;transition:opacity .15s linear,visibility 0s linear .15s;transform:none}html.is-story [data-story]>.scene.is-current{transition:opacity .15s linear,visibility}html.is-story .scene .line>span,html.is-story .scene.is-current .line>span{animation:none;transform:none}html.is-story .scene .stroke path,html.is-story .scene--cover .vine-stem{stroke-dashoffset:0;animation:none}html.is-story .scene--cover .vine-leaves path,html.is-story .scene--cover .vine-dots circle{opacity:1;animation:none}html.is-story .scene--photo.is-current .sc-img,html.is-story .scene--map.is-current .map-pin,html.is-story .scene--count.is-current .count-grid span{animation:none}.cine-layer{transition:none}}[data-story] :is(h1,h2)[tabindex="-1"]:focus{outline:none}}