.spec-cap code{font-family:var(--font-mono);font-size:var(--figcap-code);color:var(--ink);white-space:nowrap}.spec-cap b{font-weight:var(--fw-heading)}.spec{margin:0;min-width:0;display:flex;flex-direction:column}.spec>.spec-frame{flex:1}.spec-grid{display:grid;gap:var(--spec-gap);margin-bottom:var(--s-6)}.spec-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:0}.cols-2>.spec{grid-row:span 2;display:grid;grid-template-rows:subgrid}.spec-note{grid-row:3}.spec-frame{background:var(--bg);color:var(--ink);border:1px solid var(--blog-hairline);border-radius:var(--spec-r);padding:var(--s-6);min-height:var(--spec-min-h);display:grid;place-items:center;overflow:hidden;position:relative;transition:background var(--dur-theme) var(--ease),color var(--dur-theme) var(--ease)}.spec-frame[data-theme]{border-color:var(--line)}.on-accent .spec-frame{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.spec-cap{font-size:var(--fs-figcap);line-height:var(--lh-figcap);color:var(--blog-muted);margin-top:var(--media-caption-gap)}.spec-frame .logo{color:currentColor}.spec-fig{padding:var(--s-4)}.spec-construct{width:100%;max-width:var(--spec-construct-w);height:auto;fill:currentColor;font-family:var(--font-mono);font-size:var(--spec-fs-dim)}.spec-gridlines line{stroke:var(--line-strong);stroke-width:var(--spec-line-w);stroke-dasharray:var(--spec-dash);opacity:var(--o-soft)}.spec-dims line{stroke:var(--spec-dim-ink);stroke-width:var(--spec-dim-w)}.spec-dims text{fill:var(--spec-dim-ink);font-size:var(--spec-fs-dim-svg);paint-order:stroke;stroke:var(--bg);stroke-width:var(--spec-halo);stroke-linejoin:round}.spec-clear{fill:none;stroke:var(--spec-dim-ink);stroke-width:var(--spec-clear-w);stroke-dasharray:var(--spec-clear-dash)}.spec-x{fill:var(--spec-dim-ink);opacity:var(--spec-x-o)}.spec-ladder{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:var(--s-5)}.ladder-step{display:flex;flex-direction:column;align-items:center;gap:var(--s-3)}.ladder-step .logo{color:currentColor}.ladder-read{display:flex;flex-direction:column;align-items:center;font-family:var(--font-mono);font-size:var(--fs-foot);line-height:var(--lh-foot);color:var(--blog-muted)}.ladder-size{color:var(--ink)}.sw{display:flex;flex-direction:column;gap:var(--s-1);font-size:var(--fs-foot);line-height:var(--lh-foot)}.tile-row{display:flex;flex-wrap:wrap;gap:var(--s-3);place-items:start;justify-content:flex-start}.tile-chip{width:var(--spec-swatch-h);height:var(--spec-swatch-h);border-radius:var(--r-m);display:grid;place-items:center;color:var(--on-media);font-family:var(--font-mono);font-size:var(--fs-meta)}.family{display:flex;flex-direction:column;gap:var(--s-5);place-items:stretch;text-align:left}.preset{border:1px solid var(--blog-hairline);border-radius:var(--spec-r);padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-4)}.spec-frame .list{width:100%;align-self:center}.scopes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spec-gap)}.scope{background:var(--bg);color:var(--ink);border-radius:var(--r-l);padding:var(--s-4);border:1px solid var(--line)}@container shell (width <= 1067.7px){.scopes{grid-template-columns:repeat(2,minmax(0,1fr))}}@container shell (width < 720px){.cols-2>.spec{display:contents}.cols-2>.spec>.spec-frame{grid-row:1}.cols-2>.spec>.spec-cap{grid-column:1 / -1}.spec-note{grid-row:auto;grid-column:1 / -1}}@container shell (width <= 519.7px){.spec-grid.cols-2,.scopes{grid-template-columns:1fr}.spec-grid.cols-2{row-gap:var(--spec-gap)}.cols-2>.spec{display:flex;grid-row:auto}.cols-2>.spec>.spec-frame{grid-row:auto}}.pdp{container:shell / inline-size;max-width:var(--page-max);margin:0 auto;padding:0 var(--gutter) var(--brand-section-gap);font-family:var(--font-sans);font-variation-settings:"wdth" var(--sans-wdth);letter-spacing:0;color:var(--ink)}.pdp :where(p){margin:0}.pdp-hero,.moment,.piece{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--grid-gap);align-content:start}.pdp-hero>*,.moment>*,.piece>*{grid-column:1 / -1;min-width:0}.pdp-hero{padding-block:var(--brand-section-gap) var(--blog-section-gap);border-bottom:1px solid var(--seam)}.moment{padding-block:var(--section-main);border-bottom:1px solid var(--seam)}.moment.is-last{border-bottom:0;padding-bottom:0}.piece{padding-block:var(--brand-section-gap);border-bottom:1px solid var(--seam)}.piece:last-child{border-bottom:0;padding-bottom:0}.pdp>section{scroll-margin-top:var(--crumb-h)}.pdp:has(>.speed)>section{scroll-margin-top:var(--pdp-anchor-speed)}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-crumb);letter-spacing:var(--pdp-eyebrow-track);color:var(--blog-muted);margin-bottom:var(--s-5)}.pdp h1{font-family:var(--font-serif);font-weight:var(--fw-body);font-variation-settings:"wdth" var(--serif-wdth);font-size:min(var(--fs-banner),var(--pdp-title-fit));line-height:var(--lh-banner);margin:0 0 var(--s-6);text-wrap:var(--wrap-heading)}.lede{font-size:var(--fs-copy);line-height:var(--lh-copy);color:var(--blog-muted);text-wrap:var(--wrap-copy)}.lede a,.copy a{color:var(--ink)}.head{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);margin-bottom:var(--s-6);text-align:center}.pdp[data-axis=start] :is(.moment,.piece):has(.pdp-demo .ctl-row)>.head{grid-column:1 / 9;align-items:flex-start;text-align:start}.head h2{font-family:var(--font-serif);font-weight:var(--fw-body);font-variation-settings:"wdth" var(--serif-wdth);font-size:min(var(--fs-cat),var(--pdp-head-fit));line-height:var(--lh-cat);margin:0;text-wrap:var(--wrap-heading)}.head .h2-xl{font-size:min(var(--fs-banner),var(--pdp-title-fit));line-height:var(--lh-banner)}.tag{font-family:var(--font-mono);font-size:var(--fs-crumb);color:var(--blog-muted)}.copy{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--blog-muted);margin-top:var(--s-5);text-wrap:var(--wrap-copy)}.piece>.copy{grid-column:1 / 8}.copy b{color:var(--ink);font-weight:var(--fw-ui)}.gap,.stage-fig.gap{margin-top:var(--s-8)}.center{text-align:center}.center>:is(.lede,.copy,.cap,.rules,.facts,.tenets,.ctl-row){grid-column:1 / -1;margin-inline:var(--text-col-in) 0;text-align:start;justify-content:flex-start}.facts,.tenets{max-inline-size:min(100%,var(--text-col))}.piece>.rules{inline-size:100%;margin-inline:auto}.pdp-hero .ctl-row{justify-content:center}.moment>.lede+*{margin-top:var(--s-8)}.pdp-hero>.pdp-demo{margin-top:var(--s-9)}.pdp-hero:has(+.speed){border-bottom:0}.pdp-hero>h1{grid-column:2 / 12}.moment>.head,.piece>.head{grid-column:3 / 11}.pdp-demo{container:pdp-demo / inline-size;min-width:0}.stage-fig{margin:0;min-width:0}.stage-svg{display:block;width:100%;max-width:100%;height:auto;overflow:hidden;fill:currentColor}.frame-plain{color:var(--ink)}.frame-word,.frame-film{container-type:inline-size;display:grid;place-items:center;inline-size:100%;aspect-ratio:var(--pdp-film-ar);max-block-size:var(--pdp-stage-max-h);border-radius:var(--r-m);overflow:hidden;color:var(--ink)}.frame-word{border:1px solid var(--seam)}.frame-film{background:var(--bg);transition:background var(--dur-theme) var(--ease)}.frame-word .stage-svg,.frame-film .stage-svg{inline-size:min(var(--pdp-wm-fit),var(--pdp-wm-max))}.is-title .frame-film{inline-size:var(--stage-narrow);max-block-size:none}.center :is(.is-title .frame-film,.pdp-pair.is-sq){margin-inline:auto}.stage-cap,.stage-fig>.cap{text-align:start}.frame-icon{container-type:inline-size;display:grid;place-items:center;inline-size:100%;aspect-ratio:1;border:1px solid var(--seam);border-radius:var(--r-m);color:var(--ink)}.frame-icon>svg{inline-size:var(--pdp-mark-fit);block-size:auto;aspect-ratio:1}.stage-fig.is-sq>.frame-icon{max-inline-size:var(--pdp-sq-max)}.pdp-pair .stage-fig.is-sq>.frame-icon{max-inline-size:none}.center .frame-icon{margin-inline:auto}.stage-name{font-size:var(--fs-small);line-height:var(--lh-small);font-weight:var(--fw-ui);color:var(--ink);margin-top:var(--s-5)}.stage-name+.ctl-row{margin-top:var(--s-3)}.ctl-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-4);margin-top:var(--s-5)}.seg button:focus-visible{outline:var(--focus-w) solid var(--ink);outline-offset:var(--r-key)}.lock{display:inline-grid;align-items:center}.lock>[data-l]{grid-area:1 / 1;visibility:hidden;white-space:nowrap}.lock-center>[data-l]{justify-self:center}.lock[data-show=pause]>[data-l=pause],.lock[data-show=play]>[data-l=play],.lock[data-show=go]>[data-l=go],.lock[data-show=back]>[data-l=back],.lock[data-show=at0]>[data-l=at0],.lock[data-show=to0]>[data-l=to0],.lock[data-show=at1]>[data-l=at1],.lock[data-show=to1]>[data-l=to1],.lock[data-show=label]>[data-l=label],.lock[data-show=done]>[data-l=done]{visibility:visible}.state{font-family:var(--font-mono);font-size:var(--fs-crumb);color:var(--blog-muted)}.state.is-chip{min-block-size:var(--btn-h);padding-inline:var(--s-3);border-radius:var(--r-pill);background:var(--surface-band);justify-items:center}.cap{font-family:var(--font-mono);font-size:var(--fs-crumb);color:var(--blog-muted);margin-top:var(--s-4)}.two,.three,.four,.pdp-tiles{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--grid-gap);row-gap:var(--s-8)}.two>*{grid-column:span 6;min-width:0}.three>*,.pdp-tiles>*{grid-column:span 4;min-width:0}.four>*{grid-column:span 3;min-width:0}.pdp-tiles{row-gap:var(--grid-gap)}.pdp-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-8) var(--grid-gap)}.speed{position:sticky;top:calc(var(--nav-h) + var(--crumb-h));z-index:var(--z-dropdown);display:flex;justify-content:flex-end;padding-block:var(--s-3);margin-top:var(--s-7)}.speed:before{content:"";position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:var(--bg);border-bottom:1px solid var(--seam);transition:background var(--dur-theme) var(--ease)}.seg{display:inline-flex;align-items:center;gap:var(--pdp-seg-gap);font-family:var(--font-mono);font-size:var(--fs-crumb);color:var(--blog-muted)}.seg>span{margin-right:var(--s-1)}.seg button{display:inline-flex;align-items:center;height:var(--pdp-seg-h);padding:0 var(--pdp-seg-px);border:1px solid var(--seam);border-radius:var(--r-pill);background:transparent;color:var(--blog-muted);font-family:var(--font-mono);font-size:var(--fs-crumb)}.seg button>span{text-box:trim-both cap alphabetic}.seg button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.piece>.mini{grid-column:1 / 9}.mini{border:1px solid var(--seam);border-radius:var(--r-m);overflow:hidden;background:var(--bg)}.mini-bar{display:flex;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--seam)}.mini-bar i{width:var(--pdp-mini-bar-dot);height:var(--pdp-mini-bar-dot);border-radius:var(--r-round);background:var(--seam)}.mini-scroll{height:var(--pdp-mini-h);overflow-y:auto;overscroll-behavior:contain;position:relative}.mini-nav{position:sticky;top:0;z-index:var(--z-tip);display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);height:var(--pdp-mini-nav-h);padding-inline:var(--s-5);background:var(--bg);border-bottom:1px solid var(--seam)}.mini-nav .stage-fig{flex:none}.mini-nav .stage-svg{height:var(--pdp-mini-logo-h);width:auto;overflow:visible}.mini-links{display:flex;gap:var(--s-3)}.mini-links b{display:block;width:var(--pdp-mini-link-w);height:var(--pdp-mini-link-h);border-radius:var(--r-s);background:var(--seam)}.mini-page{padding:var(--s-6) var(--s-5) var(--pdp-mini-tail)}.mini-page b{display:block;height:var(--s-3);border-radius:var(--r-s);background:var(--seam);margin-bottom:var(--s-4)}.mini-page b.h{height:var(--s-6);width:62%;margin-bottom:var(--s-5)}.mini-page b:nth-child(2){width:88%}.mini-page b:nth-child(3){width:94%}.mini-page b:nth-child(4){width:71%}.mini-page b:nth-child(5){width:90%}.mini-page b:nth-child(6){width:64%}.tablewrap{overflow-x:auto}.pdp table{border-collapse:collapse;width:100%;font-size:var(--fs-small);line-height:var(--lh-small);font-variant-numeric:tabular-nums}.pdp th,.pdp td{text-align:left;padding:var(--s-4) var(--s-5) var(--s-4) 0;border-bottom:1px solid var(--seam);vertical-align:top}.pdp th{font-family:var(--font-mono);font-weight:var(--fw-body-strong);font-size:var(--fs-crumb);color:var(--blog-muted);padding-top:0;white-space:nowrap}.pdp td.k{font-family:var(--font-mono);font-size:var(--fs-crumb);white-space:nowrap}.pdp td b{font-weight:var(--fw-ui)}.pdp td.serif{font-family:var(--font-serif);font-size:var(--fs-ui-2);line-height:var(--lh-ui-2)}@container shell (width <= 560px){.tablewrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.tablewrap tr{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:var(--s-4);row-gap:var(--s-2);padding-block:var(--s-4);border-bottom:1px solid var(--seam)}.pdp .tablewrap td{display:block;padding:0;border:0}.pdp .tablewrap td.prose{flex-basis:100%}.pdp .tablewrap td[data-label]:before{content:attr(data-label) " ";color:var(--blog-muted)}}.rules{columns:var(--rules-cols);column-gap:var(--grid-gap);max-inline-size:calc(var(--rules-cols) * var(--measure-body) * var(--ch-text) + (var(--rules-cols) - 1) * var(--grid-gap));margin:var(--s-7) 0 0;padding:0;list-style:none;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--blog-muted);text-align:left}.head+.rules{margin-top:0}.rules li{break-inside:avoid;padding-left:var(--pdp-dot-indent);position:relative}.rules li+li{margin-top:var(--s-5)}.rules li:before{content:"";position:absolute;left:0;top:var(--pdp-dot-top);width:var(--pdp-dot);height:var(--pdp-dot);border-radius:var(--r-round);background:var(--ink)}.status{font-family:var(--font-mono);font-size:var(--fs-crumb);color:var(--blog-muted);white-space:nowrap}.status.is-proposed{color:var(--ink)}.pdp-tile{display:block;container:pdp-tile / inline-size;border:1px solid var(--seam);border-radius:var(--r-m);overflow:hidden;color:var(--ink);text-align:left;transition:background var(--dur-fast) var(--ease)}.pdp-tile-in{display:flex;flex-direction:column;block-size:100%}.pdp-tile:hover{background:var(--bg-raised)}.pdp-tile-art{height:var(--pdp-tile-art-h);container-type:inline-size;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--seam);padding-block:var(--pdp-card-py);color:var(--ink)}.pdp-tile-body{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--pdp-card-px);flex:1}@container pdp-tile (width >= 576px){.pdp-tile-in{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.pdp-tile-art{height:auto;border-bottom:0;border-right:1px solid var(--seam)}}.pdp-tile-art .serif-line{font-family:var(--font-serif);font-size:clamp(var(--pdp-h2),var(--pdp-line-fit),var(--fs-cat));line-height:var(--lh-cat);max-inline-size:var(--pdp-art-box);text-align:center;text-wrap:var(--wrap-heading)}.pdp-tile-mark,.frame-icon{--f-top-w:var(--logo-arm-w)}.pdp-tile-mark svg{display:block;inline-size:min(var(--pdp-mark-fit),calc(var(--pdp-mark-share) * var(--pdp-tile-art-h)));block-size:auto;aspect-ratio:1}.pdp-tile-art .pdp-tile-wm{display:block;inline-size:min(var(--pdp-wm-fit),var(--pdp-wm-max));height:auto;color:currentColor}.pdp-tile-art .pdp-tile-wm svg{width:100%;height:auto}.pdp-tile h3{font-family:var(--font-serif);font-weight:var(--fw-body);font-size:var(--pdp-h2);line-height:var(--lh-h2);margin:0}.pdp-tile p{color:var(--blog-muted);font-size:var(--fs-small);line-height:var(--lh-small)}.pdp-tile .go{display:inline-flex;align-items:center;gap:var(--s-1);font-weight:var(--fw-ui);font-size:var(--fs-ui);margin-top:auto;padding-top:var(--s-4)}.pdp-tile .go svg{width:var(--icon-16);height:var(--icon-16)}.tenets{text-align:left;row-gap:var(--s-6)}.tenet{border-top:1px solid var(--ink);padding-top:var(--s-5)}.tenet .n{font-family:var(--font-mono);font-size:var(--fs-crumb);color:var(--blog-muted);margin-bottom:var(--s-4)}.tenet h3{font-family:var(--font-serif);font-weight:var(--fw-body);font-size:var(--pdp-h2);line-height:var(--lh-h2);margin:0 0 var(--s-4);text-wrap:var(--wrap-heading)}.tenet p:last-child{color:var(--blog-muted);font-size:var(--fs-small);line-height:var(--lh-small)}.frame-line{container-type:inline-size;display:grid;place-items:center;padding:var(--pdp-safe);border:1px solid var(--seam);border-radius:var(--r-m);text-align:center}.promise{font-family:var(--font-serif);font-weight:var(--fw-body);font-variation-settings:"wdth" var(--serif-wdth);font-size:clamp(var(--pdp-h2),var(--pdp-line-fit),var(--fs-banner));line-height:var(--lh-banner);text-wrap:var(--wrap-heading)}.facts{text-align:left}.fact{border-top:1px solid var(--ink);padding-top:var(--s-5)}.fact .k{font-family:var(--font-mono);font-size:var(--fs-crumb);font-weight:inherit;line-height:inherit;color:var(--blog-muted);margin-bottom:var(--s-4)}.fact .v{font-family:var(--font-serif);font-size:var(--fs-ui-2);line-height:var(--lh-ui-2)}.facts{row-gap:var(--s-6)}.four.facts>*{grid-column:1 / -1}.traits{text-align:left;row-gap:var(--grid-gap)}.trait{--card-measure:calc(var(--measure-body) * var(--ch-text));border:1px solid var(--seam);border-radius:var(--r-m);padding:var(--pdp-card-py) var(--pdp-card-px);display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;align-content:start}.trait h3{font-family:var(--font-sans);font-weight:var(--fw-heading);font-size:var(--fs-ui-2);margin:0}.trait .copy{margin-top:var(--s-2)}.trait .cap{margin-top:var(--pdp-card-py)}.trait .ex{font-family:var(--font-serif);font-size:var(--pdp-ex);line-height:var(--lh-serif-quote);color:var(--ink);margin-top:var(--s-2);text-wrap:var(--wrap-heading)}.boiler{border:1px solid var(--seam);border-radius:var(--r-m);padding:var(--pdp-card-px);--card-measure:var(--post-col)}.boiler .ctl-row{margin:0 0 var(--s-5);flex-wrap:nowrap}.boiler .state{white-space:nowrap}.boiler-copy{margin-left:auto}.boiler .text{font-family:var(--font-serif);font-size:var(--fs-body);line-height:var(--lh-copy);max-width:var(--post-col)}.boiler .text sup{font-size:var(--sup-mark);line-height:0;vertical-align:super}.boiler+.boiler{margin-top:var(--s-5)}.frame-word.on-dark,.frame-icon.on-dark{background:var(--bg);color:var(--ink)}.frame-word.on-accent,.frame-icon.on-accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.frame-word.is-plate{aspect-ratio:auto;max-block-size:none}.frame-word .logo{color:currentColor;inline-size:min(var(--pdp-wm-fit),var(--pdp-wm-max));height:auto;margin-block:var(--pdp-safe)}.frame-word .logo svg{width:100%;height:auto}.frame-icon>svg{fill:currentColor}.pdp-squares{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-8) var(--grid-gap)}.plate{border-radius:var(--r-m);height:var(--pdp-swatch-h);display:flex;align-items:flex-end;padding:var(--s-5);border:1px solid var(--seam)}.plate p{font-family:var(--font-mono);font-size:var(--fs-crumb)}.plate-meta{margin-top:var(--s-4);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--blog-muted)}.plates{text-align:left}.plate-meta span{display:block}.plate-meta b{display:block;color:var(--ink);font-weight:var(--fw-ui);margin-bottom:var(--s-1)}.faces{text-align:left}.face{border-top:1px solid var(--seam);padding-block:var(--s-7);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--grid-gap);align-items:end}.face:last-child{padding-block-end:0}.face-sample{grid-column:1 / 9;font-size:var(--fs-cat);line-height:var(--lh-cat);text-wrap:var(--wrap-heading)}.face-sample.is-serif{font-family:var(--font-serif);font-weight:var(--fw-body)}.face-sample.is-sans{font-family:var(--font-sans);font-weight:var(--fw-ui)}.face-sample.is-mono{font-family:var(--font-mono);font-size:min(var(--pdp-h2),var(--face-mono-fit))}.face-meta{grid-column:9 / 13;margin-top:var(--face-meta-gap);font-size:var(--fs-small);color:var(--blog-muted);line-height:var(--lh-small)}.face-meta b{display:block;color:var(--ink);font-weight:var(--fw-ui)}.use-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--use-tile-min)),1fr));grid-auto-flow:dense;gap:var(--grid-gap)}.use-item{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:var(--s-3)}.use-item figcaption{display:flex;justify-content:space-between;gap:var(--s-3);font-family:var(--font-mono);font-size:var(--fs-crumb);color:var(--blog-muted)}.use-item figcaption b{font-weight:var(--fw-body-strong);color:var(--ink)}.use-plate{display:grid;place-items:center;border:1px solid var(--seam);border-radius:var(--r-m);min-block-size:var(--pdp-use-h);padding-block:var(--s-7);color:var(--ink)}.use-plate .logo{color:currentColor}.use-icon .logo{--logo-h:var(--use-icon);padding:calc(var(--use-icon) * var(--use-inset));background:var(--ink);color:var(--bg);border-radius:calc(var(--use-icon) * var(--use-inset));box-sizing:content-box}.use-avatar .logo{--logo-h:var(--use-avatar);padding:calc(var(--use-avatar) * var(--use-inset-round));background:var(--ink);color:var(--bg);border-radius:var(--r-round);box-sizing:content-box}.use-fav{gap:var(--s-5);grid-auto-flow:column;align-content:center;align-items:end}.use-fav .fav-32{--logo-h:var(--use-fav)}.use-fav .fav-16{--logo-h:var(--use-fav-s)}.use-nav{grid-auto-flow:column;justify-content:space-between;padding:0 var(--s-6)}.use-wm{--logo-h:var(--use-nav-h);width:calc(var(--logo-h) * var(--logo-ratio));height:var(--logo-h);color:currentColor}.use-nav-links{display:flex;gap:var(--s-3)}.use-nav-links i{display:block;width:var(--pdp-mini-link-w);height:var(--pdp-mini-link-h);border-radius:var(--r-s);background:var(--seam)}.use-sign{background:var(--bg);place-items:end start;padding:var(--s-5)}.use-sign .logo{--logo-h:calc(var(--pdp-use-h) * var(--use-sign-share))}.fig .spec-grid,.reel{margin:0}.reel-frame{position:relative;container-type:inline-size;aspect-ratio:var(--reel-ar);inline-size:var(--stage-full);max-block-size:var(--reel-max-h);border:1px solid var(--seam);border-radius:var(--r-m);overflow:hidden}.reel-frame[data-plate=light]{background:var(--swatch-ivory-light);color:var(--swatch-slate-dark)}.reel-frame[data-plate=dark]{background:var(--swatch-slate-dark);color:var(--swatch-ivory-light)}.reel-svg{position:absolute;inset:0;width:100%;height:100%;fill:currentColor}.reel-fit{position:absolute;inline-size:min(var(--pdp-wm-fit),var(--pdp-wm-max));block-size:0;visibility:hidden}.reel-wins{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--reel-wins-w);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap);clip-path:inset(50% 0 50% 0);pointer-events:none}.reel-ctl{justify-content:center}.pdp-hero>.reel{margin-bottom:var(--s-9)}.pdp-hero.has-reel{padding-top:var(--s-7)}@container shell (width <= 1085.6px){.pdp-hero>h1{grid-column:1 / -1}.moment>.head,.piece>.head{grid-column:2 / 12}.pdp[data-axis=start] :is(.moment,.piece):has(.pdp-demo .ctl-row)>.head{grid-column:1 / 11}}@container shell (width <= 889.4px){.piece>.copy,.piece>.mini{grid-column:1 / -1}.pdp-pair.is-sq,.is-title .frame-film{inline-size:var(--stage-full)}.two>*,.three>*,.pdp-tiles>*{grid-column:1 / -1}.four>*{grid-column:span 6}.face-sample,.face-meta{grid-column:1 / -1}.trait{max-inline-size:calc(var(--card-measure) + 2 * (var(--pdp-card-px) + 1px))}.center .trait{inline-size:min(100%,var(--text-col));max-inline-size:none;margin-inline:var(--text-col-in) 0}.center .trait .ex{font-size:var(--pdp-ex-row)}}@container shell (width > 889.4px){.face-meta{--face-meta-gap:0px}.piece>.mini+.cap{grid-column:9 / -1;align-self:end}.center>.three,.pdp .three:is(.facts,.tenets){max-inline-size:none;margin-inline:0}.pdp-pair.is-sq{inline-size:var(--stage-narrow)}.three>:nth-child(3n+1):nth-last-child(2),.three>:nth-child(3n+1):nth-last-child(2)+*{grid-column:span 6}.tenets>.tenet{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;align-content:start}.pdp-pair.is-mixed{grid-template-columns:minmax(0,1fr) var(--pdp-icon-max)}.pdp-pair.is-mixed .frame-word{aspect-ratio:auto;block-size:var(--pdp-icon-max)}.boiler{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:var(--grid-gap);align-items:start}.boiler .ctl-row{display:grid;justify-items:start;gap:var(--s-2);margin:0}.boiler-copy{margin:var(--s-3) 0 0}}@container shell (width >= 720px) and (width <= 889.4px){.tenet{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--grid-gap);align-items:start}.tenet>*{grid-column:1}.tenet p:last-child{grid-column:2;grid-row:2}}@container shell (width >= 720px){.piece>.rules:has(>li:nth-child(4)){--rules-cols:2}.pdp .tenets{max-inline-size:none;margin-inline:0}.pdp-pair.is-sq{grid-template-columns:repeat(2,minmax(0,1fr))}}@container pdp-demo (width >= 656px){.stage-fig.is-sq{display:grid;grid-template-columns:minmax(var(--pdp-sq-min),var(--pdp-icon-max)) minmax(0,calc(var(--measure-body) * var(--ch-text)));column-gap:var(--s-7);align-items:center;text-align:start}.center .stage-fig.is-sq{justify-content:center}.stage-fig.is-sq>.frame-icon{max-inline-size:none}.stage-fig.is-sq .stage-cap>:first-child{margin-top:0}.stage-fig.is-sq .ctl-row{justify-content:flex-start}}@container shell (width <= 560px){.center{text-align:start}.head{align-items:flex-start;text-align:start}.pdp-hero>h1,.moment>.head,.piece>.head,.pdp[data-axis=start] :is(.moment,.piece):has(.pdp-demo .ctl-row)>.head{grid-column:1 / -1}.pdp-hero .ctl-row{justify-content:flex-start}.pdp .center>:is(p,.lede,.copy,.cap,.rules,.facts,.tenets,.ctl-row){margin-inline:0}.center .trait{inline-size:100%;margin-inline:0}}@container shell (width < 480px){.lede,.center>:where(.copy){text-wrap:var(--wrap-heading)}.trait,.boiler{border-width:1px 0 0;border-radius:0;padding:var(--s-5) 0 0}.pdp-squares{grid-template-columns:minmax(0,1fr)}}@container shell (width >= 960px){.piece>.rules:has(>li:nth-child(3):last-child){--rules-cols:3}}@container shell (width >= 640px){.four.facts>*{grid-column:span 6}.pdp .four.facts{max-inline-size:none;margin-inline:0}}@container shell (width >= 1200px){.four.facts>*{grid-column:span 3}}@container shell (width >= 728px){.use-item-wide{grid-column:span 2}}@container shell (width <= 519.7px){.four>*{grid-column:1 / -1}.mini-links,.use-nav-links{display:none}.speed{justify-content:center}.reel-frame{--reel-ar:var(--reel-ar-s)}.reel-wins{grid-template-columns:1fr}.reel-wins .is-second{display:none}}