/* The layout is readable before JavaScript and when motion/data use is reduced. */
:root{--story-header:84px}
.amani-story{position:relative;z-index:1;background:var(--paper);scroll-margin-top:0;margin-top:0}
.amani-stage{position:relative;isolation:isolate;background:#202322;color:var(--paper)}
.amani-chapter{position:relative;min-height:max(640px,calc(100svh - var(--story-header)));overflow:hidden}
.story-scene{position:absolute;inset:0;overflow:hidden;background:#202322}
.story-scene picture,.story-scene video{position:absolute;inset:0;display:block;height:100%;width:100%}
.story-scene img,.story-scene video{height:100%;width:100%;object-fit:cover}
.story-scene img{filter:saturate(.78)}
.story-video{z-index:1;opacity:0;transition:opacity .35s ease;pointer-events:none}
.story-scene.has-video .story-video{opacity:1}
.story-scene.has-video picture{opacity:0}
.story-scene::after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,rgba(12,27,28,.82),transparent 67%),linear-gradient(90deg,rgba(12,27,28,.26),transparent 65%);pointer-events:none}
.amani-chapter--japao .story-scene::after{background:linear-gradient(0deg,rgba(17,25,33,.9),transparent 80%),linear-gradient(90deg,rgba(17,25,33,.4),transparent 66%)}
.amani-chapter--egito .story-scene::after{background:linear-gradient(0deg,rgba(35,31,27,.58),transparent 20%),linear-gradient(180deg,rgba(35,31,27,.57),transparent 80%),linear-gradient(90deg,rgba(35,31,27,.24),transparent 62%)}
.story-signature{position:absolute;left:var(--gutter);top:38px;z-index:6;font-size:var(--overline-size);letter-spacing:var(--overline-spacing);font-weight:500;line-height:1.5;color:#fff;text-transform:uppercase;text-shadow:0 1px 8px #0005}
.story-copy{position:absolute;left:var(--gutter);bottom:125px;z-index:5;max-width:min(660px,56%);pointer-events:none}
.story-copy h2{font-size:clamp(58px,6.1vw,96px);line-height:.98;color:#fff;letter-spacing:-.04em;text-wrap:balance;text-shadow:0 2px 25px #07171624}
.story-copy h2 em{font-style:italic}
.story-copy>p{font-size:clamp(15px,1.18vw,18px);line-height:1.65;max-width:405px;margin-top:25px;color:#fff;text-shadow:0 1px 8px #0003}
.amani-chapter--egito .story-copy{top:18%;bottom:auto;max-width:min(710px,65%)}
.story-place{position:absolute;left:var(--gutter);bottom:36px;z-index:5;display:flex;gap:22px;align-items:center;font-size:10px;letter-spacing:.13em;line-height:1.6;text-transform:uppercase;color:#fff;text-shadow:0 1px 8px #0008}
.story-place>span{font-size:10px;opacity:.8;letter-spacing:.12em}
.story-progress{display:none}
.story-skip{position:absolute;top:20px;left:var(--gutter);z-index:8;transform:translateY(-200%);opacity:0;pointer-events:none;background:var(--paper);color:var(--brown);padding:12px 18px;font-size:13px}
.story-skip:focus{transform:none;opacity:1;pointer-events:auto}
.amani-story.is-enhanced{height:390svh}
.is-enhanced .amani-stage{position:sticky;top:var(--story-header);height:calc(100svh - var(--story-header));overflow:hidden}
.is-enhanced .amani-chapter{position:absolute;inset:0;min-height:0;overflow:visible}
.is-enhanced .story-scene{z-index:var(--layer,0)}
.is-enhanced .amani-chapter:not(:first-of-type) .story-scene{mask-image:linear-gradient(110deg,transparent calc(var(--wipe,112%) - 12%),#000 var(--wipe,112%));-webkit-mask-image:linear-gradient(110deg,transparent calc(var(--wipe,112%) - 12%),#000 var(--wipe,112%))}
.is-enhanced .story-copy,.is-enhanced .story-place{opacity:var(--copy-opacity,0)}
.is-enhanced .amani-chapter:first-of-type{--copy-opacity:1}
.is-enhanced .story-progress{display:flex;position:absolute;z-index:6;right:var(--gutter);bottom:43px;gap:8px;width:150px}
.story-progress span{height:1px;flex:1;background:#ffffff50;position:relative}
.story-progress span::after{content:'';position:absolute;inset:0;background:#fff;transform:scaleX(var(--fill,0));transform-origin:left}
.is-enhanced.is-near .story-scene.is-current video{will-change:contents}
.amani-chapter--noronha .story-scene::before{content:'';position:absolute;inset:0 0 auto;height:clamp(38px,6vh,60px);z-index:3;pointer-events:none;background:linear-gradient(180deg,rgb(var(--sky-join)) 0%,rgba(var(--sky-join),.85) 20%,rgba(var(--sky-join),.5) 45%,rgba(var(--sky-join),.15) 75%,rgba(var(--sky-join),0) 100%)}
.destinations .section-heading h2,.cruises .section-heading h2{font-size:clamp(48px,5.4vw,84px)}
@media(max-width:1100px){.story-copy{max-width:64%}.story-copy h2{font-size:70px}.story-copy>p{max-width:360px}.amani-chapter--egito .story-copy{max-width:76%}}
@media(max-width:850px){:root{--story-header:66px}.story-signature{top:30px}.story-copy h2{font-size:64px}.story-copy{bottom:105px}.story-copy>p{font-size:16px}}
@media(max-width:700px){
  :root{--story-header:66px}
  .amani-story.is-enhanced{height:330svh;--story-base-offset:max(40px,calc(200vw - (100svh - var(--story-header)) + 40px));--story-indicator-offset:calc(var(--story-base-offset) - 32px)}
  /* Preserve the approved full-width portrait composition. Lift the text
     independently when browser controls leave a shorter visible viewport. */
  .is-enhanced .amani-stage{height:200vw}
  .amani-chapter{min-height:max(600px,calc(100svh - var(--story-header)))}
  .story-scene{background:#172828}
  .story-scene picture,.story-scene video{inset:0 0 auto;aspect-ratio:406/720;height:auto}
  .story-scene img,.story-scene video{object-position:50% 38%}
  .story-scene img{filter:saturate(.8)}
  .amani-chapter--japao .story-scene{background:#171e27}
  .amani-chapter--egito .story-scene{background:#342c22}
  .amani-chapter--egito .story-scene img,.amani-chapter--egito .story-scene video{object-position:50% 58%}
  .story-scene::after{background:linear-gradient(0deg,#172828 0%,#172828 20%,rgba(23,40,40,.94) 29%,rgba(23,40,40,.5) 44%,transparent 66%)}
  .amani-chapter--japao .story-scene::after{background:linear-gradient(0deg,#171e27 0%,#171e27 20%,rgba(23,30,39,.94) 29%,rgba(23,30,39,.5) 44%,transparent 66%)}
  .amani-chapter--egito .story-scene::after{background:linear-gradient(0deg,#342c22 0%,#342c22 20%,rgba(52,44,34,.94) 29%,rgba(52,44,34,.5) 44%,transparent 66%)}
  .story-signature{left:24px;top:25px}
  .story-copy,.amani-chapter--egito .story-copy{left:24px;right:24px;bottom:calc(var(--story-base-offset) + 12px);top:auto;max-width:none}
  .story-copy h2{font-size:clamp(44px,10.8vw,68px);line-height:1}
  .story-copy>p{font-size:15px;line-height:1.6;max-width:360px;margin-top:18px}
  .story-place{left:24px;bottom:var(--story-indicator-offset);font-size:8px;letter-spacing:.1em;gap:13px}
  .story-place>span{font-size:9px}
  .is-enhanced .story-progress{right:24px;bottom:var(--story-indicator-offset);left:24px;width:auto;gap:12px}
}
@media(max-height:650px) and (max-width:700px){.story-copy,.amani-chapter--egito .story-copy{bottom:calc(var(--story-base-offset) + 45px)}.story-copy h2{font-size:42px}.story-copy>p{font-size:14px;line-height:1.5;margin-top:14px}.story-signature{top:20px}.story-place,.is-enhanced .story-progress{bottom:var(--story-indicator-offset)}}
@media(prefers-reduced-motion:reduce){.amani-story.is-enhanced{height:auto}.is-enhanced .amani-stage{position:relative;top:auto;height:auto;overflow:visible}.is-enhanced .amani-chapter{position:relative;min-height:max(600px,calc(100svh - var(--story-header)))}.is-enhanced .story-scene{mask-image:none!important;-webkit-mask-image:none!important}.is-enhanced .story-copy,.is-enhanced .story-place{opacity:1!important}.story-video{display:none!important}.story-progress{display:none!important}}