.hero{max-width:var(--max);margin:0 auto;min-height:calc(100vh - 73px);padding:95px var(--page) 80px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:5vw;align-items:center;border-bottom:1px solid var(--line)}
.hero-copy h1{font-family:var(--serif);font-weight:400;font-size:clamp(76px,10vw,154px);line-height:.86;letter-spacing:-.045em;margin-top:22px}.hero-copy h1 em{font-style:italic}.hero-bottom{display:flex;gap:70px;align-items:flex-end;margin-top:55px;max-width:650px}.hero-bottom p{max-width:430px;font-size:17px;color:var(--muted);line-height:1.7}
.hero-diagram{position:relative;width:min(100%,620px);aspect-ratio:1/1;margin-left:auto}.diagram-ring{position:absolute;border:1px solid #CFCFCF;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-one{width:90%;height:90%}.ring-two{width:63%;height:63%}.diagram-cross{position:absolute;width:1px;height:86%;left:50%;top:7%;background:#D6D6D6;transform:rotate(38deg);transform-origin:center}.cross-two{transform:rotate(-38deg)}.diagram-node{position:absolute;width:15px;height:15px;border-radius:50%;background:#111;left:50%;top:50%;transform:translate(-50%,-50%)}.diagram-label{position:absolute;font-size:13px;color:#222;white-space:nowrap}.diagram-label small{font-size:9px;color:#888;letter-spacing:.12em;margin-right:7px}.label-one{left:7%;top:25%}.label-two{right:2%;top:42%}.label-three{right:8%;bottom:20%}.label-four{left:19%;bottom:10%}.label-five{left:54%;top:8%}.diagram-caption{position:absolute;right:7%;top:5%;font-size:9px;line-height:1.4;text-transform:uppercase;letter-spacing:.17em;color:#777}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:75px}.hero-diagram{width:min(100%,560px);margin:40px auto 0}.hero-bottom{margin-top:40px;gap:30px}}
@media(max-width:560px){.hero{padding:65px 24px 60px}.hero-copy h1{font-size:68px}.hero-bottom{display:block}.hero-bottom p{margin-bottom:25px}.hero-diagram{width:100%;margin-top:45px}.diagram-label{font-size:11px}.diagram-caption{font-size:7px}}