/* Shared combined video + numeric passport, based on the accepted sea screen. */
.combined-editorial{--combined-intro-top:calc(100cqw * 120 / 402);--combined-intro-height:106px}
:is(#abrau-material,#abrau-material-repeat,#krasnaya-polyana-material,#summer-sport-repeat).combined-editorial .sea-copy h2{top:calc(var(--combined-intro-top) + var(--combined-intro-height) + 20px)}
:is(#sea-material,.combined-editorial) .editorial-title-text{display:block;font-family:"Tutu Sans",Arial,sans-serif;font-weight:900;font-style:italic;transform:rotate(-7.45deg) skewX(-7.45deg);transform-origin:0 0}
:is(#abrau-material,#abrau-material-repeat,#krasnaya-polyana-material,#summer-sport-repeat).combined-editorial .sea-facts{margin-top:0}
:is(#abrau-material,#abrau-material-repeat,#krasnaya-polyana-material,#summer-sport-repeat).combined-editorial .sea-facts>div:nth-child(n) dd{width:auto;max-width:100%}
:is(#abrau-material,#abrau-material-repeat,#krasnaya-polyana-material,#summer-sport-repeat).combined-editorial .sea-facts dt.combined-number-long{font-size:calc(100cqw * 16 / 402);line-height:1.1;margin-bottom:4px;white-space:normal}
.combined-story-followup{padding:40px 15px;background:#fff}
.combined-story-card{width:min(402px,100%);margin:0 auto;container-type:inline-size}
.combined-story-card .photo-story-preview{margin:0 auto}
@media(min-width:900px){
 .combined-editorial{--combined-intro-top:160px}
 :is(#abrau-material,#abrau-material-repeat,#krasnaya-polyana-material,#summer-sport-repeat).combined-editorial .sea-facts{grid-template-columns:150px 104px 104px 104px 180px 104px}
 :is(#abrau-material,#abrau-material-repeat,#krasnaya-polyana-material,#summer-sport-repeat).combined-editorial .sea-facts dt.combined-number-long{font-size:22px}
}
@media(min-width:900px) and (max-width:912.1284px){
 :is(#abrau-material,#abrau-material-repeat,#krasnaya-polyana-material,#summer-sport-repeat).combined-editorial .sea-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:600px) and (max-width:899.98px){
 .combined-editorial{--combined-intro-top:max(120px,14%)}
 :is(#abrau-material,#abrau-material-repeat,#krasnaya-polyana-material,#summer-sport-repeat).combined-editorial .sea-facts dt.combined-number-long{font-size:22px}
}

/* Shared content-aware scene height and additional combined materials. */
:is(#abrau-material,#abrau-material-repeat,#krasnaya-polyana-material,#summer-sport-repeat).combined-editorial{--stage-height:max(var(--screen-height,100svh),var(--combined-required-height,0px))}
.combined-story-card .video-comment-preview{margin:0 auto}
:is(#abrau-material-repeat,#krasnaya-polyana-material).combined-editorial .sea-facts dd{overflow-wrap:anywhere}
#krasnaya-polyana-material.combined-editorial .sea-facts{margin-top:calc(100cqw * 40 / 402)}
#krasnaya-polyana-material.combined-editorial .sea-season{font-size:calc(100cqw * 16 / 402)}
@media(max-width:599.98px){
 :is(#abrau-material,#abrau-material-repeat,#krasnaya-polyana-material,#summer-sport-repeat).combined-editorial{--stage-height:max(var(--screen-height,100svh),calc(100cqw * 867 / 402),var(--combined-required-height,0px))}
}
@media(min-width:900px){
 #abrau-material-repeat.combined-editorial .sea-facts{grid-template-columns:130px 120px 120px 110px 180px 110px}
 #krasnaya-polyana-material.combined-editorial .sea-facts{grid-template-columns:104px 150px 120px 150px 104px 120px;row-gap:24px;margin-top:40px}
 #krasnaya-polyana-material.combined-editorial .sea-season{font-size:24px}
}
@media(min-width:900px) and (max-width:933.98px){
 #abrau-material-repeat.combined-editorial .sea-passport{width:444.064201px}
 #abrau-material-repeat.combined-editorial .sea-facts{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px}
 #abrau-material-repeat.combined-editorial .sea-facts>div:nth-child(n){min-height:0}
}
@media(min-width:900px) and (max-width:912.1284px){
 #krasnaya-polyana-material.combined-editorial .sea-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:600px) and (max-width:899.98px){
 #krasnaya-polyana-material.combined-editorial .sea-season{font-size:24px}
 #krasnaya-polyana-material.combined-editorial .sea-facts{margin-top:40px}
}

/* Ugli-Ugli shares the editorial layout but has no numeric passport. */
.combined-story-followup-ugli{background:#1d1d1d}
.combined-story-card .ugli-booking-preview{margin:60px auto 0}
@media(min-width:900px){
}
@media(min-width:600px) and (max-width:899.98px){
}

/* Abrau mobile update, Figma254:86: source vector254:163, native398x198. */
#abrau-material.combined-editorial .sea-copy h2{left:50%;margin-left:calc(-199px * var(--abrau-title-scale));width:calc(398px * var(--abrau-title-scale));height:calc(202px * var(--abrau-title-scale))}
#abrau-material.combined-editorial .sea-facts dt{font-family:"Tutu Sans",Arial,sans-serif;font-weight:400;font-synthesis:none}
@media(max-width:599.98px){
 #abrau-material.combined-editorial .sea-copy h2{top:calc(100cqw * 207 / 402);left:calc(100cqw * 1.56 / 402);margin-left:0}
 #abrau-material.combined-editorial .sea-passport{left:calc(100cqw * 19.84 / 402);bottom:calc(100cqw * 51.44 / 402);width:calc(100cqw * 422 / 402)}
 #abrau-material.combined-editorial .sea-facts{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,calc(100cqw * 41 / 402));column-gap:calc(100cqw * 20 / 402);row-gap:calc(100cqw * 20 / 402)}
 #abrau-material.combined-editorial .sea-facts>div:nth-child(n){min-height:0}
 #abrau-material.combined-editorial .sea-facts>div:nth-child(n) dd{width:calc(100cqw * 76.903 / 402)}
 #abrau-material.combined-editorial .sea-facts>div:nth-child(2) dd,#abrau-material.combined-editorial .sea-facts>div:nth-child(6) dd{width:calc(100cqw * 74 / 402)}
 #abrau-material.combined-editorial .sea-facts>div:nth-child(3) dd{width:calc(100cqw * 88 / 402)}
 #abrau-material.combined-editorial .sea-facts>div:nth-child(5) dd{width:calc(100cqw * 85 / 402)}
}
@media(min-width:900px){
 #abrau-material.combined-editorial .sea-facts{grid-template-columns:104px 104px 104px 104px 104px 120px}
}
@media(min-width:900px) and (max-width:912.1284px){
 #abrau-material.combined-editorial .sea-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Figma254:160 passport: exact text boxes, natural wrapping, no manual breaks.
   em widths retain the same line count as the type scales on larger screens. */
#abrau-material.combined-editorial .sea-facts>div:nth-child(n) dd{width:5.2926923077em;max-width:none}
#abrau-material.combined-editorial .sea-facts>div:first-child dd{white-space:pre-wrap}
#abrau-material.combined-editorial .sea-facts>div:nth-child(2) dd{width:4.9034615385em}
#abrau-material.combined-editorial .sea-facts>div:nth-child(3) dd{width:5.3846153846em;white-space:nowrap}
#abrau-material.combined-editorial .sea-facts>div:nth-child(4) dd{width:4.0969999999em;line-height:1.0769230769;min-height:0}
#abrau-material.combined-editorial .sea-facts>div:nth-child(5) dd{width:5.6886923077em}
#abrau-material.combined-editorial .sea-facts>div:nth-child(6) dd{width:5.6923076923em}
@media(max-width:599.98px){
 #abrau-material.combined-editorial .sea-facts dt{line-height:normal}
 #abrau-material.combined-editorial .sea-facts>div:nth-child(1) dd{height:calc(100cqw * 30 / 402)}
 #abrau-material.combined-editorial .sea-facts>div:nth-child(2) dd{height:calc(100cqw * 23.994 / 402)}
 #abrau-material.combined-editorial .sea-facts>div:nth-child(3) dd{height:calc(100cqw * 14.743 / 402)}
 #abrau-material.combined-editorial .sea-facts>div:nth-child(4) dd{height:calc(100cqw * 27 / 402);line-height:calc(100cqw * 14 / 402)}
 #abrau-material.combined-editorial .sea-facts>div:nth-child(5) dd{height:calc(100cqw * 30 / 402)}
 #abrau-material.combined-editorial .sea-facts>div:nth-child(6) dd{height:calc(100cqw * 24.261 / 402)}
}

/* Approved two-line Polyana captions: retain whole words on each line. */
#krasnaya-polyana-material .polyana-caption-two-lines span{white-space:nowrap}
@media(min-width:974px){
 #krasnaya-polyana-material.combined-editorial .sea-facts{grid-template-columns:150px 150px 120px 150px 120px 120px}
}
@media(min-width:900px) and (max-width:973.98px){
 #krasnaya-polyana-material.combined-editorial .sea-passport{width:560px}
 #krasnaya-polyana-material.combined-editorial .sea-facts{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px}
}

/* Krasnaya Polyana: softer violet lower fade; desktop title spacing only. */
#krasnaya-polyana-material.combined-editorial .sea-editorial-gradient-bottom{background:linear-gradient(to bottom,rgba(55,51,94,0) 0%,rgba(55,51,94,.6) 56%,rgba(42,38,78,.8) 100%)}
@media(min-width:900px){
}

/* Use the approved Polyana Figma bottom fade on the windsurfing screen. */
#abrau-material-repeat.combined-editorial .sea-editorial-gradient-bottom{background:linear-gradient(to bottom,rgba(55,51,94,0) 0%,rgba(55,51,94,.6) 56%,rgba(42,38,78,.8) 100%)}

/* HeroTitle — single reusable typography/layout component, WordPress-ready.
   Text lines are normal flex children, never absolutely positioned.
   All controls can later be stored as block attributes/CSS custom properties.
   gap is the distance between line BOXES (not glyph outlines). */
:is(#sea-material,.combined-editorial).editorial-material{
  --mr-hero-title-gap:54px;
  --mr-hero-title-leading:0;
  --mr-hero-title-angle:-7.45deg;
  --mr-hero-title-skew:-7.45deg;
  --mr-hero-title-clearance:65px;
  --mr-hero-line-1-indent:0px;
  --mr-hero-line-2-indent:0px;
  --mr-hero-line-3-indent:0px;
  --mr-hero-line-1-align:flex-end;
  --mr-hero-line-2-align:flex-start;
  --mr-hero-line-3-align:flex-end;
}
:is(#sea-material,.combined-editorial).editorial-material .sea-copy h2:has(>.hero-title-lines){
  height:auto;
  line-height:normal;
  transform:none;
}
:is(#sea-material,.combined-editorial).editorial-material .sea-copy h2>.hero-title-lines{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--mr-hero-title-gap);
  width:100%;
  transform:rotate(var(--mr-hero-title-angle)) skewX(var(--mr-hero-title-skew));
  transform-origin:center center;
}
:is(#sea-material,.combined-editorial).editorial-material .sea-copy h2>.hero-title-lines>.sea-title-line{
  display:block;
  position:relative;
  inset:auto;
  width:max-content;
  max-width:none;
  height:auto;
  margin:0;
  padding:0;
  font-family:"Tutu Sans",Arial,sans-serif;
  font-size:calc(100cqw * 64 / 402);
  font-weight:900;
  font-style:italic;
  line-height:var(--mr-hero-title-leading);
  white-space:nowrap;
  text-align:left;
}
:is(#sea-material,.combined-editorial).editorial-material .sea-copy h2>.hero-title-lines>.sea-title-line:nth-child(1){align-self:var(--mr-hero-line-1-align);margin-left:var(--mr-hero-line-1-indent)}
:is(#sea-material,.combined-editorial).editorial-material .sea-copy h2>.hero-title-lines>.sea-title-line:nth-child(2){align-self:var(--mr-hero-line-2-align);margin-left:var(--mr-hero-line-2-indent)}
:is(#sea-material,.combined-editorial).editorial-material .sea-copy h2>.hero-title-lines>.sea-title-line:nth-child(3){align-self:var(--mr-hero-line-3-align);margin-left:var(--mr-hero-line-3-indent)}
:is(#sea-material,.combined-editorial).editorial-material .sea-copy h2>.hero-title-lines .editorial-title-text{
  display:block;
  position:static;
  inset:auto;
  width:max-content;
  font:inherit;
  line-height:inherit;
  font-synthesis:none;
  transform:none;
  white-space:nowrap;
}
#abrau-material.combined-editorial{
  --mr-hero-line-1-align:flex-start;
  --mr-hero-line-1-indent:calc(80px * var(--abrau-title-scale));
  --mr-hero-line-3-align:flex-start;
  --mr-hero-line-3-indent:calc(100px * var(--abrau-title-scale));
}
:is(#abrau-material,#abrau-material-repeat,#summer-sport-repeat,#krasnaya-polyana-material).combined-editorial .sea-copy h2:has(>.hero-title-lines){
 top:calc(var(--combined-intro-top) + var(--combined-intro-height) + var(--mr-hero-title-clearance));
}
#sea-material.editorial-material .sea-copy h2:has(>.hero-title-lines){
 top:calc(100cqw * 120 / 402 + var(--sea-intro-height,110px) + var(--mr-hero-title-clearance));
}
@media(min-width:900px){
 :is(#sea-material,.combined-editorial).editorial-material{--mr-hero-title-gap:86px}
 :is(#sea-material,.combined-editorial).editorial-material .sea-copy h2>.hero-title-lines>.sea-title-line{
  font-size:calc(114px * var(--sea-layout-scale));
 }
 #abrau-material.combined-editorial .sea-copy h2>.hero-title-lines>.sea-title-line{
  font-size:calc(64px * var(--abrau-title-scale));
 }
 #sea-material.editorial-material .sea-copy h2:has(>.hero-title-lines){
  top:calc(160px + var(--sea-intro-height,90px) + var(--mr-hero-title-clearance));
 }
}
@media(min-width:600px) and (max-width:899.98px){
 :is(#sea-material,.combined-editorial).editorial-material .sea-copy h2>.hero-title-lines>.sea-title-line{
  font-size:calc(64px * var(--sea-layout-scale));
 }
 #sea-material.editorial-material .sea-copy h2:has(>.hero-title-lines){
  top:calc(max(120px,14%) + var(--sea-intro-height,90px) + var(--mr-hero-title-clearance));
 }
}
