/* Approved photographic panels, 2026-09-10. Scoped to the Why section. */
.v3-e #why.why-panels{--why-panel-motion:560ms;--why-copy-exit:110ms;--why-copy-enter:220ms;background:var(--navy,#0c121d);color:var(--paper,#f3f5f8);padding:62px calc(4vw / var(--z,1)) calc(4vw / var(--z,1));scroll-margin-top:var(--navh,96px);min-width:0;position:relative}
.v3-e .why-panels__head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:calc(8vw / var(--z,1));align-items:end;padding:0 calc(1vw / var(--z,1)) 49px}
.v3-e .why-panels__label{font:400 11px/1.5 var(--sans,Arial,sans-serif);letter-spacing:.18em;text-transform:uppercase;display:block;margin:0 0 26px;color:var(--paper)}
.v3-e .why-panels h2{font:400 clamp(39px,calc(3.8vw / var(--z,1)),58px)/1.09 var(--brand,Georgia,serif);letter-spacing:-.025em;max-width:830px;margin:0;color:var(--paper)}
.v3-e .why-panels__intro{font:400 16px/1.6 var(--sans,Arial,sans-serif);max-width:420px;margin:0;color:#b8c2d0}
.v3-e .why-panels__windows{display:flex;min-height:590px;gap:7px}
.v3-e .why-panels__panel{flex:1 1 0;min-width:0;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;background:#101924;transition:flex-grow var(--why-panel-motion) cubic-bezier(.22,1,.36,1)}
.v3-e .why-panels.is-enhanced .why-panels__panel.is-active{flex-grow:2.65}
.v3-e .why-panels__panel>img{position:absolute;inset:0;width:100%;height:100%;z-index:-3;object-fit:cover;object-position:center;filter:grayscale(.85) brightness(.65);transition:filter .5s,transform 1s}
.v3-e .why-panels__panel.is-active>img{filter:grayscale(.6) brightness(.9);transform:scale(1.025)}
.v3-e .why-panels__panel::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(12,18,29,.05) 25%,rgba(12,18,29,.48) 48%,rgba(12,18,29,.96));pointer-events:none}
.v3-e .why-panels__panel h3{margin:0;padding:0;font-weight:400}
.v3-e .why-panels__trigger{display:block;position:relative;text-align:left;border:0;border-radius:0;box-shadow:none;background:transparent;color:var(--paper);padding:28px 24px 22px;width:100%;font:400 25px/1.13 var(--brand,Georgia,serif);letter-spacing:-.015em;cursor:pointer;text-transform:none}
.v3-e .why-panels__trigger::before{content:"";width:5px;height:5px;background:currentColor;display:block;margin-bottom:18px;opacity:0}
.v3-e .why-panels__panel.is-active .why-panels__trigger::before{opacity:1}
.v3-e .why-panels.is-enhanced .why-panels__panel:not(.is-active) .why-panels__trigger{min-height:170px;color:#d5dbe3}
.v3-e .why-panels__panel.is-active .why-panels__trigger{font-size:clamp(29px,calc(2.5vw / var(--z,1)),38px);padding-bottom:15px}
.v3-e .why-panels__trigger:focus-visible{outline:2px solid var(--paper);outline-offset:-7px}
.v3-e .why-panels__detail{font:400 16px/1.6 var(--sans,Arial,sans-serif);padding:0 24px 32px;color:#d0d8e3;max-width:440px}
.v3-e .why-panels__detail[hidden]{display:none}
.v3-e .why-panels__detail p{font:inherit;line-height:inherit;color:inherit;margin:0}
@media(max-width:1000px){.v3-e .why-panels__windows{min-height:620px}.v3-e .why-panels__trigger{font-size:22px;padding-left:18px;padding-right:18px}.v3-e .why-panels__panel.is-active .why-panels__trigger{font-size:29px}.v3-e .why-panels__detail{font-size:15px;padding-left:18px;padding-right:18px}}
@media(max-width:720px){.v3-e #why.why-panels{padding:44px 20px 28px}.v3-e .why-panels__head{display:block;padding:0 8px 34px}.v3-e .why-panels h2{font-size:38px}.v3-e .why-panels__intro{margin-top:26px}.v3-e .why-panels__windows{display:block;min-height:0}.v3-e .why-panels__panel{min-height:170px;margin-bottom:7px}.v3-e .why-panels__panel.is-active{min-height:0}.v3-e .why-panels__panel.is-active .why-panels__trigger{font-size:33px;padding:28px 22px 14px}.v3-e .why-panels.is-enhanced .why-panels__panel:not(.is-active) .why-panels__trigger{min-height:165px;padding:30px 22px;font-size:26px}.v3-e .why-panels__detail{padding:0 22px 28px;font-size:16px}.v3-e .why-panels.is-enhanced .why-panels__panel:not(.is-active)::before{background:rgba(12,18,29,.68)}}
/* Mason: more vertical breathing room and a fuller-screen photographic field. */
@media(min-width:721px){
  .v3-e #why.why-panels{min-height:calc(100svh / var(--z,1));display:flex;flex-direction:column;padding-top:clamp(88px,calc(9svh / var(--z,1)),140px);padding-bottom:clamp(64px,calc(7svh / var(--z,1)),104px)}
  .v3-e .why-panels__head{padding-bottom:clamp(56px,calc(6svh / var(--z,1)),84px)}
  .v3-e .why-panels__windows{flex:1;min-height:clamp(640px,calc(64svh / var(--z,1)),920px)}
}
/* Text changes size and wraps only while invisible; it fades back after the width settles. */
.v3-e .why-panels.is-enhanced .why-panels__panel>h3,
.v3-e .why-panels.is-enhanced .why-panels__detail{opacity:1;transition:opacity var(--why-copy-enter) ease}
.v3-e .why-panels.is-enhanced .why-panels__panel.is-copy-muted>h3,
.v3-e .why-panels.is-enhanced .why-panels__panel.is-copy-muted>.why-panels__detail{opacity:0;transition-duration:var(--why-copy-exit)}
.v3-e .why-panels.is-motion-reset .why-panels__panel,
.v3-e .why-panels.is-motion-reset .why-panels__panel>h3,
.v3-e .why-panels.is-motion-reset .why-panels__detail{transition:none}
@media(max-width:720px){.v3-e .why-panels.is-enhanced .why-panels__panel>h3,.v3-e .why-panels.is-enhanced .why-panels__detail{transition:none}}
@media(prefers-reduced-motion:reduce){.v3-e .why-panels__panel,.v3-e .why-panels__panel>img,.v3-e .why-panels.is-enhanced .why-panels__panel>h3,.v3-e .why-panels.is-enhanced .why-panels__detail{transition:none;animation:none}}