html[data-direction=f-proof] .topbar{border-bottom:1px solid var(--pf-ink)}html[data-direction=f-proof] .topbar:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(90deg, var(--pf-ink) 0 1px, transparent 1px 40px), repeating-linear-gradient(90deg, var(--pf-ink) 0 1px, transparent 1px 8px);background-repeat:no-repeat;background-size:100% 8px,100% 4px;height:8px;position:absolute;top:100%;left:0;right:0}html[data-direction=f-proof] .nav-wide a:hover,html[data-direction=f-proof] .nav-wide a[aria-current=page]{text-decoration-thickness:2px}html[data-direction=f-proof] .skip-link{background:var(--pf-ink);color:var(--pf-paper)}html[data-direction=f-proof] .wordmark-band{padding:clamp(40px, 6vw, 92px) var(--gutter) clamp(34px, 5vw, 76px);border-bottom:1px solid var(--pf-ink);position:relative}html[data-direction=f-proof] .f-band:before{content:"";pointer-events:none;background-image:linear-gradient(var(--pf-ink), var(--pf-ink)), linear-gradient(var(--pf-ink), var(--pf-ink)), linear-gradient(var(--pf-ink), var(--pf-ink)), linear-gradient(var(--pf-ink), var(--pf-ink)), linear-gradient(var(--pf-ink), var(--pf-ink)), linear-gradient(var(--pf-ink), var(--pf-ink)), linear-gradient(var(--pf-ink), var(--pf-ink)), linear-gradient(var(--pf-ink), var(--pf-ink));background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;background-size:14px 1px,1px 14px,14px 1px,1px 14px,14px 1px,1px 14px,14px 1px,1px 14px;position:absolute;inset:10px}html[data-direction=f-proof] .f-reg{pointer-events:none;background-image:radial-gradient(circle, transparent 0 5px, var(--pf-ink) 5px 6px, transparent 6px), linear-gradient(var(--pf-ink), var(--pf-ink)), linear-gradient(var(--pf-ink), var(--pf-ink));background-position:50%,50%,50%;background-repeat:no-repeat;background-size:100% 100%,1px 100%,100% 1px;width:22px;height:22px;margin-left:-11px;position:absolute;left:50%}html[data-direction=f-proof] .f-reg-t{top:8px}html[data-direction=f-proof] .f-reg-b{bottom:8px}html[data-direction=f-proof] .f-slug{left:calc(var(--gutter) + 6px);color:var(--pf-ink);white-space:nowrap;font-size:.6875rem;position:absolute;top:12px}html[data-direction=f-proof] .f-wedge{right:calc(var(--gutter) + 6px);display:flex;position:absolute;top:13px}html[data-direction=f-proof] .f-wedge i{width:12px;height:12px;display:block}html[data-direction=f-proof] .f-wedge i:first-child{background:var(--pf-sheet)}html[data-direction=f-proof] .f-wedge i:nth-child(2){background:var(--pf-step2)}html[data-direction=f-proof] .f-wedge i:nth-child(3){background:var(--pf-step3)}html[data-direction=f-proof] .f-wedge i:nth-child(4){background:var(--pf-mute)}html[data-direction=f-proof] .f-wedge i:nth-child(5){background:var(--pf-dark)}@media (max-width:520px){html[data-direction=f-proof] .f-slug{letter-spacing:.02em;left:calc(var(--gutter) + 2px);font-size:.625rem}html[data-direction=f-proof] .f-wedge{right:calc(var(--gutter) + 2px)}html[data-direction=f-proof] .f-wedge i{width:9px;height:9px}}html[data-direction=f-proof] .footer{margin-top:var(--space-4)}html[data-direction=f-proof] .footer-h{color:var(--pf-mute)}html[data-direction=f-proof] .btn:hover{background:var(--pf-paper);color:var(--pf-ink);border-color:var(--pf-ink)}html[data-direction=f-proof] .btn-ghost:hover{background:var(--pf-ink);color:var(--pf-paper)}html[data-direction=f-proof] :focus-visible{outline:2px solid var(--pf-ink);outline-offset:3px}@media (max-width:520px){html[data-direction=f-proof] .f-slug-x{display:none}}
html[data-direction=f-proof] :is(.grid,.cards){background:var(--pf-sheet);outline:var(--f-sheet-pad) solid var(--pf-sheet);margin-block:var(--f-sheet-pad);gap:clamp(12px,1.6vw,24px)}html[data-direction=f-proof] .grid.shelf{margin-top:calc(var(--f-sheet-pad) + var(--space-2))}html[data-direction=f-proof] .results-count{color:var(--pf-ink);margin-bottom:calc(var(--f-sheet-pad) + 8px)}html[data-direction=f-proof] .grid>.tile,html[data-direction=f-proof] .cards .card{background:var(--pf-paper);padding:var(--f-pad)}html[data-direction=f-proof] .grid>.tile{align-content:start;gap:10px;display:grid}html[data-direction=f-proof] .tile-link{gap:.2rem}html[data-direction=f-proof] .f-tile .tile-link:hover .tile-name{text-decoration:underline}html[data-direction=f-proof] .tile-sold .tile-figure img,html[data-direction=f-proof] .tile-link:hover .tile-figure img{opacity:1;filter:none}html[data-direction=f-proof] .tile-figure{background:0 0;padding:0}html[data-direction=f-proof] .tile-figure img,html[data-direction=f-proof] .model-tile .tile-figure img{object-fit:contain;aspect-ratio:1;background:var(--pf-paper)}html[data-direction=f-proof] .bespoke-tile .tile-figure{background:var(--pf-ink);color:var(--pf-paper)}html[data-direction=f-proof] .page-head{border-bottom:1px solid var(--pf-ink)}html[data-direction=f-proof] .page-title{max-width:14ch}html[data-direction=f-proof] .route-link{padding-right:var(--gutter);grid-template-columns:minmax(0,1fr) auto;align-items:center}@media (min-width:760px){html[data-direction=f-proof] .route-link{grid-template:".media"1fr"title media""fact media"".media"1fr/minmax(0,1fr) clamp(210px,17vw,290px)}}html[data-direction=f-proof] .route-media{clip-path:none;width:var(--route-thumb);background:var(--pf-sheet);grid-area:media;align-self:center;height:auto;min-height:0;padding:clamp(6px,.8vw,10px);position:relative;inset:auto;overflow:visible}@media (min-width:760px){html[data-direction=f-proof] .route-media{width:100%}}html[data-direction=f-proof] .route-media img{transition:opacity .6s var(--pf-ease);object-fit:contain;width:100%;height:100%;transform:none}html[data-direction=f-proof] .f-routeframe{background:var(--pf-paper);gap:8px;padding:14px 14px 8px;display:grid}html[data-direction=f-proof] .f-route-photo{--mk-gap:2px;--mk-len:6px;--mk-o:8px;aspect-ratio:3/2;display:block;overflow:visible}html[data-direction=f-proof] .f-route-photo img{width:100%;height:100%;position:absolute;inset:0}html[data-direction=f-proof] .f-route-strip{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid}html[data-direction=f-proof] .f-route-strip img{object-fit:cover;border-radius:0;position:static}html[data-direction=f-proof] .f-route-caption{color:var(--pf-ink);letter-spacing:.04em;min-height:2.5em;font-size:.625rem;line-height:1.25}@media (min-width:760px){html[data-direction=f-proof] .f-route-caption{min-height:0;font-size:.6875rem}}html[data-direction=f-proof] .route-link:hover,html[data-direction=f-proof] .route-link:focus-visible{background:var(--pf-sheet)}html[data-direction=f-proof] .route-link:hover .route-media{background:var(--pf-paper)}html[data-direction=f-proof] .route-fact{color:var(--pf-mute)}html[data-direction=f-proof] .route-link:hover .route-fact,html[data-direction=f-proof] .route-link:focus-visible .route-fact{color:var(--pf-ink)}html[data-direction=f-proof] .rooms{background:var(--pf-sheet);padding-block:var(--f-sheet-pad)}@media (min-width:900px){html[data-direction=f-proof] .rooms{padding-inline:var(--f-sheet-pad)}}html[data-direction=f-proof] .room{background:var(--pf-paper);height:100%;padding:22px 22px 16px;overflow:visible}html[data-direction=f-proof] .room img{aspect-ratio:auto;object-fit:contain;transition:opacity .6s var(--pf-ease);transform:none}html[data-direction=f-proof] .room-caption{padding-top:22px}html[data-direction=f-proof] .room-note{color:var(--pf-ink);text-transform:none;letter-spacing:.02em;margin-top:6px;font-size:.6875rem;line-height:1.35}html[data-direction=f-proof] .f-split-fig{background:var(--pf-paper);outline:14px solid var(--pf-sheet);align-content:start;gap:22px;margin:0 0 14px;padding:24px 24px 16px;display:grid;position:relative}html[data-direction=f-proof] .f-split-fig figcaption{color:var(--pf-ink);text-transform:none;letter-spacing:.02em;font-size:.6875rem}html[data-direction=f-proof] .cards .card{gap:18px}html[data-direction=f-proof] .cards .card img{aspect-ratio:3/2;object-fit:contain;background:var(--pf-paper)}html[data-direction=f-proof] .cards .card .f-photo{margin:4px}html[data-direction=f-proof] .gallery{gap:18px}html[data-direction=f-proof] .gallery-main{background:var(--pf-sheet);padding:clamp(12px,3vw,32px)}html[data-direction=f-proof] .f-big{background:var(--pf-paper);padding:clamp(18px,6%,40px)}html[data-direction=f-proof] .f-big .f-photo{--mk-gap:4px;--mk-len:12px;--mk-o:16px}html[data-direction=f-proof] .f-big .f-edge{margin-top:26px;font-size:.75rem}html[data-direction=f-proof] .gallery-main img{aspect-ratio:auto;object-fit:contain;background:var(--pf-paper)}html[data-direction=f-proof] .gallery-main figcaption{color:var(--pf-ink);gap:2px;margin-top:16px;display:grid}html[data-direction=f-proof] .gallery-thumbs.f-strip{border-top:1px solid var(--pf-ink);grid-template-columns:minmax(0,1fr);gap:0;display:grid}html[data-direction=f-proof] .f-step{border-bottom:1px solid color-mix(in srgb, var(--pf-ink) 18%, transparent);grid-template-columns:minmax(0,8.5rem) minmax(0,1fr);align-items:center;gap:4px 14px;padding-block:10px;display:grid}html[data-direction=f-proof] .f-step-label{color:var(--pf-ink);grid-row:span 2;align-self:start;padding-top:14px}html[data-direction=f-proof] .f-step-no{color:var(--pf-mute);display:block}html[data-direction=f-proof] .f-step-frames{flex-wrap:wrap;gap:8px;display:flex}html[data-direction=f-proof] .gallery-thumbs .f-thumb{background:var(--pf-sheet);border:1px solid #0000;width:64px;height:64px;padding:5px}html[data-direction=f-proof] .gallery-thumbs .f-thumb[aria-pressed=true]{border-color:var(--pf-ink);background:var(--pf-paper)}html[data-direction=f-proof] .gallery-thumbs .f-thumb img{aspect-ratio:auto;object-fit:contain;background:var(--pf-paper);width:100%;height:100%}html[data-direction=f-proof] .f-todo{min-height:64px;color:var(--pf-ink);align-items:center;gap:18px;padding-left:8px;display:flex}html[data-direction=f-proof] .f-todo-frame{--mk-gap:2px;--mk-len:7px;--mk-o:9px;flex:none;width:44px;height:44px;position:relative}@media (max-width:480px){html[data-direction=f-proof] .f-step{grid-template-columns:minmax(0,1fr)}html[data-direction=f-proof] .f-step-label{grid-row:auto;gap:10px;padding-top:0;display:flex}}html[data-direction=f-proof] .price-reason{font-family:var(--font-sans);font-size:var(--step--1);letter-spacing:0;text-transform:none;color:var(--pf-mute);flex-basis:100%;max-width:44ch}html[data-direction=f-proof] .price-was{color:var(--pf-mute)}html[data-direction=f-proof] .card img{background:var(--pf-paper)}html[data-direction=f-proof] .room-caption,html[data-direction=f-proof] .room{text-decoration:none}html[data-direction=f-proof] .section-title{letter-spacing:-.03em}html[data-direction=f-proof] .f-cap-long{display:none}@media (min-width:760px){html[data-direction=f-proof] .f-cap-long{display:inline}html[data-direction=f-proof] .f-cap-short{display:none}}@media (max-width:520px){html[data-direction=f-proof] .f-big .f-edge{letter-spacing:.04em;font-size:.6875rem}}html[data-direction=f-proof] .piece{grid-template-columns:minmax(0,1fr)}@media (min-width:900px){html[data-direction=f-proof] .piece{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}html[data-direction=f-proof] .gallery{grid-template-columns:minmax(0,1fr);min-width:0}html[data-direction=f-proof] .f-loupe-bar{flex-wrap:wrap}html[data-direction=f-proof] .assurances a{overflow-wrap:anywhere}html[data-direction=f-proof] .route-media .f-edge{display:none}@media (min-width:1100px){html[data-direction=f-proof] .route-link{grid-template-columns:minmax(0,1fr) clamp(380px,31vw,560px);min-height:clamp(380px,33vw,500px);padding-block:18px}html[data-direction=f-proof] .route-media{align-self:stretch;height:auto;padding:clamp(10px,1vw,16px);display:block}html[data-direction=f-proof] .f-routeframe{grid-template-rows:minmax(0,1fr) auto auto;gap:0;height:100%;padding:20px 22px 12px}html[data-direction=f-proof] .f-route-photo{aspect-ratio:auto;--mk-gap:3px;--mk-len:12px;--mk-o:15px;min-height:0}html[data-direction=f-proof] .f-routeframe .f-edge{margin-top:22px;display:grid}html[data-direction=f-proof] .f-route-caption{min-height:0;margin-top:10px}html[data-direction=f-proof] .f-route-strip{gap:3px}html[data-direction=f-proof] .f-shop-head{padding-block:28px 20px}html[data-direction=f-proof] .f-shop-head .crumbs{margin-bottom:8px}html[data-direction=f-proof] .f-shop-head .facts,html[data-direction=f-proof] .f-shop-head .also{margin-top:14px}html[data-direction=f-proof] .filters{gap:6px 8px;padding-block:14px}html[data-direction=f-proof] .filter-group{gap:4px}html[data-direction=f-proof] .results-count{margin-bottom:30px;padding-block:8px}html[data-direction=f-proof] .results .grid{outline-width:20px;margin-block:20px}}
html[data-direction=f-proof]{--ground:var(--pf-paper);--text:var(--pf-ink);--muted:var(--pf-mute);--rule:var(--pf-ink);--tile:var(--pf-sheet);--mat:var(--pf-paper);--badge-new:var(--pf-paper);--badge-sold:var(--pf-ink);--accent:var(--pf-ink);--accent-text:var(--pf-paper);--route-hover:var(--pf-sheet);--chip-on:var(--pf-ink);--chip-on-text:var(--pf-paper);--display:clamp(2.5rem, 6.7vw, 7.25rem);--display-track:-.04em;--display-leading:.92;--display-weight:300;--step-3:clamp(2.75rem, 1.2rem + 6.2vw, 7rem);--step-2:clamp(1.75rem, 1.3rem + 1.9vw, 3.25rem);--max:none;--route-thumb:112px;--pf-ease:cubic-bezier(.2, .7, .2, 1);--f-pad:clamp(11px, 8%, 16px);--f-sheet-pad:calc(var(--gutter) * .75)}

html[data-direction]{--dock-h:168px}html:not([data-direction]) body{padding-bottom:0}html[data-embed]{--dock-h:0px}html[data-embed] .direction-dock{display:none}.direction-dock{z-index:100;color:#212121;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:#fefefe;border-top:1px solid #212121;flex-wrap:wrap;align-items:center;gap:8px;font:13px Arial,sans-serif;display:flex;position:fixed;bottom:0;left:0;right:0}.dock-group{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;max-width:100%;display:flex}.dock-cws{flex:100%}@media (min-width:760px){.dock-cws{flex:auto}}.dock-links{margin-left:auto}.direction-dock button,.direction-dock a{color:#212121;min-width:44px;min-height:44px;font:inherit;white-space:nowrap;text-align:center;cursor:pointer;background:#fefefe;border:1px solid #212121;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:8px 12px;text-decoration:none;display:inline-flex}.direction-dock button[aria-pressed=true],.direction-dock a[aria-current=page]{color:#fefefe;background:#212121}.direction-dock :is(button,a):focus-visible{outline-offset:2px;outline:2px solid #212121}.direction-dock .dock-icon{flex-shrink:0;display:block}.direction-dock .dock-links a{width:44px;padding:0}.direction-dock .dock-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.direction-dock :is(.dock-cws,.dock-types,.dock-loaders) button{padding:8px 10px}@media (max-width:359px){.direction-dock{padding-inline:6px}.dock-dirs{gap:0}.dock-dirs>button+button{margin-left:-1px}}.direction-dock .dock-caption{letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;padding-right:4px;font:11px/1 Arial,sans-serif}@media (max-width:429px){.direction-dock .dock-types .dock-caption{display:none}}.dock-hint{border-bottom:1px solid #212121;flex:100%;order:-1;margin:0;padding:2px 2px 8px;font:13px/1.4 Arial,sans-serif}.dock-hint-name{letter-spacing:.06em;text-transform:uppercase;margin-right:6px;font-size:11px}@media (min-width:760px){html[data-direction]{--dock-h:116px}html[data-embed]{--dock-h:0px}.direction-dock{gap:8px 16px}.direction-dock .dock-icon{display:none}.direction-dock .dock-links a{width:auto;padding:8px 12px}.direction-dock .dock-label{clip-path:none;width:auto;height:auto;position:static;overflow:visible}.direction-dock :is(.dock-cws,.dock-types,.dock-loaders) button{padding:8px 12px}}@media (min-width:1280px){html[data-direction]{--dock-h:62px}html[data-embed]{--dock-h:0px}.dock-cws{flex:0 auto}.dock-cws+:is(.dock-types,.dock-loaders){margin-left:auto}.dock-links{margin-left:0}}.wr-loader{display:none}html[data-loading] .wr-loader{z-index:1000;background:var(--loader-ground,#fefefe);color:var(--loader-ink,#212121);pointer-events:none;opacity:1;animation:wr-loader-failsafe 1ms linear var(--loader-failsafe,2.5s) both;place-items:center;transition:opacity .28s ease-out;display:grid;position:fixed;inset:0}html[data-loading=out] .wr-loader{opacity:0}@keyframes wr-loader-failsafe{to{visibility:hidden}}.wr-loader-mark{perspective:480px;width:72px;height:72px}.wr-loader-rotor{width:100%;height:100%;transform-style:preserve-3d;position:relative}.wr-loader-rotor>span{display:block;position:absolute;inset:0}.wr-loader svg{fill:currentColor;width:100%;height:100%;display:block}@media (min-width:760px){.wr-loader-mark{width:96px;height:96px}}html[data-loader=turn] .wr-loader-mould{display:none}html[data-loader=turn][data-loading] .wr-loader-rotor{animation:.6s cubic-bezier(.65,0,.35,1) infinite wr-turn}@keyframes wr-turn{0%{transform:rotateY(0)}73.333%,to{transform:rotateY(180deg)}}html[data-loader=cast] .wr-loader-mould{opacity:.2}html[data-loader=cast][data-loading] .wr-loader-mould{animation:.14s ease-out .3s both wr-mould-off}html[data-loader=cast][data-loading] .wr-loader-pour{animation:.3s cubic-bezier(.45,0,.55,1) both wr-pour,.14s ease-out .3s both wr-set}@keyframes wr-pour{0%{clip-path:inset(100% 0 0);opacity:.72}to{clip-path:inset(0);opacity:.72}}@keyframes wr-set{0%{opacity:.72;transform:scale(1)}50%{transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes wr-mould-off{to{opacity:0}}@media (prefers-reduced-motion:reduce){html[data-loading] .wr-loader-rotor,html[data-loading] .wr-loader-pour,html[data-loading] .wr-loader-mould{animation:none!important}html[data-loader=cast] .wr-loader-mould{display:none}html[data-loading] .wr-loader{transition:opacity .15s ease-out!important}}.direction-band{border-bottom:1px solid var(--rule);font-size:var(--step--1);flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin:0;padding-block:12px;display:flex}.direction-band .mono{text-transform:uppercase;letter-spacing:var(--mono-track)}.review-landing .lede-line{max-width:44ch;margin-top:16px}.direction-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:0 32px;margin:40px 0;padding:0;list-style:none;display:grid}.direction-cards>li{border-top:1px solid var(--rule);flex-direction:column;gap:16px;padding:24px 0 32px;display:flex}.direction-card-head{align-items:center;gap:16px;display:flex}.direction-letter{border:1px solid var(--rule);width:52px;height:52px;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.direction-cards h2{font-size:var(--step-1,24px);margin:0;font-weight:300}.direction-cards p{margin:0}.direction-cards .why{font-size:var(--step--1)}.direction-cards .label{font-family:var(--font-mono);font-size:var(--mono-size);letter-spacing:var(--mono-track);text-transform:uppercase;color:var(--muted);margin-bottom:4px;display:block}.direction-cards dl{font-size:var(--step--1);gap:8px;margin:0;display:grid}.direction-cards dt{font-family:var(--font-mono);font-size:var(--mono-size);letter-spacing:var(--mono-track);text-transform:uppercase}.direction-cards dd{margin:0}.direction-cards .btn-row{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.compare-shell{color:#212121;background:#fefefe;min-height:100vh;padding:16px}.compare-bar,.pane-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.compare-shell :is(button,select,a){min-height:44px;padding:8px}.compare-shell select{color:#212121;background:#fefefe;border:1px solid;max-width:100%}.compare-panes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.compare-pane{min-width:0}.compare-pane iframe{background:#fff;border:1px solid #212121;width:100%;height:calc(100vh - 180px)}.compare-tabs{display:none}@media (max-width:1099px){.compare-tabs{gap:8px;margin-bottom:12px;display:flex}.compare-panes{display:block}.compare-pane[data-active=false]{display:none}.compare-pane iframe{height:70vh}}.design-doc{max-width:72rem}.design-doc .design-head{border-bottom:1px solid var(--rule);gap:16px;padding-bottom:32px;display:grid}.design-doc .design-head p{max-width:60ch;margin:0}.design-doc .label{font-family:var(--font-mono);font-size:var(--mono-size);letter-spacing:var(--mono-track);text-transform:uppercase;color:var(--muted);margin-bottom:4px;display:block}.design-cws{border-bottom:1px solid var(--rule);gap:32px;padding-block:32px;display:grid}.design-cw h3{font-size:var(--step-1,24px);margin:0 0 8px;font-weight:300}.design-cw>p{max-width:60ch;margin:0 0 16px}.swatches{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0 0 16px;padding:0;list-style:none;display:grid}.swatches li{font-size:var(--step--1);grid-template-columns:40px minmax(0,1fr);align-items:center;gap:4px 10px;display:grid}.swatches .chip-colour{border:1px solid var(--rule);border-radius:50%;grid-row:span 2;width:40px;height:40px}.swatches .mono{overflow-wrap:anywhere;font-size:12px}.design-doc table{border-collapse:collapse;width:100%;font-size:var(--step--1)}.design-doc :is(th,td){text-align:left;vertical-align:top;border-bottom:1px solid var(--rule);padding:8px 12px 8px 0}.design-doc th{font-family:var(--font-mono);font-size:var(--mono-size);letter-spacing:var(--mono-track);text-transform:uppercase;font-weight:400}.table-scroll{max-width:100%;overflow-x:auto}.design-types{border-bottom:1px solid var(--rule);gap:32px;padding-block:32px;display:grid}.design-type{gap:12px;display:grid}.design-type h3{font-size:var(--step-1,24px);margin:0;font-weight:300}.design-type>p{max-width:60ch;margin:0}.type-specimen{border-top:1px solid var(--rule);gap:12px;margin:12px 0 0;padding:24px 0 0;display:grid}.type-specimen p{overflow-wrap:break-word;margin:0}.type-specimen-display{letter-spacing:-.01em;font-size:clamp(32px,2.29vw + 23.069px,56px);font-weight:400;line-height:1.05}.type-specimen-body{max-width:52ch;font-size:17px;line-height:1.5}.type-specimen-label{letter-spacing:.08em;text-transform:uppercase;font-size:12px}.type-specimen-roles{font-family:var(--font-mono);font-size:var(--mono-size);letter-spacing:var(--mono-track);text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:4px 16px;display:flex}.design-body{overflow-wrap:break-word;max-width:68ch;padding-block:32px}.design-body h2{font-size:var(--step-2,32px);border-top:1px solid var(--rule);margin:48px 0 16px;padding-top:24px;font-weight:300}.design-body h3{font-size:var(--step-1,24px);margin:32px 0 12px;font-weight:300}.design-body :is(p,ul,ol){margin:0 0 16px}.design-body li{margin-bottom:6px}.design-body code{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.9em}.design-body pre{border:1px solid var(--rule);padding:12px;overflow-x:auto}.design-body .table-scroll{margin:0 0 24px}.design-body .table-scroll table{min-width:32rem}.loader-list{border-top:1px solid var(--rule);gap:16px;max-width:60ch;padding:24px 0 40px;display:grid}.loader-list h2{font-size:var(--step-1,24px);margin:0;font-weight:300}.loader-list p{margin:0}.loader-list dl{font-size:var(--step--1);gap:12px;margin:0;display:grid}.loader-list dt{font-family:var(--font-mono);font-size:var(--mono-size);letter-spacing:var(--mono-track);text-transform:uppercase}.loader-list dd{margin:0}html[data-type-fixture][data-type="2"] body :not(.direction-dock,.direction-dock *,.type-specimen,.type-specimen *,svg,svg *){font-family:Mona Sans,system-ui,sans-serif!important}html[data-type-fixture][data-type="3"] body :not(.direction-dock,.direction-dock *,.type-specimen,.type-specimen *,svg,svg *){font-family:Martian Mono,ui-monospace,monospace!important}