
#bali-experience{position:fixed;inset:0;width:100vw;max-width:none;height:100svh;max-height:none;margin:0;padding:0;border:0;background:#f5f5f0;color:#171918;overflow:hidden}#bali-experience::backdrop{background:#f5f5f0}.exp-photo{position:absolute;right:10%;top:110px;bottom:160px;width:min(32vw,340px);height:calc(100% - 270px);max-height:600px;object-fit:contain;background:#e7e7df}.exp-shade,.exp-detail{display:none}.exp-top{height:80px;position:absolute;top:0;left:0;right:0;border-bottom:1px solid #17191825;display:flex;justify-content:space-between;align-items:center;padding:0 6%;background:#f5f5f0}.exp-top>span{font:800 italic 21px 'Barlow Condensed',Impact;letter-spacing:.3px}.exp-top button{border:1px solid #17191866;background:transparent;padding:12px 18px;font:700 10px Manrope,Arial;cursor:pointer}.exp-copy{position:absolute;left:7%;top:25%;width:47%;max-width:700px}.exp-eyebrow{font:800 8px Manrope,Arial;letter-spacing:1.7px;margin-bottom:30px}.exp-kicker{font:700 9px Manrope,Arial;letter-spacing:1.5px;color:#666b67}.exp-copy h2{font:800 italic clamp(48px,6.5vw,90px)/.96 'Barlow Condensed',Impact;text-transform:uppercase;letter-spacing:-.5px;margin:22px 0}.exp-copy h2 em{font-weight:800;color:#747b70;font-style:italic}.exp-description{font:12px/1.9 Manrope,Arial;color:#5e655f;max-width:370px}.exp-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px;max-width:420px}.exp-actions button,.exp-actions a{padding:12px 15px;border:1px solid #17191855;background:transparent;color:#171918;font:700 10px Manrope,Arial;cursor:pointer}.exp-actions button[aria-pressed=true],.exp-actions a{background:#e8f54b;border-color:#e8f54b}.exp-location{font:7px Manrope,Arial;letter-spacing:1px;color:#767e75;margin-top:25px}.exp-dock{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #17191825;padding:15px 6% 20px;background:#edede6}.exp-dock-top{display:flex;align-items:center;gap:8px;margin-bottom:15px}.exp-dock-top>button{width:32px;height:32px;border:1px solid #17191844;background:transparent;color:#171918;padding:0;cursor:pointer;font:12px Manrope,Arial}.exp-dock-top>button:disabled{opacity:.25;cursor:default}.exp-dock-top>#exp-help{border-radius:50%}.exp-dock-top>.exp-next{width:auto;padding:0 14px;font-size:9px;margin-left:10px}.exp-counter{font:8px Manrope,Arial;margin-left:8px;letter-spacing:1px}.exp-track{height:2px;background:#17191822;margin-bottom:15px}.exp-track i{height:100%;display:block;background:#171918;width:0}.exp-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.exp-nav button{padding:0;border:0;text-align:left;background:none;font:700 9px/1.5 Manrope,Arial;display:flex;gap:10px;color:#777e75;cursor:pointer}.exp-nav button span{font-size:7px}.exp-nav button[aria-current=step]{color:#171918}.exp-nav button[aria-current=step] span{background:#e8f54b;padding:0 3px}.exp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#exp-help-panel{position:absolute;bottom:calc(100% + 12px);left:6%;width:min(350px,88vw);background:#fff;border:1px solid #17191833;padding:25px;box-shadow:0 15px 30px #0001}#exp-help-panel strong{font:800 11px Manrope,Arial}#exp-help-panel p{font:11px/1.9 Manrope,Arial;color:#666b67;margin:15px 0}#exp-help-panel button{font:700 10px Manrope,Arial;padding:12px 17px;background:#e8f54b;border:0;cursor:pointer}#bali-experience button:focus-visible,#bali-experience a:focus-visible{outline:3px solid #747b17;outline-offset:4px}@media(max-width:760px){.exp-top{height:70px;padding:0 5%}.exp-top>span{font-size:16px}.exp-top button{font-size:8px;padding:10px}.exp-copy{top:100px;left:6%;width:52%}.exp-copy h2{font-size:clamp(33px,6.6vw,49px);margin:20px 0;line-height:1}.exp-eyebrow{font-size:6px;letter-spacing:1px;margin-bottom:20px}.exp-kicker{font-size:7px}.exp-description{font-size:10px;line-height:1.8}.exp-photo{top:100px;right:5%;width:32%;height:300px;max-height:42vh;background:transparent}.exp-actions{width:165%;margin-top:20px;gap:7px}.exp-actions button,.exp-actions a{font-size:9px;padding:10px}.exp-location{font-size:6px;max-width:95%;line-height:1.7}.exp-dock{padding:14px 5% 18px}.exp-dock-top{gap:6px;flex-wrap:wrap}.exp-counter{font-size:7px;margin-left:3px}.exp-dock-top>.exp-next{font-size:8px;padding:0 9px;margin-left:0}.exp-nav{display:flex;overflow-x:auto;gap:20px;padding-bottom:5px}.exp-nav button{flex:0 0 auto;font-size:8px;gap:6px}}@media(max-height:650px){.exp-copy{top:18%}.exp-copy h2{font-size:46px;margin:15px 0}.exp-eyebrow{margin-bottom:15px}.exp-description{font-size:11px;line-height:1.6}.exp-photo{top:90px;height:calc(100% - 230px)}.exp-location{display:none}.exp-actions{margin-top:15px}}

@media(max-width:760px){.exp-actions{width:100%;flex-direction:column;align-items:stretch}.exp-actions button,.exp-actions a{text-align:center}.exp-photo{max-height:270px}.exp-location{line-height:1.8}}

#bali-experience{background:#292a2b;color:#f5f4f0}.exp-top{background:#070707;color:white;border-color:#ffffff25}.exp-top>span{font-family:Arial;font-weight:400;font-style:normal;font-size:15px;letter-spacing:2px}.exp-top button{color:white;border-color:#ffffff77}.exp-photo{background:#353638}.exp-copy h2{font-family:Arial;font-style:normal;font-weight:400;color:white;font-size:clamp(42px,5vw,74px);line-height:1.06;letter-spacing:-2px}.exp-copy h2 em{color:#c7c0b5;font-style:normal;font-weight:400}.exp-eyebrow,.exp-kicker{color:#c2bdb4}.exp-description{color:#dfdcd5}.exp-location{color:#b7b2a9}.exp-actions button{border-color:#ffffff66;color:white}.exp-actions button[aria-pressed=true],.exp-actions a{background:#f5f4f0;color:#151515;border-color:#f5f4f0}.exp-dock{background:#18191a;border-color:#ffffff33}.exp-dock-top>button{color:white;border-color:#ffffff55}.exp-counter{color:#bcb8b0}.exp-track{background:#ffffff33}.exp-track i{background:white}.exp-nav button{color:#99958d}.exp-nav button[aria-current=step]{color:white}.exp-nav button[aria-current=step] span{color:#151515;background:#f5f4f0}#exp-help-panel{background:#3c3e40;color:white;border-color:#ffffff44}#exp-help-panel p{color:#ddd}#exp-help-panel button{background:#f5f4f0;color:#151515}@media(max-width:760px){.exp-copy h2{font-size:34px;letter-spacing:-1px}}
