/* A vector light field. Browser-antialiased at every scale, including in motion. */
.closing-section{position:relative;isolation:isolate;background:var(--accent);overflow:hidden}
.closing-inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);column-gap:24px;row-gap:36px;min-height:540px;padding-block:104px;align-items:center}
.closing-copy{grid-column:1;grid-row:1;align-self:end;z-index:2}
.closing-copy .eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:28px}
.closing-copy h2{font-size:clamp(40px,4.9vw,72px);letter-spacing:-.065em;line-height:1.06}
.closing-line,.closing-line>span{display:block}
.closing-inner>.closing-actions{grid-column:1;grid-row:2;align-self:start;display:flex;flex-direction:row;align-items:center;gap:22px;margin:0;z-index:2}
.closing-actions .button{margin:0;min-height:54px;padding-inline:26px}
.closing-inner>.closing-art{grid-column:2;grid-row:1 / span 2;position:relative;inset:auto;width:calc(100% + 140px);aspect-ratio:640/520;margin:-68px -92px -68px -48px;z-index:1;pointer-events:none}
.closing-field{display:block;width:100%;height:auto;overflow:visible}
.closing-field-live{display:none}.closing-section[data-renderer=svg-field] .closing-field-live{display:block}.closing-section[data-renderer=svg-field] .closing-field-still{display:none}
@media(min-width:1800px){.closing-copy h2{font-size:72px}}
@media(max-width:1100px){.closing-inner{padding-block:88px;min-height:480px;column-gap:0}.closing-inner>.closing-art{width:calc(100% + 88px);margin-inline:-24px -64px}.closing-copy h2{font-size:clamp(40px,4.9vw,60px)}.closing-inner>.closing-actions{gap:16px}.closing-actions .button{padding-inline:22px;font-size:12px}}
@media(max-width:760px){.closing-inner{grid-template-columns:1fr;row-gap:0;padding-block:64px 48px;min-height:0}.closing-copy{grid-column:1;grid-row:1;align-self:auto}.closing-copy .eyebrow{font-size:9px;margin-bottom:24px}.closing-copy h2{font-size:clamp(36px,6.8vw,54px);line-height:1.08;letter-spacing:-.055em}.closing-inner>.closing-art{grid-column:1;grid-row:2;width:min(480px,calc(100% + 48px));margin:12px -24px 16px;justify-self:center}.closing-inner>.closing-actions{grid-column:1;grid-row:3;justify-content:space-between;gap:12px;width:100%;max-width:440px;justify-self:center;flex-wrap:wrap}.closing-actions .button{min-height:50px;padding-inline:20px;font-size:11px}}
@media(max-width:360px){.closing-actions .button{padding-inline:18px}.closing-inner>.closing-actions{gap:8px}}
/* Square-wave reveal (closing-motion.js): a canvas of page-dark squares over the section, swept
   away once. The headline lines rise out of their own line boxes as the wave clears them. */
.closing-reveal{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.closing-section[data-reveal] .closing-line{overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.closing-section[data-reveal] .closing-line>span{transition:transform .9s cubic-bezier(.2,.72,.2,1) .22s}
.closing-section[data-reveal] .closing-line:nth-child(2)>span{transition-delay:.34s}
.closing-section[data-reveal] .closing-copy .eyebrow,.closing-section[data-reveal] .closing-actions{transition:opacity .7s cubic-bezier(.2,.72,.2,1) .16s,transform .7s cubic-bezier(.2,.72,.2,1) .16s}
.closing-section[data-reveal] .closing-actions{transition-delay:.5s}
.closing-section[data-reveal=pending] .closing-line>span{transform:translateY(110%)}
.closing-section[data-reveal=pending] .closing-copy .eyebrow,.closing-section[data-reveal=pending] .closing-actions{opacity:0;transform:translateY(12px)}
@media print{.closing-reveal{display:none}.closing-section[data-reveal=pending] .closing-line>span{transform:none;transition:none}.closing-section[data-reveal=pending] .closing-copy .eyebrow,.closing-section[data-reveal=pending] .closing-actions{opacity:1;transform:none;transition:none}}
