/* Homepage cinema hero: editorial introduction, expanding film and line reveal. */
.yh-cinema{--paper:#fbf7e9;--ink:#0e1733;--orange:#f5a20e;--yh-intro-opacity:1;--yh-intro-y:0px;--yh-media-top:45vh;--yh-media-side:32px;--yh-media-bottom:32px;--yh-radius:30px;--yh-shadow-alpha:.22;--yh-video-scale:1;--yh-shade-opacity:.38;--yh-line-shift:112%;--yh-proof-opacity:0;--yh-proof-y:18px;--yh-link-y:-12px;--yh-scroll-opacity:1;--yh-line-a:112%;--yh-line-b:112%;--yh-link-opacity:0;--yh-proof-0:0;--yh-proof-1:0;--yh-proof-2:0;--yh-proof-3:0;position:relative!important;display:block!important;height:215svh;min-height:0!important;padding:0!important;overflow:visible!important;color:var(--ink);background:var(--paper)}
.yh-cinema *{box-sizing:border-box}
.yh-cinema__pin{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;background:var(--paper);isolation:isolate}
.yh-cinema__intro{position:absolute;z-index:1;top:0;right:0;left:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);gap:clamp(52px,7vw,138px);align-items:end;padding:clamp(112px,13vh,154px) clamp(30px,4vw,78px) 0;opacity:var(--yh-intro-opacity);transform:translateY(var(--yh-intro-y));will-change:opacity,transform}
.yh-cinema__intro-title{max-width:none!important;margin:0!important;color:var(--ink);font:420 clamp(3.7rem,6.2vw,7.4rem)/.88 "Schibsted Grotesk Variable","Helvetica Neue",Arial,sans-serif!important;letter-spacing:-.058em}
.yh-cinema__intro-title span{display:block;white-space:nowrap}
.yh-cinema__intro-title span:last-child{color:#536079;font-weight:340}
.yh-cinema__intro-side{max-width:34rem;padding-bottom:.45rem}
.yh-cinema__intro-side p{margin:0;color:#3e4863;font:400 clamp(.96rem,1.05vw,1.2rem)/1.5 "Fustat Variable","Helvetica Neue",Arial,sans-serif}
.yh-cinema__intro-actions{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;margin-top:1.5rem}
.yh-cinema__intro-side a,.yh-cinema__media-link{display:inline-flex;align-items:center;gap:1.5rem;color:inherit;font:650 .76rem/1.2 "Schibsted Grotesk Variable","Helvetica Neue",Arial,sans-serif;letter-spacing:.075em;text-decoration:none;text-transform:uppercase}
.yh-cinema__intro-side a{padding-bottom:.48rem;border-bottom:1px solid rgba(14,23,51,.34)}
.yh-cinema__intro-side .yh-cinema__quote-link{padding:.72rem 1rem;border:1px solid var(--ink);background:var(--ink);color:var(--paper)}
.yh-cinema__intro-side .yh-cinema__quote-link:hover,.yh-cinema__intro-side .yh-cinema__quote-link:focus-visible{border-color:var(--orange);background:var(--orange);color:var(--ink)}
.yh-cinema__intro-side a span,.yh-cinema__media-link span{color:var(--orange);font-size:1rem}
.yh-cinema__intro-side .yh-cinema__quote-link span{color:currentColor}
.yh-cinema__media{position:absolute;z-index:2;top:var(--yh-media-top);right:var(--yh-media-side);bottom:var(--yh-media-bottom);left:var(--yh-media-side);overflow:hidden;border-radius:var(--yh-radius);background:#10182a;box-shadow:0 34px 80px rgba(14,23,51,var(--yh-shadow-alpha));will-change:top,right,bottom,left,border-radius}
.yh-cinema__visual{position:relative;z-index:1;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;filter:saturate(.86) contrast(1.02)}
.yh-cinema__shade{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(4,8,18,.12),rgba(4,8,18,.04) 30%,rgba(4,8,18,.52) 100%),linear-gradient(90deg,rgba(5,9,20,.48),transparent 62%);opacity:var(--yh-shade-opacity)}
.yh-cinema__statement{position:absolute;z-index:3;top:50%;left:clamp(32px,5vw,100px);width:min(82vw,1180px);color:var(--paper);font:540 clamp(3.6rem,7.1vw,8.5rem)/.88 "Schibsted Grotesk Variable","Helvetica Neue",Arial,sans-serif;letter-spacing:-.058em;transform:translateY(-48%);pointer-events:none}
.yh-cinema__line{display:block;overflow:hidden;padding:.06em 0}
.yh-cinema__line i{display:block;font-style:normal;transform:translateY(var(--yh-line-shift));will-change:transform}
.yh-cinema__line:nth-child(1) i{transform:translateY(var(--yh-line-a))}
.yh-cinema__line:nth-child(2) i{transform:translateY(var(--yh-line-b))}
.yh-cinema__proof{position:absolute;z-index:4;right:clamp(22px,3vw,58px);bottom:clamp(25px,3.2vw,58px);left:clamp(22px,3vw,58px);display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:1.3rem;padding-top:1rem;border-top:1px solid rgba(251,247,233,.42);color:rgba(251,247,233,.82);font:600 clamp(.62rem,.68vw,.76rem)/1.25 "Schibsted Grotesk Variable","Helvetica Neue",Arial,sans-serif;letter-spacing:.095em;text-transform:uppercase;opacity:var(--yh-proof-opacity);transform:translateY(var(--yh-proof-y))}
.yh-cinema__proof span:first-child{color:var(--orange)}
.yh-cinema__media-link{position:absolute;z-index:4;top:clamp(24px,3vw,54px);right:clamp(22px,3vw,58px);padding:12px 15px;border:1px solid rgba(251,247,233,.48);color:var(--paper);opacity:var(--yh-link-opacity);transform:translateY(var(--yh-link-y));transition:color .2s ease,background-color .2s ease}
.yh-cinema__media-link:hover,.yh-cinema__media-link:focus-visible{color:var(--ink);background:var(--paper)}
.yh-cinema__media-link:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
/* Keep the cinema overlay anchored despite the shared pill's relative position. */
html body.home .yh-cinema__media-link{position:absolute!important}
.yh-cinema__scroll{position:absolute;z-index:4;right:clamp(22px,3vw,58px);bottom:18px;display:flex;align-items:center;gap:10px;margin:0;color:rgba(14,23,51,.62);font:600 .62rem/1 "Schibsted Grotesk Variable",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;opacity:var(--yh-scroll-opacity)}
.yh-cinema__scroll span{display:block;width:34px;height:1px;overflow:hidden;background:rgba(14,23,51,.22)}
.yh-cinema__scroll span::after{content:"";display:block;width:100%;height:100%;background:var(--orange);animation:yh-cinema-scroll 1.8s cubic-bezier(.65,0,.35,1) infinite}
@keyframes yh-cinema-scroll{0%{transform:translateX(-105%)}55%,100%{transform:translateX(105%)}}
@media(max-width:900px){.yh-cinema{height:250svh}.yh-cinema__pin{min-height:560px}.yh-cinema__intro{display:block;padding-top:clamp(96px,13vh,132px)}.yh-cinema__intro-title{font-size:clamp(3.25rem,9.4vw,5.8rem)!important}.yh-cinema__intro-title span{white-space:normal}.yh-cinema__intro-side{display:block;margin-top:1.25rem}.yh-cinema__intro-side p{display:none}.yh-cinema__intro-actions{margin-top:0}.yh-cinema__statement{left:clamp(26px,5vw,48px);width:calc(100% - clamp(52px,10vw,96px));font-size:clamp(3.4rem,10.2vw,6.3rem)}}
@media(max-width:600px){.yh-cinema{height:230svh!important;padding:0!important}.yh-cinema__pin{height:100svh;min-height:540px}.yh-cinema__intro{display:block;padding:90px 22px 0}.yh-cinema__intro-title{font-size:clamp(2.8rem,12.7vw,4.2rem)!important;line-height:.92!important}.yh-cinema__intro-side{margin-top:1rem}.yh-cinema__intro-actions{gap:.55rem .8rem}.yh-cinema__intro-side a{gap:.55rem;font-size:.62rem}.yh-cinema__intro-side .yh-cinema__quote-link{padding:.62rem .78rem}.yh-cinema__statement{top:47%;left:22px;width:calc(100% - 44px);font-size:clamp(2.8rem,13.2vw,4.5rem);line-height:.9}.yh-cinema__proof{right:22px;bottom:24px;left:22px;grid-template-columns:repeat(2,1fr);row-gap:.75rem;padding-top:.75rem;font-size:.58rem}.yh-cinema__media-link{top:20px;right:20px;font-size:.61rem}.yh-cinema__scroll{display:none}}
@media(prefers-reduced-motion:reduce){.yh-cinema{height:100svh}.yh-cinema__intro{display:none}.yh-cinema__media{inset:0;border-radius:0;box-shadow:none}.yh-cinema__visual{transform:none}.yh-cinema__shade{opacity:1}.yh-cinema__line i{transform:none!important}.yh-cinema__proof,.yh-cinema__media-link{opacity:1;transform:none}.yh-cinema__scroll{display:none}}

/* Banner 02: the approved whole-home concept, integrated as the second
   scroll-led chapter without changing Banner 01. */
.yh-spatial-sequence{
  --yh2-copy-opacity:1;
  --yh2-copy-x:0px;
  --yh2-visual-opacity:1;
  --yh2-visual-x:0px;
  --yh2-visual-scale:1;
  --yh2-line-progress:1;
  position:relative;
  height:190svh;
  color:#0e1733;
  background:#fbf7e9;
}
.yh-spatial-sequence *{box-sizing:border-box}
.yh-spatial-sequence__pin{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;background:#fbf7e9;isolation:isolate}
.yh-spatial-sequence .yh-hero{height:100%;min-height:0;background:#fbf7e9}
.yh-spatial-sequence .yh-hero__copy{opacity:var(--yh2-copy-opacity);transform:translateX(var(--yh2-copy-x));will-change:opacity,transform}
.yh-spatial-sequence .yh-hero__copy>*{animation:none!important}
.yh-spatial-sequence .yh-hero__eyebrow{color:#8c5b00}
.yh-spatial-sequence .yh-hero__title{font-size:clamp(3.35rem,4.65vw,6rem);line-height:.91}
.yh-spatial-sequence .yh-hero__title .is-quiet{margin-top:.06em;white-space:normal}
.yh-spatial-sequence .yh-hero__visual{opacity:var(--yh2-visual-opacity);transform:translateX(var(--yh2-visual-x)) scale(var(--yh2-visual-scale));transform-origin:center;will-change:opacity,transform}
.yh-spatial-sequence .yh-hero__model.yb-banner{width:108%;margin-left:-5%;transform:none}
.yh-spatial-sequence__note{position:absolute;right:clamp(20px,3vw,48px);bottom:clamp(18px,2.4vw,36px);z-index:5;margin:0;color:#5c657b;font:600 clamp(.56rem,.62vw,.7rem)/1.3 "Schibsted Grotesk Variable",Arial,sans-serif;letter-spacing:.095em;text-transform:uppercase}
.yh-spatial-sequence__progress{position:absolute;z-index:6;right:clamp(22px,3vw,54px);bottom:clamp(22px,3vw,46px);left:clamp(22px,3vw,54px);display:none;grid-template-columns:auto minmax(70px,180px) auto;gap:12px;align-items:center;width:min(230px,35vw);margin-left:auto;color:#5c657b;font:650 .62rem/1 "Schibsted Grotesk Variable",Arial,sans-serif;letter-spacing:.1em}
.yh-spatial-sequence__progress i{display:block;height:1px;overflow:hidden;background:rgba(14,23,51,.18)}
.yh-spatial-sequence__progress b{display:block;width:100%;height:100%;background:#f5a20e;transform:scaleX(var(--yh2-line-progress));transform-origin:left}

@media(max-width:960px) and (min-width:701px){
  .yh-spatial-sequence .yh-hero{display:grid;grid-template-columns:minmax(330px,44%) minmax(0,56%)}
  .yh-spatial-sequence .yh-hero__copy{padding:52px clamp(28px,4vw,46px)}
  .yh-spatial-sequence .yh-hero__copy::before{left:clamp(28px,4vw,46px)}
  .yh-spatial-sequence .yh-hero__title{font-size:clamp(2.9rem,5.5vw,4.1rem)}
  .yh-spatial-sequence .yh-hero__lead{font-size:.95rem}
  .yh-spatial-sequence .yh-hero__model.yb-banner{width:112%;margin-left:-8%}
}

@media(max-width:700px){
  .yh-spatial-sequence{height:175svh}
  .yh-spatial-sequence__pin{min-height:560px}
  .yh-spatial-sequence .yh-hero{display:block}
  .yh-spatial-sequence .yh-hero__copy{padding:82px 22px 18px}
  .yh-spatial-sequence .yh-hero__copy::before{top:67px;left:22px;width:38px;height:2px}
  .yh-spatial-sequence .yh-hero__eyebrow{margin-bottom:14px;font-size:.64rem}
  .yh-spatial-sequence .yh-hero__title{font-size:clamp(2.45rem,10.9vw,3.8rem);line-height:.92}
  .yh-spatial-sequence .yh-hero__lead{max-width:48ch;margin-top:17px;font-size:.9rem;line-height:1.46}
  .yh-spatial-sequence .yh-hero__proof{margin-top:12px;font-size:.64rem}
  .yh-spatial-sequence .yh-hero__action{margin-top:18px;padding:12px 14px 12px 16px;font-size:.72rem}
  .yh-spatial-sequence .yh-hero__visual{padding:0}
  .yh-spatial-sequence .yh-hero__model.yb-banner{width:100%;margin-left:0}
  .yh-spatial-sequence__note{right:18px;bottom:14px;font-size:.52rem}
}

@media(max-width:420px){
  .yh-spatial-sequence .yh-hero__copy{padding-top:78px}
  .yh-spatial-sequence .yh-hero__copy::before{top:65px}
  .yh-spatial-sequence .yh-hero__title{font-size:clamp(2.2rem,10.7vw,2.9rem)}
  .yh-spatial-sequence .yh-hero__lead{font-size:.84rem}
  .yh-spatial-sequence .yh-hero__proof{display:none}
}

@media(prefers-reduced-motion:reduce){
  .yh-spatial-sequence{height:auto;min-height:100svh}
  .yh-spatial-sequence__pin{position:relative;height:auto;min-height:100svh;overflow:visible}
  .yh-spatial-sequence .yh-hero__copy,.yh-spatial-sequence .yh-hero__visual{opacity:1;transform:none}
  .yh-spatial-sequence__progress b{transform:none}
}

/* 2026-09-29: scroll-scrubbed villa film + staggered copy reveal. */
video.yh-cinema__visual[data-yooan-hero-scrub]{filter:saturate(.94) contrast(1.02);background:#10182a}
.yh-cinema__proof span{opacity:var(--p,1);transform:translateY(calc((1 - var(--p,1)) * 14px));will-change:opacity,transform}
.yh-cinema__proof span:nth-child(1){--p:var(--yh-proof-0)}
.yh-cinema__proof span:nth-child(2){--p:var(--yh-proof-1)}
.yh-cinema__proof span:nth-child(3){--p:var(--yh-proof-2)}
.yh-cinema__proof span:nth-child(4){--p:var(--yh-proof-3)}
@media(prefers-reduced-motion:reduce){.yh-cinema__proof span{--p:1!important}.yh-cinema__media-link{opacity:1}}

/* 2026-09-29 · Intro layout per user mark-up: title fits its own column (never runs under the side copy);
   side copy is a narrow column — paragraph aligned to the title's cap line, link aligned to the title's last line. */
@media (min-width:901px){
  .yh-cinema__intro{grid-template-columns:minmax(0,1fr) clamp(240px,18.5vw,340px);gap:clamp(40px,4.2vw,84px);align-items:stretch;padding-left:clamp(36px,4.4vw,86px);padding-right:clamp(36px,4.4vw,86px)}
  .yh-cinema__intro-title{container-type:inline-size;align-self:start;min-width:0}
  /* Keep long headings inside their column; mobile keeps its separate scale. */
  .yh-cinema__intro-title span{max-width:100%;white-space:normal;overflow-wrap:break-word;font-size:clamp(calc(2.56rem * var(--yh-title-desktop-scale,1)),calc(4.32vw * var(--yh-title-desktop-scale,1)),calc(5.92rem * var(--yh-title-desktop-scale,1)));line-height:1}
  @supports (width:1cqi){.yh-cinema__intro-title span{font-size:min(calc(6.84cqi * var(--yh-title-desktop-scale,1)),calc(5.92rem * var(--yh-title-desktop-scale,1)))}}
  .yh-cinema__intro-side{display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;max-width:none;padding:clamp(.6rem,1vw,1.2rem) 0 .2rem}
  .yh-cinema__intro-side p{max-width:30ch}
  .yh-cinema__intro-actions{margin-top:0}
  .yh-cinema__intro-side a{align-self:flex-start}
}

@media (min-width:768px) and (max-width:900px){.yh-cinema .yh-cinema__intro-title{font-size:clamp(calc(3.25rem * var(--yh-title-mobile-scale,1)),calc(9.4vw * var(--yh-title-mobile-scale,1)),calc(5.8rem * var(--yh-title-mobile-scale,1)))!important}}