/* Approved editorial-video layout. Base composition: 402px wide. */
.sea-page.editorial-material{--gradient-solid-inset:calc(100cqw * 60 / 402);--stage-height:max(var(--screen-height,100svh),calc(100cqw * 814 / 402))}
.sea-page.editorial-material .sea-editorial-gradient{position:absolute;left:0;right:0;z-index:1;max-height:100%;opacity:calc(1 - var(--menu-exit-progress));pointer-events:none}
.sea-page.editorial-material .sea-editorial-gradient-top{top:0;height:calc(100cqw * 375 / 402);background:linear-gradient(to bottom,rgba(0,65,136,.9) 0%,rgba(0,65,136,.9) var(--gradient-solid-inset),rgba(0,65,136,0) 100%)}
.sea-page.editorial-material .sea-editorial-gradient-bottom{bottom:0;height:calc(100cqw * 390 / 402);background:linear-gradient(to bottom,rgba(29,29,29,0) 0%,rgba(29,29,29,.9) calc(100% - var(--gradient-solid-inset)),rgba(29,29,29,.9) 100%)}
.sea-page.editorial-material .sea-copy{position:absolute;inset:0;z-index:2;padding:0}
.sea-page.editorial-material .sea-copy h2{position:absolute;left:calc(100cqw * 10 / 402);top:calc(var(--header-height) + 100cqw * 140 / 402);width:calc(100cqw * 382 / 402);margin:0;padding:0;color:#fff;font-family:"Tutu Sans",Arial,sans-serif;font-size:calc(100cqw * 75 / 402);font-weight:900;font-style:italic;line-height:.76;letter-spacing:normal;text-transform:uppercase;transform:rotate(-8.8deg) skewX(-8.8deg);transform-origin:center center}
.sea-page.editorial-material .sea-copy h2 span{display:block;white-space:nowrap}
.sea-page.editorial-material .sea-copy h2 span:first-child{text-align:right}
.sea-page.editorial-material .sea-copy h2 span:last-child{text-align:left}
.sea-page.editorial-material .sea-copy p{position:absolute;left:calc(100cqw * 15 / 402);right:calc(100cqw * 15 / 402);bottom:calc(100cqw * 54 / 402);width:auto;max-width:none;margin:0;padding:0;color:#fff;font-family:"Tutu Sans",Arial,sans-serif;font-size:calc(100cqw * 20 / 402);line-height:1.05;font-weight:600;font-style:italic;letter-spacing:normal;text-transform:uppercase}
/* The approved composition has no promo overlay over its lower paragraph. */
.sea-page.editorial-material .sea-offer{display:none}
/* Each line travels along its rotated parent's local X axis (8.8deg uphill). */
.sea-page.editorial-material .sea-copy{opacity:1;transform:none}
.sea-page.editorial-material[data-sea-screen="video"] .sea-copy{visibility:visible}
.sea-page.editorial-material .sea-copy p{opacity:calc(1 - var(--menu-exit-progress));transform:translateY(calc(-24px * var(--menu-exit-progress)))}
.sea-page.editorial-material[data-title-motion] .sea-copy h2 .sea-title-line{transform:translateX(0);transition:transform 800ms cubic-bezier(.22,.75,.22,1);will-change:transform}
.sea-page.editorial-material[data-title-motion] .sea-copy h2 .sea-title-line:last-child{transition-duration:1000ms;transition-delay:160ms}
.sea-page.editorial-material[data-title-motion="waiting"] .sea-copy h2 .sea-title-line{transform:translateX(-125cqw);transition:none}
.sea-page.editorial-material[data-title-motion="exited"] .sea-copy h2 .sea-title-line{transform:translateX(125cqw);transition-duration:650ms;transition-delay:0ms;transition-timing-function:cubic-bezier(.55,0,.8,.4)}
.sea-page.editorial-material[data-title-motion="exited"] .sea-copy h2 .sea-title-line:last-child{transition-duration:850ms;transition-delay:140ms}
.sea-page.editorial-material[data-title-restore="true"] .sea-copy h2 .sea-title-line{transition:none}
.sea-page.editorial-material[data-reduced-motion="true"] .sea-copy h2 .sea-title-line{transform:none;transition:none;will-change:auto}
.sea-page.editorial-material[data-reduced-motion="true"] .sea-copy h2{opacity:calc(1 - var(--menu-exit-progress))}
@media(prefers-reduced-motion:reduce){.sea-page.editorial-material[data-title-motion] .sea-copy h2 .sea-title-line{transform:none;transition:none;will-change:auto}}
/* Fit the longer place name without clipping letters at the screen edges. */
#abrau-material.editorial-material .sea-copy h2 .sea-title-line:last-child{font-size:calc(100cqw * 49 / 402);line-height:1.15}

/* Restore editorial captions together with their titles on return visits. */
.sea-page.editorial-material:not([data-reading-complete="true"])[data-title-motion="shown"][data-title-restore="true"] .sea-copy p{opacity:1;transform:none}
.sea-page.editorial-material:not([data-reading-complete="true"])[data-title-motion="shown"][data-title-restore="true"] .sea-editorial-gradient{opacity:1}
/* A completed reading phase becomes a normal full-height section on later visits. */
.sea-page.editorial-material[data-reading-complete="true"] .sea-runway{display:none}
.sea-page.editorial-material[data-reading-complete="true"] .sea-stage{position:relative;top:0}

/* One geometry for every entry path: the header overlays a full-height stage.
   Its hide/reveal never changes the sticky anchor or pushes the caption offscreen. */
.sea-page.editorial-material .sea-stage{top:0}