.info-page{min-width:0}.info-stage{top:var(--title-height);right:var(--gutter);bottom:calc(var(--footer-height) + var(--gutter));left:var(--gutter);min-height:0;position:absolute}.info-split{grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr);height:100%;display:grid}.info-panel{--paper-frame-fill:var(--page);width:100%;height:100%}.info-panel__inner{background:var(--page);width:100%;height:100%;padding:clamp(22px,min(4vw,6vh),68px);overflow:auto}.info-panel--canvas .info-panel__inner{background:var(--canvas)}.info-kicker{color:rgb(var(--ink-rgb) / .5);letter-spacing:.3em;text-transform:uppercase;margin:0;font-size:10px;font-weight:700}.info-heading{letter-spacing:-.04em;text-wrap:balance;max-width:13ch;margin:clamp(12px,2.75vh,22px) 0 0;font-size:clamp(32px,min(4.7vw,9vh),76px);font-weight:800;line-height:.96}.info-copy{max-width:60ch;color:rgb(var(--ink-rgb) / .68);margin-top:clamp(16px,4vh,32px);font-size:15px;font-weight:600;line-height:1.65}.info-copy p{margin:0}.info-copy p+p{margin-top:18px}.info-process{flex-direction:column;justify-content:center;height:100%;display:flex}.info-process li{border-top:var(--hair) solid var(--ink);grid-template-columns:clamp(38px,3.4vw,54px) minmax(0,1fr);gap:clamp(12px,1.25vw,20px);padding:clamp(14px,3vh,24px) 0;display:grid}.info-process li:last-child{border-bottom:var(--hair) solid var(--ink)}.info-process b{font-variant-numeric:tabular-nums;font-size:27px;font-weight:800}.info-process h2{letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:18px;font-weight:800}.info-process p{color:rgb(var(--ink-rgb) / .62);margin:8px 0 0;font-size:13px;font-weight:600;line-height:1.55}@media (max-height:1200px) and (min-width:821px){.info-panel__inner{padding:clamp(20px,min(3.4vw,5vh),52px)}.info-heading{font-size:clamp(30px,min(4.2vw,8vh),64px)}.info-copy{margin-top:clamp(14px,3.4vh,26px);font-size:14px}.info-process b{font-size:24px}.info-process h2{font-size:16px}}@media (max-width:1100px){.info-panel__inner{padding:clamp(22px,min(3vw,5vh),34px)}.info-heading{font-size:clamp(32px,min(4.3vw,8vh),44px)}}@media (max-height:620px) and (min-width:821px){.info-copy{font-size:13px;line-height:1.48}.info-copy p+p{margin-top:10px}.info-process p{margin-top:5px;line-height:1.4}}@media (max-width:820px){.info-page{min-width:0}.info-stage{margin:174px 16px 28px;position:relative;inset:auto}.info-split{flex-direction:column;gap:15px;height:auto;display:flex}.info-panel__inner{height:auto;min-height:460px}}
