.of-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(2rem,1rem + 4vw,6rem);margin-top:clamp(2.5rem,2rem + 2vw,4rem);display:grid}.of-chapter.is-flipped .of-copy{order:2}.of-chapter.is-flipped .of-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.of-title{max-width:14ch}@media (max-width:640px){.of-title{max-width:none}}.of-summary{max-width:36ch;margin-top:1.75rem}.of-why{max-width:52ch;margin-top:1.25rem}.of-services{border-top:1px solid var(--line-2);margin:2.5rem 0 0;padding:0;list-style:none}.of-services li{border-bottom:1px solid var(--line)}.of-service{gap:var(--col-gap);transition:padding var(--dur) var(--ease), background-color var(--dur) var(--ease);grid-template-columns:minmax(0,4fr) minmax(0,5fr) auto;align-items:baseline;padding:1.15rem 0;display:grid}.of-service:hover{background:var(--surface);padding-inline:.6rem}.of-service-t{font-size:1.1rem;font-weight:500}.of-service-d{font-size:var(--fs-sm)}.of-service svg{transition:transform var(--dur) var(--ease);align-self:center}.of-service:hover svg{transform:translate(4px)}.of-art{top:calc(var(--header-h) + 2rem);position:sticky}.of-art-frame{border:1px solid var(--line);background:var(--bg);padding:clamp(2rem,1rem + 3vw,3.5rem) clamp(1.5rem,1rem + 2vw,2.5rem);position:relative}.tone-alt .of-art-frame{background:var(--bg)}.of-art-fig{font-size:var(--fs-micro);color:var(--brass);position:absolute;top:.9rem;left:1rem}@media (max-width:960px){.of-grid,.of-chapter.is-flipped .of-grid{grid-template-columns:minmax(0,1fr)}.of-chapter.is-flipped .of-copy{order:0}.of-art{max-width:520px;position:static}}@media (max-width:640px){.of-service{grid-template-columns:minmax(0,1fr) auto}.of-service-d{grid-column:1}.of-service svg{grid-area:1/2}}