:root{--ink:#354c40;--cream:#fffaf0;--sage:#809878;--accent:#bca778}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:clip;background:#e1ead2;color:var(--ink);font:15px/1.6 Lato,sans-serif}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{border:1px solid #ddd6c6;background:var(--cream);color:var(--ink);border-radius:24px;padding:9px 16px}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #bca778;outline-offset:4px}a{color:inherit}[hidden]{display:none!important}
.tour-header{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:100;width:min(940px,calc(100% - 24px));display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fffaf0f5;border:1px solid #fff;border-radius:18px;padding:12px 18px}.tour-header>a{text-decoration:none;font-size:13px}.tour-header>span{text-align:center;font-size:10px;letter-spacing:2px;font-weight:700}.tour-header small{display:block;font-weight:400;font-size:10px;letter-spacing:.2px;color:#7a7766}.tour-header button{font-size:12px;padding:7px 10px}
.world{position:fixed;inset:0;overflow:hidden;pointer-events:none}.landscape{position:absolute;inset:0;background:url('/static/assets/exclusive/motor-tour-v1/guests-v3/landscape-cartoon.webp') center 46%/cover no-repeat;transform-origin:50% 49%;will-change:transform}.world canvas{position:absolute;inset:0;width:100%;height:100%}.scooter{position:fixed;width:clamp(100px,17vw,145px);aspect-ratio:2/3;bottom:78px;left:50%;transform:translateX(-50%);pointer-events:none;z-index:60}.scooter>img{width:100%;height:100%;display:block;object-fit:contain;transform-origin:50% 92%}.scooter-wheels{position:absolute;inset:0;width:100%;height:100%}.scooter.is-riding>img{animation:ride-bounce .32s ease-in-out infinite alternate}@keyframes ride-bounce{to{transform:translateY(-1px)}}
.tour-stop{height:160svh;position:relative;pointer-events:none}.billboard{position:fixed;left:50%;top:104px;width:min(650px,calc(100vw - 32px));height:clamp(310px,41svh,370px);display:flex;flex-direction:column;pointer-events:auto;transform:translateX(-50%);transform-origin:50% 100%;padding:17px 25px 13px;border:8px solid #253532;border-radius:13px;background:linear-gradient(125deg,#203b37,#102c29);color:#f7f3e7;box-shadow:inset 0 0 0 1px #78988b35,3px 5px 0 #142621,0 14px 22px #19372620;isolation:isolate}
.billboard:after{content:'';position:absolute;z-index:-1;top:calc(100% + 8px);left:2%;width:96%;height:clamp(110px,19svh,175px);border-left:8px solid #71876b;border-right:8px solid #71876b;pointer-events:none}
.billboard>.eyebrow{flex:none;display:flex;align-items:center;justify-content:center;gap:9px;font-size:9px;letter-spacing:1.3px;font-weight:700;text-transform:uppercase;color:#b9cbb9;margin:0 0 12px;padding-bottom:11px;border-bottom:1px solid #90b7a022}.billboard>.eyebrow:before{content:'';width:5px;height:5px;background:#b8ca9a;border-radius:50%}
.board-content{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#71927b #1b3932;text-align:center;padding:0 5px 8px;overscroll-behavior:auto}.billboard h1,.billboard h2,.billboard h3,.display-dialog h1,.display-dialog h2,.display-dialog h3{font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.16;color:#fff4d7;margin:9px 0 14px}.billboard h1{font-size:clamp(35px,5vw,49px)}.billboard h2{font-size:clamp(29px,4vw,38px)}.billboard h3{font-size:25px}.billboard p{margin:8px 0;white-space:pre-line}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#becbaf;font-weight:700}.muted{color:#bccabd;font-size:12px}.billboard img{max-width:100%;width:100%;max-height:200px;object-fit:cover;border-radius:7px}.start-button{background:#efe3bc;color:#253c30;border:0;border-radius:25px;padding:11px 22px;min-height:42px;margin:10px 0 2px}.board-link{display:inline-block;text-decoration:none;border-bottom:1px solid #a3c6ad;padding:5px}.profiles{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profiles img{height:130px}.profiles h3{font-size:25px}.profiles p{font-size:13px}.timeline-item{text-align:left;border-left:1px solid #809c80;padding:0 0 18px 18px;margin-left:5px}.timeline-item small{color:#a9bfa6}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:9px}.gallery img{height:150px}.event{padding:15px 0;border-top:1px solid #94b39335}.tour-character{object-fit:contain!important;height:150px}.arabic-text{font-family:serif;font-size:23px;line-height:1.9}
#berangkat .board-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;overflow:auto;padding-bottom:0}#berangkat .board-content>.eyebrow{margin:0;font-size:9px}#berangkat .board-content h1{margin:3px 0 5px}#berangkat .board-content>p{margin:2px 0}#berangkat .board-content>img,#berangkat .board-content>.muted{display:none}#berangkat .start-button{flex-shrink:0;margin:8px 0 2px}
.expand-display{flex:none;align-self:center;display:inline-flex;align-items:center;justify-content:center;border:1px solid #a9bea42b;background:#c3d3b90b;border-radius:16px;color:#cddbc2;padding:5px 14px;min-height:30px;font-size:11px;margin-top:12px}.expand-display:hover{background:#d4e2c514}
.rsvp-fields{display:grid;gap:10px;text-align:left}.rsvp-fields label{font-size:12px}.rsvp-fields input,.rsvp-fields textarea,.rsvp-fields select{width:100%;border:1px solid #c9d0b7;border-radius:8px;padding:10px;background:#f4f3df;color:#203a30}.rsvp-fields button{justify-self:start}
.tour-scroll-cue{position:fixed;z-index:100;left:50%;bottom:18px;translate:-50% 0;width:46px;height:46px;padding:11px;border-radius:50%;border:1px solid #d8ccb1;background:#fff9e8f5;color:#6d5136;display:grid;place-items:center}.tour-scroll-cue svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tour-scroll-cue.at-end svg{rotate:180deg}.tour-brand{position:fixed;right:18px;bottom:90px;font-size:10px;color:#3e4c35;pointer-events:none}
.display-dialog{width:min(600px,calc(100vw - 28px));max-height:85svh;border:1px solid #536d5c;border-radius:14px;background:#18362f;color:#f9f4df;padding:40px 24px 24px}.display-dialog::backdrop{background:#122720b8}.display-dialog .board-content{max-height:70svh;min-height:0;overflow:auto}.display-dialog h1{font-size:38px}.display-dialog h2{font-size:32px}.display-dialog img{max-width:100%;max-height:240px;object-fit:cover}.display-dialog .muted{color:#b6c5b9}.display-close{position:absolute;top:5px;right:8px;background:transparent;color:white;border:0;font-size:26px;padding:0 9px}
.inv-music{position:fixed;z-index:100;left:15px;bottom:90px}.music-toggle{width:43px;height:43px;padding:9px}.music-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}.music-pause-icon,.is-playing .music-play-icon{display:none}.is-playing .music-pause-icon{display:block}.music-panel{background:var(--cream);padding:16px;border-radius:12px;max-width:300px}.music-panel-head{display:flex;gap:10px;align-items:center}.music-panel audio{width:100%}.music-panel p{font-size:11px}
.reading .world{opacity:.2}.reading .scooter,.reading canvas{display:none}.reading .tour-stop{height:auto;padding:110px 20px 25px}.reading .billboard{position:relative;left:auto;top:auto;width:min(650px,100%);margin:auto;height:auto;min-height:280px;transform:none!important;display:flex!important;opacity:1!important;visibility:visible!important}.reading .billboard:after,.reading .expand-display{display:none}.reading .board-content{max-height:none;flex:auto}.reading main{padding-bottom:120px}
@media(max-width:480px){.tour-header{padding:10px;gap:5px}.tour-header>span{font-size:9px;letter-spacing:1px}.tour-header small{font-size:8px}.tour-header>a{font-size:11px}.tour-header button{font-size:10px}.billboard{top:96px;height:clamp(310px,40svh,350px);padding:15px 15px 12px;border-width:6px}.billboard:after{top:calc(100% + 6px);border-width:6px}.billboard>.eyebrow{font-size:8px;letter-spacing:1px}.billboard h1{font-size:38px}.billboard h2{font-size:30px}.profiles{gap:12px}.profiles img{height:110px}.scooter{width:104px}.board-content{font-size:14px}}
@media(max-height:700px){.billboard{top:86px;height:280px;padding:12px}.billboard>.eyebrow{padding-bottom:7px;margin-bottom:8px}.billboard h1{font-size:34px}.scooter{width:90px;bottom:68px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scooter.is-riding>img{animation:none}}

/* Smaller landscape display; the paired supports remain close to the lane shoulders. */
body:not(.reading) .billboard{width:min(520px,calc(100vw - 48px));height:clamp(250px,32svh,280px);top:110px;padding:13px 19px 10px;border-width:6px;border-radius:10px}
body:not(.reading) .billboard:after{top:calc(100% + 6px);height:clamp(95px,17svh,150px);border-left-width:6px;border-right-width:6px}
body:not(.reading) .billboard>.eyebrow{padding-bottom:8px;margin-bottom:7px;font-size:8px}
body:not(.reading) .expand-display{margin-top:8px;min-height:26px;padding:3px 12px}
body:not(.reading) #berangkat .board-content>.eyebrow{display:none}
body:not(.reading) #berangkat .board-content{gap:3px}
body:not(.reading) #berangkat .board-content h1{font-size:clamp(32px,4.5vw,43px);margin:2px 0 5px}
body:not(.reading) #berangkat .start-button{min-height:39px;padding:8px 19px;margin:6px 0 0;font-size:13px}
@media(max-width:480px){body:not(.reading) .billboard{width:calc(100vw - 40px);top:96px;height:270px;padding:13px 13px 10px}.billboard h2{font-size:28px}.billboard:after{height:140px}}
@media(max-height:700px){body:not(.reading) .billboard{top:86px;height:250px}}

body:not(.reading) .billboard:after{left:calc(50% - var(--gantry-half,100px));width:calc(var(--gantry-half,100px)*2);height:var(--gantry-height,190px)}

/* Each roadside screen is a complete composition, never a clipped scrollable document. */
body:not(.reading) .billboard>.full-details{display:none}
.billboard-summary{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:10px;text-align:center;padding:0 3px}
.billboard-summary h2{font-size:clamp(25px,3.5vw,34px);margin:0 0 4px}.billboard-summary p{font-size:13px;line-height:1.5;margin:2px 0}
.summary-couple{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:18px}.summary-couple>div{min-width:0}.billboard .summary-couple img{width:100%;height:92px;object-fit:contain;object-position:center;border-radius:7px;background:#e4e6d70a;display:block}.summary-couple h3{font-size:26px;line-height:1.15;margin:9px 0 0;overflow-wrap:anywhere}.summary-character{width:100%;height:90px!important;object-fit:contain!important}
.summary-events,.summary-moments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.summary-events>div{padding:8px;border:1px solid #c1cdb52b;border-radius:8px}.summary-events h3{font-size:23px;margin:0 0 8px}.summary-events p{font-size:12px;line-height:1.5}.summary-moments{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.summary-moments>div{padding:8px 3px;border-top:1px solid #acbf9c66}.summary-moments small{font-size:10px;color:#bbcba8;display:block;margin-bottom:6px}.summary-moments strong{font-size:12px;line-height:1.4;display:block;font-weight:400;overflow-wrap:anywhere}
.summary-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.billboard .summary-gallery img{width:100%;height:135px;object-fit:contain;border-radius:6px;background:#ffffff08}
.reading .billboard-summary{display:none}.reading .billboard>.full-details{display:block}.display-dialog .full-details{display:block;opacity:1!important}.display-dialog .profiles img{object-fit:contain;height:190px;background:#ffffff08}.display-dialog .profiles h3{overflow-wrap:anywhere}
@media(max-width:480px){.summary-couple{gap:12px}.billboard .summary-couple img{height:91px}.summary-couple h3{font-size:25px}.billboard-summary h2{font-size:26px}.summary-events{gap:8px}.summary-events h3{font-size:21px}.summary-events p{font-size:11px}.summary-moments strong{font-size:11px}.billboard .summary-gallery img{height:125px}}
@media(max-height:700px){.billboard .summary-couple img{height:78px}.summary-couple h3{font-size:23px;margin-top:6px}.billboard .summary-gallery img{height:108px}}

.billboard .summary-shared-photo>img{height:100px;object-fit:contain;background:none}.summary-shared-photo{gap:7px}.summary-shared-photo h2{font-size:28px;margin:0}
/* A single shared portrait gets its own column, rather than two repeated or cropped copies. */
.summary-shared-photo{display:grid;grid-template-columns:minmax(90px,.9fr) minmax(0,1.1fr);align-items:center;gap:15px;padding:0 4px}
.billboard .summary-shared-photo>img{width:100%;height:140px;object-fit:contain;object-position:center}
.summary-shared-photo h2{font-size:clamp(27px,3.4vw,35px);line-height:1.18;overflow-wrap:anywhere;margin:0}
@media(max-width:480px){.summary-shared-photo{gap:12px}.summary-shared-photo h2{font-size:29px}}
@media(max-height:700px){.billboard .summary-shared-photo>img{height:125px}}
/* The generated bezel is the visible cabinet; configuration content stays live in its aperture. */
body:not(.reading) .billboard{border:0;border-radius:20px;padding:37px 39px 33px;background:linear-gradient(#17332d,#102e28) center/87% 78% no-repeat;box-shadow:none}
.billboard:before{content:'';position:absolute;inset:0;background:url('/static/assets/exclusive/motor-tour-v1/videotron-v1/frame.webp') center/100% 100% no-repeat;pointer-events:none;z-index:1}
.billboard>.eyebrow,.billboard>.board-content{position:relative;z-index:2}
body:not(.reading) .board-content{overflow:hidden;scrollbar-width:none;display:block}
body:not(.reading) .billboard .board-content img{height:120px;width:100%;max-height:140px;object-fit:contain;background:none}
body:not(.reading) .billboard>.eyebrow{font-size:8px;margin-bottom:6px;padding-bottom:5px}
body:not(.reading) .board-content>p{font-size:13px;line-height:1.55;margin:6px 0;overflow-wrap:anywhere}
body:not(.reading) .board-content :is(h1,h2,h3){overflow-wrap:anywhere}
body:not(.reading) .board-content h2{font-size:29px;margin:5px 0 9px}
body:not(.reading) .board-content h3{font-size:25px;margin:6px 0}
body:not(.reading) .billboard.rsvp-screen{height:440px;padding-top:45px;padding-bottom:43px}
body:not(.reading) .rsvp-screen h2{font-size:27px;margin-bottom:10px}
.rsvp-screen .rsvp-fields{grid-template-columns:1fr 1fr;gap:7px 10px}.rsvp-screen .rsvp-fields>label:first-child,.rsvp-screen .rsvp-fields>label:nth-child(4),.rsvp-screen .rsvp-fields>[role=status]{grid-column:1 / -1}.rsvp-screen .rsvp-fields label{font-size:11px;line-height:1.4}.rsvp-screen .rsvp-fields :is(input,select,textarea){padding:7px 9px;font-size:13px;line-height:1.3}.rsvp-screen .rsvp-fields textarea{height:45px;min-height:45px}.rsvp-screen .rsvp-fields button{font-size:12px;padding:8px 13px;min-height:34px;margin:0}.rsvp-screen .rsvp-fields>[role=status]{font-size:10px;line-height:1.4;margin:0}
.reading .billboard{padding:35px 32px;background:#16362d}.reading .billboard:before{display:none}
@media(max-width:480px){body:not(.reading) .billboard{height:300px;padding:39px 25px 36px}body:not(.reading) .board-content h2{font-size:27px}body:not(.reading) .billboard.rsvp-screen{height:440px;padding:46px 25px 43px}}
@media(max-height:700px){body:not(.reading) .billboard{height:275px;top:84px}body:not(.reading) .billboard.rsvp-screen{height:400px;top:84px;padding-top:39px;padding-bottom:40px}}
body:not(.reading) .billboard:after{border:0;background:url('/static/assets/exclusive/motor-tour-v1/videotron-v1/post.webp') left top/36px 100% no-repeat,url('/static/assets/exclusive/motor-tour-v1/videotron-v1/post.webp') right top/36px 100% no-repeat;box-shadow:none;top:98%}
/* Keep all live content inside the transparent screen opening of the raster bezel. */
body:not(.reading) .billboard{padding-top:49px;padding-bottom:43px}
body:not(.reading) .billboard.rsvp-screen{height:440px;padding-top:61px;padding-bottom:60px}
body:not(.reading) .rsvp-screen .board-content>h2{display:none}
.rsvp-screen .rsvp-fields{gap:5px 10px}
@media(max-width:480px){body:not(.reading) .billboard{padding-top:49px;padding-bottom:43px}body:not(.reading) .billboard.rsvp-screen{height:440px;padding-top:61px;padding-bottom:60px}}
@media(max-height:700px){body:not(.reading) .billboard{padding-top:43px;padding-bottom:39px}body:not(.reading) .billboard.rsvp-screen{height:400px;padding-top:55px;padding-bottom:54px}}

/* An open convertible replaces the scooter; the throttle is a hold-to-drive control. */
.car-vehicle{width:clamp(145px,24vw,215px);aspect-ratio:1;bottom:62px}
.gas-control{position:fixed;right:clamp(14px,5vw,80px);bottom:24px;z-index:110;width:90px;min-height:136px;padding:6px 3px 0;display:flex;flex-direction:column;align-items:center;gap:4px;border:0;border-radius:12px;background:transparent;color:#334d38;touch-action:none;user-select:none;-webkit-user-select:none}
.gas-pedal{position:relative;display:block;width:51px;height:83px;border:3px solid #28372f;border-radius:10px 10px 14px 14px;background:linear-gradient(100deg,#a6b5a5,#e1e7d2 35%,#8fa38b);box-shadow:4px 6px 0 #24382c,0 9px 12px #223a2835;transform:rotate(7deg);transform-origin:50% 100%;transition:transform .09s ease,box-shadow .09s ease}
.pedal-grip{position:absolute;inset:7px 6px 11px;border:1px solid #566953;border-radius:4px;background:repeating-linear-gradient(to bottom,#344f3d 0 4px,#93a68b 4px 8px);box-shadow:inset 1px 1px 2px #273f2f80}
.gas-pedal:after{content:'';position:absolute;bottom:3px;left:calc(50% - 3px);width:6px;height:3px;border-radius:2px;background:#51684f}
.gas-control.is-pressed .gas-pedal{transform:translateY(5px) rotate(7deg) scaleY(.94);box-shadow:1px 2px 0 #24382c,0 4px 7px #223a2835}
.gas-label{display:block;margin-top:8px;font-size:12px;font-weight:700;letter-spacing:2px}.gas-control #gas-help{font-size:10px;line-height:1.3;background:#fff9e8dd;border-radius:8px;padding:3px 5px;white-space:nowrap}
.reading .gas-control{display:none}.gas-control:focus,.gas-control:focus-visible{outline:none;box-shadow:none}.gas-control:focus-visible .gas-pedal{outline:2px solid #fff4d7;outline-offset:4px}
@media(max-width:480px){.car-vehicle{width:146px;bottom:58px}.gas-control{right:10px;bottom:20px;width:78px}.gas-pedal{width:46px;height:75px}}
@media(max-height:700px){.car-vehicle{width:130px;bottom:40px}.gas-control{bottom:12px;min-height:124px}.gas-pedal{height:68px}}
@media(prefers-reduced-motion:reduce){.gas-pedal{transition:none}}

.car-vehicle{width:clamp(175px,29vw,260px);aspect-ratio:3/2;bottom:62px}
@media(max-width:480px){.car-vehicle{width:184px;bottom:58px}}
@media(max-height:700px){.car-vehicle{width:170px;bottom:40px}}
/* Longer stretches of open road between the screens. */
body:not(.reading) .tour-stop{height:360svh}

.gas-caption{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:8px;padding:7px 10px 8px;border:1px solid #e9e6cb88;border-radius:12px;background:#263f32ed;color:#fff7dc;box-shadow:0 3px 9px #21342625;pointer-events:none}
.gas-caption .gas-label{margin:0;font-size:12px;letter-spacing:2.5px;line-height:1.2}.gas-control .gas-caption #gas-help{background:none;color:#f0ebd4;font-size:10px;padding:0;border-radius:0;line-height:1.4}.gas-control.is-pressed .gas-caption{background:#172e22}.gas-control>*{pointer-events:none}

/* Compact driving instruments above the accelerator. */
.tour-speedometer{position:fixed;right:clamp(14px,5vw,80px);bottom:235px;width:90px;height:91px;border:1px solid #d8dfbd;background:#223b30f5;border-radius:18px;color:#fff5d6;z-index:110;text-align:center;pointer-events:none;box-shadow:0 3px 10px #263b3528}
.tour-speedometer svg{width:100%;height:59px;display:block}.speed-track{fill:none;stroke:#a5b88d;stroke-width:4;stroke-linecap:round}.speed-ticks{fill:none;stroke:#f6ebcb;stroke-width:2}.speed-needle{transform-origin:50px 49px;transform:rotate(var(--needle,0deg));transition:transform .18s linear}.speed-needle path{stroke:#e7b777;stroke-width:3;stroke-linecap:round}.speed-needle circle{fill:#f5dfab}.speed-value{display:block;font-size:17px;line-height:15px;font-weight:700;margin-top:-5px}.tour-speedometer small{font-size:9px;letter-spacing:.4px}
body:not(.reading) .inv-music{left:auto;right:clamp(14px,5vw,80px);bottom:181px;width:90px;text-align:center;z-index:111}body:not(.reading) .music-toggle{background:#fff7df;color:#304b38;border-color:#c9cfad}body:not(.reading) .music-panel{position:absolute;right:0;bottom:52px;width:min(300px,calc(100vw - 24px));text-align:left;max-height:55svh;overflow:auto}.reading .tour-speedometer{display:none}
@media(max-width:480px){.tour-speedometer{right:10px;bottom:230px;width:78px}body:not(.reading) .inv-music{right:10px;bottom:177px;width:78px}}
@media(max-height:700px){.tour-speedometer{bottom:212px}body:not(.reading) .inv-music{bottom:159px}}
@media(prefers-reduced-motion:reduce){.speed-needle{transition:none}}

/* Music and speed share one instrument housing. */
.tour-speedometer{height:133px;bottom:181px;pointer-events:auto}.tour-music-row{display:flex;align-items:center;justify-content:center;gap:5px;margin:8px 6px 0;padding-top:6px;border-top:1px solid #afc49c40;height:32px}
body:not(.reading) .tour-music-row .inv-music{position:relative;inset:auto;width:auto;z-index:1;flex:none}.tour-music-row .music-toggle{width:25px;height:25px;padding:5px;border:0!important;background:#e9edcf!important;border-radius:50%;display:grid;place-items:center}.tour-music-row .music-toggle svg{width:15px;height:15px}.tour-music-row .music-toggle .music-pause-icon{display:none}.tour-music-row .music-toggle.is-playing .music-pause-icon{display:block}.tour-music-row .music-toggle.is-playing .music-play-icon{display:none}.tour-music-row .music-equalizer{display:none}
.tour-spectrum{height:21px;display:flex;align-items:center;gap:2px;flex:1;justify-content:center}.tour-spectrum i{width:2px;height:3px;background:#d7df9e;border-radius:2px;transform-origin:center;animation:tour-spectrum .75s ease-in-out infinite alternate;animation-play-state:paused}.tour-spectrum i:nth-child(3n){animation-duration:.47s}.tour-spectrum i:nth-child(2n){animation-delay:-.3s}.tour-spectrum i:nth-child(4n){animation-delay:-.6s;animation-duration:.6s}.tour-music-row.is-playing .tour-spectrum i{animation-play-state:running}.tour-music-row:not(.is-playing) .tour-spectrum i{animation:none;height:3px}
body:not(.reading) .tour-music-row .music-panel{right:0;bottom:40px;width:min(280px,calc(100vw - 24px))}
@keyframes tour-spectrum{from{height:3px;opacity:.55}to{height:20px;opacity:1}}
@media(max-width:480px){.tour-speedometer{bottom:177px}.tour-music-row{gap:4px;margin-left:5px;margin-right:5px}.tour-spectrum{gap:1px}}
@media(max-height:700px){.tour-speedometer{bottom:159px}}
@media(prefers-reduced-motion:reduce){.tour-spectrum i{animation:none!important}.tour-music-row.is-playing .tour-spectrum i:nth-child(2n){height:14px}}

/* All dashboard instruments stay within the same rounded housing. */
.tour-speedometer{height:145px;padding:6px 5px 8px;display:flex;flex-direction:column;align-items:center;overflow:visible;border-radius:19px}
.tour-speedometer>svg{width:100%;height:53px;flex:none}.tour-speedometer>.speed-value{margin:0;line-height:20px;font-size:18px}.tour-speedometer>small{line-height:15px;font-size:9px}
.tour-music-row{width:100%;height:31px;min-height:31px;flex:none;margin:5px 0 0;padding:6px 0 0;gap:6px;justify-content:space-between;align-items:center}
.tour-music-row .music-toggle{width:24px;height:24px;padding:5px;min-height:0;box-sizing:border-box}.tour-spectrum{height:20px;min-width:0;gap:2px;overflow:hidden}.tour-spectrum i{flex:none;width:2px}
body:not(.reading) .tour-music-row .inv-music{display:flex;align-items:center;justify-content:center;position:relative;left:auto;right:auto;top:auto;bottom:auto;width:24px;height:24px;margin:0}
@media(max-width:480px){.tour-speedometer{width:86px;right:8px}.tour-music-row{margin:5px 0 0;gap:5px}.tour-spectrum{gap:2px}}

body:not(.reading) #berangkat .board-content>.eyebrow{display:block;font-size:10px;letter-spacing:2px}#berangkat .guest-salutation{font-size:11px!important;margin-top:13px!important;color:#c6d0b9}#berangkat .guest-name{font-size:16px!important;font-weight:700;margin-top:3px!important}

/* One screen per invitation section; longer content stays in that screen. */
body:not(.reading) .billboard .board-content{overflow:hidden;overscroll-behavior:contain;touch-action:none;padding-bottom:8px}
body:not(.reading) .billboard .profiles{gap:12px}body:not(.reading) .billboard .profiles img{height:95px}body:not(.reading) .billboard .profiles h3{font-size:23px}body:not(.reading) .billboard .profiles p{font-size:12px;line-height:1.45}
body:not(.reading) #berangkat .board-content{overflow:hidden}

/* The road ends inside a tunnel, followed by a dedicated RSVP page. */
.tour-tunnel{position:fixed;inset:0;pointer-events:none;z-index:70;background:#080f0d;opacity:var(--tunnel-dark,0)}
body:not(.reading) .tour-finale{height:100svh;min-height:650px;pointer-events:auto}
body:not(.reading) .tour-finale .finale-card{position:fixed;inset:50% auto auto 50%;width:min(480px,calc(100vw - 36px));height:auto;max-height:calc(100svh - 115px);padding:27px 25px;background:#fff9ed;color:#2c4438;border:1px solid #d5d9bd;border-radius:22px;transform:translate(-50%,-45%);z-index:90;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,transform .5s ease}
body.at-finale .tour-finale .finale-card{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%)}
.tour-finale .finale-card:before,.tour-finale .finale-card:after{display:none!important}body:not(.reading) .tour-finale .finale-card>.eyebrow{color:#6b805c;font-size:11px}body:not(.reading) .tour-finale .finale-card .board-content{overflow:auto}body:not(.reading) .tour-finale .finale-card .board-content>h2{display:block;color:#304b39;font-size:32px;margin:4px 0 20px}.tour-finale .muted{color:#68755f}.tour-finale .rsvp-fields{gap:12px}.tour-finale .rsvp-fields textarea{height:65px}
.at-finale .gas-control,.at-finale .tour-speedometer,.at-finale .car-vehicle{opacity:0;pointer-events:none}.reading .tour-tunnel{display:none}
@media(prefers-reduced-motion:reduce){.tour-finale .finale-card{transition:none!important}}

/* Balance the driving controls across the lower corners. */
.tour-speedometer{left:clamp(14px,5vw,80px);right:auto;bottom:24px}
body:not(.reading) .tour-music-row .music-panel{left:0;right:auto}
@media(max-width:480px){.tour-speedometer{left:10px;right:auto;bottom:20px}}
@media(max-height:700px){.tour-speedometer{bottom:12px}}

.tour-music-blocked .tour-music-row:after{content:'Ketuk ♪ untuk musik';position:absolute;left:0;bottom:calc(100% + 8px);width:125px;padding:7px 9px;border-radius:9px;background:#fff6dc;color:#304a39;font-size:11px;line-height:1.4;box-shadow:0 2px 8px #10251e33;pointer-events:none}.tour-music-row{position:relative}.tour-music-blocked .music-toggle{outline:2px solid #e5bd71;outline-offset:2px}

/* Music starts from travel interaction without an extra prompt. */
.tour-music-blocked .tour-music-row:after{display:none}.tour-music-blocked .music-toggle{outline:none}

/* RSVP is an editable page with its own scroll area and guest wishes. */
body:not(.reading) .tour-finale .finale-card{height:min(700px,calc(100svh - 105px));max-height:calc(100svh - 105px);padding:22px 22px 18px}
body:not(.reading) .tour-finale .finale-card .board-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;text-align:left;padding:0 5px 12px}
.tour-finale .rsvp-fields{display:grid;grid-template-columns:1fr;gap:13px}.tour-finale .rsvp-fields>label{grid-column:1/-1;font-size:13px}.tour-finale .rsvp-fields :is(input,select,textarea){font-size:16px;padding:11px;min-height:44px}.tour-finale .rsvp-fields textarea{height:80px;resize:vertical}.tour-finale .rsvp-fields button{min-height:44px;width:100%;font-size:14px}.tour-finale .rsvp-fields>[role=status]{font-size:11px;line-height:1.5}.tour-finale .board-content>h3{color:#304b39;margin:25px 0 7px!important;font-size:25px!important}.tour-wishes{display:grid;gap:10px}.tour-wish{padding:13px;background:#e9eddc;border-radius:12px;border:1px solid #d5dec6}.tour-wish strong{display:block;font-size:14px}.tour-wish small{display:block;font-size:11px;color:#63814e;margin-top:2px}.tour-wish p{font-size:13px;line-height:1.6;margin:8px 0 0}.tour-finale .board-content>h2{text-align:center}

/* The tunnel opens onto a full-screen RSVP page. */
body:not(.reading) .tour-finale .finale-card{inset:0;width:100%;height:100dvh;max-height:none;border:0;border-radius:0;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));transform:none;z-index:120;background:#fff9ed}
body.at-finale .tour-finale .finale-card{transform:none}
body:not(.reading) .tour-finale .finale-card>.eyebrow{width:min(100%,620px);margin:0 auto 14px;padding:8px 0 13px;flex:none}
body:not(.reading) .tour-finale .finale-card .board-content{width:min(100%,620px);margin:0 auto;padding:0 5px 24px;flex:1;min-height:0}
.at-finale .tour-header{visibility:hidden;pointer-events:none}

/* Keep mobile viewport sizing stable when Safari changes its browser chrome. */
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{width:100%;max-width:100%;overflow-x:hidden}
.tour-finale :is(input,select,textarea){font-size:16px!important}
@supports(height:100svh){.world,.tour-tunnel{height:100svh;bottom:auto}}

.tour-restart{display:block;margin:0 0 18px;padding:8px 12px;min-height:44px;border:1px solid #cbd6bc;border-radius:12px;background:#eef1e2;color:#304b39;font-size:13px}

html{overscroll-behavior:none}body{overscroll-behavior:none;touch-action:none}body.reading{touch-action:pan-y}.board-content{touch-action:pan-y}
.reverse-control{right:clamp(114px,calc(5vw + 100px),180px)}.reverse-control .gas-pedal{background:linear-gradient(100deg,#9fa99e,#d4ddc8 35%,#899984)}.reverse-control .gas-label{font-size:10px;letter-spacing:1px}.reverse-help{font-size:9px;white-space:nowrap}.at-finale .reverse-control{opacity:0;pointer-events:none}
@media(max-width:480px){.reverse-control{right:98px;width:78px}.reverse-control .gas-pedal{width:40px;height:66px}.reverse-control .gas-caption{padding-left:6px;padding-right:6px}}

/* Reverse on the left; instruments sit above the forward pedal on the right. */
.reverse-control{left:clamp(14px,5vw,80px);right:auto}
.tour-speedometer{left:auto;right:clamp(14px,5vw,80px);bottom:195px}
body:not(.reading) .tour-music-row .music-panel{left:auto;right:0}
@media(max-width:480px){.reverse-control{left:10px;right:auto}.tour-speedometer{left:auto;right:6px;bottom:181px}}
@media(max-height:700px){.tour-speedometer{bottom:167px}}

.reverse-control .gas-pedal{transform:rotate(-7deg);box-shadow:-4px 6px 0 #24382c,0 9px 12px #223a2835}
.reverse-control.is-pressed .gas-pedal{transform:translateY(5px) rotate(-7deg) scaleY(.94);box-shadow:-1px 2px 0 #24382c,0 4px 7px #223a2835}

.tour-gear{position:fixed;left:clamp(14px,5vw,80px);bottom:24px;z-index:110;display:flex;flex-direction:column;gap:5px;width:68px;padding:9px;background:#263f32ee;border:1px solid #b7c5a1;border-radius:18px;box-shadow:0 4px 12px #19342725}.gear-title{font-size:9px;letter-spacing:2px;color:#e9e8cb;text-align:center}.tour-gear button{min-height:45px;padding:5px 3px;border-radius:10px;border:1px solid #82967a;background:#3a5140;color:#d5dfc4;display:flex;align-items:center;justify-content:center;gap:5px}.tour-gear strong{font-size:19px}.tour-gear small{font-size:9px}.tour-gear button[aria-pressed=true]{background:#f0e5be;border-color:#fff2c8;color:#294233;box-shadow:0 0 0 2px #d6dba331}.at-finale .tour-gear,.reading .tour-gear{display:none}
@media(max-width:480px){.tour-gear{left:10px;bottom:20px}}@media(max-height:700px){.tour-gear{bottom:12px}}

/* Sculpted automatic gear selector with a movable chrome lever. */
.tour-gear{width:88px;height:156px;padding:0;display:block;border:2px solid #a8b4a0;border-radius:24px;background:linear-gradient(110deg,#526453,#283c31 45%,#172b23);box-shadow:inset 2px 2px 4px #dce3c34d,inset -3px -3px 5px #0b1d18,3px 5px 9px #1a302c45;touch-action:none}
.gear-gate{position:absolute;left:35px;top:20px;width:18px;height:111px;border-radius:12px;background:#0c1b16;box-shadow:inset 2px 1px 4px #000,1px 1px 0 #94a68a}
.tour-gear #gear-reverse,.tour-gear #gear-drive{position:absolute;right:3px;width:25px;min-height:30px;height:30px;border:0;background:transparent;box-shadow:none;padding:0;font-size:14px;font-weight:700;color:#9ead99;z-index:3}.tour-gear #gear-reverse{top:18px}.tour-gear #gear-drive{bottom:19px}.tour-gear button[aria-pressed=true]{color:#fff1be!important;text-shadow:0 0 7px #f2d59488}
.tour-gear .gear-lever{position:absolute;left:8px;top:73px;width:58px;height:57px;min-height:0;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;z-index:4;touch-action:none;transition:top .18s ease;cursor:grab}.tour-gear.in-reverse .gear-lever{top:13px}.gear-lever:active{cursor:grabbing}.gear-shaft{position:absolute;left:28px;top:24px;width:9px;height:32px;border-radius:5px;background:linear-gradient(90deg,#54665e,#e4e9d9 45%,#81918a);transform:rotate(-12deg);box-shadow:2px 2px 2px #07151066}.gear-knob{position:absolute;left:7px;top:0;width:49px;height:39px;border:1px solid #c0c6b2;border-radius:45% 45% 40% 40%;background:radial-gradient(ellipse at 34% 20%,#829081,#35483c 48%,#14281e);box-shadow:inset 0 2px 2px #c3d0b470,2px 4px 4px #07190c99;display:grid;place-items:center}.gear-knob span{font-size:9px;letter-spacing:1px;color:#eee9cc;border:1px solid #96a68c66;border-radius:8px;padding:3px 5px}
@media(prefers-reduced-motion:reduce){.tour-gear .gear-lever{transition:none}}

/* Smaller instrument cluster without reducing the music button hit area. */
.tour-speedometer{width:74px;height:122px;padding:4px 5px 6px;right:calc(clamp(14px,5vw,80px) + 8px);border-radius:15px}
.tour-speedometer>svg{height:43px}.tour-speedometer>.speed-value{font-size:15px;line-height:17px}.tour-speedometer>small{font-size:8px;line-height:12px}.tour-music-row{height:30px;min-height:30px;margin-top:4px;padding-top:4px;gap:3px}.tour-spectrum{gap:1px}.tour-spectrum i{width:2px}
@media(max-width:480px){.tour-speedometer{width:70px;height:122px;right:14px}.tour-music-row{margin-top:4px;gap:3px}.tour-spectrum{gap:1px}}

/* Compact gear selector; its proportions and drag travel stay unchanged. */
.tour-gear{transform:scale(.8);transform-origin:left bottom}

/* ===== videotron content polish (appended) ===== */
.billboard .board-content h2{position:relative;padding-bottom:16px}
.billboard .board-content h2:after{content:'';position:absolute;left:50%;bottom:4px;transform:translateX(-50%);width:66px;height:0;border-top:1px solid #d9c38f;box-shadow:0 0 0 0 transparent}
.billboard .board-content h2:before{content:'\2666';position:absolute;left:50%;bottom:-3px;transform:translateX(-50%);font-size:10px;color:#d9c38f;background:inherit;padding:0 6px;z-index:1}
.vt-countdown{display:flex;gap:9px;justify-content:center;margin:2px 0 16px}
.vt-cd-box{min-width:56px;padding:8px 4px 6px;border:1px solid #9bbf9e3d;border-radius:11px;background:#0e2b2733;text-align:center}
.vt-cd-num{display:block;font-family:'Cormorant Garamond',serif;font-weight:600;font-size:30px;line-height:1;color:#fff6da}
.vt-cd-box small{display:block;margin-top:4px;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#b9cbb9}
.billboard .event{margin:11px 0;padding:13px 15px;border:1px solid #9bbf9e30;border-left:3px solid #d9c38f;border-top:1px solid #9bbf9e30;border-radius:11px;background:#0e2b271f;text-align:left}
.billboard .event h3{margin:0 0 7px;font-size:23px}
.billboard .event p{margin:4px 0;font-size:13.5px}
.billboard .event strong{display:block;margin-top:6px;color:#fff4d7;font-weight:600}
.vt-acct-no{font-family:'Courier New',monospace;letter-spacing:2px;font-size:17px;color:#f4e6b0}
.billboard .profiles img{height:158px;border:3px solid #f4e7c6;border-radius:9px;box-shadow:0 5px 14px #0007;object-fit:cover}
.billboard .event .board-link{margin-top:8px;display:inline-block;background:#efe3bc;color:#253c30;border-radius:20px;padding:7px 15px;border-bottom:0;font-weight:600}

/* ===== control layout: gear stacked above gas (right), speedometer left ===== */
.gas-control{right:clamp(14px,5vw,80px)!important;bottom:20px!important}
.tour-gear{left:auto!important;right:clamp(14px,5vw,80px)!important;bottom:170px!important;transform-origin:right bottom!important}
.tour-speedometer{left:clamp(14px,5vw,80px)!important;right:auto!important;bottom:20px!important}

/* ===== Futuristic opening videotron (berangkat only) ===== */
body:not(.reading) #berangkat .billboard{background:linear-gradient(#0a2a37e6,#05151ee6),radial-gradient(125% 95% at 50% 0%,#0e3c50,#040f18 72%)}
body:not(.reading) #berangkat .board-content{position:relative;gap:11px;justify-content:center}
body:not(.reading) #berangkat .board-content>*{position:relative;z-index:1}
/* holographic grid floor */
body:not(.reading) #berangkat .board-content:before{content:'';position:absolute;left:-10%;right:-10%;bottom:-4%;height:46%;z-index:0;pointer-events:none;background:repeating-linear-gradient(90deg,#00e5ff2e 0 1px,#0000 1px 32px),repeating-linear-gradient(0deg,#00e5ff22 0 1px,#0000 1px 24px);transform:perspective(210px) rotateX(60deg);transform-origin:bottom;-webkit-mask-image:linear-gradient(#0000,#000 65%);mask-image:linear-gradient(#0000,#000 65%);opacity:.55}
/* scanline sweep */
body:not(.reading) #berangkat .board-content:after{content:'';position:absolute;left:0;right:0;top:0;height:38%;z-index:0;pointer-events:none;background:linear-gradient(#00e5ff00,#00e5ff24,#00e5ff00);animation:vt-scan 5s linear infinite}
@keyframes vt-scan{0%{transform:translateY(-45%);opacity:0}15%{opacity:.6}82%{opacity:.6}100%{transform:translateY(300%);opacity:0}}
/* THE WEDDING OF */
body:not(.reading) #berangkat .board-content>.eyebrow{display:block;color:#8ff6ff;letter-spacing:5px;font-size:10px;text-shadow:0 0 10px #00e5ffaa;margin-bottom:2px}
/* couple names */
body:not(.reading) #berangkat .board-content h1{background:linear-gradient(#ffffff,#ffe6b0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 13px #8ff6ff55) drop-shadow(0 0 6px #ffd98a44)}
/* date pill */
body:not(.reading) #berangkat .board-content>p:not([class]){align-self:center;font-family:Lato,monospace;letter-spacing:3px;font-size:13px;color:#b4f3ff;border:1px solid #00e5ff66;border-radius:999px;padding:6px 17px;background:#00e5ff12;box-shadow:0 0 15px #00e5ff33,inset 0 0 10px #00e5ff14}
/* guest access-card */
body:not(.reading) #berangkat .guest-salutation{color:#7fd9e6!important;letter-spacing:3px;font-size:9px!important;text-transform:uppercase;margin-top:15px!important}
body:not(.reading) #berangkat .guest-name{align-self:center;font-size:14px!important;font-weight:600;color:#fff!important;letter-spacing:.3px;padding:6px 15px;margin-top:5px!important;border:1px solid #ffd98a77;border-radius:12px;background:linear-gradient(#ffd98a1a,#00e5ff12);box-shadow:0 0 17px #ffd98a3a,inset 0 0 12px #ffffff12}
@media(prefers-reduced-motion:reduce){body:not(.reading) #berangkat .board-content:after{display:none}}

/* ===== Opening videotron: fit all text on one screen + animate it ===== */
body:not(.reading) #berangkat .billboard{height:clamp(330px,45svh,390px)}
body:not(.reading) #berangkat .board-content{justify-content:center;overflow:hidden}
@keyframes vt-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes vt-glow{0%,100%{filter:drop-shadow(0 0 11px #8ff6ff55) drop-shadow(0 0 6px #ffd98a44)}50%{filter:drop-shadow(0 0 22px #8ff6ffbb) drop-shadow(0 0 11px #ffd98a77)}}
@keyframes vt-flicker{0%,100%{opacity:1}47%{opacity:1}49%{opacity:.55}51%{opacity:1}}
@keyframes vt-cardglow{0%,100%{box-shadow:0 0 14px #ffd98a30,inset 0 0 12px #ffffff10}50%{box-shadow:0 0 26px #ffd98a66,inset 0 0 16px #ffffff1f}}
body:not(.reading) #berangkat .board-content>.eyebrow{animation:vt-rise .7s .15s both,vt-flicker 5s 1.2s infinite}
body:not(.reading) #berangkat .board-content h1{animation:vt-rise .85s .35s both,vt-glow 3.6s 1.3s ease-in-out infinite}
body:not(.reading) #berangkat .board-content>p:not([class]){animation:vt-rise .7s .55s both}
body:not(.reading) #berangkat .guest-salutation{animation:vt-rise .7s .72s both}
body:not(.reading) #berangkat .guest-name{animation:vt-rise .7s .88s both,vt-cardglow 3.4s 1.6s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){body:not(.reading) #berangkat .board-content>*{animation:none!important}}

/* ===== "Playing video" look on every videotron screen ===== */
body:not(.reading) .billboard:not(.finale-card){background:linear-gradient(#0a2a37e6,#05151ee6),radial-gradient(125% 95% at 50% 0%,#0e3c50,#040f18 72%)}
body:not(.reading) .billboard:not(.finale-card) .board-content{position:relative}
body:not(.reading) .billboard:not(.finale-card) .board-content>*{position:relative;z-index:1}
body:not(.reading) .billboard:not(.finale-card) .board-content:before{content:'';position:absolute;left:-10%;right:-10%;bottom:-4%;height:44%;z-index:0;pointer-events:none;background:repeating-linear-gradient(90deg,#00e5ff26 0 1px,#0000 1px 32px),repeating-linear-gradient(0deg,#00e5ff1c 0 1px,#0000 1px 24px);transform:perspective(210px) rotateX(60deg);transform-origin:bottom;-webkit-mask-image:linear-gradient(#0000,#000 65%);mask-image:linear-gradient(#0000,#000 65%);opacity:.4}
body:not(.reading) .billboard:not(.finale-card) .board-content:after{content:'';position:absolute;left:0;right:0;top:0;height:36%;z-index:0;pointer-events:none;background:linear-gradient(#00e5ff00,#00e5ff1f,#00e5ff00);animation:vt-scan 5.2s linear infinite}
body:not(.reading) .billboard:not(.finale-card) .board-content h2{color:#eafcff;text-shadow:0 0 13px #00e5ff55}
body:not(.reading) .billboard:not(.finale-card) .board-content h3{color:#fff4d7;text-shadow:0 0 9px #ffd98a3a}
/* staggered content reveal, replayed each time a screen becomes active (via .vt-live) */
body:not(.reading) .billboard.vt-live:not(.finale-card) .board-content>*{animation:vt-rise .55s both}
body:not(.reading) .billboard.vt-live .board-content>*:nth-child(1){animation-delay:.04s}
body:not(.reading) .billboard.vt-live .board-content>*:nth-child(2){animation-delay:.13s}
body:not(.reading) .billboard.vt-live .board-content>*:nth-child(3){animation-delay:.22s}
body:not(.reading) .billboard.vt-live .board-content>*:nth-child(4){animation-delay:.31s}
body:not(.reading) .billboard.vt-live .board-content>*:nth-child(5){animation-delay:.4s}
body:not(.reading) .billboard.vt-live .board-content>*:nth-child(6){animation-delay:.49s}
body:not(.reading) .billboard.vt-live .board-content>*:nth-child(n+7){animation-delay:.57s}
@media(prefers-reduced-motion:reduce){body:not(.reading) .billboard .board-content:after{display:none}body:not(.reading) .billboard.vt-live .board-content>*{animation:none!important}}

/* opening screen: drop the redundant "Undangan pernikahan" label up top (THE WEDDING OF stays) */
body:not(.reading) #berangkat .billboard>.eyebrow{display:none}

/* phones: shrink the gear lever so it clears the (taller) videotron above it */
@media(max-width:480px){.tour-gear{transform:scale(.78);transform-origin:left bottom}}
@media(max-height:760px){.tour-gear{transform:scale(.8);transform-origin:left bottom}}

/* compact square gear control */
.tour-gear{width:84px;height:84px}
.tour-gear .gear-gate{top:12px;height:52px}
.tour-gear #gear-reverse{top:9px}
.tour-gear #gear-drive{bottom:9px}
.tour-gear .gear-lever{top:39px;height:40px}
.tour-gear.in-reverse .gear-lever{top:7px}
.tour-gear .gear-shaft{top:16px;height:24px}
.tour-gear .gear-knob{height:35px}

/* couple photo filling one whole videotron */
body:not(.reading) #mempelai-foto .billboard{height:clamp(400px,58svh,470px)}
body:not(.reading) #mempelai-foto .board-content{padding:0;display:block;position:relative;overflow:hidden;border-radius:6px}
body:not(.reading) #mempelai-foto .board-content:before,body:not(.reading) #mempelai-foto .board-content:after{display:none}
body:not(.reading) #mempelai-foto .vt-photo-full{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover;border-radius:6px;display:block}
body:not(.reading) #mempelai-foto .vt-photo-caption{position:absolute;left:0;right:0;bottom:0;padding:16px 16px 18px;background:linear-gradient(#0000,#03121bdd);text-align:center;z-index:2}
body:not(.reading) #mempelai-foto .vt-photo-caption .eyebrow{color:#8ff6ff;letter-spacing:4px;font-size:9px}
body:not(.reading) #mempelai-foto .vt-photo-caption h2{margin:4px 0 0;color:#fff;font-size:clamp(26px,3.6vw,34px);text-shadow:0 0 15px #00e5ff77}

/* taller gear; R label on top, D on bottom, lever travels between them (labels stay visible) */
.tour-gear{width:84px;height:138px}
.tour-gear #gear-reverse,.tour-gear #gear-drive{left:0;right:0;width:100%;text-align:center;justify-content:center;font-size:15px}
.tour-gear #gear-reverse{top:8px;bottom:auto}
.tour-gear #gear-drive{bottom:8px;top:auto}
.tour-gear .gear-gate{left:33px;top:36px;width:18px;height:66px}
.tour-gear .gear-lever{left:13px;top:64px;width:58px;height:40px}
.tour-gear.in-reverse .gear-lever{top:40px}
.tour-gear .gear-shaft{top:14px;height:22px}
.tour-gear .gear-knob{top:0;height:34px}

/* mempelai photo: 3 rotating shots + romantic caption */
body:not(.reading) #mempelai-foto .board-content{padding:0;position:relative;overflow:hidden}
body:not(.reading) #mempelai-foto .vt-shots{position:absolute;inset:0}
body:not(.reading) #mempelai-foto .vt-shot{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}
body:not(.reading) #mempelai-foto .vt-shot.on{opacity:1}
body:not(.reading) #mempelai-foto .vt-photo-caption{padding:22px 16px 20px;background:linear-gradient(#0000,#03121bee)}
body:not(.reading) #mempelai-foto .vt-photo-caption .eyebrow{color:#ffd9b0;letter-spacing:4px;font-size:9px}
body:not(.reading) #mempelai-foto .vt-heart{color:#ff9db0;font-size:12px;line-height:1;margin:5px 0 3px;text-shadow:0 0 10px #ff8fa6aa}
body:not(.reading) #mempelai-foto .vt-photo-caption h2{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:clamp(28px,4.2vw,40px);color:#fff;text-shadow:0 0 18px #ffd9b066;margin:0;padding:0}
body:not(.reading) #mempelai-foto .vt-photo-caption h2:before,body:not(.reading) #mempelai-foto .vt-photo-caption h2:after{display:none}
body:not(.reading) #mempelai-foto .vt-dots{position:absolute;top:12px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:4}
body:not(.reading) #mempelai-foto .vt-dots button{width:9px;height:9px;border-radius:50%;border:0;padding:0;background:#ffffff55;cursor:pointer;transition:background .3s,box-shadow .3s}
body:not(.reading) #mempelai-foto .vt-dots button.on{background:#ffd98a;box-shadow:0 0 9px #ffd98a}

/* mempelai photo caption: centered on the photo */
body:not(.reading) #mempelai-foto .vt-photo-caption{top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;background:radial-gradient(130% 95% at 50% 50%,#03121b2e,#03121b8c)}

/* the 3-photo couple screen needs a long dwell so all shots play while driving */
body:not(.reading) #mempelai-foto{height:220svh}

/* ===== event (acara) screen: premium card design ===== */
body:not(.reading) [id^="acara"] .vt-event{position:relative;margin:11px auto;max-width:360px;padding:16px 18px 15px;border-radius:15px;border:1px solid #d9c38f4d;background:linear-gradient(#ffffff0d,#00e5ff0a);box-shadow:0 0 20px #00e5ff14,inset 0 0 16px #ffffff09;text-align:center}
body:not(.reading) [id^="acara"] .vt-event-icon{width:40px;height:40px;margin:0 auto 9px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffd98a66;background:#ffd98a14;box-shadow:0 0 16px #ffd98a3a}
body:not(.reading) [id^="acara"] .vt-event-icon svg{width:22px;height:22px;stroke:#ffe3ad;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body:not(.reading) [id^="acara"] .vt-event h3{margin:0 0 7px;font-family:'Cormorant Garamond',serif;font-weight:600;font-size:25px;color:#fff4d7;text-shadow:0 0 11px #ffd98a4d;padding:0}
body:not(.reading) [id^="acara"] .vt-event h3:before,body:not(.reading) [id^="acara"] .vt-event h3:after{display:none}
body:not(.reading) [id^="acara"] .vt-event-date{font-size:15px;letter-spacing:1px;color:#aef3ff;text-shadow:0 0 10px #00e5ff55;margin-bottom:3px}
body:not(.reading) [id^="acara"] .vt-event-time{font-size:12px;color:#cfe9d6;margin-bottom:9px}
body:not(.reading) [id^="acara"] .vt-event strong{display:block;font-size:14px;color:#fff;margin-bottom:3px}
body:not(.reading) [id^="acara"] .vt-event-addr{font-size:12px;color:#bcd0c0;line-height:1.5;margin:0 0 11px}
body:not(.reading) [id^="acara"] .vt-event .vt-maps-btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:12px;font-weight:700;color:#04121b;background:linear-gradient(#ffe6b0,#ffd98a);border:0;border-radius:999px;padding:8px 18px;box-shadow:0 0 15px #ffd98a55}

/* countdown on the event screen */
body:not(.reading) [id^="acara"] .vt-countdown{margin:4px 0 16px}
body:not(.reading) [id^="acara"] .vt-cd-box{border-color:#00e5ff3d;background:#00e5ff10;box-shadow:0 0 14px #00e5ff14}
body:not(.reading) [id^="acara"] .vt-cd-num{color:#fff6da;text-shadow:0 0 12px #ffd98a44}

/* parents under the solo name on the couple photo screen */
body:not(.reading) #mempelai-foto .vt-parents{margin:9px 0 0;font-size:12px;line-height:1.55;color:#f0e6d2;max-width:300px;text-shadow:0 1px 8px #000a}

/* Autopilot: round button above the speedometer */
.tour-autopilot{position:fixed;left:clamp(14px,5vw,80px);bottom:154px;z-index:112;display:flex;flex-direction:column;align-items:center;gap:4px;width:66px;padding:0;border:0;background:transparent}
.tour-autopilot .ap-ring{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;border:2px solid #9bc0cf;background:#1d3a44ee;box-shadow:0 3px 10px #0005,inset 0 0 10px #00e5ff12;transition:border-color .2s,box-shadow .2s,background .2s}
.tour-autopilot .ap-ring svg{width:26px;height:26px;fill:none;stroke:#bfe8ff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tour-autopilot .ap-label{font-size:8px;letter-spacing:1.5px;font-weight:700;color:#cbd9c6}
.tour-autopilot.on .ap-ring{border-color:#7cff6a;background:#163a2eee;box-shadow:0 0 18px #7cff6a66,inset 0 0 12px #7cff6a26}
.tour-autopilot.on .ap-ring svg{stroke:#b6ffa8;animation:ap-spin 4s linear infinite}
.tour-autopilot.on .ap-label{color:#9dff8a}
@keyframes ap-spin{to{transform:rotate(360deg)}}
.reading .tour-autopilot{display:none}
@media(prefers-reduced-motion:reduce){.tour-autopilot.on .ap-ring svg{animation:none}}

/* Videotron 3: one composition inside the bezel, without competing size overrides. */
body:not(.reading) #acara .billboard{--event-height:clamp(430px,58svh,500px);width:min(680px,calc(100vw - 18px));height:var(--event-height);padding:calc(var(--event-height)*.14) clamp(20px,6vw,48px) calc(var(--event-height)*.14)}
body:not(.reading) #acara .billboard>.eyebrow{display:none}
body:not(.reading) #acara .board-content{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;justify-content:normal;gap:10px;padding:0;overflow:hidden;min-height:0}
body:not(.reading) #acara .board-content>h2{font-size:27px;line-height:1.15;margin:0;padding:0}
body:not(.reading) #acara .board-content>h2:before,body:not(.reading) #acara .board-content>h2:after{display:none}
body:not(.reading) #acara .vt-countdown{margin:0;gap:8px}
body:not(.reading) #acara .vt-cd-box{min-width:48px;padding:5px 6px;border-radius:9px}
body:not(.reading) #acara .vt-cd-num{font-size:24px;line-height:1}
body:not(.reading) #acara .vt-cd-box small{font-size:8px;line-height:1.2;margin-top:3px;letter-spacing:1px}
body:not(.reading) #acara .vt-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;min-width:0;align-items:stretch}
body:not(.reading) #acara .vt-event{min-width:0;margin:0;padding:11px 9px;display:flex;flex-direction:column;gap:4px;border-radius:12px;overflow-wrap:anywhere}
body:not(.reading) #acara .vt-event-icon{display:none}
body:not(.reading) #acara .vt-event h3{font-size:20px;line-height:1.15;margin:0 0 3px;padding:0}
body:not(.reading) #acara .vt-event-date{font-size:12px;line-height:1.4;letter-spacing:0;margin:0}
body:not(.reading) #acara .vt-event-time{font-size:11px;line-height:1.4;margin:0 0 3px}
body:not(.reading) #acara .vt-event strong{font-size:12px;line-height:1.4;margin:0}
body:not(.reading) #acara .vt-event-addr{font-size:11px;line-height:1.4;margin:0 0 5px;flex:1}
body:not(.reading) #acara .vt-event .vt-maps-btn{font-size:11px;line-height:1.3;padding:8px 5px;min-height:34px;margin-top:auto;justify-content:center}
@media(max-width:350px){body:not(.reading) #acara .board-content{gap:8px}body:not(.reading) #acara .vt-event{padding:9px 7px}body:not(.reading) #acara .vt-event h3{font-size:18px}}
@media(max-height:500px) and (min-width:600px){body:not(.reading) #acara .billboard{--event-height:calc(100svh - 90px);top:76px;padding:calc(var(--event-height)*.12) 40px}body:not(.reading) #acara .board-content{grid-template-columns:1fr 1fr;gap:6px 18px}body:not(.reading) #acara .board-content>h2{font-size:23px}body:not(.reading) #acara .vt-countdown{grid-column:1;grid-row:2}body:not(.reading) #acara .vt-events{grid-column:2;grid-row:1/3}body:not(.reading) #acara .vt-event{padding:6px;gap:2px}body:not(.reading) #acara .vt-event h3{font-size:17px}body:not(.reading) #acara .vt-event-addr{font-size:10px;margin-bottom:2px}}

body:not(.reading) #acara .board-content:before,body:not(.reading) #acara .board-content:after{display:none}

/* Keep the event screen above the passengers while preserving its inner layout. */
body:not(.reading) #acara .billboard{--event-height:clamp(410px,52svh,460px);top:84px}
@media(max-height:740px) and (max-width:599px){body:not(.reading) #acara .billboard{--event-height:380px;top:76px;padding-top:calc(var(--event-height)*.13);padding-bottom:calc(var(--event-height)*.13)}body:not(.reading) #acara .board-content{gap:6px}body:not(.reading) #acara .board-content>h2{font-size:24px}body:not(.reading) #acara .vt-cd-box{padding:4px 5px}body:not(.reading) #acara .vt-cd-num{font-size:21px}body:not(.reading) #acara .vt-event{padding:8px 7px;gap:3px}}
@media(max-height:500px) and (min-width:600px){body:not(.reading) #acara .billboard{--event-height:calc(100svh - 90px);top:76px}}

/* Videotron 4: configured relationship moments, kept on one screen. */
body:not(.reading) #cerita .billboard{--story-height:clamp(400px,52svh,460px);height:var(--story-height);top:84px;padding:calc(var(--story-height)*.14) clamp(23px,6vw,44px)}
body:not(.reading) #cerita .billboard>.eyebrow{display:none}
body:not(.reading) #cerita .board-content{display:flex;flex-direction:column;gap:15px;overflow:hidden;padding:0;min-height:0}
body:not(.reading) #cerita .board-content:before,body:not(.reading) #cerita .board-content:after{display:none}
body:not(.reading) #cerita .board-content>h2{flex:none;font-size:27px;line-height:1.15;margin:0;padding:0}
body:not(.reading) #cerita .board-content>h2:before,body:not(.reading) #cerita .board-content>h2:after{display:none}
.tour-story{min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#cbb37a #183337;padding:0 5px 3px;text-align:left}
.tour-story-moment{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:0 0 15px}
.tour-story-moment:not(:last-child):before{content:'';position:absolute;top:29px;left:13px;bottom:4px;width:1px;background:linear-gradient(#d9c38f99,#d9c38f22)}
.tour-story-number{display:grid;place-items:center;width:28px;height:28px;border:1px solid #d9c38f80;border-radius:50%;font-size:10px;letter-spacing:1px;color:#ffe5b3;background:#29413b}
.tour-story-copy{min-width:0;overflow-wrap:anywhere}.tour-story-copy small{font-size:10px;letter-spacing:1px;color:#a8d6d7}
body:not(.reading) #cerita .tour-story-copy h3{font-size:21px;line-height:1.2;padding:0;margin:2px 0 5px}
.tour-story-copy p{font-size:12px;line-height:1.6;margin:0;color:#e4ebdf;white-space:pre-line}
.reading .tour-story{overflow:visible;max-height:none}.reading .tour-story-copy p{color:inherit}
@media(max-height:740px) and (max-width:599px){body:not(.reading) #cerita .billboard{--story-height:380px;top:76px}body:not(.reading) #cerita .board-content{gap:12px}.tour-story-moment{padding-bottom:12px}}

/* Relationship moments crossfade in a single screen, with manual reading controls. */
.story-slides{position:relative;flex:1;overflow:hidden;min-height:0;padding:0}
.story-slides .tour-story-moment{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:15px;padding:8px 8px 12px;text-align:center;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .55s ease,transform .55s ease}
.story-slides .tour-story-moment.is-current{opacity:1;transform:translateY(0);pointer-events:auto}
.story-slides .tour-story-moment:before{display:none}.story-slides .tour-story-number{flex:none;width:34px;height:34px}.story-slides .tour-story-copy{width:100%}
body:not(.reading) #cerita .story-slides .tour-story-copy h3{font-size:27px;margin:7px 0 13px}.story-slides .tour-story-copy p{font-size:13px;line-height:1.75}.story-slides .tour-story-copy small{font-size:11px}
.story-controls{flex:none;display:flex;align-items:center;justify-content:center;gap:10px;padding-top:3px}.story-controls button{min-width:36px;min-height:36px;padding:4px 8px;border:1px solid #d9c38f55;background:#d9c38f0d;color:#f5e4bf;border-radius:50%;font-size:15px}.story-controls span{font-size:10px;letter-spacing:2px;color:#b6d2c9}.story-controls .story-pause{font-size:10px;min-width:46px;border-radius:16px}.story-controls button:focus-visible{outline:2px solid #ffe2a1;outline-offset:2px}
.reading .story-slides{overflow:visible}.reading .story-slides .tour-story-moment{position:relative;opacity:1;transform:none;overflow:visible;pointer-events:auto;margin-bottom:20px}.reading .story-controls{display:none}
@media(prefers-reduced-motion:reduce){.story-slides .tour-story-moment{transition:none}}

/* Lightweight sky motion runs independently of the driving canvas. */
.tour-clouds{position:absolute;inset:0 0 51%;overflow:hidden;pointer-events:none}
.tour-clouds span{position:absolute;left:-190px;top:20%;width:140px;height:35px;border-radius:50%;background:linear-gradient(#fffdf4ed,#f7ecdfb8);box-shadow:0 5px 12px #e0e9ed22;animation:tour-cloud-drift 72s linear infinite;animation-delay:-14s;opacity:.85}
.tour-clouds span:before,.tour-clouds span:after{content:'';position:absolute;border-radius:50%;background:#fffaf1}
.tour-clouds span:before{width:62px;height:56px;left:26px;bottom:8px}.tour-clouds span:after{width:45px;height:40px;right:20px;bottom:7px}
.tour-clouds span:nth-child(2){top:44%;width:105px;height:27px;scale:.7;opacity:.6;animation-duration:94s;animation-delay:-58s}
.tour-clouds span:nth-child(3){top:12%;scale:.8;opacity:.7;animation-duration:83s;animation-delay:-43s}
.tour-clouds span:nth-child(4){top:63%;scale:.48;opacity:.5;animation-duration:110s;animation-delay:-82s}
@keyframes tour-cloud-drift{from{transform:translateX(-40px)}to{transform:translateX(calc(100vw + 400px))}}
.reading .tour-clouds{display:none}@media(prefers-reduced-motion:reduce){.tour-clouds span{animation:none;left:15%}.tour-clouds span:nth-child(2){left:65%}.tour-clouds span:nth-child(3){left:40%}.tour-clouds span:nth-child(4){left:80%}}

/* Solid cabinet and display: scenery never bleeds through the videotron. */
body:not(.reading) .billboard:not(.finale-card){background-color:#071d25;opacity:1}

/* Match the photo viewport to the measured transparent aperture of the bezel. */
body:not(.reading) #mempelai-foto .billboard{padding:0}
body:not(.reading) #mempelai-foto .billboard>.eyebrow{display:none}
body:not(.reading) #mempelai-foto .board-content{position:absolute;inset:14.5% 7.3% 14.5%;width:auto;height:auto;flex:none;overflow:hidden;border-radius:5px;padding:0;background:#071d25;z-index:0}
body:not(.reading) #mempelai-foto .billboard:before{z-index:2}
body:not(.reading) #mempelai-foto .vt-photo-full{border-radius:0;object-position:center}

/* Gallery is a single full-screen photo slideshow inside the videotron bezel. */
body:not(.reading) #galeri .billboard{height:clamp(380px,52svh,450px);top:84px;padding:0}
body:not(.reading) #galeri .billboard>.eyebrow{display:none}
body:not(.reading) #galeri .board-content{position:absolute;inset:14.5% 7.3%;flex:none;padding:0;overflow:hidden;background:#071d25;z-index:0;border-radius:5px}
body:not(.reading) #galeri .billboard:before{z-index:2}
body:not(.reading) #galeri .board-content:before,body:not(.reading) #galeri .board-content:after{display:none}
.tour-gallery-slides{position:absolute;inset:0}
body:not(.reading) #galeri .billboard .gallery-slide{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;border-radius:0;opacity:0;transition:opacity .65s ease}
body:not(.reading) #galeri .billboard .gallery-slide.is-current{opacity:1}
.reading .tour-gallery-slides{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(prefers-reduced-motion:reduce){body:not(.reading) #galeri .billboard .gallery-slide{transition:none}}

/* Generated transparent cloud artwork replaces the CSS puff shapes. */
.tour-clouds span{width:240px;height:110px;left:-260px;background:transparent url('/static/assets/exclusive/motor-tour-v1/clouds-v1/cloud.webp') center/contain no-repeat;border-radius:0;box-shadow:none;opacity:.9}
.tour-clouds span:before,.tour-clouds span:after{display:none}
.tour-clouds span:nth-child(2){width:200px;height:95px;opacity:.65}
.tour-clouds span:nth-child(3){width:220px;height:100px;opacity:.8}
.tour-clouds span:nth-child(4){width:180px;height:85px;opacity:.6}

body:not(.reading) #galeri .board-content>.tour-gallery-slides{position:absolute;inset:0;width:100%;height:100%}

/* Mixed cloud silhouettes lit by the warm evening sky. */
.tour-clouds span{filter:sepia(.45) saturate(1.65) hue-rotate(-15deg);opacity:.85}
.tour-clouds span:nth-child(2),.tour-clouds span:nth-child(4){background-image:url('/static/assets/exclusive/motor-tour-v1/clouds-v1/sunset-cloud.webp');filter:none;width:290px;height:95px}
.tour-clouds span:nth-child(3){width:180px;height:115px;filter:sepia(.6) saturate(1.5) hue-rotate(-18deg)}
/* Existing layered bird artwork with independent wingbeats and a slow flight path. */
.tour-birds{position:absolute;inset:0 0 51%;overflow:hidden;pointer-events:none}
.tour-bird{position:absolute;left:-100px;top:31%;width:58px;height:58px;animation:tour-bird-flight 31s linear infinite;animation-delay:-9s}
.tour-bird:nth-child(2){top:20%;width:40px;height:40px;animation-duration:39s;animation-delay:-25s;opacity:.8}.tour-bird:nth-child(3){top:43%;width:31px;height:31px;animation-duration:45s;animation-delay:-17s;opacity:.7}
.tour-bird i{position:absolute;inset:0;background:center/contain no-repeat}.bird-body{background-image:url('/static/assets/premium/wildlife/bird-body.svg')!important;z-index:2}
.bird-wing-left{background-image:url('/static/assets/premium/wildlife/bird-wing-left.svg')!important;transform-origin:51% 56%;animation:tour-wing-left .75s ease-in-out infinite alternate;z-index:1}
.bird-wing-right{background-image:url('/static/assets/premium/wildlife/bird-wing-right.svg')!important;transform-origin:56% 56%;animation:tour-wing-right .75s ease-in-out infinite alternate;z-index:3}
.tour-bird:nth-child(2) i{animation-delay:-.2s}.tour-bird:nth-child(3) i{animation-delay:-.45s}
@keyframes tour-bird-flight{from{transform:translate(-80px,20px)}to{transform:translate(calc(100vw + 220px),-35px)}}
@keyframes tour-wing-left{from{transform:rotate(-5deg) scaleY(1)}to{transform:rotate(15deg) scaleY(.28)}}
@keyframes tour-wing-right{from{transform:rotate(5deg) scaleY(.85)}to{transform:rotate(-12deg) scaleY(.3)}}
.reading .tour-birds{display:none}@media(prefers-reduced-motion:reduce){.tour-birds{display:none}}

body:not(.reading) #galeri .board-content>.gallery-caption{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:30px 12px 16px;text-align:center;background:linear-gradient(transparent,#071d25bb);pointer-events:none;animation:none}
body:not(.reading) #galeri .gallery-caption h2{font-family:'Cormorant Garamond',serif;font-size:clamp(24px,4vw,32px);font-weight:500;font-style:italic;line-height:1.2;margin:0;padding:0;color:#fff3d8;text-shadow:0 2px 8px #0008}
body:not(.reading) #galeri .gallery-caption h2:before,body:not(.reading) #galeri .gallery-caption h2:after{display:none}

/* Use the existing four-frame wingbeat sprite, not separate SVG wing parts. */
.tour-bird{width:48px;height:64px}.tour-bird:nth-child(2){width:33px;height:44px}.tour-bird:nth-child(3){width:24px;height:32px}
.tour-bird .tour-bird-sprite{background:url('/static/assets/collection/aceh-layered-v2/wedding-dove-clean.webp') 0 0/400% 100% no-repeat;animation:tour-bird-wingbeat .72s steps(1,end) infinite}
@keyframes tour-bird-wingbeat{0%,100%{background-position:0 0}25%{background-position:33.333% 0}50%{background-position:66.667% 0}75%{background-position:100% 0}}
/* All moving clouds now use the peach-orange sunset artwork. */
.tour-clouds span,.tour-clouds span:nth-child(2),.tour-clouds span:nth-child(3),.tour-clouds span:nth-child(4){background-image:url('/static/assets/exclusive/motor-tour-v1/clouds-v1/sunset-cloud.webp');filter:none}

.tour-clouds span{animation-duration:150s}.tour-clouds span:nth-child(2){animation-duration:190s}.tour-clouds span:nth-child(3){animation-duration:170s}.tour-clouds span:nth-child(4){animation-duration:220s}


/* Gift screen: compact account pair and delivery address within the aperture. */
body:not(.reading) #hadiah .billboard{--gift-height:clamp(410px,52svh,450px);height:var(--gift-height);top:84px;padding:calc(var(--gift-height)*.14) 7.5%}
body:not(.reading) #hadiah .billboard>.eyebrow{display:none}
body:not(.reading) #hadiah .board-content{display:flex;flex-direction:column;gap:7px;padding:0;overflow:hidden}
body:not(.reading) #hadiah .board-content:before,body:not(.reading) #hadiah .board-content:after{display:none}
body:not(.reading) #hadiah .board-content>h2{font-size:27px;margin:0;padding:0;flex:none}
body:not(.reading) #hadiah .board-content>h2:before,body:not(.reading) #hadiah .board-content>h2:after{display:none}
.gift-intro{font-size:10px!important;line-height:1.4!important;margin:0!important;color:#c6d5ca;flex:none}
.tour-gifts{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;padding:2px}
.gift-accounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tour-gift-card{position:relative;min-width:0;padding:10px 8px;border:1px solid #dcc38b55;background:linear-gradient(135deg,#e2bd7612,#e2bd7604);border-radius:11px;text-align:left}
.tour-gift-card strong{display:block;padding-right:27px;min-height:26px;line-height:1.4;font-size:12px;color:#f5dfa9;overflow-wrap:anywhere}
.tour-gift-card .vt-acct-no{font-family:Lato,sans-serif;font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.15px;overflow-wrap:anywhere;color:#fff6df;margin:5px 0}
.tour-gift-card .gift-account-name{font-size:10px;line-height:1.4;margin:0;color:#c8d6c9;overflow-wrap:anywhere}
.gift-copy{position:absolute;right:0;top:0;width:40px;height:40px;min-height:40px;padding:12px;border:0;background:transparent;color:#e9cf94;border-radius:10px;display:grid;place-items:center}
.gift-copy svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.gift-copy.copied{color:#b9e6a1}.gift-copy:focus-visible{outline:2px solid #efdcab;outline-offset:-3px}
.tour-gift-address{padding:9px 10px;margin-top:8px;border:1px solid #d2c39830;border-radius:10px;background:#e2bd7609;text-align:left}.tour-gift-address strong{font-size:11px;color:#f0dbad}.tour-gift-address p{font-size:10px;line-height:1.5;margin:3px 0 0;overflow-wrap:anywhere}
.gift-copy-feedback{min-height:12px;margin:3px 0 0!important;font-size:9px;line-height:1.3;color:#c4ddb3}
/* The RSVP destination continues the road's sage, petrol and sunset-gold palette. */
body:not(.reading) .tour-finale .finale-card{background:radial-gradient(ellipse at 0% 0%,#b777462e,transparent 50%),radial-gradient(ellipse at 100% 100%,#6d8a6133,transparent 60%),#102a2b;padding:max(16px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));color:#edf0dc}
body:not(.reading) .tour-finale .finale-card>.eyebrow{display:none}
body:not(.reading) .tour-finale .finale-card .board-content{width:min(100%,960px);padding:0 3px 28px;color:#edf0dc;text-align:left;scroll-behavior:smooth}
.tour-finale .tour-restart{font-size:11px;padding:8px 12px;min-height:42px;margin:0 0 19px;background:#e2c78609;border:1px solid #d0bc853f;color:#e9dab8;border-radius:999px}
.rsvp-intro{text-align:center;max-width:600px;margin:0 auto 23px;padding-bottom:20px;border-bottom:1px dashed #d7bc783f}
.rsvp-kicker{font-size:8px;line-height:1.5;letter-spacing:2.2px;color:#c4ab78;margin:0 0 12px!important}
.tour-finale .rsvp-intro h2{font-family:'Cormorant Garamond',serif;font-size:clamp(34px,6vw,46px);font-weight:500;line-height:1.05;color:#f8e3b5;margin:0 0 10px;padding:0}
.tour-finale .rsvp-intro h2:before,.tour-finale .rsvp-intro h2:after{display:none}
.rsvp-couple{font-family:'Cormorant Garamond',serif;font-size:24px;line-height:1.2;color:#e0c28e;margin:0 0 10px!important}.rsvp-description{font-size:12px;line-height:1.6;color:#c0cdbd;margin:0!important}
.rsvp-date{display:inline-block;border:1px solid #c6b58044;border-radius:999px;padding:5px 13px;font-size:10px;background:#dab9770c;margin:12px 0 0!important;color:#e4d4b1}
.rsvp-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-items:start}
.tour-finale .rsvp-compose{display:flex;flex-direction:column;gap:16px;padding:22px 17px;background:linear-gradient(145deg,#254037,#19332f);border:1px solid #d0c18c3d;border-radius:18px;box-shadow:0 12px 28px #071b1b33}
.tour-finale .rsvp-compose label,.rsvp-attendance legend{font-size:13px;line-height:1.5;font-weight:500;color:#e6e9d5}
.tour-finale .rsvp-compose :is(input:not([type=radio]),textarea){font-size:16px;line-height:1.4;width:100%;padding:12px;border:1px solid #dbd9ba;border-radius:10px;background:#f3f0e2;color:#263d33;margin-top:7px;min-height:46px;box-shadow:none}
.tour-finale .rsvp-compose :is(input,textarea):focus-visible{outline:2px solid #edcb86;outline-offset:3px}.tour-finale .rsvp-compose textarea{height:98px;resize:vertical}
.rsvp-attendance{border:0;padding:0;margin:0;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.rsvp-attendance legend{padding:0;margin-bottom:9px}
.tour-finale .rsvp-attendance-option{position:relative;display:flex;align-items:center;gap:6px;min-height:50px;padding:10px 8px;border:1px solid #b9c19a55;background:#142e29;border-radius:10px;font-size:11px;cursor:pointer}
.tour-finale .rsvp-attendance-option:has(input:checked){border-color:#e3c282;background:#dfbf7d16;color:#ffe9b7;box-shadow:inset 0 0 0 1px #d4b879}
.tour-finale .rsvp-attendance-option input[type=radio]{appearance:auto;-webkit-appearance:radio;accent-color:#c3a771;width:16px;height:16px;min-height:0;margin:0;padding:0;flex:none}
.rsvp-field-help{font-size:10px!important;line-height:1.5;color:#b0c2a7;margin:-7px 0 0!important;font-weight:400}.rsvp-preview-note{font-size:10px;line-height:1.6;color:#aebea6;margin:0!important;text-align:center}
.tour-finale .rsvp-compose button{margin:0;min-height:48px;border:1px solid #efd79c;border-radius:11px;font-size:14px;font-weight:700;background:linear-gradient(#ecd29a,#d5b77c);color:#25372a;box-shadow:0 4px 12px #0002}.tour-finale .rsvp-compose button:hover{background:#f1daa9}
.rsvp-feedback{padding:12px;border:1px solid #a6be874d;border-radius:10px;background:#aec58a14;font-size:12px;line-height:1.6;color:#d5e9bd;margin:0!important}
.rsvp-wishes-panel h3{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:500;line-height:1.15;color:#efd5a3;margin:0 0 13px;padding:0}.rsvp-wishes-panel h3:before,.rsvp-wishes-panel h3:after{display:none}.rsvp-wishes-panel>.rsvp-field-help{margin:0 0 14px!important}
.tour-wishes{gap:11px}.tour-wish{display:flex;gap:11px;padding:15px;border:1px solid #bcc49b33;background:#213b31;border-radius:14px}
.wish-avatar{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:#c5b47e1c;border:1px solid #e4c78333;color:#e3cc97;font-family:'Cormorant Garamond',serif;font-size:21px}.wish-copy{min-width:0;overflow-wrap:anywhere}.tour-wish strong{font-size:13px;color:#f0e2bd}.tour-wish small{font-size:10px;margin-top:3px;color:#bccca8}.tour-wish p{font-size:12px;line-height:1.65;color:#ccd7c1;margin-top:9px}
.at-finale .tour-autopilot{display:none}.reading .rsvp-intro{margin-top:20px}
@media(min-width:760px){.rsvp-layout{grid-template-columns:1fr 1fr;gap:28px}.tour-finale .rsvp-compose{padding:26px}.rsvp-intro{margin-bottom:28px}}
@media(max-width:350px){.tour-finale .rsvp-compose{padding:18px 13px}.rsvp-attendance{grid-template-columns:1fr}}

@media(max-height:740px) and (max-width:599px){body:not(.reading) #hadiah .billboard{top:76px}}

/* Softer peach clouds and smaller distant birds blend into the painted sky. */
.tour-clouds span,.tour-clouds span:nth-child(2),.tour-clouds span:nth-child(3),.tour-clouds span:nth-child(4){filter:saturate(.45) brightness(1.08);opacity:.65}
.tour-bird{width:34px;height:45.33px}.tour-bird:nth-child(2){width:24px;height:32px}.tour-bird:nth-child(3){width:18px;height:24px}

/* Neutral rests halfway between Reverse and Drive. */
.tour-gear .gear-lever{top:74px}.tour-gear.in-reverse .gear-lever{top:28px}.tour-gear.in-neutral .gear-lever{top:51px}
.tour-gear #gear-neutral{position:absolute;left:2px;right:auto;top:48px;width:20px;height:38px;min-height:38px;padding:0;display:grid;place-items:center;border:0;background:transparent;box-shadow:none;font-size:12px;color:#9ead99;z-index:5;border-radius:5px}

/* Destination-based autopilot: choose a stop, drive there, then return to Neutral. */
.tour-auto-menu{position:fixed;left:clamp(14px,5vw,80px);bottom:238px;z-index:125;width:180px;max-height:calc(100svh - 260px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:10px;background:linear-gradient(145deg,#28463e,#142e2e);border:1px solid #c9b77f77;border-radius:16px;box-shadow:0 10px 30px #071d234d}
.auto-menu-title{font-size:9px;letter-spacing:1.8px;color:#ccb987;margin:2px 5px 8px}
.tour-auto-menu button{display:block;width:100%;min-height:42px;margin:3px 0;padding:9px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#f3e7c7;font-size:13px;text-align:left}
.tour-auto-menu button:hover,.tour-auto-menu button:focus-visible{background:#d2b87e18;border-color:#d2b87e66;outline:none}.tour-autopilot.on .ap-label{color:#f2d291}
.tour-auto-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.at-finale .tour-auto-menu,.reading .tour-auto-menu{display:none}
@media(max-width:480px){.tour-auto-menu{left:10px;bottom:235px;width:172px}}
@media(max-height:600px){.tour-auto-menu{bottom:100px;max-height:calc(100svh - 115px);left:88px;width:170px}}

.tour-autopilot.on .ap-ring svg{animation:none}.tour-autopilot .ap-ring svg{stroke-linejoin:round}

/* Map picker uses a route diagram and location pins rather than a plain menu. */
.tour-auto-menu{width:282px;height:410px;max-width:calc(100vw - 28px);max-height:calc(100svh - 320px);padding:0;display:flex;flex-direction:column;overflow:hidden;background:#f6f4e6;color:#304e3c;border:1px solid #d0d9bd;border-radius:19px;box-shadow:0 12px 40px #091d2e55}
.map-header{display:flex;align-items:center;gap:9px;padding:13px 12px 11px;background:#fffdf1;border-bottom:1px solid #dce3cf;flex:none}.map-header-icon{display:grid;place-items:center;width:29px;height:29px;color:#5d8055;background:#e6edda;border-radius:9px}.map-header-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.map-header strong{display:block;font-size:13px;font-weight:700}.map-header small{display:block;font-size:10px;line-height:1.5;color:#75836b}
.tour-auto-menu .map-close{margin:0 0 0 auto;padding:0;width:32px;min-height:32px;border:0;border-radius:50%;text-align:center;background:#e9eedf;color:#4d6d44;font-size:21px;line-height:1}
.destination-map{position:relative;flex:1;min-height:200px;overflow:hidden;background:radial-gradient(ellipse at 8% 17%,#d1e1b4 0 15%,transparent 16%),radial-gradient(ellipse at 92% 72%,#d1e1b4 0 19%,transparent 20%),#e9eddb}
.map-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.map-art path{fill:none;stroke-linecap:round;stroke-linejoin:round}.map-river{stroke:#c0dce1;stroke-width:20}.map-street{stroke:#fffdf5;stroke-width:10}.map-route-halo{stroke:#fffdf4;stroke-width:7}.map-route{stroke:#b2975a;stroke-width:3;stroke-dasharray:3 6}
.tour-auto-menu .map-stop{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:5px;width:auto;max-width:115px;min-height:32px;margin:0;padding:5px 8px 5px 5px;border:1px solid #becdaf;border-radius:11px;background:#fffdf1;color:#3b5b3d;box-shadow:0 2px 5px #3a51301c;font-size:11px;line-height:1.3;white-space:nowrap;text-align:left}
.map-pin{display:grid;place-items:center;width:19px;height:24px;flex:none}.map-pin svg{width:19px;height:24px;fill:#6a8a5c;stroke:#fffdf0;stroke-width:1.4}.map-stop-label small{display:block;font-size:8px;line-height:1.4;margin-top:2px;color:#ead7a9}.tour-auto-menu .map-stop.is-here{background:#35523f;color:#fff1ca;border-color:#35523f;z-index:2}.map-stop.is-here .map-pin svg{fill:#ddbf77;stroke:#35523f}.tour-auto-menu .map-stop:hover,.tour-auto-menu .map-stop:focus-visible{background:#f8eac8;border-color:#ae9460;color:#3c553a;outline:2px solid #d2b874;outline-offset:2px}.map-stop:hover .map-stop-label small{color:#6b7d50}
.map-footer{flex:none;margin:0;padding:9px 12px;background:#fffdf1;font-size:9px;line-height:1.5;text-align:center;color:#77846c}.tour-autopilot .ap-ring svg{width:29px;height:29px;stroke:#e9d8ad;fill:none;stroke-width:1.8}
@media(max-width:480px){.tour-auto-menu{width:270px;bottom:235px;max-height:calc(100svh - 310px)}}
@media(max-height:600px){.tour-auto-menu{left:88px;bottom:20px;width:270px;height:350px;max-height:calc(100svh - 45px)}}
/* Circular EV-style rotary selector with a fixed N resting position. */
.tour-gear{height:112px;width:88px;border-radius:24px;background:linear-gradient(145deg,#354d3d,#172e26);--gear-angle:52deg}
.tour-gear.in-neutral{--gear-angle:0deg}.tour-gear.in-reverse{--gear-angle:-52deg}.tour-gear .gear-gate{display:none}
.tour-gear #gear-reverse,.tour-gear #gear-neutral,.tour-gear #gear-drive{position:absolute;top:4px;bottom:auto;width:28px;height:28px;min-height:28px;display:grid;place-items:center;padding:0;border:0;box-shadow:none;background:none;font-size:12px;z-index:5}
.tour-gear #gear-reverse{left:1px;right:auto}.tour-gear #gear-neutral{left:28px;right:auto}.tour-gear #gear-drive{left:auto;right:1px}
.tour-gear .gear-lever,.tour-gear.in-neutral .gear-lever,.tour-gear.in-reverse .gear-lever{left:12px;top:34px;width:62px;height:62px;border-radius:50%;transition:none}
.tour-gear .gear-knob{left:0;top:0;width:62px;height:62px;border-radius:50%;border:3px solid #adb89b;background:radial-gradient(circle at 35% 24%,#71816a,#3d5444 42%,#1b3428 75%);box-shadow:inset 0 2px 5px #eef5ca44,0 4px 7px #07180f99,0 0 0 3px #11271c;display:grid;place-items:center}
.tour-gear .gear-knob span{font-family:Lato,sans-serif;font-size:19px;font-weight:700;letter-spacing:0;line-height:1;color:#f1e4bf;border:0;padding:0;border-radius:0}
.tour-gear .gear-lever:after{content:'';position:absolute;left:29px;top:5px;width:4px;height:9px;background:#ead494;border-radius:3px;transform:rotate(var(--gear-angle));transform-origin:2px 26px;transition:transform .2s ease;pointer-events:none}
@media(prefers-reduced-motion:reduce){.tour-gear .gear-lever:after{transition:none}}

/* Entire rotary gear housing is circular, including the selector labels. */
.tour-gear{width:104px;height:104px;border-radius:50%;background:radial-gradient(circle at 36% 22%,#52664b,#233e30 55%,#122a22);box-shadow:inset 1px 2px 4px #cbd4af44,inset -2px -3px 6px #0c211a,0 4px 9px #071c2144}
.tour-gear #gear-reverse,.tour-gear #gear-neutral,.tour-gear #gear-drive{width:26px;height:26px;min-height:26px;border-radius:50%;font-size:11px;top:4px}
.tour-gear #gear-reverse{left:9px;top:15px}.tour-gear #gear-neutral{left:37px;top:3px}.tour-gear #gear-drive{right:9px;left:auto;top:15px}
.tour-gear .gear-lever,.tour-gear.in-neutral .gear-lever,.tour-gear.in-reverse .gear-lever{left:19px;top:32px;width:62px;height:62px;border-radius:50%}

/* Folded map with a destination pin, styled like the driving instruments. */
.tour-autopilot .ap-ring{background:radial-gradient(circle at 35% 20%,#51654b,#243d31 65%);border-color:#aebd94;box-shadow:inset 0 1px 3px #e3e9bc33,0 3px 8px #0d272b66}
.tour-autopilot .ap-ring svg{width:31px;height:31px;stroke:#e5d7af;stroke-width:1.35;stroke-linejoin:round;stroke-linecap:round;overflow:visible}
.map-icon-paper{fill:#99ae7626}.map-icon-fold{fill:none;stroke:#a5ba8b;stroke-width:1}.map-icon-pin{fill:#e4c37f;stroke:#f4dfaa;stroke-width:1.1}.map-icon-center{fill:#314c39;stroke:none}

.tour-autopilot .ap-ring svg{width:33px;height:33px;stroke:none}
.map-panel-a{fill:#c3d99b}.map-panel-b{fill:#e5ecc2}.map-panel-c{fill:#9abf86}
.map-water{fill:none;stroke:#80b9cf;stroke-width:3;stroke-linecap:round}.map-road{fill:none;stroke:#fffdf0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.map-location{fill:#d66b50;stroke:#f7ddbb;stroke-width:1}.map-dot{fill:#fff0d3}

/* Anchor solo portraits toward the face instead of cropping from the center. */
body:not(.reading) #mempelai-foto .vt-solo-shot .vt-photo-full{object-position:center 18%}

.tour-gear{transform:scale(.65);transform-origin:right bottom!important}

/* Choose a vehicle once before driving, with an option to change it later. */
.change-vehicle{width:36px;height:36px;min-height:36px;padding:8px;display:grid;place-items:center;flex:none}.change-vehicle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.vehicle-dialog{position:fixed;inset:0;z-index:250;display:grid;place-items:center;padding:20px 12px;background:#18382f9e;backdrop-filter:blur(4px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
.vehicle-panel{width:min(580px,100%);padding:30px 26px 22px;border:1px solid #f7f2d5;border-radius:26px;background:radial-gradient(ellipse at 20% 0%,#f1e3bd,transparent 70%),#fbf8ed;box-shadow:0 24px 65px #0b282c44;text-align:center;color:#36513e}
.vehicle-kicker{font-size:9px;letter-spacing:3px;color:#8e845b;margin:0 0 11px}.vehicle-panel h2{font-family:'Cormorant Garamond',serif;font-size:38px;font-weight:500;line-height:1.1;margin:0 0 10px}.vehicle-description{font-size:13px;line-height:1.6;color:#758069;margin:0 0 22px}
.vehicle-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vehicle-option{min-width:0;padding:7px 7px 15px;border:1px solid #d4dec6;border-radius:18px;background:linear-gradient(#edf1df,#f6f6e9);color:#38533d;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column;align-items:center}
.vehicle-option img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;display:block;margin:0 0 8px}.vehicle-option strong{font-family:'Cormorant Garamond',serif;font-size:27px;font-weight:600;line-height:1.1}.vehicle-option small{font-size:11px;line-height:1.5;margin-top:5px;color:#6d7d65}.vehicle-option[data-choice=pink]{background:linear-gradient(#f2e2df,#fcf0e9);border-color:#e0c5c4;color:#895969}.vehicle-option[data-choice=pink] small{color:#9d7781}
.vehicle-option[aria-pressed=true]{border:2px solid #748b59;padding:6px 6px 14px;box-shadow:0 0 0 3px #90a16c26}.vehicle-option[data-choice=pink][aria-pressed=true]{border-color:#b97e8e;box-shadow:0 0 0 3px #c28b9c26}
.vehicle-start{display:block;width:100%;min-height:48px;margin-top:20px;padding:12px 18px;border-radius:13px;border:0;background:#3d6045;color:#fff5df;font-size:14px;font-weight:700}.vehicle-hint{font-size:10px;color:#8d947c;margin:12px 0 0}.vehicle-picking .tour-auto-menu{display:none}
@media(max-width:350px){.vehicle-panel{padding:25px 17px 18px}.vehicle-panel h2{font-size:32px}.vehicle-options{gap:9px}.vehicle-option strong{font-size:24px}.vehicle-option small{font-size:10px}.vehicle-description{font-size:12px}}
@media(max-height:500px){.vehicle-dialog{display:block}.vehicle-panel{margin:0 auto}.vehicle-option img{max-height:105px;aspect-ratio:auto}}
/* Sage retains the existing dashboard. Pink uses dusty rose and rose-gold materials. */
body[data-vehicle=pink]{--ink:#684751;--sage:#b58191;--accent:#ccaa90}
body[data-vehicle=pink] .vehicle-start{background:#9c6579}.vehicle-option:focus-visible{outline:2px solid #a69064;outline-offset:3px}










body[data-vehicle=pink] .tour-header{background:#fff1edf5;border-color:#f9dfd9;color:#785362}

@media(prefers-reduced-motion:reduce){.vehicle-option{transition:none}}


/* Warm coral pink follows the car paint rather than a cool magenta palette. */












/* Videotron retains its original petrol screen and asset colors. */

/* Soft coral pink controls with dusty rose contrast, matched to the pink car. */










body[data-vehicle=pink] .tour-header{background:#fffaf0f5;border-color:#fff;color:#354c40}

/* Legible R/N/D markings on the compact pink gear dial. */



/* Unified warm cream and dusty rose dashboard for the pink car. */












/* Pink convertible: ivory instruments, champagne metal, restrained rose accents. */
body[data-vehicle=pink] .gas-pedal{border-color:#998a70;background:linear-gradient(110deg,#b6a68a,#fff0d6 38%,#cebea1 72%,#a39479);box-shadow:4px 6px 0 #736a58,0 9px 12px #4e403030}
body[data-vehicle=pink] .pedal-grip{border-color:#a7987d;background:repeating-linear-gradient(to bottom,#817867 0 4px,#d5c8ae 4px 8px);box-shadow:inset 1px 1px 2px #61574980}
body[data-vehicle=pink] .gas-control.is-pressed .gas-pedal{box-shadow:1px 2px 0 #736a58,0 4px 7px #4e403030}
body[data-vehicle=pink] .gas-caption{background:#fff5e5f7;border-color:#c4b393;color:#59483e;box-shadow:0 3px 9px #4e403026}body[data-vehicle=pink] .gas-control .gas-caption #gas-help{color:#756052}body[data-vehicle=pink] .gas-control.is-pressed .gas-caption{background:#eee0cc}
body[data-vehicle=pink] .tour-speedometer{background:#fff5e5f7;border-color:#c4b393;color:#59483e;box-shadow:inset 0 1px 2px #fff,0 3px 10px #4e403030}body[data-vehicle=pink] .speed-track{stroke:#b59e7b}body[data-vehicle=pink] .speed-ticks{stroke:#82715e}body[data-vehicle=pink] .speed-needle path{stroke:#af7280}body[data-vehicle=pink] .speed-needle circle{fill:#bb8690}
body[data-vehicle=pink] .tour-music-row{border-color:#c4b39366}body[data-vehicle=pink] .tour-spectrum i{background:#9d7c69}body[data-vehicle=pink] .tour-music-row .music-toggle{background:#ead9c0!important;color:#59483e}
body[data-vehicle=pink] .tour-gear{background:radial-gradient(circle at 36% 22%,#fff9ed,#e6d8bf 55%,#baaa8c);border-color:#d1bd99;box-shadow:inset 1px 2px 4px #fff9ed,inset -2px -3px 6px #ad9b7e,0 4px 9px #4e403044}
body[data-vehicle=pink] .tour-gear .gear-knob{border-color:#fff0dd;background:radial-gradient(circle at 35% 24%,#f5ded5,#d5a6ae 50%,#b57e8b);box-shadow:inset 0 2px 5px #fff5e388,0 4px 7px #75605255,0 0 0 3px #c8b697}
body[data-vehicle=pink] .tour-gear .gear-knob span{color:#68434b}body[data-vehicle=pink] .tour-gear :is(#gear-reverse,#gear-neutral,#gear-drive){font-size:14px;font-weight:800;color:#685345;text-shadow:none}body[data-vehicle=pink] .tour-gear :is(#gear-reverse,#gear-neutral,#gear-drive)[aria-pressed=true]{color:#743b4e!important;background:#f0ccd1;border-radius:50%;text-shadow:none;box-shadow:0 1px 2px #9b746144}
body[data-vehicle=pink] .tour-autopilot .ap-ring{background:radial-gradient(circle at 35% 20%,#fff9ee,#e4d5b9 70%);border-color:#c4b393;box-shadow:inset 0 1px 3px #fff,0 3px 8px #4e403044}body[data-vehicle=pink] .tour-autopilot .ap-label{color:#59483e;text-shadow:0 1px 3px #fff5e5}
body[data-vehicle=pink] .change-vehicle{background:#fff5e5;border-color:#d7c5a7;color:#756052}

/* Use the shared catalog preview header, with vehicle switching kept separate. */
.demo-bar{font:11px/1.4 'Segoe UI',Arial,sans-serif;align-items:center}.demo-bar a{font-weight:600;text-decoration:none;display:flex;align-items:center;justify-content:center}.demo-bar .demo-back{gap:5px}.demo-bar .demo-choose{gap:6px;padding:7px 10px;border:1px solid #f0bfd3;border-radius:10px}.demo-bar.demo-with-audit{z-index:110}.demo-back [data-icon]{rotate:180deg}
.tour-header{top:112px;left:auto;right:12px;transform:none;width:auto;padding:0;border:0;background:transparent!important;box-shadow:none}.tour-header>a,.tour-header>span{display:none}.tour-header .change-vehicle{width:36px;height:36px;border-radius:50%;padding:8px;background:#fffaf0ef}
body[data-demo=false] .tour-header{top:max(12px,env(safe-area-inset-top))}
.vehicle-picking .demo-bar{pointer-events:none}


/* Continuous metal crossbeam joins shoulder-mounted posts to narrower screens. */
body:not(.reading) .billboard:not(.finale-card):after{background:linear-gradient(to bottom,#a9aa8d 0 2px,#697b69 2px 8px,#3e554b 8px 11px) center top/100% 11px no-repeat,url('/static/assets/exclusive/motor-tour-v1/videotron-v1/post.webp') left top/36px 100% no-repeat,url('/static/assets/exclusive/motor-tour-v1/videotron-v1/post.webp') right top/36px 100% no-repeat}

body:not(.reading) #mempelai-foto .vt-name-shot{background:radial-gradient(ellipse at 50% 40%,#234a43,#071d25 85%)}
body:not(.reading) #mempelai-foto .vt-name-shot .vt-photo-caption{background:none;padding:22px}
body:not(.reading) #mempelai-foto .vt-name-shot .vt-photo-caption h2{color:#fff0d2;text-shadow:none}

.tour-typewriter{position:relative;display:inline-block;max-width:100%;vertical-align:top}.typewriter-original{opacity:0}.typewriter-layer{position:absolute;inset:0;text-align:inherit;white-space:inherit;overflow-wrap:inherit;pointer-events:none}.typewriter-layer:after{content:attr(data-typed)}.is-typing .typewriter-layer:after{border-right:1px solid currentColor;padding-right:2px;animation:tour-caret .65s step-end infinite}@keyframes tour-caret{50%{border-color:transparent}}@media(prefers-reduced-motion:reduce){.typewriter-original{opacity:1}.typewriter-layer{display:none}}

body:not(.reading) #mempelai-foto .vt-invitation-greeting{font:400 clamp(11px,1.1vw,14px)/1.65 Lato,sans-serif;max-width:360px;margin:14px auto 0;color:#fff6e7;text-shadow:0 1px 7px #000c;overflow-wrap:anywhere;white-space:pre-line}
body:not(.reading) #mempelai-foto .vt-shot:not(.vt-name-shot) .vt-photo-caption:has(.vt-invitation-greeting){background:radial-gradient(ellipse at center,#071b2377,#03121b99)}
@media(max-width:480px){body:not(.reading) #mempelai-foto .vt-invitation-greeting{font-size:11px;line-height:1.55;margin-top:10px}}