.why-page{
  --why-ink:#17181c;
  --why-paper:#faf7f0;
  --why-warm:#eee8dc;
  --why-muted:#625e57;
  --why-gold:#92722f;
  background:var(--why-paper)!important;
}

html[data-syn-theme="light"] body .why-page main{overflow:hidden;background:var(--why-paper)!important}
.why-shell{width:min(1080px,calc(100% - 64px));margin-inline:auto}
.why-section{padding:120px 0;border-top:1px solid rgba(23,24,28,.14)}
.why-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:25px;color:var(--why-gold);font:700 10.5px/1.2 "Instrument Sans",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.why-eyebrow::before{content:"";width:28px;height:1px;background:currentColor}

.why-page .why-hero{
  display:flex;
  min-height:690px;
  align-items:center;
  padding:112px 0;
  color:#fffaf1;
  background:
    radial-gradient(circle at 82% 28%,rgba(177,137,65,.13),transparent 29%),
    #17181c;
}
.why-hero__inner{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:clamp(72px,10vw,140px);align-items:end}
.why-page .why-hero .why-eyebrow{color:#cfad62}
html[data-syn-theme="light"] body .why-page .why-hero h1{max-width:780px;margin:0;color:#fffaf1!important;font-size:clamp(4rem,7.4vw,7.3rem)!important;line-height:.88!important;letter-spacing:-.055em!important}
.why-hero__copy>p{max-width:630px;margin:36px 0 0;color:rgba(255,250,241,.7)!important;font-size:clamp(1.05rem,1.45vw,1.23rem);line-height:1.7!important}
.why-hero__note{padding:8px 0 8px 25px;border-left:1px solid rgba(207,173,98,.55)}
.why-hero__note p{margin:0;color:rgba(255,250,241,.58)!important;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(1.45rem,2.1vw,2rem);line-height:1.27!important;letter-spacing:-.02em}

.why-letter{background:#fffdf8}
.why-letter__grid{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);gap:clamp(70px,12vw,160px);align-items:start}
.why-letter__aside{position:sticky;top:112px}
.why-letter__aside>p{max-width:220px;margin:0;color:#817b71!important;font-size:13px;line-height:1.65!important}
.why-letter__body{max-width:690px}
.why-letter__body p{margin:0 0 31px;color:#514e48!important;font-size:clamp(1.08rem,1.35vw,1.22rem);line-height:1.84!important}
.why-letter__body .why-letter__lead{margin-bottom:38px;color:var(--why-ink)!important;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(2.8rem,4.8vw,4.85rem);line-height:1.02!important;letter-spacing:-.04em}

.why-moments{background:var(--why-warm)}
.why-moments__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(70px,11vw,150px);align-items:start}
.why-moments__heading{position:sticky;top:112px}
html[data-syn-theme="light"] body .why-page .why-moments__heading h2,
html[data-syn-theme="light"] body .why-page .why-kind__heading h2{max-width:480px;margin:0;color:var(--why-ink)!important;font-size:clamp(3.2rem,5.4vw,5.5rem)!important;line-height:.95!important;letter-spacing:-.045em!important}
.why-moments__list{border-top:1px solid rgba(23,24,28,.18)}
.why-moments__list article{padding:31px 0 35px;border-bottom:1px solid rgba(23,24,28,.18)}
.why-moments__list h3{margin:0 0 12px;color:var(--why-ink)!important;font-size:clamp(2rem,3vw,2.8rem)!important;line-height:1!important}
.why-moments__list p{max-width:500px;margin:0;color:var(--why-muted)!important;font-size:15px;line-height:1.72!important}

.why-realisation{background:#17181c;color:#fffaf1}
.why-realisation__inner{max-width:910px}
.why-realisation .why-eyebrow{color:#cfad62}
html[data-syn-theme="light"] body .why-page .why-realisation h2{max-width:850px;margin:0;color:#fffaf1!important;font-size:clamp(3.5rem,6.2vw,6.35rem)!important;line-height:.93!important;letter-spacing:-.05em!important}
.why-realisation__copy{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:78px;padding-top:35px;border-top:1px solid rgba(255,255,255,.17)}
.why-realisation__copy p{margin:0;color:rgba(255,250,241,.63)!important;font-size:14px;line-height:1.75!important}

.why-kind{background:#fffdf8}
.why-kind__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,.88fr);gap:clamp(70px,11vw,150px);align-items:start}
.why-kind__heading{position:sticky;top:112px}
.why-kind__copy{max-width:600px}
.why-kind__copy p{margin:0 0 30px;color:#514e48!important;font-size:clamp(1.05rem,1.3vw,1.18rem);line-height:1.82!important}
.why-kind__copy p:last-child{margin:44px 0 0;padding-top:28px;border-top:1px solid rgba(23,24,28,.16);color:var(--why-ink)!important;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(1.8rem,2.6vw,2.5rem);line-height:1.18!important;letter-spacing:-.025em}

.why-conclusion{padding:138px 0;background:#e7dfd0}
.why-conclusion__inner{max-width:930px}
.why-conclusion__inner>p{margin:0;color:var(--why-ink)!important;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(3.4rem,6.7vw,6.8rem);line-height:.94!important;letter-spacing:-.048em;text-wrap:balance}
.why-conclusion__inner .why-conclusion__final{margin-top:52px;color:var(--why-gold)!important;font-size:clamp(2rem,3.4vw,3.35rem);font-style:italic}

.why-page .why-cta{margin:18px!important;border:0!important}
.why-page .why-cta .lux-shell{display:flex;align-items:center;flex-direction:column}
.why-page .why-cta .lux-subtitle{margin:22px auto 0;text-align:center}
html[data-syn-theme="light"] body .why-page .why-cta .lux-button--quiet{border-color:rgba(20,21,26,.28)!important;background:transparent!important;color:#14151a!important}

@media(max-width:900px){
  .why-shell{width:min(100% - 40px,1080px)}
  .why-section{padding:92px 0}
  .why-hero__inner,.why-letter__grid,.why-moments__grid,.why-kind__grid{grid-template-columns:1fr}
  .why-page .why-hero{min-height:0;padding:94px 0}
  .why-hero__inner{gap:60px}
  .why-hero__note{max-width:440px}
  .why-letter__aside,.why-moments__heading,.why-kind__heading{position:static}
  .why-letter__grid,.why-moments__grid,.why-kind__grid{gap:54px}
  .why-letter__aside>p{max-width:360px}
}

@media(max-width:700px){
  .why-shell{width:calc(100% - 40px)}
  .why-section{padding:76px 0}
  .why-page .why-hero{padding:78px 0 84px}
  html[data-syn-theme="light"] body .why-page .why-hero h1{font-size:clamp(3.45rem,15.8vw,5rem)!important;line-height:.9!important}
  .why-hero__copy>p{margin-top:29px}
  .why-hero__inner{gap:48px}
  .why-letter__grid,.why-moments__grid,.why-kind__grid{gap:44px}
  .why-letter__body .why-letter__lead{font-size:clamp(2.65rem,12vw,4rem)}
  html[data-syn-theme="light"] body .why-page .why-moments__heading h2,
  html[data-syn-theme="light"] body .why-page .why-kind__heading h2{font-size:clamp(3rem,13.5vw,4.35rem)!important}
  html[data-syn-theme="light"] body .why-page .why-realisation h2{font-size:clamp(3.15rem,14vw,4.6rem)!important}
  .why-realisation__copy{grid-template-columns:1fr;gap:0;margin-top:55px;padding-top:0;border-top:0}
  .why-realisation__copy p{padding:26px 0;border-top:1px solid rgba(255,255,255,.16)}
  .why-conclusion{padding:94px 0}
  .why-conclusion__inner>p{font-size:clamp(3rem,13.5vw,4.7rem)}
  .why-page .why-cta{margin:12px!important}
}

@media(prefers-reduced-motion:reduce){
  .why-page .lux-reveal{opacity:1;transform:none;transition:none}
}
