.prop-head{padding-top:calc(150px * var(--s));padding-bottom:calc(140px * var(--s));overflow:hidden}
.prop-head__h{margin-top:calc(60px * var(--s))}
.prop-head__word{display:block;background-size:cover;background-position:center calc(50% + var(--py,0px));background-repeat:no-repeat}
.prop-head__sub{display:block;margin-top:calc(30px * var(--s))}
.prop-head .notes__body{max-width:calc(690px * var(--s))}

.prop .acc__btn{grid-template-columns:1fr auto calc(40px * var(--s));align-items:center;padding-block:calc(34px * var(--s))}
.prop .acc__btn .idx__t{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--tr-h3);font-weight:400}
.prop .acc__row.is-open .acc__btn{background:var(--c-paper)}
.prop .acc__row.is-open .idx__t{transform:translateX(12px)}
.prop .acc__body{grid-template-columns:calc(90px * var(--s)) calc(453px * var(--s)) 1fr;padding-top:calc(10px * var(--s));background:var(--c-paper)}
.prop .acc__body .media{aspect-ratio:1.3}
.prop .follow__img{box-shadow:0 30px 60px rgba(7,11,32,.18)}

#segments.hscroll{min-height:100svh;min-height:100vh}
#segments .hscroll__track{padding-top:calc(50px * var(--s))}
#segments .hscroll__panel{width:min(calc(920px * var(--s)),78vw)}
#segments .hscroll__panel--intro{width:min(calc(453px * var(--s)),70vw);grid-template-rows:1fr auto}
#segments .hscroll__panel--intro .t-read{color:rgba(255,255,255,.72)}
#segments .hscroll__panel--intro .t-cap{color:var(--c-accent)}
#segments .hscroll__panel .media{height:100%;min-height:0}
#segments .hscroll__panel .t-cap{color:rgba(255,255,255,.72);max-width:calc(560px * var(--s))}
#segments .hscroll__panel .wm{z-index:2;-webkit-text-stroke:1px rgba(255,255,255,.45);top:calc(80px * var(--s));right:calc(24px * var(--s))}

.tl{position:relative;display:grid;grid-template-columns:1fr calc(80px * var(--s)) 1fr;row-gap:0}
.tl__svg{grid-column:2;grid-row:1/span 5;justify-self:center;width:2px;height:100%;overflow:visible}
.tl__step{position:relative;padding:calc(40px * var(--s)) 0 calc(60px * var(--s));max-width:calc(560px * var(--s))}
.tl__step:nth-of-type(1){grid-row:1}.tl__step:nth-of-type(2){grid-row:2}.tl__step:nth-of-type(3){grid-row:3}.tl__step:nth-of-type(4){grid-row:4}.tl__step:nth-of-type(5){grid-row:5}
.tl__step:nth-of-type(odd){grid-column:1;justify-self:end;padding-right:calc(60px * var(--s))}
.tl__step:nth-of-type(even){grid-column:3;padding-left:calc(60px * var(--s))}
.tl__step:nth-of-type(n+2){margin-top:calc(-80px * var(--s))}
.tl__step::before{content:"";position:absolute;top:calc(44px * var(--s));width:calc(12px * var(--s));height:calc(12px * var(--s));border-radius:50%;background:var(--c-accent);box-shadow:0 0 0 calc(8px * var(--s)) var(--t-bg)}
.tl__step:nth-of-type(odd)::before{right:calc(-40px * var(--s) - 6px * var(--s))}
.tl__step:nth-of-type(even)::before{left:calc(-40px * var(--s) - 6px * var(--s))}
.tl__step .wm{font-size:calc(200px * var(--s));top:calc(-20px * var(--s));-webkit-text-stroke:1px rgba(35,39,57,.14)}
.tl__step:nth-of-type(odd) .wm{right:calc(40px * var(--s))}
.tl__step:nth-of-type(even) .wm{left:calc(40px * var(--s))}
.tl__step>*:not(.wm){position:relative;z-index:1}

.sell{overflow:hidden}
.sell__wm{left:calc(-16px * var(--s));bottom:calc(-70px * var(--s));font-size:calc(440px * var(--s));text-transform:uppercase;-webkit-text-stroke:1px rgba(255,255,255,.16);z-index:0!important}
.sell__grid{display:grid;grid-template-columns:7fr 5fr;gap:var(--gut);align-items:center}
.sell__body{max-width:calc(690px * var(--s))}
.sell__fig{aspect-ratio:.8}

@media (max-width:980px){
  .prop-head__sub{margin-top:calc(20px * var(--s))}
  .prop .acc__btn{grid-template-columns:1fr calc(40px * var(--s))}
  .prop .acc__btn .idx__tag{grid-column:1 / -1;grid-row:2;font-size:max(12px,var(--fs-ui))}
  .prop .acc__btn .idx__t{font-size:max(26px,var(--fs-h3));line-height:1.1}
  .prop .acc__body{grid-template-columns:1fr}
  .prop .acc__body .media,.prop .acc__body>div:last-child{grid-column:1}
  #segments.hscroll{min-height:0;padding-block:calc(80px * var(--s))}
  #segments .hscroll__panel{min-height:calc(520px * var(--s))}
  .tl{grid-template-columns:calc(40px * var(--s)) 1fr}
  .tl__svg{grid-column:1}
  .tl__step,.tl__step:nth-of-type(odd),.tl__step:nth-of-type(even){grid-column:2;justify-self:start;padding:calc(24px * var(--s)) 0 calc(40px * var(--s)) calc(20px * var(--s));margin-top:0;max-width:none}
  .tl__step:nth-of-type(odd)::before,.tl__step:nth-of-type(even)::before{left:calc(-20px * var(--s) - 6px * var(--s));right:auto;top:calc(30px * var(--s))}
  .tl__step .wm,.tl__step:nth-of-type(odd) .wm,.tl__step:nth-of-type(even) .wm{left:auto;right:0;font-size:calc(140px * var(--s))}
  .sell__grid{grid-template-columns:1fr}
  .sell__fig{aspect-ratio:1.4}
  .sell__wm{font-size:calc(260px * var(--s))}
}

@media (max-width:860px){.prop-head__word{background-image:url(../assets/img/skyline-marina-1600.jpg)!important}}
