/* v2.4.0 — cinematic story panels */
.ww-story-panels--v240{
  position:relative;
  padding:clamp(76px,9vw,150px) var(--ww-space-page) clamp(56px,7vw,108px);
  background:
    radial-gradient(circle at 50% 0,rgba(66,111,119,.17),transparent 34%),
    linear-gradient(180deg,#030b10 0%,#07161d 100%);
  border-top:1px solid var(--ww-color-line);
  border-bottom:1px solid var(--ww-color-line);
}
.ww-story-panels__heading{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(0,1fr);gap:clamp(30px,7vw,120px);align-items:end;margin:0 auto clamp(42px,6vw,80px);max-width:1500px}
.ww-story-panels__heading h2{margin:0;max-width:12ch;font:400 clamp(42px,5.5vw,88px)/.98 Georgia,serif;letter-spacing:-.03em;color:var(--ww-color-paper)}
.ww-story-panels__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.7vw,28px);max-width:1500px;margin:auto}
.ww-story-card{position:relative;min-height:clamp(390px,44vw,650px);overflow:hidden;isolation:isolate;background:#07141a;border:1px solid rgba(216,181,106,.18)}
.ww-story-card::before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(2,8,12,.02) 20%,rgba(2,8,12,.92) 86%),var(--ww-card-image);background-size:cover;background-position:center;transform:scale(1.01);transition:transform 900ms var(--ww-ease-cinematic),filter 700ms var(--ww-ease-cinematic);z-index:-2}
.ww-story-card::after{content:"";position:absolute;inset:0;border:1px solid transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);pointer-events:none;transition:border-color var(--ww-motion-medium) var(--ww-ease-cinematic)}
.ww-story-card__link{height:100%;min-height:inherit;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,3vw,46px);color:var(--ww-color-paper);text-decoration:none}
.ww-story-card__index{font:400 13px/1 Georgia,serif;color:var(--ww-color-gold);letter-spacing:.16em}
.ww-story-card__copy{display:grid;gap:15px;max-width:30rem}
.ww-story-card__copy small{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ww-color-gold)}
.ww-story-card__copy strong{font:400 clamp(25px,2.3vw,42px)/1.08 Georgia,serif;letter-spacing:-.02em}
.ww-story-card__copy em{font-style:normal;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,239,229,.78)}
.ww-story-card:hover::before,.ww-story-card:focus-within::before{transform:scale(1.055);filter:saturate(1.06)}
.ww-story-card:hover::after,.ww-story-card:focus-within::after{border-color:rgba(216,181,106,.55)}

.ww-story-section{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);min-height:760px;background:#061219;border-bottom:1px solid var(--ww-color-line);scroll-margin-top:90px}
.ww-story-section--behind{grid-template-columns:minmax(400px,.88fr) minmax(0,1.12fr);background:#030b10}
.ww-story-section__media{min-height:620px;background-image:linear-gradient(90deg,transparent 65%,#061219 100%),var(--ww-story-image);background-size:cover;background-position:center;filter:saturate(.86)}
.ww-story-section--behind .ww-story-section__media{background-image:linear-gradient(270deg,transparent 68%,#030b10 100%),var(--ww-story-image)}
.ww-story-section__content{align-self:center;padding:clamp(62px,8vw,140px) var(--ww-space-page)}
.ww-story-section__content header{max-width:760px}
.ww-story-section__content h2{font:400 clamp(44px,5.2vw,86px)/.98 Georgia,serif;letter-spacing:-.035em;margin:14px 0 24px;color:var(--ww-color-paper)}
.ww-story-section__content header>p:last-child{max-width:620px;color:rgba(243,239,229,.66);font-size:17px;line-height:1.8}
.ww-essence-list{margin-top:clamp(42px,5vw,72px);border-top:1px solid rgba(216,181,106,.2)}
.ww-essence-item{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid rgba(216,181,106,.14)}
.ww-essence-item>span{color:var(--ww-color-gold);font:400 12px Georgia,serif;letter-spacing:.14em;padding-top:4px}
.ww-essence-item small{display:block;color:var(--ww-color-gold);font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}
.ww-essence-item p{margin:0;max-width:720px;color:rgba(243,239,229,.74);font:400 clamp(17px,1.4vw,22px)/1.55 Georgia,serif}
.ww-story-section--behind .ww-story-copy{margin:42px 0 0;max-width:760px;color:rgba(243,239,229,.72);font-size:17px;line-height:1.9}
.ww-story-section--behind .ww-story-copy p:first-child{font:400 clamp(22px,2vw,32px)/1.5 Georgia,serif;color:rgba(243,239,229,.9)}
.ww-story-section--future .ww-story-copy{margin:42px 0 0;max-width:760px;color:rgba(243,239,229,.72);font-size:17px;line-height:1.9}
.ww-story-section--future .ww-story-copy p:first-child{font:400 clamp(22px,2vw,32px)/1.5 Georgia,serif;color:rgba(243,239,229,.9)}
.ww-story-section__empty{margin-top:42px;color:rgba(243,239,229,.62)}

@media(max-width:1050px){
  .ww-story-panels__heading{grid-template-columns:1fr;gap:16px}
  .ww-story-panels__grid{grid-template-columns:1fr}
  .ww-story-card{min-height:430px}
  .ww-story-section,.ww-story-section--behind{grid-template-columns:1fr;min-height:auto}
  .ww-story-section--behind .ww-story-section__content{order:2}
  .ww-story-section--behind .ww-story-section__media{order:1}
  .ww-story-section__media,.ww-story-section--behind .ww-story-section__media{min-height:56vw;background-image:linear-gradient(180deg,transparent 65%,#061219 100%),var(--ww-story-image)}
  .ww-story-section--behind .ww-story-section__media{background-image:linear-gradient(180deg,transparent 65%,#030b10 100%),var(--ww-story-image)}
}
@media(max-width:720px){
  .ww-story-panels--v240{padding:70px 20px 54px}
  .ww-story-panels__heading h2{font-size:13vw}
  .ww-story-card{min-height:360px}
  .ww-story-card__link{padding:24px}
  .ww-story-section__content{padding:70px 20px}
  .ww-story-section__content h2{font-size:13vw}
  .ww-story-section__media,.ww-story-section--behind .ww-story-section__media{min-height:72vw}
}
@media(prefers-reduced-motion:reduce){.ww-story-card::before{transition:none}.ww-story-card:hover::before,.ww-story-card:focus-within::before{transform:none}}