.paper{& .cs-hero{padding-top:calc(176 * var(--u))}& .cs-hero .label{margin-bottom:calc(36 * var(--u));grid-column:1/13}& .cs-hero h1{font:var(--display-xl);font-size:calc(124 * var(--u));letter-spacing:-.045em;text-wrap:balance;grid-column:1/13}& .cs-hero__foot{margin-top:calc(56 * var(--u));align-items:end}& .cs-hero__credit{font:400 15px / 1.5 var(--sans);color:var(--mute);grid-column:1/6}& .cs-hero__lede{font:var(--body-l);color:var(--mute);text-wrap:pretty;grid-column:7/12}& .cs-hero__lede strong{color:var(--ink);font-weight:400}& .cs-meta{margin-top:calc(72 * var(--u));row-gap:24px}& .cs-meta div{border-top:1px solid var(--rule);grid-column:span 3;padding-top:18px}& .cs-meta dt{margin-bottom:12px}& .cs-meta dd{font:400 17px / 1.4 var(--sans);max-width:26ch}& .cs-figure{margin:calc(64 * var(--u)) var(--margin) 0}& .cs-frame{position:relative}& .cs-frame img,& .cs-frame video{width:100%;height:auto;display:block}& .cs-cap{justify-content:space-between;gap:var(--gutter);margin-top:18px;display:flex}& .cs-stats{margin:calc(144 * var(--u)) var(--margin) 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:repeat(4,1fr);display:grid}& .cs-stat{padding:calc(40 * var(--u)) calc(32 * var(--u)) calc(44 * var(--u))}& .cs-stat+.cs-stat{border-left:1px solid var(--rule)}& .cs-stat b{font:400 calc(96 * var(--u)) / 1 var(--sans);letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin-bottom:20px;display:block}& .cs-stat span{color:var(--mute);max-width:24ch;font-size:15px;line-height:1.5;display:block}& .cs-title{text-align:center;font:var(--display-l);font-size:calc(80 * var(--u));letter-spacing:-.035em;margin-bottom:calc(96 * var(--u));text-wrap:balance}& .cs-pair{row-gap:18px}& .cs-pair>*{grid-column:span 6}& .cs-span{grid-column:1/-1}& .cs-trio{row-gap:18px}& .cs-trio>*{grid-column:span 4}& .cs-trio+.cs-pair{margin-top:18px}& .cs-pair+.rows{margin-top:calc(96 * var(--u))}& .cs-outcome h3{font:var(--display-l);font-size:calc(72 * var(--u));letter-spacing:-.035em;text-wrap:balance;grid-column:1/12}& .cs-outcome__body{margin-top:calc(64 * var(--u));color:var(--mute);grid-column:7/12}& .cs-outcome__body p+p{margin-top:16px}& .cs-outcome__body .link-line{margin-top:32px}& .cs-media{align-items:stretch;row-gap:24px}& .cs-media__wide{grid-column:1/10}& .cs-media__phone{grid-column:10/13;height:0;min-height:100%}& .cs-media__statement{margin-top:calc(96 * var(--u))}& .cs-media__detail{grid-column:1/8}& .cs-media__note{color:var(--mute);grid-column:9/13;padding-top:12px}& .cs-media__note p+p{margin-top:16px}& .cs-tabs{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}& .cs-tabset .cs-tabs{padding-inline:var(--margin)}& .cs-tabset [data-property-panel][hidden]{display:none}& .cs-tabbed{flex-direction:column;grid-column:1/10;min-width:0;min-height:0;display:flex}& .cs-tabbed [data-property-panels]{flex-direction:column;flex:1;gap:24px;min-height:0;display:flex}& .cs-tabbed [data-property-panel]{flex:1;min-height:0}& .cs-tabbed~.cs-media__phone{padding-top:62px}& .cs-figure .label{justify-content:space-between;gap:var(--gutter);display:flex}& .cs-credits{margin-top:calc(64 * var(--u));align-items:baseline}& .cs-credits__text{font:400 15px / 1.5 var(--sans);color:var(--mute);grid-column:1/7;max-width:52ch}& .cs-credits__links{grid-column:7/13;justify-content:flex-end;gap:32px;display:flex}& .cs-system{align-items:start;row-gap:24px}& .cs-system__specimen{grid-column:1/10}& .cs-system__side{padding-top:calc(56 * var(--u));grid-column:10/13}& .cs-system__side h3{font:var(--display-m);font-size:calc(48 * var(--u));letter-spacing:-.03em;text-wrap:balance;margin-bottom:28px}& .cs-system__side p{color:var(--mute)}& .cs-system__side dl{border-top:1px solid var(--rule);margin-top:32px}& .cs-system__side dl div{border-bottom:1px solid var(--rule);padding-block:14px}& .cs-system__side dt{margin-bottom:8px}& .cs-system__side dd{font:400 15px / 1.4 var(--sans)}& .cs-system__side .link-line{margin-top:28px}& .cs-specimen__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}& .cs-specimen__bar+.cs-specimen__bar,& .cs-specimen__status{margin-top:18px;margin-bottom:0}& .cs-specimen__tabs{gap:6px;display:flex}& .cs-specimen__frame{box-shadow:0 0 0 1px var(--rule);position:relative;overflow:hidden}& .cs-specimen__code{margin-top:18px}& .cs-specimen__code summary{cursor:pointer;font:var(--label);letter-spacing:.06em;text-transform:uppercase;padding-block:12px}& .cs-specimen__code pre{background:var(--ink);color:var(--paper);font:400 13px / 1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;padding:24px}& .cs-close{border-top:1px solid var(--rule);padding-top:18px;padding-bottom:calc(96 * var(--u));align-items:baseline}& .cs-close__back{grid-column:1/5;justify-self:start}& .cs-close__next{justify-content:space-between;align-items:baseline;gap:var(--gutter);grid-column:7/13;display:flex}& .cs-close__next a{font:400 max(26px, calc(34 * var(--u))) / 1.1 var(--sans);letter-spacing:-.01em}@container page (width<64rem){& .cs-hero{padding-top:120px}& .cs-hero .label{grid-column:1/-1;margin-bottom:24px}& .cs-hero h1{letter-spacing:-.04em;grid-column:1/-1;font-size:calc(5.391cqi + 32.9751px)}& .cs-hero__foot{row-gap:24px;margin-top:32px}& .cs-hero__lede{grid-area:1/1/auto/-1;max-width:32em;font-size:18px;line-height:1.45}& .cs-hero__credit{grid-column:1/-1}& .cs-meta{row-gap:20px;margin-top:40px}& .cs-meta div{grid-column:span 2}& .cs-meta dd{font-size:15px}& .cs-figure{margin-top:40px}& .cs-cap,& figcaption.label{flex-direction:column;align-items:flex-start;gap:8px}& .cs-stats{grid-template-columns:1fr 1fr;margin-top:88px}& .cs-stat{padding:28px 16px 32px}& .cs-stat:nth-child(3){border-left:0}& .cs-stat:nth-child(n+3){border-top:1px solid var(--rule)}& .cs-stat b{margin-bottom:14px;font-size:calc(1.9353cqi + 48.4523px)}& .cs-stat span{font-size:14px}& .cs-title{padding-inline:var(--margin);margin-bottom:40px;font-size:calc(2.0329cqi + 36.0717px)}& .cs-pair,& .cs-trio{row-gap:32px}& .cs-trio>*,& .cs-pair>*{grid-column:1/-1}& .cs-pair+.rows{margin-top:56px}& .cs-outcome h3{grid-column:1/-1;font-size:calc(1.7666cqi + 33.1103px);line-height:1.02}& .cs-outcome__body{grid-column:1/-1;max-width:60ch;margin-top:32px}& .cs-media__wide,& .cs-media__phone,& .cs-media__detail,& .cs-media__note,& .cs-tabbed,& .cs-credits__text,& .cs-credits__links{grid-column:1/-1}& .cs-media__note{max-width:60ch;padding-top:0}& .cs-media__phone{max-width:20rem;height:auto;min-height:0}& .cs-tabbed~.cs-media__phone{padding-top:0}& .cs-media__phone [data-project-image-open]{aspect-ratio:39/64}& .cs-system__specimen,& .cs-system__side{grid-column:1/-1}& .cs-system__side{max-width:60ch;padding-top:24px}& .cs-system__side h3{font-size:36px}& .cs-media__statement{margin-top:48px}& .cs-credits{row-gap:16px;margin-top:40px}& .cs-credits__links{justify-content:flex-start}& .cs-close{row-gap:24px;padding-bottom:64px}& .cs-close__back,& .cs-close__next{grid-column:1/-1}& .cs-close__next{flex-direction:column;align-items:flex-start;gap:12px}}@container page (40rem<=width<64rem){& .cs-meta div{grid-column:span 1}& .cs-stats{grid-template-columns:repeat(4,1fr)}& .cs-stat:nth-child(3){border-left:1px solid var(--rule)}& .cs-stat:nth-child(n+3){border-top:0}& .cs-pair>*{grid-column:span 2}}}