@layer components{.guide-journey[data-variant=cinematic]{--journey-gap:clamp(4rem,8vw,8rem);margin-top:clamp(3rem,6vw,5rem)}.guide-journey[data-variant=cinematic] :is(.guide-intro,.guide-contents,.guide-indicators-note,.guide-chapter-body,.guide-selection){width:min(100% - 2rem,1440px);margin-inline:auto}.guide-journey[data-variant=cinematic] .guide-intro{text-align:center;max-width:60rem}.guide-journey[data-variant=cinematic] .guide-intro h2{max-width:19ch;margin-inline:auto;font-weight:500}.guide-journey[data-variant=cinematic] .guide-intro>p{margin-inline:auto}.guide-journey[data-variant=cinematic] .guide-contents{box-shadow:none;background:0 0;border:0;border-radius:0;gap:2rem;padding-block:2rem}.guide-journey[data-variant=cinematic] .guide-contents li{border:0}.guide-journey[data-variant=cinematic] .guide-contents-chapter{min-height:76px;padding:.75rem .5rem}.guide-journey[data-variant=cinematic] .guide-contents-label{font-weight:500}.guide-journey[data-variant=cinematic] .guide-contents-number{color:var(--brand)}.guide-journey[data-variant=cinematic] .guide-contents-heading h3{font-weight:500}.guide-journey[data-variant=cinematic] .guide-indicators-note{text-align:center;max-width:65ch;margin-bottom:3rem}.guide-journey[data-variant=cinematic] .guide-progress{width:min(100% - 2 * var(--maldives-rail-gutter),1440px);margin-inline:auto}@media (max-width:767px){.guide-journey[data-variant=cinematic] .guide-progress{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}.guide-journey[data-variant=cinematic] .guide-chapter{--chapter-surface:var(--surface);background:0 0;border:0;border-radius:0;margin-block:0;padding:0 0 clamp(4rem,8vw,7rem)}.guide-journey[data-variant=cinematic] .guide-chapter[data-surface=mist]{--chapter-surface:color-mix(in srgb,var(--brand) 8%,var(--surface));background:linear-gradient(var(--surface),var(--chapter-surface) 6rem,var(--chapter-surface) calc(100% - 6rem),var(--surface))}.guide-journey[data-variant=cinematic] .guide-chapter[data-surface=lagoon]{--chapter-surface:color-mix(in srgb,var(--brand) 5%,var(--surface));background:linear-gradient(var(--chapter-surface) 0%,var(--chapter-surface) calc(100% - 6rem),var(--surface))}.guide-journey[data-variant=cinematic] .guide-chapter-opening{isolation:isolate;gap:0;margin-bottom:clamp(2.5rem,5vw,5rem);position:relative}.guide-journey[data-variant=cinematic] .guide-chapter-head{border:0;grid-template-columns:minmax(0,1fr);align-content:center;gap:1.5rem;width:100%;max-width:44rem;margin:0 auto;padding:clamp(2rem,5vw,5rem) max(1rem,5%)}.guide-journey[data-variant=cinematic] .guide-chapter-head>div{width:100%}.guide-journey[data-variant=cinematic] .guide-chapter-head h2{letter-spacing:-.04em;max-width:19ch;font-size:clamp(2rem,3.6vw,3.8rem);font-weight:500;line-height:1.13}.guide-journey[data-variant=cinematic] .guide-chapter-head p:not(.guide-chapter-kicker){max-width:49ch;font-size:1.0625rem}.guide-journey[data-variant=cinematic] .guide-chapter-kicker{gap:.75rem;font-size:.8125rem}.guide-journey[data-variant=cinematic] .guide-chapter-kicker svg{background:0 0;width:30px;height:30px;padding:0}.guide-journey[data-variant=cinematic] .guide-chapter-kicker span{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;display:flex}.guide-journey[data-variant=cinematic] .guide-chapter-kicker strong{font-weight:500;font-size:inherit}.guide-journey[data-variant=cinematic] .guide-chapter-media{align-content:center;min-width:0;display:grid}.guide-journey[data-variant=cinematic] .guide-chapter-media .guide-media{margin:0}.guide-journey[data-variant=cinematic] .guide-chapter[data-presentation=copy] .guide-chapter-head{text-align:center;justify-items:center;max-width:58rem;padding-block:clamp(4rem,7vw,7rem) 2rem}.guide-journey[data-variant=cinematic] .guide-chapter[data-presentation=copy] .guide-chapter-kicker{justify-content:center}.guide-journey[data-variant=cinematic] .guide-chapter:is([data-presentation=copy],[data-presentation=split]) .guide-chapter-head :is(h2,p){margin-inline:auto}.guide-journey[data-variant=cinematic] .guide-chapter[data-presentation=split] .guide-chapter-head{text-align:center;justify-items:center}.guide-journey[data-variant=cinematic] .guide-chapter[data-presentation=split] .guide-chapter-kicker{justify-content:center}.guide-journey[data-variant=cinematic] .guide-chapter[data-presentation=panorama] .guide-chapter-opening{min-height:clamp(30rem,50vw,46rem)}.guide-journey[data-variant=cinematic] .guide-chapter[data-presentation=panorama] .guide-chapter-media{z-index:-2;display:block;position:absolute;inset:0}.guide-journey[data-variant=cinematic] .guide-chapter[data-presentation=panorama] .guide-chapter-media .guide-media{aspect-ratio:auto;height:100%}.guide-journey[data-variant=cinematic] .guide-chapter[data-presentation=panorama] .guide-chapter-head{align-self:center;max-width:42rem;margin-left:max(0px,50% - 720px);padding:clamp(3rem,6vw,6rem) max(1rem,5%)}.guide-journey[data-variant=cinematic] .guide-chapter[data-presentation=panorama] .guide-chapter-opening:after{content:"";z-index:-1;background:linear-gradient(90deg,var(--surface) 0%,color-mix(in srgb,var(--surface) 94%,transparent) 18%,color-mix(in srgb,var(--surface) 30%,transparent) 65%,transparent),linear-gradient(0deg,var(--surface),transparent 20%);position:absolute;inset:0}.guide-journey[data-variant=cinematic] .guide-chapter[data-tone=ocean] .guide-chapter-head :is(h2,p),.guide-journey[data-variant=cinematic] .guide-chapter[data-tone=ocean] .guide-chapter-head :is(p,.guide-chapter-kicker){color:var(--damax-brand-ivory)}.guide-journey[data-variant=cinematic] .guide-chapter[data-tone=ocean] .guide-chapter-opening:after{background:linear-gradient(90deg,var(--damax-brand-ink) 0%,color-mix(in srgb,var(--damax-brand-ink) 93%,transparent) 18%,color-mix(in srgb,var(--damax-brand-ink) 35%,transparent) 66%,color-mix(in srgb,var(--damax-brand-ink) 12%,transparent)),linear-gradient(0deg,var(--chapter-surface),transparent 14%)}.guide-journey[data-variant=cinematic] .guide-chapter[data-transition=soft] .guide-chapter-media,.guide-journey[data-variant=cinematic] .guide-chapter[data-transition=soft] .guide-chapter-opening:after{-webkit-mask-image:linear-gradient(#0000,#000 5rem calc(100% - 5rem),#0000);mask-image:linear-gradient(#0000,#000 5rem calc(100% - 5rem),#0000)}.guide-journey[data-variant=cinematic] .guide-chapter[data-transition=soft] .guide-chapter-media:before,.guide-journey[data-variant=cinematic] .guide-chapter[data-transition=soft] .guide-chapter-media:after{content:"";z-index:1;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:7rem;position:absolute;inset-inline:0}.guide-journey[data-variant=cinematic] .guide-chapter[data-transition=soft] .guide-chapter-media:before{top:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.guide-journey[data-variant=cinematic] .guide-chapter[data-transition=soft] .guide-chapter-media:after{bottom:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.guide-journey[data-variant=cinematic] .guide-subsection{margin-top:clamp(2rem,4vw,3.5rem)}.guide-journey[data-variant=cinematic] .guide-subsection>h3{max-width:40ch;font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:500}.guide-journey[data-variant=cinematic] .guide-subsection[data-subsection-variant=callout]{background:color-mix(in srgb,var(--panel) 85%,transparent);border:0;border-radius:0;padding:clamp(1.5rem,4vw,3rem)}.guide-journey[data-variant=cinematic] .guide-card-grid{gap:2.5rem clamp(2rem,4vw,4rem)}.guide-journey[data-variant=cinematic] .guide-card{background:0 0;border:0;border-radius:0;padding:0}.guide-journey[data-variant=cinematic] .guide-card>:is(h3,h4){font-size:clamp(1.2rem,1.6vw,1.5rem);font-weight:500;line-height:1.35}.guide-journey[data-variant=cinematic] .guide-card>p{color:var(--muted)}.guide-card-media{width:100%;margin-bottom:1.5rem}.guide-journey[data-variant=cinematic] .guide-card>.guide-choice{margin-top:1.5rem}.guide-journey[data-variant=cinematic] .guide-card--image>p{margin-bottom:1.5rem}.guide-journey[data-variant=cinematic] .guide-card--image>.guide-choice{margin-top:auto}.guide-journey[data-variant=cinematic] .guide-choice{border-color:color-mix(in srgb,var(--brand) 35%,transparent);background:color-mix(in srgb,var(--surface) 85%,transparent);min-height:44px;padding:.6rem .85rem;font-size:.875rem}.guide-journey[data-variant=cinematic] .guide-choice:hover{border-color:var(--brand);background:var(--panel)}.guide-journey[data-variant=cinematic] .guide-choice[aria-pressed=true]{background:var(--brand);color:var(--brand-on)}.guide-journey[data-variant=cinematic] .guide-chapter-next{border:0;margin-top:3rem;padding-top:0}.guide-journey[data-variant=cinematic] .guide-selection{text-align:center;background:0 0;border:0;border-radius:0;max-width:58rem;padding:clamp(3rem,6vw,6rem) 0}.guide-journey[data-variant=cinematic] .guide-selection h2{max-width:20ch;margin-inline:auto;font-size:clamp(2rem,4vw,3.5rem);font-weight:500}.guide-journey[data-variant=cinematic] .guide-selection p{margin-inline:auto}.guide-journey[data-variant=cinematic] :is(.guide-selection ul,.guide-selection-actions){justify-content:center}.guide-journey[data-variant=cinematic] .guide-selection li{text-align:left}.guide-journey[data-variant=cinematic] .guide-regions .editorial-regions{border:0;gap:0 3rem;padding:0}.guide-journey[data-variant=cinematic] .guide-regions .editorial-region{border:0;border-bottom:1px solid color-mix(in srgb,var(--border) 45%,transparent);background:0 0;border-radius:0}.guide-journey[data-variant=cinematic] .guide-regions .editorial-region:before{display:none}.guide-journey[data-variant=cinematic] .guide-regions .editorial-region summary,.guide-journey[data-variant=cinematic] .guide-regions .editorial-region>div{padding-inline:0}@container guide-journey not (max-width:48em){.guide-journey[data-variant=cinematic] :is(.guide-contents,.guide-chapter-body){width:min(100% - 4rem,1440px)}.guide-journey[data-variant=cinematic] .guide-chapter[data-presentation=split] .guide-chapter-opening{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"media copy"}.guide-journey[data-variant=cinematic] .guide-chapter[data-presentation=split] .guide-chapter-opening[data-media-side=end]{grid-template-areas:"copy media"}.guide-journey[data-variant=cinematic] .guide-chapter[data-presentation=split] .guide-chapter-head{grid-area:copy;padding:clamp(2rem,5vw,6rem)}.guide-journey[data-variant=cinematic] .guide-chapter[data-presentation=split] .guide-chapter-media{grid-area:media}.guide-journey[data-variant=cinematic] .guide-chapter[data-presentation=split] .guide-media:not([data-complete]){aspect-ratio:auto;height:100%;min-height:30rem}.guide-journey[data-variant=cinematic] .guide-regions .editorial-regions{grid-template-columns:repeat(2,minmax(0,1fr))}}@container guide-journey not (min-width:34em){.guide-journey[data-variant=cinematic] .guide-chapter[data-presentation=panorama] .guide-chapter-opening{min-height:0;padding-top:14rem}.guide-journey[data-variant=cinematic] .guide-chapter[data-presentation=panorama] .guide-chapter-head{padding:2rem 1rem}.guide-journey[data-variant=cinematic] .guide-chapter[data-presentation=panorama] .guide-chapter-opening:after{background:linear-gradient(0deg,var(--surface) 0%,var(--surface) 55%,color-mix(in srgb,var(--surface) 70%,transparent) 75%,transparent)}.guide-journey[data-variant=cinematic] .guide-chapter[data-tone=ocean] .guide-chapter-opening:after{background:linear-gradient(0deg,var(--damax-brand-ink) 0%,var(--damax-brand-ink) 55%,color-mix(in srgb,var(--damax-brand-ink) 65%,transparent) 78%,color-mix(in srgb,var(--damax-brand-ink) 8%,transparent))}.guide-journey[data-variant=cinematic] .guide-chapter[data-transition=soft] .guide-chapter-head{padding-bottom:6rem}}}
@layer components{.guide-details{width:100%;margin-top:1rem}.guide-details summary{min-height:44px;color:var(--brand);cursor:pointer;align-items:center;gap:.75rem;font-size:.875rem;list-style:none;display:flex}.guide-details summary::-webkit-details-marker{display:none}.guide-details summary svg{width:18px;height:18px;transition:transform var(--damax-motion-duration-fast);flex:none}.guide-details[open] summary svg{transform:rotate(45deg)}.guide-details p{color:var(--muted);margin-top:.75rem;font-size:1rem;line-height:1.8}@media (prefers-reduced-motion:reduce){.guide-details summary svg{transition:none}}}
