@font-face{font-family:IM Fell English;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/bahtera/assets/im-fell-english-latin-400-normal-BhowGHCQ.woff2)format("woff2"),url(/demo/bahtera/assets/im-fell-english-latin-400-normal-CxhBQSzl.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IM Fell English;font-style:italic;font-display:swap;font-weight:400;src:url(/demo/bahtera/assets/im-fell-english-latin-400-italic-DD_ylKHZ.woff2)format("woff2"),url(/demo/bahtera/assets/im-fell-english-latin-400-italic-hN89MLGX.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IM Fell English SC;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/bahtera/assets/im-fell-english-sc-latin-400-normal-CW_nhHm4.woff2)format("woff2"),url(/demo/bahtera/assets/im-fell-english-sc-latin-400-normal-DPW2r_p4.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/demo/bahtera/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/demo/bahtera/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/demo/bahtera/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/bahtera/assets/amiri-arabic-400-normal-D0NIBXga.woff2)format("woff2"),url(/demo/bahtera/assets/amiri-arabic-400-normal-C_1DQziU.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/bahtera/assets/amiri-latin-ext-400-normal-C9hoIjPx.woff2)format("woff2"),url(/demo/bahtera/assets/amiri-latin-ext-400-normal-CGn-6a7O.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/bahtera/assets/amiri-latin-400-normal-Czk41Rjn.woff2)format("woff2"),url(/demo/bahtera/assets/amiri-latin-400-normal-Bv6IM0kz.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--samudra:#0f3b4a;--samudra-dalam:#0a2a35;--laut:#1f6e7a;--laut-muda:#6fa3a3;--kertas:#ece7da;--kertas-2:#e3dccb;--daratan:#d9c7a0;--kuningan:#b8893b;--kuningan-terang:#dcb46a;--kuningan-gelap:#8a6326;--merah:#c0392b;--tinta:#0f3b4a;--tinta-2:#3d5961;--tinta-3:#6b7f82;--garis:#0f3b4a38;--font-display:"IM Fell English", "Iowan Old Style", Georgia, serif;--font-sc:"IM Fell English SC", "IM Fell English", Georgia, serif;--font-body:"Hanken Grotesk Variable", "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-arab:"Amiri", "Scheherazade New", serif;--step--1:clamp(.84rem, .8rem + .15vw, .92rem);--step-0:clamp(1rem, .96rem + .2vw, 1.08rem);--step-1:clamp(1.2rem, 1.1rem + .5vw, 1.45rem);--step-2:clamp(1.55rem, 1.3rem + 1.2vw, 2.2rem);--step-3:clamp(2.1rem, 1.6rem + 2.6vw, 3.6rem);--step-4:clamp(3rem, 2rem + 6vw, 7rem);--gutter:clamp(16px, 5vw, 48px);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html.is-locked,html.is-locked body{height:100%;overflow:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:clip}body{background:var(--samudra);color:var(--tinta);font-family:var(--font-body);font-size:var(--step-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern", "liga";margin:0;line-height:1.6;overflow-x:clip}img{max-width:100%;display:block}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}a{color:inherit}:focus-visible{outline:2px solid var(--kuningan);outline-offset:3px;border-radius:4px}::selection{background:var(--kuningan-terang);color:var(--samudra-dalam)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stage,.stage-fallback{z-index:0;position:fixed;inset:0}.stage canvas{display:block}.stage-fallback{background:linear-gradient(180deg, #0f3b4a40, #0a2a35b3), var(--fallback-img,none) center 70% / cover no-repeat, var(--samudra)}.stage{transition:opacity .6s}.grain{z-index:60;pointer-events:none;opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}main{z-index:2;position:relative;overflow-x:clip}main:not(.is-open){visibility:hidden}.sea{color:var(--kertas);position:relative}.sheet{background-color:var(--kertas);color:var(--tinta);padding:clamp(84px, 14vw, 150px) var(--gutter);background-image:radial-gradient(120% 70% at 50% 0,#ffffff59,#0000 60%),radial-gradient(140% 90% at 50% 120%,#a0825029,#0000 60%);position:relative}.deep{background:var(--samudra);color:var(--kertas);padding:clamp(84px, 14vw, 150px) var(--gutter);position:relative;overflow:clip}.deep:before{content:"";opacity:.16;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='300' viewBox='0 0 600 300'%3E%3Cg fill='none' stroke='%236fa3a3' stroke-width='1'%3E%3Cpath d='M0 40c80-30 160 30 240 0s160-30 240 0 120 20 120 20'/%3E%3Cpath d='M0 90c90-35 170 35 250 5s150-30 230 0 120 15 120 15'/%3E%3Cpath d='M0 140c70-25 150 30 240 5s170-35 250-5 110 10 110 10'/%3E%3Cpath d='M0 190c85-30 165 35 245 5s155-30 235 0 120 18 120 18'/%3E%3Cpath d='M0 240c75-28 155 32 240 4s165-33 245-3 115 14 115 14'/%3E%3Cpath d='M0 290c80-30 160 30 240 0s160-30 240 0 120 20 120 20'/%3E%3C/g%3E%3C/svg%3E");background-size:600px 300px;position:absolute;inset:0}.wrap{max-width:1080px;margin:0 auto;position:relative}.prose{max-width:34em;margin-inline:auto}.center{text-align:center}.display{font-family:var(--font-display);letter-spacing:-.005em;font-weight:400;line-height:1.02}.italic{font-style:italic}.lede{font-family:var(--font-display);font-size:var(--step-1);line-height:1.55}.note{font-size:var(--step--1);color:var(--tinta-3)}.sea .note,.deep .note{color:#ece7dab8}.btn{--h:50px;min-height:var(--h);letter-spacing:.01em;isolation:isolate;transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out), background-color .25s;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.55em;padding:0 1.5em;font-size:.98rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn svg{flex:none;width:18px;height:18px}.btn:active{transform:scale(.97)}.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}.btn-brass{color:#2a1c08;background:linear-gradient(#e8c47e 0%,#c99a48 48%,#a8792f 100%);box-shadow:inset 0 1px #fff4d6bf,inset 0 -2px #5a3a0e59,0 6px 18px -6px #5a3a0e8c}.btn-brass:after{content:"";z-index:-1;background:linear-gradient(105deg,#0000 30%,#fffae6bf 48%,#0000 66%);position:absolute;inset:0;transform:translate(-120%)}@media (hover:hover){.btn-brass:hover:not([disabled]){transform:translateY(-1px);box-shadow:inset 0 1px #fff4d6bf,inset 0 -2px #5a3a0e59,0 10px 24px -8px #5a3a0eb3}.btn-brass:hover:not([disabled]):after{transition:transform .7s var(--ease-out);transform:translate(120%)}}.btn-line{color:var(--tinta);box-shadow:inset 0 0 0 1.5px var(--garis);background:0 0}.btn-line:hover{box-shadow:inset 0 0 0 1.5px var(--tinta)}.sea .btn-line,.deep .btn-line{color:var(--kertas);box-shadow:inset 0 0 0 1.5px #ece7da66}.sea .btn-line:hover,.deep .btn-line:hover{box-shadow:inset 0 0 0 1.5px var(--kertas)}.btn-sm{--h:42px;padding:0 1.1em;font-size:.9rem}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{text-align:left;gap:6px;display:grid}.field label,.field .label{color:var(--tinta-2);font-size:.86rem;font-weight:600}.input{border:0;border-bottom:1.5px solid var(--garis);width:100%;min-height:50px;font-family:var(--font-display);color:var(--tinta);background:0 0;border-radius:0;padding:12px 2px 10px;font-size:1.22rem;transition:border-color .2s}.input::placeholder{color:var(--tinta-3);opacity:.7}.input:focus{border-bottom-color:var(--kuningan);outline:none}.input[aria-invalid=true]{border-bottom-color:var(--merah)}textarea.input{resize:vertical;min-height:110px;line-height:1.5}.field-error{color:#9e2b20;min-height:1.2em;font-size:.8rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.toasts{top:max(14px, env(safe-area-inset-top));z-index:100;pointer-events:none;justify-items:center;gap:8px;width:min(92vw,420px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--samudra-dalam);color:var(--kertas);border-radius:999px;align-items:center;gap:10px;padding:11px 18px 11px 14px;font-size:.92rem;font-weight:500;display:inline-flex;box-shadow:0 12px 30px -12px #00000080,inset 0 0 0 1px #dcb46a59}.toast svg{color:var(--kuningan-terang)}.music{top:max(14px, env(safe-area-inset-top));z-index:70;color:#2a1c08;width:46px;height:46px;transition:transform .25s var(--ease-spring);background:radial-gradient(circle at 35% 30%,#f3d796,#c99a48 55%,#8a6326);border:0;border-radius:50%;place-items:center;display:grid;position:fixed;right:14px;box-shadow:inset 0 1px 1px #fff5d7cc,inset 0 -2px 3px #462d0a66,0 6px 16px -6px #0000008c}.music:before{content:"";position:absolute;inset:-8px}.music:active{transform:scale(.92)}.music-bars{align-items:center;gap:3px;height:18px;display:flex}.music-bars span{background:currentColor;border-radius:2px;width:3px;height:4px}.music.is-on .music-bars span{animation:1.1s ease-in-out infinite ripple;animation-delay:calc(var(--i) * -.27s)}@keyframes ripple{0%,to{height:4px}50%{height:17px}}.music-slash{width:26px;height:2px;transition:transform .3s var(--ease-out);background:#2a1c08;border-radius:2px;position:absolute;transform:rotate(-45deg)scaleX(0)}.music:not(.is-on) .music-slash{transform:rotate(-45deg)scaleX(1)}.route{--p:0;z-index:65;transition:opacity .5s ease, transform .5s var(--ease-out);position:fixed}html.is-cinema .route{opacity:0;pointer-events:none}.route-rail{display:none}@media (min-width:1200px){.route{top:50%;right:22px;transform:translateY(-50%)}.route-pill{display:none}.route-rail{gap:16px;margin:0;padding:6px 0;list-style:none;display:grid;position:relative}.route-rail:before{content:"";border-right:1.5px dashed #b8893b8c;position:absolute;top:0;bottom:0;right:9px}.route-dot{background:0 0;border:0;width:20px;height:20px;padding:0;display:block;position:relative}.route-dot:after{content:"";background:var(--kertas);box-shadow:0 0 0 1.5px var(--kuningan);transition:transform .35s var(--ease-spring), background .3s;border-radius:50%;position:absolute;inset:6px}.route-dot.is-active:after{background:var(--kuningan);transform:scale(1.45)}.route-label{white-space:nowrap;background:var(--samudra-dalam);color:var(--kertas);opacity:0;transition:opacity .25s, transform .3s var(--ease-out);pointer-events:none;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:600;position:absolute;top:50%;right:30px;transform:translate(8px,-50%)}.route-dot:hover .route-label,.route-dot:focus-visible .route-label{opacity:1;transform:translateY(-50%)}.route-ship{right:-6px;top:calc(var(--p) * 100% - 10px);width:30px;color:var(--kuningan-terang);filter:drop-shadow(0 2px 4px #0006);pointer-events:none;position:absolute;transform:translate(-22px)}}@media (max-width:1199.98px){.route{left:50%;bottom:max(12px, env(safe-area-inset-bottom));width:min(92vw,380px);transform:translate(-50%)}.route-pill{position:relative}.route-pill-btn{-webkit-backdrop-filter:blur(10px);width:100%;min-height:52px;color:var(--kertas);background:#0a2a35db;border:0;border-radius:999px;align-items:center;gap:12px;padding:0 10px 0 18px;display:flex;box-shadow:0 14px 30px -14px #0009,inset 0 0 0 1px #dcb46a4d}.route-track{background:repeating-linear-gradient(90deg,#dcb46a99 0 4px,#0000 4px 7px);flex:0 0 64px;height:2px;position:relative}.route-track-ship{top:-15px;left:calc(var(--p) * 100% - 11px);width:22px;color:var(--kuningan-terang);position:absolute}.route-current{text-align:left;font-family:var(--font-display);flex:1;font-size:1.12rem;font-style:italic}.route-burger{background:#ece7da1a;border-radius:50%;width:38px;height:38px;position:relative}.route-burger i{background:var(--kertas);height:1.6px;transition:transform .3s var(--ease-out);position:absolute;left:11px;right:11px}.route-burger i:first-child{top:15px}.route-burger i:last-child{top:21px}.route-burger.x i:first-child{transform:translateY(3px)rotate(45deg)}.route-burger.x i:last-child{transform:translateY(-3px)rotate(-45deg)}.route-menu{-webkit-backdrop-filter:blur(12px);transform-origin:bottom;background:#0a2a35f0;border-radius:22px;margin:0;padding:8px;list-style:none;position:absolute;bottom:calc(100% + 10px);left:0;right:0;box-shadow:0 18px 40px -16px #000000b3,inset 0 0 0 1px #dcb46a40}.route-menu button{width:100%;min-height:44px;color:var(--kertas);font-family:var(--font-display);text-align:left;background:0 0;border:0;border-radius:12px;align-items:baseline;gap:14px;padding:0 14px;font-size:1.12rem;display:flex}.route-menu button.is-active{color:var(--kuningan-terang);background:#dcb46a29}.route-menu-n{font-family:var(--font-body);font-variant-numeric:tabular-nums;opacity:.6;font-size:.74rem}}.preloader{z-index:90;background:var(--kertas);color:var(--tinta);clip-path:circle(150%);place-content:center;justify-items:center;gap:26px;display:grid;position:fixed;inset:0}.pl-compass{width:min(56vw,240px);overflow:visible}.pl-ring{fill:none;stroke:var(--tinta);stroke-width:1.4px}.pl-ring.thin{stroke-width:.7px;opacity:.6}.pl-tick{stroke:var(--tinta);stroke-width:.8px;opacity:.7}.p-dark{fill:var(--tinta)}.p-light{fill:var(--kertas);stroke:var(--tinta);stroke-width:.6px}.p-mid{fill:var(--kuningan)}.p-soft{fill:var(--daratan);stroke:var(--kuningan-gelap);stroke-width:.4px}.pl-n{font-family:var(--font-display);text-anchor:middle;fill:var(--merah);font-size:13px}.pl-needle{fill:var(--merah)}.pl-needle-s{fill:var(--tinta);opacity:.85}.pl-hub{fill:var(--kuningan);stroke:var(--tinta);stroke-width:1px}.pl-copy{justify-items:center;gap:2px;display:grid}.pl-title{margin:0;font-size:1.35rem}.pl-pct{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--tinta-3);margin:0;font-size:.85rem}.cover{z-index:50;color:var(--kertas);position:fixed;inset:0}.cover:before{content:"";pointer-events:none;background:linear-gradient(#0a2a358c 0%,#0a2a351a 32%,#0000 55%,#0a2a3580 100%);transition:opacity .8s;position:absolute;inset:0}.cover.is-opening:before{opacity:0}.cover-ui{padding:max(28px, env(safe-area-inset-top)) var(--gutter) max(22px, env(safe-area-inset-bottom));text-align:center;text-shadow:0 1px 18px #0a2a3573;grid-template-rows:auto 1fr auto;justify-items:center;display:grid;position:absolute;inset:0}.cover-head{justify-items:center;display:grid}.cover-kicker{font-size:var(--step-1);opacity:.9;margin:0 0 4px}.cover-names{text-shadow:none;filter:drop-shadow(0 2px 14px #0a2a3580);align-items:baseline;gap:.18em;margin:0;font-size:clamp(3.1rem,15vw,7.2rem);line-height:.95;display:flex}.cover-names .amp{color:var(--kuningan-terang);font-size:.62em}.cover-date{letter-spacing:.04em;margin:10px 0 0;font-size:.95rem;font-weight:500}.cover-foot{grid-row:3;justify-items:center;gap:16px;display:grid}.tag{transform-origin:50% 0;padding-top:26px;animation:5s ease-in-out infinite tag-sway;position:relative}.tag-string{width:40px;height:30px;position:absolute;top:0;left:50%;overflow:visible;transform:translate(-50%)}.tag-string path{fill:none;stroke:var(--daratan);stroke-width:1.5px}.tag-body{min-width:230px;max-width:min(84vw,340px);color:var(--tinta);text-shadow:none;clip-path:polygon(16% 0,84% 0,100% 16%,100% 100%,0 100%,0 16%);background:linear-gradient(#f1ebdc,#e2d8c0);padding:22px 26px 16px;position:relative;box-shadow:0 10px 22px -12px #0009}.tag-hole{background:var(--samudra);width:12px;height:12px;box-shadow:0 0 0 3px var(--kuningan);border-radius:50%;margin-left:-6px;position:absolute;top:6px;left:50%}.tag-to,.tag-place{color:var(--tinta-2);margin:0;font-size:.78rem}.tag-name{overflow-wrap:anywhere;margin:2px 0;font-size:1.5rem;line-height:1.15}@keyframes tag-sway{0%,to{transform:rotate(-1.6deg)}50%{transform:rotate(1.8deg)}}.cover-open{min-width:220px}.cover-hint{opacity:.75;margin:0;font-size:.78rem}.cover-paper{background:var(--kertas);color:var(--tinta);opacity:0;clip-path:inset(46% 42% 40% round 18px);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.cover-paper:after{content:"";border:1px solid var(--garis);position:absolute;inset:18px}.cover-paper-inner{justify-items:center;gap:6px;display:grid}.cover-mono{margin:0;font-size:clamp(4rem,18vw,8rem);line-height:1}.cover-mono span{color:var(--kuningan);margin:0 .12em;font-size:.5em}.cover-paper-line{font-size:var(--step-1);color:var(--tinta-2);margin:0}@media (min-width:900px){.cover:before{background:linear-gradient(90deg,#0a2a359e 0%,#0a2a354d 34%,#0000 58%),linear-gradient(#0000 60%,#0a2a3559 100%)}.cover-ui{text-align:left;grid-template-rows:1fr auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-items:start;padding-inline:clamp(48px,7vw,120px)}.cover-head{grid-row:2;justify-items:start}.cover-names{flex-direction:column;gap:0;font-size:clamp(5rem,9vw,8.5rem)}.cover-names .amp{margin-left:.6em}.cover-foot{grid-area:3/1;align-self:end;justify-items:start}.tag{transform-origin:30px 0}.tag-string,.tag-hole{left:30px}}.pembuka{min-height:118svh;padding:90px var(--gutter) 120px;align-content:center;justify-items:center;gap:28px;display:grid}.scroll-card{visibility:hidden;width:min(100%,540px);position:relative}.roller{z-index:2;background:linear-gradient(#8a5a33,#5a3620 55%,#3a2214);border-radius:9px;height:18px;margin:0 -10px;display:block;position:relative;box-shadow:0 6px 14px -6px #0009,inset 0 1px #ffdcaa59}.roller:before,.roller:after{content:"";background:linear-gradient(#e8c47e,#a8792f);border-radius:5px;width:14px;height:24px;position:absolute;top:-3px}.roller:before{left:-6px}.roller:after{right:-6px}.scroll-paper{text-align:center;color:var(--tinta);background:linear-gradient(90deg, #785a3229, transparent 8%, transparent 92%, #785a3229), var(--kertas);margin:-6px 0;padding:clamp(36px,7vw,54px) clamp(24px,6vw,48px);position:relative;box-shadow:0 30px 60px -30px #000000a6}.arab{font-family:var(--font-arab);color:var(--samudra);margin:0 0 14px;font-size:clamp(1.8rem,7vw,2.4rem);line-height:1.6}.salam{font-size:var(--step-1);color:var(--tinta-2);margin:0 0 22px}.ayat{max-width:30em;font-family:var(--font-display);margin:0 auto;font-size:1.08rem;line-height:1.75}.ayat-src{color:var(--kuningan-gelap);margin:16px 0 0;font-size:.86rem;font-weight:600}.scroll-cue{text-shadow:0 1px 12px #0a2a3599;justify-items:center;gap:6px;margin:0;font-size:.86rem;display:grid}.scroll-cue svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:30px;animation:2.2s ease-in-out infinite cue}@keyframes cue{0%,to{opacity:.6;transform:translateY(-4px)}50%{opacity:1;transform:translateY(6px)}}.cinema{height:340vh}.cinema-sticky{height:100vh;text-align:center;text-shadow:0 2px 22px #0a1e28b3,0 1px 3px #0a1e2873;place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.lb{z-index:2;background:#06161c;height:clamp(40px,29.4118svh - 12.3062vw,11svh);position:absolute;left:0;right:0}.lb.top{transform-origin:top;top:0}.lb.bottom{transform-origin:bottom;bottom:0}.hud{z-index:3;padding:0 var(--gutter);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#ece7da9e;height:clamp(40px,29.4118svh - 12.3062vw,11svh);text-shadow:none;align-items:center;margin:0;font-size:.74rem;display:flex;position:absolute;bottom:0}.hud-left{left:0}.hud-right{font-family:var(--font-display);letter-spacing:0;font-size:.86rem;font-style:italic;right:0}.sub{left:var(--gutter);right:var(--gutter);max-width:24em;font-family:var(--font-display);margin:0 auto;font-size:clamp(1.45rem,4.6vw,2.4rem);font-style:italic;line-height:1.3;position:absolute;bottom:calc(clamp(40px,29.4118svh - 12.3062vw,11svh) + 6svh)}.sub .word,.sub div{display:inline-block}.title-card{z-index:1;padding:0 var(--gutter);justify-items:center;display:grid;position:relative}.tc-kicker{font-size:var(--step-1);color:var(--kuningan-terang);margin:0 0 6px}.tc-names,.end-names{text-shadow:none;filter:drop-shadow(0 2px 14px #0a1e288c)}.tc-names{font-size:var(--step-4);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 .2em;margin:0;line-height:1;display:flex}.tc-names .amp{color:var(--kuningan-terang);font-size:.6em}.tc-date{letter-spacing:.04em;margin:14px 0 0;font-size:.95rem;font-weight:500}@media (max-width:600px){.hud-right{display:none}.hud-left{padding:0;left:50%;transform:translate(-50%)}}.interlude{height:300vh}.motto-wrap,.motto-after{padding:0 var(--gutter);grid-area:1/1;max-width:980px}.interlude .cinema-sticky>.motto-wrap,.interlude .cinema-sticky>.motto-after{grid-area:1/1}.interlude .cinema-sticky{grid-template-areas:"stack"}.motto{margin:0;font-size:clamp(2.2rem,7.5vw,5.4rem);line-height:1.08}.motto .word,.motto div{display:inline-block}.motto-src{letter-spacing:.04em;color:var(--kuningan-terang);margin:18px 0 0;font-size:.9rem}.motto-after{max-width:22em;margin:0 auto;font-size:clamp(1.5rem,4.6vw,2.6rem);line-height:1.25}.penutup{height:380vh}.penutup .cinema-sticky{grid-template-areas:"stack"}.end-block{padding:0 var(--gutter);grid-area:stack;max-width:24em;margin:0 auto}.end-1,.end-2 .display{font-size:clamp(1.5rem,4.6vw,2.5rem);line-height:1.3}.end-2 p{margin:0}.end-salam{letter-spacing:.03em;color:var(--kuningan-terang);font-size:.95rem;margin-top:22px!important}.end-3{justify-items:center;max-width:none;display:grid}.end-kicker{font-size:var(--step-1);margin:0 0 4px}.end-names{font-size:var(--step-4);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 .2em;margin:0;line-height:1;display:flex}.end-names .amp{color:var(--kuningan-terang);font-size:.6em}.end-family{letter-spacing:.03em;margin:10px 0 18px;font-size:.95rem}.end-guest{font-size:var(--step-1);color:var(--kuningan-terang);margin:0}.cartouche-wrap{text-align:center;justify-items:center;gap:18px;margin-bottom:clamp(40px,7vw,72px);display:grid}.cartouche{--c:var(--tinta);color:var(--c);padding:14px clamp(30px,6vw,54px) 16px;position:relative}.cartouche:before,.cartouche:after{content:"";pointer-events:none;--r:13px;-webkit-mask:radial-gradient(circle var(--r) at 0 0, #0000 98%, #000) top left, radial-gradient(circle var(--r) at 100% 0, #0000 98%, #000) top right, radial-gradient(circle var(--r) at 0 100%, #0000 98%, #000) bottom left, radial-gradient(circle var(--r) at 100% 100%, #0000 98%, #000) bottom right;-webkit-mask-size:51% 51%;-webkit-mask-repeat:no-repeat;-webkit-mask:radial-gradient(circle var(--r) at 0 0, #0000 98%, #000) top left, radial-gradient(circle var(--r) at 100% 0, #0000 98%, #000) top right, radial-gradient(circle var(--r) at 0 100%, #0000 98%, #000) bottom left, radial-gradient(circle var(--r) at 100% 100%, #0000 98%, #000) bottom right;mask:radial-gradient(circle var(--r) at 0 0, #0000 98%, #000) top left, radial-gradient(circle var(--r) at 100% 0, #0000 98%, #000) top right, radial-gradient(circle var(--r) at 0 100%, #0000 98%, #000) bottom left, radial-gradient(circle var(--r) at 100% 100%, #0000 98%, #000) bottom right;position:absolute;-webkit-mask-size:51% 51%;mask-size:51% 51%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cartouche:before{border:1.5px solid color-mix(in srgb, var(--c) 70%, transparent);inset:0}.cartouche:after{--r:9px;border:1px solid color-mix(in srgb, var(--c) 35%, transparent);inset:5px}.cartouche-title{font-size:var(--step-3);margin:0;line-height:1.05}.cartouche-knot{background:var(--kuningan);width:9px;height:9px;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.cartouche-knot.left{left:-5px}.cartouche-knot.right{right:-5px}.cartouche-sub{max-width:30em;font-family:var(--font-display);font-style:italic;font-size:var(--step-1);color:var(--tinta-2);margin:0}.tone-light .cartouche{--c:var(--kertas)}.tone-light .cartouche-sub{color:#ece7dac7}.wave-edge{pointer-events:none;z-index:1;height:clamp(34px,6vw,60px);position:absolute;left:0;right:0;overflow:hidden}.wave-edge.top{margin-bottom:-1px;bottom:100%}.wave-edge.bottom{margin-top:-1px;top:100%;transform:scaleY(-1)}.wave-layer{width:200%;height:100%;fill:var(--wave);animation:14s linear infinite wave-drift;position:absolute;bottom:0;left:0}.wave-layer.l0{opacity:.35;animation-duration:19s}.wave-layer.l1{opacity:.6;animation-duration:13s;animation-direction:reverse}.wave-layer.l2{animation-duration:23s}@keyframes wave-drift{to{transform:translate(-50%)}}.porthole{--size:min(66vw, 300px);width:var(--size);aspect-ratio:1;transform-style:preserve-3d;border-radius:50%;position:relative}.ph-ring{background:radial-gradient(circle,#0000 0 42.6%,#3c260899 42.8%,#0000 43.6%),conic-gradient(from 210deg,#f6dc9c,#b8893b 18%,#7d5520 32%,#d8b064 48%,#f9e2a8 58%,#9a6c2a 74%,#c99a48 88%,#f6dc9c);border-radius:50%;position:absolute;inset:0;box-shadow:0 22px 40px -18px #0f1e238c,inset 0 2px 3px #fff6d7b3,inset 0 -3px 6px #3c260873}.ph-bolt{aspect-ratio:1;width:4.2%;transform:rotate(var(--a)) translateY(calc(var(--size) * -.465));background:radial-gradient(circle at 35% 30%,#fff1c8,#a7782f 60%,#5c3d10);border-radius:50%;margin:-2.1%;position:absolute;top:50%;left:50%;box-shadow:0 1px 1px #28190599}.ph-glass{background:var(--samudra);border-radius:50%;position:absolute;inset:9%;overflow:hidden;transform:translateZ(10px);box-shadow:inset 0 0 0 3px #2819058c,inset 0 8px 16px #00000059}.ph-glass img{object-fit:cover;width:100%;height:100%;transform:scale(1.06)}.ph-water{width:120%;height:26%;position:absolute;bottom:-6%;left:-10%;right:-10%;overflow:visible}.ph-water path{fill:#1f6e7a6b}.ph-water-b path{fill:#0f3b4a80}.ph-water-a{animation:4.4s linear infinite slosh}.ph-water-b{animation:3.1s linear infinite reverse slosh}@keyframes slosh{to{transform:translate(-100px)}}.ph-shine{pointer-events:none;background:radial-gradient(60% 40% at 30% 18%,#ffffff52,#0000 70%),linear-gradient(135deg,#0000 55%,#ffffff14 56%,#0000 64%);border-radius:50%;position:absolute;inset:0}.knot{justify-items:center;gap:4px;width:100%;margin:0;display:grid}.knot svg{width:min(100%,420px);overflow:visible}.knot mask path{fill:none;stroke:#fff;stroke-width:26px;stroke-linecap:round}.rope-gap,.rope-body,.rope-twist,.rope-light{fill:none;stroke-linecap:round;stroke-linejoin:round}.rope-gap{stroke:var(--kertas);stroke-width:17px}.rope-body{stroke:#c6a066;stroke-width:10px}.rope-twist{stroke:#87663a;stroke-width:10px;stroke-dasharray:2.5 5.5;stroke-linecap:butt}.rope-light{stroke:#fff0cd8c;stroke-width:2px;stroke-dasharray:4 4;transform:translate(-1px,-2px)}.knot-unused{display:none}.knot-caption{font-family:var(--font-display);color:var(--tinta-2);text-align:center;font-size:1.02rem;font-style:italic}.couple{justify-items:center;gap:clamp(28px,6vw,48px);display:grid}.person{text-align:center;justify-items:center;max-width:360px;display:grid}.person-photo{margin-bottom:26px}.person-role{color:var(--kuningan-gelap);margin:0;font-size:1.1rem}.person-name{margin:4px 0 12px;font-size:clamp(2rem,7vw,2.6rem);line-height:1.08}.person-parents{color:var(--tinta-2);margin:0 0 18px;font-size:.98rem;line-height:1.65}.person-parents strong{color:var(--tinta);font-weight:600}.couple-knot{width:100%;max-width:420px}@media (min-width:900px){.couple{grid-template-columns:1fr minmax(240px,320px) 1fr;align-items:start}.couple-knot{align-self:center;margin-top:-120px}}.peta{padding-bottom:0;padding-inline:0}.peta .wrap{padding-inline:var(--gutter)}.voyage{height:560vh}.voyage-sticky{height:100vh;grid-template-rows:54% 46%;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.map-frame{margin:10px var(--gutter) 0;border:1.5px solid var(--tinta);outline:1px solid var(--garis);outline-offset:4px;background:#dfe4dc;position:relative;overflow:hidden}.map-svg{width:100%;height:100%;display:block}.map-sea{fill:#d7e1dc}.graticule path{fill:none;stroke:#0f3b4a33;stroke-width:.6px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.graticule text{font-family:var(--font-body);fill:#0f3b4a80;font-size:8px}.coast-lines path{fill:none;stroke:#1f6e7a59;stroke-width:7px;stroke-linejoin:round}.land path{fill:var(--daratan);stroke:var(--tinta);stroke-width:.9px;stroke-linejoin:round}.land.neighbours path{fill:#e4dac3;stroke:#0f3b4a73}.land-hatch path{stroke:none;opacity:.35}.hatch-line{stroke:#9c8457;stroke-width:.6px}.lbl-island{font-family:var(--font-sc);letter-spacing:.12em;fill:#0f3b4ab3;text-anchor:middle;font-size:11px}.lbl-sea{font-family:var(--font-display);fill:#1f6e7ad9;text-anchor:middle;font-size:9.5px;font-style:italic}.leg-mask{fill:none;stroke:#fff;stroke-width:10px;stroke-linecap:round}.leg-path{fill:none;stroke:var(--merah);stroke-width:1.8px;stroke-dasharray:5 4;stroke-linecap:round}.port-dot{fill:var(--kertas);stroke:var(--merah);stroke-width:1.8px}.port-pulse{fill:none;stroke:var(--merah);stroke-width:1px;opacity:0;transform-origin:50%;transform-box:fill-box}.port.is-active .port-pulse{animation:1.8s ease-out infinite port-pulse}.port.is-active .port-dot{fill:var(--merah)}@keyframes port-pulse{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(2.2)}}.port-name{font-family:var(--font-display);fill:var(--tinta);text-anchor:middle;paint-order:stroke;stroke:#d7e1dc;stroke-width:3px;font-size:11px;font-style:italic}.ms-hull{fill:#3b2619}.ms-sail{fill:var(--kertas);stroke:#3b2619;stroke-width:.8px}.compass-rose{width:clamp(58px,14vw,96px);position:absolute;bottom:10px;right:10px;overflow:visible}.compass-rose circle{fill:#ece7dab3;stroke:var(--tinta);stroke-width:1px}.compass-rose circle.thin{fill:none;stroke-width:.5px}.compass-rose .cr-d{fill:var(--tinta)}.compass-rose .cr-l{fill:var(--kertas);stroke:var(--tinta);stroke-width:.5px}.compass-rose .cr-m{fill:var(--kuningan)}.compass-rose text{font-family:var(--font-display);text-anchor:middle;fill:var(--merah);font-size:8px}.map-coord{font-variant-numeric:tabular-nums;letter-spacing:.03em;color:var(--tinta);background:#ece7dad9;border-radius:4px;margin:0;padding:4px 9px;font-size:.74rem;position:absolute;bottom:10px;left:10px}.map-scale{font-family:var(--font-display);color:#0f3b4a99;margin:0;font-size:.78rem;font-style:italic;position:absolute;top:8px;left:10px}.logbook{perspective:900px;margin:0;padding:0;list-style:none;position:relative}.log-card{inset:18px var(--gutter) 84px;border-left:3px double var(--merah);transform-origin:50% 0;backface-visibility:hidden;background:repeating-linear-gradient(#0000 0 27px,#1f6e7a24 27px 28px),#f3eee2;align-content:start;gap:4px;padding:20px 22px;display:grid;position:absolute;box-shadow:0 18px 30px -22px #0f1e2399}.log-meta{color:var(--tinta-2);justify-content:space-between;align-items:baseline;margin:0;font-size:.84rem;display:flex}.log-year{font-family:var(--font-display);color:var(--merah);font-size:1.5rem}.log-place{font-weight:600}.log-title{margin:0;font-size:clamp(1.7rem,6vw,2.3rem);line-height:1.1}.log-text{font-family:var(--font-display);color:var(--tinta);max-width:32em;margin:4px 0 0;font-size:1.06rem;line-height:1.6}.log-foot{color:var(--tinta-3);margin:auto 0 0;font-size:.74rem}@media (min-width:900px){.voyage-sticky{max-width:1280px;padding:0 var(--gutter);grid-template-rows:1fr;grid-template-columns:1.35fr 1fr;align-items:center;gap:40px;margin:0 auto}.map-frame{height:min(76svh,640px);margin:0}.logbook{height:min(52svh,380px)}.log-card{padding:36px 36px 30px;inset:0}}.peta.is-static .voyage{height:auto}.peta.is-static .voyage-sticky{grid-template-rows:none;gap:24px;height:auto;padding-bottom:80px;display:grid;position:relative}.peta.is-static .map-frame{aspect-ratio:16/10;height:auto}.peta.is-static .logbook{height:auto;padding:0 var(--gutter);gap:16px;display:grid}.peta.is-static .log-card{position:relative;inset:auto}.signal{justify-items:center;gap:18px;margin:0 auto clamp(40px,8vw,70px);display:grid}.flagline{--w:min(84vw, calc(var(--n) * 54px));width:var(--w);height:74px;position:relative}.flagline-rope{width:100%;height:20px;position:absolute;inset:0 0 auto;overflow:visible}.flagline-rope path{fill:none;stroke:var(--daratan);stroke-width:1.4px;vector-effect:non-scaling-stroke}.flag{left:var(--x);top:calc(2px + var(--sag) * 10px);justify-items:center;gap:4px;width:clamp(30px,9vw,40px);display:grid;position:absolute;transform:translate(-50%)}.flag-cloth{transform-origin:50% 0;width:100%;animation:2.6s ease-in-out infinite flutter;animation-delay:calc(var(--d) * -1);filter:drop-shadow(0 4px 4px #0000004d);display:block}.flag-cloth svg{border-top:2px solid var(--daratan);width:100%;display:block}.flag-letter{font-family:var(--font-display);color:#ece7daa6;font-size:.8rem}@keyframes flutter{0%,to{transform:rotate(-3deg)skew(2deg)}50%{transform:rotate(4deg)skew(-3deg)scaleX(.94)}}.signal-cap{text-align:center;color:#ece7daa8;max-width:28em;font-size:.82rem}.dial{justify-items:center;gap:10px;display:grid;position:relative}.dial-face{filter:drop-shadow(0 12px 18px #00000059);width:clamp(116px,34vw,150px)}.dial-plate{fill:#ede6d3;stroke:#3c260899;stroke-width:1.5px}.tick{stroke:var(--tinta);stroke-width:.8px}.tick.major{stroke-width:1.6px}.dial-needle{transform-origin:60px 60px;transform-box:view-box;transition:transform .9s var(--ease-spring)}.dial-needle path{fill:var(--merah)}.dial-hub{fill:#b8893b;stroke:#5c3d10;stroke-width:1px}.dial-read{color:var(--tinta);justify-items:center;line-height:1;display:grid;position:absolute;top:calc(clamp(116px,34vw,150px)/1.78571)}.odo{font-family:var(--font-body);font-variant-numeric:tabular-nums;background:var(--samudra-dalam);color:var(--kertas);border-radius:3px;padding:2px 3px;font-size:clamp(1.05rem,3.6vw,1.3rem);font-weight:650;display:inline-flex;box-shadow:inset 0 1px 3px #0009}.odo-col{text-align:center;width:.7em;height:1.15em;display:inline-block;overflow:hidden}.odo-strip{transition:transform .6s var(--ease-out);flex-direction:column;display:flex}.odo-strip span{height:1.15em;line-height:1.15em}.dial-label{font-family:var(--font-display);color:var(--tinta-2);white-space:nowrap;margin-top:3px;font-size:.84rem;font-style:italic}.std-date{gap:2px;margin:-20px 0 clamp(36px,7vw,56px);font-size:clamp(2.2rem,8vw,3.6rem);line-height:1.05;display:grid;overflow:hidden}.std-date .italic{color:var(--kuningan-terang);font-size:.62em}.dials{grid-template-columns:repeat(2,auto);justify-content:center;gap:26px clamp(18px,6vw,48px);margin-bottom:clamp(40px,7vw,60px);display:grid}@media (min-width:760px){.dials{grid-template-columns:repeat(4,auto)}}.std-done{font-size:var(--step-3);color:var(--kuningan-terang);animation:2.4s ease-in-out infinite pulse-soft}@keyframes pulse-soft{50%{opacity:.7;transform:scale(.98)}}.std-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.events{gap:28px;margin-bottom:clamp(64px,10vw,100px);display:grid}@media (min-width:820px){.events{grid-template-columns:1fr 1fr;gap:36px}}.event{border:1px solid var(--garis);box-shadow:0 24px 40px -30px #0f1e238c, inset 0 0 0 6px #f4efe3, inset 0 0 0 7px var(--garis);background:#f4efe3;padding:clamp(28px,5vw,40px) clamp(22px,5vw,38px) clamp(28px,5vw,36px);position:relative}.event-pier{font-family:var(--font-sc);color:var(--kuningan-gelap);margin:0;font-size:1.05rem}.event-name{margin:0 0 18px;font-size:clamp(2.2rem,8vw,3rem);line-height:1.05}.event-rows{gap:12px;margin:0 0 24px;padding:0;list-style:none;display:grid}.event-rows li{color:var(--tinta-2);grid-template-columns:22px 1fr;align-items:start;gap:12px;font-size:.98rem;line-height:1.5;display:grid}.event-rows svg{color:var(--laut);margin-top:2px}.event-rows strong{color:var(--tinta);font-weight:650}.event-coord{font-variant-numeric:tabular-nums;font-size:.86rem!important}.stamp{opacity:0;mix-blend-mode:multiply;pointer-events:none;width:clamp(92px,24vw,118px);position:absolute;top:-18px;right:-10px}.st-ring{fill:none;stroke:var(--merah);stroke-width:3px}.st-ring.thin{stroke-width:1.2px}.st-text{font-family:var(--font-body);letter-spacing:1.6px;fill:var(--merah);font-size:9.4px;font-weight:700}.st-ship{fill:var(--merah)}.lokasi-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.lokasi-head h3{font-size:var(--step-2);margin:0}.tabs{background:#0f3b4a14;border-radius:999px;padding:4px;display:inline-flex}.tabs button{min-height:42px;color:var(--tinta-2);background:0 0;border:0;border-radius:999px;padding:0 18px;font-size:.92rem;font-weight:600;position:relative}.tabs button.is-active{color:var(--kertas)}.tab-pill{background:var(--samudra);border-radius:999px;position:absolute;inset:0}.tab-text{position:relative}.map-embed{aspect-ratio:4/3;border:1.5px solid var(--tinta);outline:1px solid var(--garis);outline-offset:4px;background:#d7e1dc;position:relative;overflow:hidden}@media (min-width:820px){.map-embed{aspect-ratio:16/7}}.map-embed iframe{filter:sepia(.35)saturate(.85)hue-rotate(-8deg)contrast(1.02);border:0;width:100%;height:100%;position:absolute;inset:0}.lokasi-addr{color:var(--tinta-2);margin:14px 0 0;font-size:.94rem}.lightbox{z-index:95;-webkit-backdrop-filter:blur(12px);background:#06161cd1;place-items:center;padding:64px 14px 84px;display:grid;position:fixed;inset:0}.lb-figure{cursor:grab;touch-action:pan-y;background:#f4efe3;gap:10px;max-width:min(94vw,1100px);max-height:100%;margin:0;padding:10px 10px 14px;display:grid;box-shadow:0 30px 60px -20px #000000b3}.lb-figure:active{cursor:grabbing}.lb-figure img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:calc(100svh - 200px)}.lb-figure figcaption{color:var(--tinta);justify-content:space-between;align-items:baseline;gap:16px;padding:0 4px;display:flex}.lb-figure figcaption .display{font-size:1.15rem}.lb-count{font-variant-numeric:tabular-nums;color:var(--tinta-3);font-size:.8rem}.lb-btn{width:48px;height:48px;color:var(--kertas);background:#ece7da1f;border:0;border-radius:50%;place-items:center;transition:background .2s;display:grid;position:absolute}.lb-btn:hover{background:#ece7da3d}.lb-close{top:max(12px, env(safe-area-inset-top));right:12px}.lb-prev,.lb-next{bottom:max(16px, env(safe-area-inset-bottom))}.lb-prev{left:calc(50% - 60px)}.lb-next{right:calc(50% - 60px)}@media (min-width:900px){.lb-prev,.lb-next{top:50%;bottom:auto;transform:translateY(-50%)}.lb-prev{left:24px}.lb-next{right:24px}}.galeri{padding-inline:0;overflow:clip}.galeri .wrap{padding-inline:var(--gutter)}.drag-hint{text-align:center;color:var(--tinta-3);margin:-24px 0 18px;font-size:.84rem}.drag-hand{vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:26px;margin-right:8px;animation:2.4s ease-in-out infinite hand;display:inline-block}@keyframes hand{50%{transform:translate(8px)}}.line{touch-action:pan-y;padding:12px 0 40px;position:relative}.line-rope{width:100%;height:40px;position:absolute;top:6px;left:0;overflow:visible}.line-rope path{fill:none;stroke:#9c7a48;stroke-width:2.4px;vector-effect:non-scaling-stroke}.line-track{width:max-content;padding:0 var(--gutter);cursor:grab;gap:clamp(14px,3vw,28px);margin:0;list-style:none;display:flex}.line-track:active{cursor:grabbing}.polaroid-wrap{transform:rotate(var(--r));transform-origin:50% 0;padding-top:14px;position:relative}.peg{z-index:2;background:linear-gradient(90deg,#a87f4a,#d8b37c 50%,#9a7140);border-radius:3px;width:10px;height:30px;margin-left:-5px;position:absolute;top:2px;left:50%;box-shadow:0 2px 3px #0000004d}.polaroid{transform-origin:50% 0;text-align:left;background:#fbf8f0;border:0;gap:8px;width:clamp(168px,46vw,236px);padding:9px 9px 12px;display:grid;box-shadow:0 16px 26px -18px #0f1e23b3,0 1px #0000000d}.polaroid-img{aspect-ratio:4/5;background:var(--kertas-2);display:block;overflow:hidden}.polaroid-wrap:nth-child(3n+2) .polaroid-img{aspect-ratio:1}.polaroid-img img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.polaroid-cap{color:var(--tinta-2);font-size:1.02rem}.gift-intro{font-family:var(--font-display);font-size:var(--step-1);color:#ece7dadb;margin-top:-20px;margin-bottom:clamp(36px,7vw,56px);line-height:1.6}.banks{justify-items:center;gap:22px;display:grid}@media (min-width:960px){.banks{grid-template-columns:repeat(3,1fr);align-items:stretch}}.bank{--shine:50%;aspect-ratio:1.6;color:#2a1c08;background:radial-gradient(120% 90% at var(--shine) 0%, #fff8e18c, transparent 55%), linear-gradient(135deg, #ebc983 0%, #c99a48 38%, #a8792f 62%, #d9b26a 100%);border-radius:18px;grid-template-rows:auto auto 1fr auto;width:min(100%,380px);padding:20px 22px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff6d7cc,inset 0 -2px #50340c59,0 24px 40px -22px #000000bf}.bank:before{content:"";opacity:.18;pointer-events:none;background:repeating-radial-gradient(circle at 110% 120%,#0000 0 9px,#462d0a99 9px 10px);position:absolute;inset:0}.bank-top{justify-content:space-between;align-items:center;display:flex;position:relative}.bank-name{font-family:var(--font-body);letter-spacing:.02em;font-size:1.3rem;font-weight:800}.bank-emblem{fill:#2a1c08b3;width:40px}.bank-chip{background:linear-gradient(90deg,#0000 45%,#462d0a80 45% 55%,#0000 55%),linear-gradient(#0000 45%,#462d0a80 45% 55%,#0000 55%),linear-gradient(135deg,#f6e2b0,#b98d43);border-radius:6px;width:40px;height:30px;margin-top:10px;position:relative}.bank-number{letter-spacing:.08em;font-variant-numeric:tabular-nums;text-shadow:0 1px #fff5d799;align-self:center;margin:0;font-size:clamp(1.3rem,5.4vw,1.6rem);font-weight:650;position:relative}.bank-foot{justify-content:space-between;align-items:end;gap:10px;display:flex;position:relative}.bank-holder{margin:0;font-size:.86rem;font-weight:600;line-height:1.3}.bank-holder span{opacity:.7;font-weight:400}.bank-index{font-family:var(--font-display);opacity:.12;font-size:3.2rem;position:absolute;top:52px;right:18px}.bank .copy{--h:38px;color:var(--kertas);background:var(--samudra-dalam);flex:none;box-shadow:0 6px 14px -8px #0009}.copy-icon{display:grid}.copy.is-copied{animation:pop .35s var(--ease-spring)}@keyframes pop{40%{transform:scale(1.08)}}.gift-address{width:min(100%,380px);color:var(--kertas);border:1px dashed #dcb46a8c;border-radius:18px;justify-items:start;gap:8px;padding:24px 22px;display:grid}.gift-address svg{color:var(--kuningan-terang)}.gift-address h3{margin:0;font-size:1.6rem}.gift-address p{color:#ece7dacc;margin:0 0 8px;font-size:.95rem;line-height:1.55}.gift-address strong{color:var(--kertas)}.logform{border-left:3px double var(--merah);perspective:900px;background:repeating-linear-gradient(#0000 0 31px,#1f6e7a1f 31px 32px),#f4efe3;max-width:560px;margin:0 auto;padding:clamp(28px,6vw,44px) clamp(22px,6vw,44px);position:relative;box-shadow:0 30px 50px -36px #0f1e23b3}.logform form{gap:18px;display:grid}.choices{border:0;margin:0;padding:0}.choices legend{margin-bottom:10px;padding:0}.choice-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.choice{text-align:center;color:var(--tinta-2);cursor:pointer;transition:background .2s, box-shadow .2s, transform .25s var(--ease-spring);background:#0f3b4a0d;border-radius:12px;justify-items:center;gap:8px;padding:14px 6px 12px;font-size:.9rem;font-weight:600;display:grid;position:relative;box-shadow:inset 0 0 0 1.5px #0000}.choice input{opacity:0;cursor:pointer;position:absolute;inset:0}.choice:has(input:focus-visible){outline:2px solid var(--kuningan);outline-offset:3px}.choice.is-on{box-shadow:inset 0 0 0 1.5px var(--kuningan);color:var(--tinta);background:#b8893b24}.choice-flag{transform-origin:0;width:38px;transition:transform .4s var(--ease-spring)}.choice-flag svg{border-left:2px solid #8a6326;width:100%;display:block}.choice.is-on .choice-flag{animation:hoist .6s var(--ease-spring)}@keyframes hoist{0%{transform:translateY(12px)scaleX(.6)}to{transform:none}}.choice-note{color:var(--tinta-3);margin:4px 0 0;font-size:.78rem}.stepper{background:#0f3b4a12;border-radius:999px;align-items:center;gap:6px;width:max-content;padding:4px;display:inline-flex}.stepper button{background:var(--kertas);border:0;border-radius:50%;width:44px;height:44px;font-size:1.3rem;box-shadow:0 2px 6px -3px #00000059}.stepper button:disabled{opacity:.4;cursor:not-allowed}.stepper output{text-align:center;min-width:84px;font-family:var(--font-display);font-size:1.2rem}.form-error{color:#8e2a1f;background:#c0392b1a;border-radius:10px;margin:0;padding:10px 14px;font-size:.9rem}.submit{justify-self:start;min-width:210px}.rsvp-done{justify-items:start;gap:8px;display:grid}.rsvp-flag{width:46px;animation:hoist .8s var(--ease-spring)}.rsvp-flag svg{border-left:2px solid #8a6326;width:100%;display:block}.rsvp-done h3{margin:6px 0 0;font-size:clamp(1.8rem,6vw,2.4rem);line-height:1.1}.rsvp-done p{color:var(--tinta-2);margin:0}.rsvp-msg{font-family:var(--font-display);font-size:1.12rem;font-style:italic;color:var(--tinta)!important}.rsvp-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.ucapan{position:relative}.ucapan-grid{gap:40px;display:grid}@media (min-width:900px){.ucapan-grid{grid-template-columns:1fr 1.1fr;align-items:start;gap:56px}.wish-form{position:sticky;top:90px}}.wish-form{border:1px solid var(--garis);background:#f4efe3;gap:16px;padding:clamp(24px,5vw,36px);display:grid;box-shadow:0 24px 40px -32px #0f1e2399}.field-meta{justify-content:space-between;gap:12px;display:flex}.counter{font-variant-numeric:tabular-nums;color:var(--tinta-3);white-space:nowrap;font-size:.78rem;transition:color .2s}.counter.amber{color:#a8651a}.counter.red{color:#a3271c;font-weight:600}.wish-submit{justify-self:start}.wishes-count{font-family:var(--font-display);color:var(--tinta-2);margin:0 0 14px;font-size:1.15rem;font-style:italic}.wishes-count strong{color:var(--merah);font-style:normal}.wishes{gap:12px;margin:0;padding:0;list-style:none;display:grid}.wish{background:#ffffff73;border:1px solid #0f3b4a1a;border-radius:14px;padding:16px 18px}.wish.is-fresh{animation:2.4s ease-out fresh}@keyframes fresh{0%{box-shadow:0 0 0 2px var(--kuningan);background:#dcb46a73}to{background:#ffffff73;box-shadow:0 0 #0000}}.wish-head{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:6px;display:grid}.wish-avatar{background:var(--samudra);width:34px;height:34px;color:var(--kuningan-terang);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:1.1rem;display:grid}.wish-name{overflow-wrap:anywhere;font-size:.95rem;font-weight:650}.wish-time{color:var(--tinta-3);white-space:nowrap;font-size:.76rem}.wish-msg{font-family:var(--font-display);color:var(--tinta);overflow-wrap:anywhere;margin:0;font-size:1.04rem;line-height:1.6}.more{margin-top:16px}.toss-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.toss-bottle{opacity:0;width:30px;position:absolute;top:0;left:0}.toss-bottle svg{width:30px;display:block;overflow:visible}.tb-glass{fill:#6fa3a373;stroke:#1f6e7a;stroke-width:1.4px}.tb-cork{fill:#9a6a3f}.tb-paper{fill:#f3ead4}.tb-ribbon{fill:var(--merah)}.splash i{border:2px solid var(--laut);opacity:0;border-radius:50%;width:60px;height:18px;margin:-9px 0 0 -30px;position:absolute;top:0;left:0}.footer{padding-block:90px max(110px, calc(80px + env(safe-area-inset-bottom)))}.footer .wrap{justify-items:center;gap:14px;display:grid}.footer-mono{margin:0;font-size:4.2rem;line-height:1}.footer-mono span{color:var(--kuningan-terang);margin:0 .12em;font-size:.5em}.footer-line{font-size:var(--step-1);color:#ece7dacc;margin:0 0 10px}.footer-credit{color:#ece7da8c;margin:26px 0 0;font-size:.8rem;line-height:1.7}