.uluwatu-guide{--guide-ink:var(--color-dive-01);--guide-ocean:var(--color-dive-200);--guide-paper:var(--color-page);--guide-surface:#fff;--guide-rule:#18313829;background:var(--guide-paper)}.uluwatu-guide main{color:var(--guide-ink)}.uluwatu-guide main a:focus-visible,.uluwatu-guide main button:focus-visible{outline-offset:5px;outline:3px solid}.uluwatu-guide .guide-stamp{color:#fff;display:inline-block}.uluwatu-guide .guide-navigation{border-bottom:1px solid var(--guide-rule)}.uluwatu-guide .guide-navigation a{border-radius:100px;padding:6px 18px;transition:background-color .18s}.uluwatu-guide .guide-navigation a:hover{background:var(--guide-ocean)}.uluwatu-guide #uluwatu{padding-top:56px;padding-bottom:56px}.uluwatu-guide .guide-postcards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:72px;display:grid}.uluwatu-guide .guide-postcard{color:#fff;border-radius:20px;height:390px;display:block;position:relative;overflow:hidden}.uluwatu-guide .guide-postcard:after{content:"";background:linear-gradient(#0000 20%,#000000bf);position:absolute;inset:0}.uluwatu-guide .guide-postcard>div{z-index:1;position:absolute;inset:auto 28px 28px}.uluwatu-guide .guide-postcard h2{margin:12px 0 20px;font-size:clamp(24px,2.4vw,36px);line-height:1.2}.uluwatu-guide .guide-postcard svg{border:1px solid #fff;border-radius:50%;width:44px;height:44px;padding:10px}.uluwatu-guide .guide-chapter{margin-bottom:28px}.uluwatu-guide .guide-chapter>div:first-child>div>span{padding:0}.uluwatu-guide .guide-chapter>div:first-child>p{color:var(--guide-ink)}.uluwatu-guide .guide-places{gap:20px;margin-top:24px}.uluwatu-guide .guide-place{background:var(--guide-surface);border-radius:20px;padding:32px}.uluwatu-guide .guide-place>p:first-child{color:var(--guide-ink);border-bottom:1px solid var(--guide-rule);margin-bottom:16px;padding-bottom:8px;display:inline-block}.uluwatu-guide .guide-place>p{color:var(--guide-ink)}.uluwatu-guide .guide-place h3 a{justify-content:space-between;width:100%}.uluwatu-guide #beaches .guide-places{grid-template-columns:repeat(4,minmax(0,1fr))}.uluwatu-guide #beaches .guide-place{padding:22px}.uluwatu-guide #beaches .guide-place h3{font-size:23px}.uluwatu-guide #essentials{background:var(--guide-ocean);border-radius:28px;padding:36px}.uluwatu-guide #essentials ul{padding-left:0;list-style:none}.uluwatu-guide #essentials li{padding-left:22px;position:relative}.uluwatu-guide #essentials li:before{content:"";background:var(--guide-ink);border-radius:50%;width:7px;height:7px;position:absolute;top:10px;left:0}.uluwatu-guide .guide-food-photo{background:var(--guide-ink);border-radius:28px;height:380px;position:relative;overflow:hidden}.uluwatu-guide .guide-food-photo img{object-fit:cover;opacity:.65;width:100%;height:100%}.uluwatu-guide .guide-food-photo>p{color:#fff;font-size:clamp(32px,5vw,68px);line-height:1.1;position:absolute;inset:auto 36px 32px}.uluwatu-guide .guide-meals{flex-wrap:wrap;gap:8px;margin:24px 0 12px;display:flex}.uluwatu-guide .guide-meals button{cursor:pointer;border:1px solid var(--guide-ink);min-height:48px;color:var(--guide-ink);border-radius:100px;padding:12px 24px;transition:background-color .16s}.uluwatu-guide .guide-meals button[aria-pressed=true]{background:var(--guide-ink);border-color:var(--guide-ink);color:#fff}.uluwatu-guide .guide-meals button:hover:not([aria-pressed=true]){background:var(--guide-ocean)}.uluwatu-guide .guide-meal-intro{margin-top:24px;font-size:18px}@media(max-width:1023px){.uluwatu-guide #beaches .guide-places{grid-template-columns:repeat(2,minmax(0,1fr))}.uluwatu-guide .guide-postcard{height:310px}}@media(max-width:639px){.uluwatu-guide .guide-postcards{grid-template-columns:1fr;gap:14px;margin-bottom:36px}.uluwatu-guide .guide-postcard{height:230px}.uluwatu-guide .guide-postcard>div{inset:auto 22px 22px}.uluwatu-guide .guide-postcard h2{max-width:240px;margin-bottom:0}.uluwatu-guide .guide-postcard svg{position:absolute;bottom:0;right:0}.uluwatu-guide .guide-navigation{gap:8px}.uluwatu-guide .guide-navigation a{padding-inline:14px}.uluwatu-guide #essentials{padding:24px 20px}.uluwatu-guide #beaches .guide-places{grid-template-columns:1fr}.uluwatu-guide .guide-place{padding:24px}.uluwatu-guide .guide-chapter{margin-bottom:0}.uluwatu-guide .guide-food-photo{height:260px}.uluwatu-guide .guide-food-photo>p{inset:auto 24px 24px}.uluwatu-guide .guide-meals button{padding-inline:19px}}@media(prefers-reduced-motion:reduce){.uluwatu-guide main *{transition:none!important}}
