/* Home: Why Work With Us. Uses the home page type system:
   Cormorant Garamond (regular) for display, Inter Light for text, one muted-gold accent. */
.whyLive{--gold:#c9a76c;position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#101311;padding:96px 6% 84px;font-family:Inter,Arial,sans-serif;font-weight:300}
.whyLive .why-bg{position:absolute;inset:0;z-index:-2;background:url("why-bg.jpg") center 40%/cover no-repeat;transform:scale(1.04);transition:transform 1.6s cubic-bezier(.22,.61,.36,1)}
.whyLive.in .why-bg{transform:scale(1)}
.whyLive:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,13,12,.82) 0%,rgba(10,13,12,.56) 55%,rgba(10,13,12,.4) 100%),linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.2) 40%,rgba(10,13,12,.88) 100%)}

.why-ey{font:400 9px/1 Inter,Arial,sans-serif;letter-spacing:4px;text-transform:uppercase;color:var(--gold)}
.why-head{display:grid;grid-template-columns:1.15fr .85fr;gap:6%;align-items:end;margin:18px 0 52px}
.why-head h2{margin:0;font:400 clamp(46px,5.8vw,78px)/.95 "Cormorant Garamond",serif;letter-spacing:0;text-transform:none;color:#fff}
.why-tag{margin:0;padding-left:24px;border-left:1px solid var(--gold);max-width:520px;justify-self:end;font:300 14px/1.9 Inter,Arial,sans-serif;letter-spacing:0;text-transform:none;color:rgba(255,255,255,.82)}

.why-bar{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;margin-bottom:34px;padding-top:26px;border-top:1px solid rgba(255,255,255,.2)}
.why-seg{display:inline-flex;gap:12px}
.why-seg button{padding:14px 24px;border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;font:300 9px/1 Inter,Arial,sans-serif;letter-spacing:1.6px;text-transform:uppercase;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.why-seg button:hover{border-color:#fff}
.why-seg button[aria-selected="true"]{background:#f4f0e8;border-color:#f4f0e8;color:#171816}
.why-hint{font:300 9px/1 Inter,Arial,sans-serif;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.55)}

.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}
.wf{position:relative;padding:0 26px;border-left:1px solid rgba(255,255,255,.2);opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,.61,.36,1)}
.wf:first-child{border-left:0;padding-left:0}
.whyLive.in .wf{opacity:1;transform:none}
.whyLive.in .wf:nth-child(2){transition-delay:.1s}.whyLive.in .wf:nth-child(3){transition-delay:.2s}.whyLive.in .wf:nth-child(4){transition-delay:.3s}
.wf-main{display:block;width:100%;text-align:left;background:transparent;border:0;color:inherit;font:inherit;cursor:pointer;padding:4px 0 18px;transition:transform .35s}
.wf-main:hover,.wf-main:focus-visible{transform:translateY(-3px)}
.wf-main:focus-visible{outline:1px solid var(--gold);outline-offset:8px}
.wf-num{display:block;font:400 clamp(34px,3.8vw,60px)/1 "Cormorant Garamond",serif;letter-spacing:0;color:#fff;white-space:nowrap}
.wf-num .pre{font:300 .26em/1 Inter,Arial,sans-serif;letter-spacing:3px;color:var(--gold);vertical-align:.95em;margin-right:.7em}
.wf-label{display:block;margin-top:14px;min-height:2.6em;font:300 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.95)}
.wf-dash{display:block;width:34px;height:1px;margin:12px 0 22px;background:var(--gold);transition:width .4s}
.wf-main:hover .wf-dash,.wf-main[aria-expanded="true"] .wf-dash{width:72px}
.wf-desc{display:flex;align-items:flex-start;gap:16px;font:300 13px/1.85 Inter,Arial,sans-serif;color:rgba(255,255,255,.8);max-width:290px}
.wf-desc svg{flex:0 0 34px;width:34px;height:34px;margin-top:2px;fill:none;stroke:var(--gold);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.wf-more{display:inline-block;margin-top:20px;font:300 9px/1 Inter,Arial,sans-serif;letter-spacing:3px;text-transform:uppercase;color:var(--gold);border-bottom:1px solid rgba(201,167,108,.5);padding-bottom:6px}
.wf-more:after{content:' +';display:inline-block}
.wf-main[aria-expanded="true"] .wf-more:after{content:' –'}
.wf-detail{margin:4px 0 0;padding:22px 22px 24px;background:rgba(10,13,12,.74);border-top:1px solid var(--gold);backdrop-filter:blur(8px);animation:wfin .45s ease}
.wf-detail[hidden]{display:none}
@keyframes wfin{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.wf-detail p{margin:0 0 20px;font:300 13px/1.85 Inter,Arial,sans-serif;color:rgba(255,255,255,.85)}
.wf-chart-t{display:block;margin-bottom:14px;font:300 9px/1 Inter,Arial,sans-serif;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.6)}
.wf-bars{display:flex;align-items:flex-end;gap:10px}
.wf-bars div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}
.wf-bars .track{display:flex;align-items:flex-end;height:78px;width:100%}
.wf-bars em{font:300 10px/1 Inter,Arial,sans-serif;font-style:normal;color:#fff;white-space:nowrap;opacity:0;transition:opacity .4s .5s}
.wf-bars i{display:block;width:100%;height:0;background:var(--gold);opacity:.9;transition:height .9s cubic-bezier(.22,.61,.36,1)}
.wf-bars b{font:300 10px/1 Inter,Arial,sans-serif;color:rgba(255,255,255,.6);margin-top:2px}
.wf-detail.show .wf-bars i{height:var(--h)}
.wf-detail.show .wf-bars em{opacity:1}
.why-note{margin:44px 0 0;font:300 11px/1.6 Inter,Arial,sans-serif;letter-spacing:.04em;color:rgba(255,255,255,.5)}

@media(max-width:980px){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}.wf:nth-child(3){border-left:0;padding-left:0}.why-head{grid-template-columns:1fr;gap:22px}.why-tag{justify-self:start}}
@media(max-width:620px){.whyLive{padding:64px 6% 56px}.why-grid{grid-template-columns:1fr}.wf{border-left:0;padding:26px 0 0;border-top:1px solid rgba(255,255,255,.18)}.wf:first-child{border-top:0;padding-top:0}.why-seg button{padding:13px 16px}.why-hint{display:none}.why-bar{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.whyLive .why-bg,.wf,.wf-bars i,.wf-bars em{transition:none}.wf{opacity:1;transform:none}.wf-detail{animation:none}}