
.pg{--hh:var(--sec-h)}
.s-hero{--phw:min(calc(var(--hh)*1.1436),60%);clip-path:inset(0 -100vmax);position:relative;max-width:1520px;margin:auto;height:var(--hh);overflow:hidden}
.s-hero__ph{clip-path:polygon(30% 0,100% 0,100% 100%,14% 100%);position:absolute;right:0;top:0;height:100%;width:var(--phw);overflow:hidden}
.s-hero__ph img{width:100%;height:100%;object-fit:cover;object-position:left top;animation:push 2.6s var(--ease) both}
.s-hero__in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,calc(5*var(--vw)),96px) var(--gut) 0;max-width:calc(100% - var(--phw)*.8 - 40px)}
.s-hero .h1{font-size:clamp(2.4rem,calc(3.7*var(--vw)),4.4rem);margin-top:0}
.s-hero .h1 em{font-size:1.1em}
.s-hero .lede{margin-top:clamp(18px,calc(1.8*var(--vw)),30px);max-width:28em;color:var(--ink-2)}
.s-hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(18px,calc(2.4*var(--vw)),40px);margin-top:clamp(24px,calc(2.4*var(--vw)),40px)}
.pg [id]{scroll-margin-top:110px}
.s-sec{padding-inline:var(--gut)}
.a-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,calc(7*var(--vw)),130px);align-items:center}
.a-grid .h2{margin:clamp(20px,calc(2*var(--vw)),30px) 0 clamp(22px,calc(2.4*var(--vw)),36px)}
.a-l p+p{margin-top:1.1em;max-width:33em}
.a-l .lede+p{margin-top:1.4em}
.a-list{display:grid}
.a-it{display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,calc(2.4*var(--vw)),40px);padding:clamp(26px,calc(2.6*var(--vw)),42px) 0;border-top:1px solid var(--line)}
.a-it:last-child{border-bottom:1px solid var(--line)}
.a-it h3,.r-it h3,.e-it h3,.b-col h3,.g-blocks h3{font-weight:500;letter-spacing:-.025em;color:var(--ink);line-height:1.12}
.a-it h3{font-size:clamp(1.3rem,calc(1.9*var(--vw)),1.9rem)}
.a-it p{margin-top:10px;max-width:33em;font-size:.97rem}
.b-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,calc(3.4*var(--vw)),64px);margin-top:clamp(20px,calc(2*var(--vw)),34px)}
.b-col{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;border-top:1px solid var(--line);padding-top:clamp(16px,calc(1.6*var(--vw)),26px)}
.b-col .num{display:block;margin-bottom:clamp(10px,calc(1*var(--vw)),16px)}
.b-col h3{font-size:clamp(1.3rem,calc(1.85*var(--vw)),1.85rem);text-wrap:balance}
.b-col>p{margin-top:10px;font-size:.93rem;line-height:1.55;max-width:25em;align-self:start}
.topics{margin-top:clamp(12px,calc(1.2*var(--vw)),20px);align-self:start}
.topics li{padding:clamp(3px,calc(.38*var(--vw)),8px) 0;border-top:1px solid var(--line-soft);color:var(--ink);font-size:.95rem;display:flex;gap:14px;align-items:baseline}
.topics li::before{content:"";flex:none;width:14px;height:1px;background:var(--gold);transform:translateY(-.3em)}
.b-col .link{margin-top:clamp(14px,calc(1.4*var(--vw)),22px);align-self:end;width:max-content}
.c-wrap{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:clamp(24px,calc(3.4*var(--vw)),64px);margin-top:clamp(36px,calc(4*var(--vw)),72px);align-items:stretch}
.tabs{display:grid;gap:8px;align-content:start}
.tab{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:clamp(12px,calc(1.2*var(--vw)),18px) clamp(12px,calc(1.2*var(--vw)),18px);background:var(--paper);border-left:2px solid transparent;color:var(--ink-2);font-size:clamp(.92rem,calc(1.05*var(--vw)),1.05rem);letter-spacing:-.015em;line-height:1.28;position:relative;transition:background .35s,color .35s,border-color .35s,transform .35s var(--ease)}
.tab__n{font-weight:300;font-size:.95rem;line-height:1.35;color:var(--gold-d);font-variant-numeric:lining-nums tabular-nums}
.tab__i{display:none}
.tab:hover{background:var(--sand);transform:translateX(3px)}
.tab:focus-visible{outline:2px solid var(--gold-d);outline-offset:2px}
.tab[aria-selected=true]{background:var(--sand);border-left-color:var(--gold);color:var(--ink);font-weight:500;transform:none}
.tab[aria-selected=true] .tab__n{color:var(--gold-d)}
.c-panels{min-width:0}
.panel-c{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,calc(3*var(--vw)),52px);align-items:stretch;height:100%}
.panel-c[hidden]{display:none}
.panel-c h3{font-weight:500;font-size:clamp(1.4rem,calc(2*var(--vw)),2rem);letter-spacing:-.032em;line-height:1.08;color:var(--ink)}
.panel-c p{margin-top:14px;max-width:28em;font-size:.97rem}
.panel-c ul{margin-top:20px}
.panel-c li{padding:11px 0;border-top:1px solid var(--line-soft);font-size:.95rem;color:var(--ink)}
.vis{position:relative;min-height:clamp(240px,calc(24*var(--vw)),420px);height:100%;overflow:hidden;background:linear-gradient(145deg,#EFE5D3,#E4D5BC 60%,#D9C4A2);isolation:isolate}
.vis::before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 0 52%,rgba(255,255,255,.35) 52% 100%);z-index:-1}
.vis::after{content:"";position:absolute;left:-10%;right:-10%;top:50%;height:1px;background:var(--gold);transform:rotate(-24deg);opacity:.7}
.vis b{position:absolute;left:clamp(18px,calc(2*var(--vw)),32px);bottom:clamp(8px,calc(1.4*var(--vw)),22px);font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(3.4rem,calc(6.4*var(--vw)),7rem);line-height:.9;color:rgba(122,84,40,.32);letter-spacing:-.02em}
.vis small{position:absolute;right:14px;top:14px;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d);background:rgba(250,247,242,.6);padding:4px 9px}
.pimg{margin:0;position:relative;min-height:clamp(240px,calc(24*var(--vw)),420px);overflow:hidden}
.pimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vis--dark{background:linear-gradient(145deg,#3a2f24,#241c15 60%,#17120d)}
.vis--dark::before{background:linear-gradient(125deg,transparent 0 52%,rgba(255,255,255,.05) 52% 100%)}
.vis--dark b{color:rgba(214,176,122,.35)}
.vis--dark small{background:rgba(20,17,14,.55);color:var(--gold-l)}
.d-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto 1fr;column-gap:clamp(24px,calc(3.4*var(--vw)),64px);margin-top:clamp(36px,calc(4*var(--vw)),72px);list-style:none;padding:0}
.r-it{display:grid;grid-row:span 3;grid-template-rows:subgrid;padding-bottom:clamp(18px,calc(2*var(--vw)),30px);border-bottom:1px solid var(--line)}
.r-it h3{font-size:clamp(1.25rem,calc(1.8*var(--vw)),1.75rem);text-wrap:balance}
.r-it p{margin-top:12px;font-size:.95rem;max-width:24em;align-self:start}
.met .head+.d-steps{margin-top:clamp(32px,calc(3.6*var(--vw)),64px)}
.met__stage{margin-top:clamp(14px,calc(1.4*var(--vw)),24px)}
.e-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto 1fr;column-gap:clamp(24px,calc(3.4*var(--vw)),64px);margin-top:clamp(26px,calc(2.8*var(--vw)),50px)}
.e-it{display:grid;grid-row:span 3;grid-template-rows:subgrid}
.e-it .rule{margin-bottom:20px}
.e-it h3{font-size:clamp(1.15rem,calc(1.55*var(--vw)),1.5rem)}
.e-it p{margin-top:10px;font-size:.95rem;max-width:22em;align-self:start}
.case-f{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);margin-top:clamp(28px,calc(3.2*var(--vw)),56px);border:1px solid var(--line-soft);background:rgba(255,255,255,.5);align-items:stretch}
.case-f__t{padding:clamp(20px,calc(2.2*var(--vw)),38px);display:flex;flex-direction:column;justify-content:center;gap:10px;align-items:flex-start}
.case-f__t h3{font-weight:600;font-size:clamp(1.7rem,calc(2.5*var(--vw)),2.7rem);letter-spacing:-.045em;color:var(--ink);line-height:1}
.case-f__t h4{margin:0;font-weight:500;font-size:clamp(1.1rem,calc(1.5*var(--vw)),1.45rem);letter-spacing:-.02em;color:var(--ink)}
.chip{display:inline-block;margin-top:6px;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d);border:1px dashed var(--line);padding:6px 12px}
.case-f__ph{position:relative;min-height:200px}
.case-f__ph .vis{position:absolute;inset:0;min-height:0}
.quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,calc(3.4*var(--vw)),64px);margin-top:clamp(44px,calc(5*var(--vw)),90px)}
.qt{position:relative;padding-top:56px;margin:0}
.qt::before{content:"“";position:absolute;left:-4px;top:-14px;font-family:var(--serif);font-size:6rem;line-height:1;color:var(--gold)}
.qt p{font-family:var(--serif);font-style:italic;font-size:clamp(1.25rem,calc(1.7*var(--vw)),1.7rem);line-height:1.2;color:var(--ink-2)}
.qt footer{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}
.qt footer b{display:block;color:var(--ink);font-weight:500}
.proof-h{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-top:clamp(56px,calc(6*var(--vw)),110px)}
.proof-h h3{font-weight:500;font-size:clamp(1.3rem,calc(1.9*var(--vw)),1.9rem);letter-spacing:-.025em;color:var(--ink)}
.proof-h span{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-d);border:1px dashed var(--line);padding:6px 12px}
.f-grid{grid-template-columns:minmax(0,3.6fr) minmax(0,8fr);gap:clamp(30px,calc(6*var(--vw)),110px);align-items:center;max-width:1240px;margin:auto}
.f-grid .dan__ph{max-width:420px}
.f-grid .h2{margin:clamp(18px,calc(2*var(--vw)),28px) 0 clamp(20px,calc(2.2*var(--vw)),34px)}
.g-sec{position:relative;background:var(--sand);box-shadow:0 0 0 100vmax var(--sand);clip-path:inset(0 -100vmax);overflow:hidden;isolation:isolate;padding-inline:var(--gut)}
.g-sec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:38%;z-index:-1;background:linear-gradient(120deg,rgba(255,255,255,.35),rgba(255,255,255,0));clip-path:polygon(0 0,100% 0,62% 100%,0 100%)}
.g-in{display:grid;grid-template-columns:minmax(0,6.4fr) minmax(0,5.6fr);gap:clamp(30px,calc(5*var(--vw)),96px);max-width:var(--max);margin:auto;align-items:center}
.g-l .h2{margin:clamp(14px,calc(1.6*var(--vw)),24px) 0 clamp(12px,calc(1.4*var(--vw)),20px)}
.g-l .lede{max-width:30em}
.g-blocks{display:grid;gap:clamp(10px,calc(1.2*var(--vw)),18px);margin-top:clamp(16px,calc(2*var(--vw)),32px)}
.g-blocks article{padding:clamp(12px,calc(1.4*var(--vw)),22px) 0 0;border-top:1px solid rgba(122,84,40,.35)}
.g-blocks h3{font-size:clamp(1.15rem,calc(1.55*var(--vw)),1.55rem)}
.g-blocks ul{margin-top:10px;display:grid;gap:7px}
.g-blocks li{position:relative;padding-left:26px;font-size:.96rem;color:var(--ink)}
.g-blocks li::before{content:"";position:absolute;left:0;top:.8em;width:14px;height:1px;background:var(--gold-d)}
.g-ph{margin:0;position:relative;aspect-ratio:4/5;max-height:calc(var(--sec-h) - 2 * var(--sec-pad));width:100%;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%,0 18%)}
.g-ph .vis{position:absolute;inset:0;min-height:0}
.g-ph img{width:100%;height:100%;object-fit:cover}
@media (min-width:901px) and (max-width:1250px){
  .s-hero{--phw:min(calc(var(--hh)*1.1436),52%)}
}
@media (max-width:1080px){
  .a-grid,.f-grid,.g-in{grid-template-columns:1fr}
  .b-grid,.e-grid,.quotes,.d-steps{grid-template-columns:1fr 1fr}
  .b-col,.e-it,.r-it{grid-row:auto;grid-template-rows:auto;display:block;margin-bottom:clamp(24px,calc(3*var(--vw)),44px)}
  .b-grid,.e-grid,.d-steps{grid-template-rows:none}
  .b-col .link{margin-top:20px}
  .g-ph{max-width:560px;aspect-ratio:4/3}
  .c-wrap{grid-template-columns:1fr}
  .tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .s-hero{height:auto;display:flex;flex-direction:column}
  .s-hero__in{padding:112px var(--gut) 0;height:auto;max-width:none}
  .s-hero__ph{clip-path:polygon(0 9%,100% 0,100% 100%,0 100%);position:relative;order:2;width:100%;max-width:none;height:auto;aspect-ratio:932/815;margin:30px 0 0}
  .panel-c,.case-f{grid-template-columns:1fr}
  .case-f__ph{min-height:0;aspect-ratio:4/3}
}
@media (max-width:700px){
  .tabs{grid-template-columns:1fr}
  .b-grid,.e-grid,.quotes,.d-steps{grid-template-columns:1fr}
  .vis{min-height:220px}
}
@media (min-width:1521px){
  .s-hero{overflow:visible}
  .s-hero__ph{right:calc(-1*var(--ex));width:calc(var(--phw) + var(--ex));clip-path:polygon(calc(var(--phw)*.3) 0,100% 0,100% 100%,calc(var(--phw)*.14) 100%)}
}
