.about__hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:clamp(32px,6vw,96px);padding-block:clamp(48px,7vw,104px) clamp(40px,5vw,72px);display:grid}.about__intro{gap:24px;display:grid}.about__intro .display{font-size:var(--fs-display);max-width:12ch}.about__lead{font-family:var(--f-title);max-width:30ch;font-size:clamp(22px,1.2rem + 1.1vw,32px);line-height:1.3}.about__art,.about__aside{color:inherit;justify-items:center;gap:12px;text-decoration:none;display:grid}.about__art .framed,.about__aside .framed{--frame-w:5px;width:min(100%,420px);aspect-ratio:var(--ar);transition:transform var(--t-slow) var(--ease-out),box-shadow var(--t-slow) var(--ease-out);padding:0}.about__aside .framed{width:min(100%,300px)}@media (hover:hover){.about__art:hover .framed,.about__aside:hover .framed{transform:translateY(-10px)scale(1.015);box-shadow:0 2px 2px #0000001f,0 34px 48px -18px #00000073,0 72px 110px -44px #0006}}.about__principles{border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.about__principles>div{align-content:start;gap:10px;padding:28px 28px 32px 0;display:grid}.about__principles>div+div{border-left:1px solid var(--rule);padding-left:28px}.about__principles h2{font-family:var(--f-mark);font-variation-settings:"wdth" 118;font-size:20px;font-weight:700}.about__principles p{color:var(--ink-soft);max-width:34ch}.about__how{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.about__howHead{top:calc(var(--bar-h) + 24px);gap:16px;display:grid;position:sticky}.about__howHead .h2{max-width:10ch}.about__steps{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.about__steps li{border-bottom:1px solid var(--rule);grid-template-columns:48px minmax(0,1fr);gap:4px 20px;padding:24px 0 28px;display:grid}.about__steps li .data{padding-top:6px}.about__steps h3{font-family:var(--f-title);font-size:clamp(24px,1.2rem + 1vw,32px);font-weight:500;line-height:1.05}.about__steps p{color:var(--ink-soft);grid-column:2;max-width:52ch;line-height:1.55}.about__aside{top:calc(var(--bar-h) + 24px);align-self:end;position:sticky}.about__band{background:var(--ink);color:var(--wall);padding-block:clamp(64px,8vw,120px)}.about__band .h2{color:var(--wall)}.about__bandGrid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.about__band .h2{margin-bottom:24px}.about__list{border-top:1px solid #3a3e3c;margin:0;padding:0;list-style:none}.about__list li{border-bottom:1px solid #3a3e3c;max-width:56ch;padding:14px 0;line-height:1.5}.about__why p{color:#cfcbc2;max-width:44ch;line-height:1.6;font-size:var(--fs-md)}.about__cta{justify-items:start;gap:32px;display:grid}.about__cta .display{font-size:var(--fs-2xl)}.about__ctaRow{flex-wrap:wrap;align-items:center;gap:16px 32px;display:flex}@media (max-width:1100px){.about__how{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.about__aside{display:none}}@media (max-width:860px){.about__hero{grid-template-columns:1fr}.about__art{justify-items:start}.about__principles{grid-template-columns:1fr}.about__principles>div+div{border-left:0;border-top:1px solid var(--rule);padding-left:0}.about__how{grid-template-columns:1fr}.about__howHead{position:static}.about__bandGrid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.about__art .framed,.about__aside .framed{transition:none}}
