/* Figma 193:176. One sea video stage replaces the intro and beach passport. */
:is(#sea-material,.combined-editorial).editorial-material{--stage-height:max(var(--screen-height,100svh),calc(100cqw * 867 / 402));--sea-layout-scale:1}
:is(#sea-material,.combined-editorial) .sea-passport-anchor{position:absolute;top:0;left:0}
:is(#sea-material,.combined-editorial) .sea-editorial-gradient-top{height:61.51586%;background:linear-gradient(to bottom,#a181ff 0%,#a181ff 14.633%,rgba(5,69,139,0) 91.207%)}
:is(#sea-material,.combined-editorial) .sea-editorial-gradient-bottom{height:47%;background:linear-gradient(177.94deg,rgba(62,51,42,0) 8.79%,rgba(49,34,29,.8) 65.15%,rgba(49,34,29,.8) 100%)}
:is(#sea-material,.combined-editorial) .sea-copy .sea-introduction{position:absolute;left:calc(100cqw * 15 / 402);right:auto;top:calc(100cqw * 120 / 402);bottom:auto;width:calc(100cqw * 372 / 402);margin:0;font-size:calc(100cqw * 16 / 402);line-height:1.1;letter-spacing:calc(100cqw * .16 / 402);text-transform:uppercase;font-weight:600;font-style:normal;text-indent:0}
:is(#sea-material,.combined-editorial) .sea-copy h2{left:0;top:calc(100cqw * 186 / 402);width:100%;height:calc(100cqw * 154 / 402);font-size:0;line-height:0;transform:none}
:is(#sea-material,.combined-editorial) .sea-copy h2 .sea-title-line{position:absolute;display:block;text-align:left;padding:0;transform:translate(0,0)}
:is(#sea-material,.combined-editorial) .sea-title-line-away{left:calc(100cqw * 124.5 / 402);top:0;width:calc(100cqw * 267 / 402);height:calc(100cqw * 85 / 402)}
:is(#sea-material,.combined-editorial) .sea-title-line-sea{left:calc(100cqw * 10.5 / 402);width:calc(100cqw * 310 / 402);height:calc(100cqw * 93 / 402)}
:is(#sea-material,.combined-editorial)[data-title-motion="waiting"] .sea-copy h2 .sea-title-line{transform:translate(-125cqw,16.35cqw);transition:none}
:is(#sea-material,.combined-editorial)[data-title-motion="exited"] .sea-copy h2 .sea-title-line{transform:translate(125cqw,-16.35cqw)}
:is(#sea-material,.combined-editorial)[data-reduced-motion="true"] .sea-copy h2 .sea-title-line{transform:none}
:is(#sea-material,.combined-editorial) .sea-passport{position:absolute;left:calc(100cqw * 14.84 / 402);bottom:calc(100cqw * 40.2889 / 402);width:calc(100cqw * 372 / 402);color:#fff;font-style:normal;opacity:calc(1 - var(--menu-exit-progress));transform:translateY(calc(-24px * var(--menu-exit-progress)))}
:is(#sea-material,.combined-editorial) .sea-season{font-size:calc(100cqw * 24 / 402);line-height:calc(100cqw * 24 / 402);font-weight:500;white-space:nowrap}
:is(#sea-material,.combined-editorial) .sea-season strong{font-size:calc(100cqw * 24 / 402);font-weight:500}
:is(#sea-material,.combined-editorial) .sea-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:calc(100cqw * 20 / 402);row-gap:calc(100cqw * 20 / 402);margin:calc(100cqw * 40 / 402) 0 0;padding:0}
:is(#sea-material,.combined-editorial) .sea-facts>div{min-width:0;min-height:calc(100cqw * 58.6411 / 402)}
:is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(n+4){min-height:calc(100cqw * 68 / 402)}
:is(#sea-material,.combined-editorial) .sea-facts dt{margin:0 0 calc(100cqw * -4 / 402);padding:0;font-size:calc(100cqw * 24 / 402);line-height:calc(100cqw * 30 / 402);font-weight:600}
:is(#sea-material,.combined-editorial) .sea-facts dd{margin:0;padding:0;font-size:calc(100cqw * 13 / 402);line-height:calc(100cqw * 14 / 402);font-weight:400}
:is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(3n+1) dd{width:calc(100cqw * 76.903 / 402)}
:is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(2) dd{width:calc(100cqw * 101.142 / 402)}
:is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(3) dd{width:calc(100cqw * 88.41 / 402)}
:is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(5) dd{width:calc(100cqw * 87.645 / 402)}
:is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(6) dd{width:calc(100cqw * 87.824 / 402)}
:is(#sea-material,.combined-editorial):not([data-reading-complete="true"])[data-title-motion="shown"][data-title-restore="true"] .sea-passport{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){:is(#sea-material,.combined-editorial) .sea-copy h2 .sea-title-line{transform:none!important}}

/* Figma uses the real upright DemiBold face, registered separately in vino-cellars.css. */
:is(#sea-material,.combined-editorial) .sea-copy .sea-introduction,:is(#sea-material,.combined-editorial) .sea-facts dt{font-family:"Tutu Sans DemiBold","Tutu Sans",Arial,sans-serif;font-weight:600;font-style:normal;font-synthesis:none}
:is(#sea-material,.combined-editorial) .sea-season,:is(#sea-material,.combined-editorial) .sea-season strong{font-family:"Tutu Sans",Arial,sans-serif;font-weight:500;font-style:normal;font-synthesis:none}

:is(#sea-material,.combined-editorial) .sea-facts dd{font-family:"Tutu Sans",Arial,sans-serif;font-weight:400;font-style:normal;font-synthesis:none}

/* Desktop Figma 193:65, 1512 x 982. */
@media(min-width:900px){
 :is(#sea-material,.combined-editorial).editorial-material{--stage-height:max(var(--screen-height,100svh),680px)}
 :is(#sea-material,.combined-editorial) .sea-background{object-position:center center}
 :is(#sea-material,.combined-editorial) .sea-editorial-gradient-top{top:0;height:54.312%}
 :is(#sea-material,.combined-editorial) .sea-editorial-gradient-bottom{height:47.3501%}
 :is(#sea-material,.combined-editorial) .sea-copy .sea-introduction{top:160px;left:50%;width:680px;max-width:90%;margin-left:-1.61px;transform:translate(-50%,calc(-24px * var(--menu-exit-progress)));font-size:24px;line-height:.93;letter-spacing:0;text-indent:0}
 :is(#sea-material,.combined-editorial) .sea-copy .sea-introduction::before{content:none}
 :is(#sea-material,.combined-editorial) .sea-copy h2{top:21.959719%;left:50%;width:calc(680px * var(--sea-layout-scale));height:calc(275.35556px * var(--sea-layout-scale));margin-left:calc(-340px * var(--sea-layout-scale))}
 :is(#sea-material,.combined-editorial) .sea-title-line-away{left:calc(203.309143px * var(--sea-layout-scale));top:0;width:calc(476.690857px * var(--sea-layout-scale));height:calc(151.988388px * var(--sea-layout-scale))}
 :is(#sea-material,.combined-editorial) .sea-title-line-sea{left:0;width:calc(552.685059px * var(--sea-layout-scale));height:calc(165.805511px * var(--sea-layout-scale))}
 :is(#sea-material,.combined-editorial) .sea-passport{left:50%;bottom:4.090631%;width:min(1000px,calc(100% - 64px));margin-left:calc(max(-500px, -50% + 32px))}
 :is(#sea-material,.combined-editorial) .sea-season{position:relative;left:-3.2334px;text-align:left;font-size:24px;line-height:24px;white-space:nowrap}
 :is(#sea-material,.combined-editorial) .sea-facts{grid-template-columns:119.982147fr 136fr 119.982147fr 104.064201fr 119.982147fr 119.982147fr;column-gap:clamp(16px,3.703799vw,56.001434px);row-gap:0;margin-top:40px;min-height:0}
 :is(#sea-material,.combined-editorial) .sea-facts>div,:is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(n+4){min-height:0}
 :is(#sea-material,.combined-editorial) .sea-facts dt{font-size:32px;line-height:40px;margin-bottom:-5.412727px}
 :is(#sea-material,.combined-editorial) .sea-facts dd{font-size:18px;line-height:18.945px;max-width:100%}
 :is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(n) dd{width:119.982147px}
 :is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(3n+1) dd{width:104.064201px}
 :is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(2) dd{width:136.863007px;min-height:44.169373px}
 :is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(4) dd{line-height:normal;min-height:19.932016px}
 :is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(5) dd{width:118.599014px}
 :is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(6) dd{width:118.842163px}
}

/* Columns follow the actual label boxes; only the gaps absorb spare width.
   Labels total 748.128402px + five 20px gaps + 64px outer space. */
@media(min-width:900px){
 :is(#sea-material,.combined-editorial) .sea-passport{width:1200px;max-width:calc(100% - 64px);margin-left:0;left:50%;translate:-50% 0}
 :is(#sea-material,.combined-editorial) .sea-facts{grid-template-columns:104.064201px 160px 140px 104.064201px 120px 120px;column-gap:20px;row-gap:0;justify-content:space-between}
 :is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(n){width:auto;min-width:0}
 :is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(n) dd{width:120px;max-width:none;overflow-wrap:normal}
 :is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(3n+1) dd{width:104.064201px}
 :is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(2) dd{width:160px}
 :is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(3) dd{width:140px}
}
@media(min-width:900px) and (max-width:912.1284px){
 :is(#sea-material,.combined-editorial) .sea-passport{width:444.064201px}
 :is(#sea-material,.combined-editorial) .sea-facts{grid-template-columns:104.064201px 160px 140px;column-gap:20px;row-gap:24px}
 :is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(n){min-height:0}
}

/* Tablet portrait: fit the sea composition in the viewport, not a scaled phone. */
@media(min-width:600px) and (max-width:899.98px){
 :is(#sea-material,.combined-editorial).editorial-material{--stage-height:max(var(--screen-height,100svh),800px)}
 :is(#sea-material,.combined-editorial) .sea-copy .sea-introduction{left:50%;top:max(120px,14%);width:min(640px,calc(100% - 64px));font-size:20px;line-height:1.1;letter-spacing:.2px;transform:translate(-50%,calc(-24px * var(--menu-exit-progress)))}
 :is(#sea-material,.combined-editorial) .sea-copy h2{left:50%;top:calc(max(120px,14%) + 96px);width:calc(402px * var(--sea-layout-scale));height:calc(154px * var(--sea-layout-scale));margin-left:calc(-201px * var(--sea-layout-scale))}
 :is(#sea-material,.combined-editorial) .sea-title-line-away{left:calc(124.5px * var(--sea-layout-scale));width:calc(267px * var(--sea-layout-scale));height:calc(85px * var(--sea-layout-scale))}
 :is(#sea-material,.combined-editorial) .sea-title-line-sea{left:calc(10.5px * var(--sea-layout-scale));width:calc(310px * var(--sea-layout-scale));height:calc(93px * var(--sea-layout-scale))}
 :is(#sea-material,.combined-editorial) .sea-passport{left:50%;bottom:32px;width:min(600px,calc(100% - 64px));translate:-50% 0}
 :is(#sea-material,.combined-editorial) .sea-season{font-size:24px;line-height:24px}
 :is(#sea-material,.combined-editorial) .sea-facts{grid-template-columns:repeat(3,160px);column-gap:20px;row-gap:24px;justify-content:space-between;margin-top:20px}
 :is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(n){min-height:0}
 :is(#sea-material,.combined-editorial) .sea-facts dt{font-size:32px;line-height:40px;margin-bottom:-5.412727px}
 :is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(n) dd{width:120px;font-size:18px;line-height:19px}
 :is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(3n+1) dd{width:104.064201px}
 :is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(2) dd{width:160px}
 :is(#sea-material,.combined-editorial) .sea-facts>div:nth-child(3) dd{width:140px}
}