/* ---------- the geometric poster, as sections ---------- */
.g-sec{padding:110px max(28px,calc((100% - 1264px)/2));position:relative}
.g-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 70px;align-items:end;margin-bottom:56px}
.g-head h2,.g-two h2,.g-wall h2,.g-end h2{font-size:clamp(34px,4.2vw,62px);line-height:.96;text-transform:uppercase;color:var(--navy)}
.g-head p,.g-two p,.g-wall p,.ex-rule p{font:300 18px/1.6 var(--sans);color:var(--navy);max-width:36em;margin:0 0 18px}
.plates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.plate{position:relative;margin:0;padding:22px 22px 26px 34px;background:rgba(243,240,233,.35);box-shadow:0 20px 40px -26px rgba(31,42,68,.45),0 0 0 1px rgba(31,42,68,.08);overflow:hidden}
.plate .geo{display:block;width:100%;height:auto;overflow:visible}
.plate .geo .spin{transform-box:view-box;transform-origin:120px 95px;transition:transform .6s var(--ease)}
.plate:hover .geo .spin{transform:rotate(12deg)}
.plate .big{display:block;font:200 clamp(64px,6.4vw,96px)/.9 var(--sans);color:var(--char);margin-top:6px}
.plate .lab{display:block;margin-top:8px;font:500 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--navy)}
.plate p{margin:10px 0 0;font:400 14px/1.5 var(--sans);color:var(--navy-soft)}
.plate .side{position:absolute;left:12px;bottom:24px;transform-origin:left bottom;transform:rotate(-90deg) translateY(100%);font:500 9px var(--sans);font-style:normal;letter-spacing:.2em;text-transform:uppercase;color:var(--navy);white-space:nowrap;opacity:.8}
.g-exact{display:grid;grid-template-columns:auto minmax(0,1fr);gap:40px 70px;align-items:center;border-top:1px dashed rgba(31,42,68,.25)}
.ex-num b{display:block;font:200 clamp(120px,15vw,220px)/.85 var(--sans);color:var(--char)}
.ex-num span{display:block;margin-top:16px;font:500 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--navy)}
.ex-rule .geo{display:block;width:100%;height:auto;margin-bottom:18px;overflow:visible}
.g-two{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px 70px;align-items:center}
.g-two .geo{width:100%;height:auto;overflow:visible}
.g-two h2{margin-bottom:18px}
.g-wall{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px 70px;align-items:center;background:var(--navy);color:#F3EFE6;padding:110px max(28px,calc((100% - 1264px)/2))}
.g-wall h2{color:#F3EFE6;margin-bottom:18px}.g-wall p{color:#DCE1EA}
.g-wall .geo{width:100%;height:auto;overflow:visible}
.g-prices{list-style:none;margin:10px 0 30px;padding:0;display:flex;flex-wrap:wrap;gap:22px 40px}
.g-prices b{display:block;font:200 56px/1 var(--sans);color:#F3EFE6}
.g-prices span{display:block;margin-top:8px;font:500 11px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#E0BD78}
.g-end{position:relative;overflow:hidden;padding:150px 28px 160px;text-align:center}
.g-end .waves-f{position:absolute;inset:0;width:100%;height:100%}
.g-end>div{position:relative}
.g-end h2{margin-bottom:34px}
@media (max-width:900px){
  .g-head,.g-exact,.g-two,.g-wall{grid-template-columns:1fr}
  .plates{grid-template-columns:1fr 1fr}
  .g-sec,.g-wall{padding-block:76px}
}
@media (max-width:520px){
  .g-sec,.g-wall{padding-inline:16px}
  .plates{gap:12px}.plate{padding:16px 14px 18px 26px}.plate p{font-size:13px}.plate .side{left:8px}
  .g-prices b{font-size:44px}
  .g-end{padding:110px 16px 120px}
}
.plates.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.plate .axis-link{margin-top:16px}
.counts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1.5px solid var(--navy)}
.counts li{padding:26px 26px 0 0;border-right:1px dotted rgba(31,42,68,.3);margin-right:26px}.counts li:last-child{border-right:0}
.counts b{display:block;font:200 clamp(64px,6.4vw,96px)/.9 var(--sans);color:var(--char)}.counts b small{font-size:.35em;margin-left:4px}
.counts .lab{display:block;margin-top:10px;font:500 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--navy)}
.counts p{margin:8px 0 0;font:400 15px/1.5 var(--sans);color:var(--navy-soft)}
.steps-line{display:block;width:100%;height:auto;margin:0 0 10px;overflow:visible}
.steps3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.steps3 b{display:block;font:200 72px/.9 var(--sans);color:var(--char)}
.steps3 h3{margin:14px 0 8px;font-size:21px;text-transform:uppercase;color:var(--navy)}
.steps3 p{margin:0;font:400 16px/1.55 var(--sans);color:var(--navy-soft)}
@media (max-width:900px){.plates.three{grid-template-columns:1fr}.counts{grid-template-columns:1fr 1fr;row-gap:26px}.counts li:nth-child(2){border-right:0}.steps3{grid-template-columns:1fr}.steps-line{display:none}}
#start{padding:170px 28px 230px}
#start h2{font-size:clamp(40px,5.2vw,78px)}
@media (max-width:520px){#start{padding:110px 16px 170px}}