.la5JXa_logo{--word-width:1.94564em;--word-height:.535999em;--number-width:.652583em;--number-height:1.48596em;--gap:.08123em;width:var(--word-width);height:calc(var(--word-height) + var(--gap) + var(--number-height));font-size:var(--logo-size);color:inherit;vertical-align:top;flex:none;display:inline-block;position:relative}.la5JXa_wordmark,.la5JXa_numerals{display:block;position:absolute;top:0;left:0}.la5JXa_wordmark{width:var(--word-width);height:var(--word-height)}.la5JXa_numerals{width:var(--number-width);height:var(--number-height);transform:translate(0, calc(var(--word-height) + var(--gap)))}.la5JXa_logo[data-corner=top-right] .la5JXa_numerals{transform:translate(calc(var(--word-width) - var(--number-width)), calc(var(--word-height) + var(--gap)))}.la5JXa_logo[data-corner^=bottom] .la5JXa_wordmark{transform:translateY(calc(var(--number-height) + var(--gap)))}.la5JXa_logo[data-corner=bottom-left] .la5JXa_numerals{transform:translate(0)}.la5JXa_logo[data-corner=bottom-right] .la5JXa_numerals{transform:translate(calc(var(--word-width) - var(--number-width)), 0)}.la5JXa_logo[data-motion=true]>svg{transition:transform .65s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.la5JXa_logo[data-motion=true]>svg{transition:none}}
.fqmhbq_hook{--cap:.653em;--vertical-edge:1ex;--joint:.07em;--horizontal:var(--first-width);--vertical:var(--second-width);width:max(var(--horizontal), var(--cap));height:calc(var(--cap) + var(--joint) + var(--vertical));color:inherit;font-family:var(--font-kern), sans-serif;font-variation-settings:"wght" 500, "wdth" 75, "ital" 0;vertical-align:top;flex:none;font-weight:500;line-height:1;display:inline-block;position:relative}.fqmhbq_hook[data-corner^=top]{--joint:var(--top-joint,.28em)}.fqmhbq_hook[data-corner^=bottom]{--horizontal:var(--second-width);--vertical:var(--first-width)}.fqmhbq_measure{visibility:hidden;pointer-events:none;width:0;height:0;position:absolute;inset:0 auto auto 0;overflow:hidden}.fqmhbq_measure>span{white-space:pre;width:max-content;display:block}.fqmhbq_arm{white-space:pre;width:max-content;height:var(--cap);text-box-trim:trim-both;text-box-edge:cap alphabetic;transform-origin:0 0;display:block;position:absolute;top:0;left:0}.fqmhbq_hook[data-motion=true],.fqmhbq_hook[data-motion=true] .fqmhbq_arm{transition:width .65s cubic-bezier(.22,1,.36,1),height .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.fqmhbq_hook[data-corner=top-left] .fqmhbq_first{transform:translate(0)rotate(0)}.fqmhbq_hook[data-corner=top-left] .fqmhbq_second{transform:translate(var(--vertical-edge), calc(var(--cap) + var(--joint))) rotate(90deg)}.fqmhbq_hook[data-corner=top-right] .fqmhbq_first{transform:translate(0)rotate(0)}.fqmhbq_hook[data-corner=top-right] .fqmhbq_second{transform:translate(calc(var(--first-width) - var(--vertical-edge)), calc(var(--cap) + var(--joint) + var(--second-width))) rotate(-90deg)}.fqmhbq_hook[data-corner=bottom-right] .fqmhbq_first{transform:translate(var(--second-width), 0) rotate(90deg)}.fqmhbq_hook[data-corner=bottom-right] .fqmhbq_second{transform:translate(0, calc(var(--first-width) + var(--joint))) rotate(0deg)}.fqmhbq_hook[data-corner=bottom-left] .fqmhbq_first{transform:translate(0, var(--first-width)) rotate(-90deg)}.fqmhbq_hook[data-corner=bottom-left] .fqmhbq_second{transform:translate(0, calc(var(--first-width) + var(--joint))) rotate(0deg)}@media (prefers-reduced-motion:reduce){.fqmhbq_hook[data-motion=true],.fqmhbq_hook[data-motion=true] .fqmhbq_arm{transition:none}}.fqmhbq_first{text-box-edge:var(--first-edge,cap alphabetic)}.fqmhbq_hook[data-corner^=top] .fqmhbq_second,.fqmhbq_hook[data-corner^=bottom] .fqmhbq_first{text-box-edge:ex alphabetic}
.d-5SXG_introduction{max-width:var(--intro-width);font-size:var(--intro-size);text-wrap:balance;white-space:pre-line;overflow-wrap:anywhere;color:inherit;margin:0;font-weight:500;line-height:1.16}
.xKXyHG_playground{border-top:1px solid #d3d2cb}.xKXyHG_controls{flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1rem 0;display:flex}.xKXyHG_group{flex-wrap:wrap;gap:4px;display:flex}.xKXyHG_controls button{background:0 0;border:1px solid #d3d2cb;border-radius:2px;padding:.5rem .8rem;font-size:16px}.xKXyHG_controls button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.xKXyHG_canvas{color:#3b1a07;background:#efeee8;height:clamp(360px,48vw,560px);position:relative;overflow:hidden}.xKXyHG_canvas[data-dark=true]{color:#fff7f2;background:#3b1a07}.xKXyHG_moving{left:var(--page-gutter);top:var(--page-gutter);position:absolute}.xKXyHG_moving[data-motion=true]{transition:left .65s cubic-bezier(.22,1,.36,1),top .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.xKXyHG_moving[data-corner=top-right]{left:calc(100% - var(--page-gutter));transform:translate(-100%)}.xKXyHG_moving[data-corner=bottom-left]{top:calc(100% - var(--page-gutter));transform:translateY(-100%)}.xKXyHG_moving[data-corner=bottom-right]{left:calc(100% - var(--page-gutter));top:calc(100% - var(--page-gutter));transform:translate(-100%,-100%)}.xKXyHG_caption{opacity:.65;white-space:nowrap;font-size:17px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xKXyHG_inputs{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:1.5rem;padding:1.5rem 0;display:grid}.xKXyHG_inputs label{gap:.5rem;font-size:16px;display:grid}.xKXyHG_inputs label span{display:contents}.xKXyHG_inputs input{background:0 0;border:0;border-bottom:1px solid #b9b8b0;border-radius:0;width:100%;min-width:0;padding:.5rem 0;font-size:24px}.xKXyHG_inputs p{opacity:.65;max-width:28ch;margin:0;font-size:16px;line-height:1.4}@media (max-width:700px){.xKXyHG_inputs{grid-template-columns:1fr 1fr}.xKXyHG_inputs p{grid-column:1/-1;max-width:none}}@media (prefers-reduced-motion:reduce){.xKXyHG_moving{transition:none}}
.im7NRW_page{padding:var(--page-gutter);background:#faf9f6}.im7NRW_header{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.im7NRW_header>a{text-decoration:none}.im7NRW_header nav{gap:2rem;padding-top:.2rem;font-size:18px;display:flex}.im7NRW_header nav a{text-decoration:none}.im7NRW_lead{padding:clamp(5rem,10vw,10rem) 0 clamp(4rem,8vw,8rem)}.im7NRW_eyebrow{margin:0 0 2rem;font-size:16px}.im7NRW_lead h1{letter-spacing:-.025em;margin:0;font-size:clamp(52px,7.3vw,112px);font-weight:500;line-height:.98}.im7NRW_description{max-width:31ch;margin:2rem 0 0;font-size:clamp(20px,2vw,27px);line-height:1.25}.im7NRW_section{margin-bottom:5rem}.im7NRW_sectionHeading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.25rem;display:flex}.im7NRW_sectionHeading h2{margin:0;font-size:23px;font-weight:500}.im7NRW_sectionHeading p{opacity:.65;margin:0;font-size:16px}.im7NRW_grid{background:#d3d2cb;border:1px solid #d3d2cb;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.im7NRW_grid figure{background:#faf9f6;margin:0;padding:1.5rem}.im7NRW_specimen{height:max(225px, calc(var(--logo-size) * 4));display:flex}.im7NRW_specimen[data-corner$=right]{justify-content:flex-end}.im7NRW_specimen[data-corner^=bottom]{align-items:flex-end}.im7NRW_grid figcaption{opacity:.6;margin-top:2rem;font-size:14px}.im7NRW_names{color:#3b1a07}.im7NRW_pairs{background:#d3d2cb;grid-template-columns:1fr 1fr;gap:1px;margin-top:1px;display:grid}.im7NRW_pairs>div{background:#efeee8;padding:2rem}.im7NRW_pairs p{margin:2rem 0 0;font-size:16px}.im7NRW_introGrid{grid-template-columns:1fr 1fr;display:grid}.im7NRW_introGrid>div{background:#efeee8;padding:clamp(1.5rem,4vw,4rem)}.im7NRW_introGrid>div+div{color:#fff7f2;background:#3b1a07}.im7NRW_scale{border-top:1px solid #d3d2cb;grid-template-columns:1fr 1fr;gap:2rem;padding-top:2rem;display:grid}.im7NRW_mExample>span{font-size:var(--logo-size);width:var(--page-gutter);text-indent:-.057em;background:#e1e3cd;line-height:1;display:inline-block}.im7NRW_mExample p{font-size:18px;line-height:1.4}.im7NRW_tableWrap{overflow-x:auto}.im7NRW_scale table{border-collapse:collapse;text-align:left;width:100%;font-size:18px}.im7NRW_scale th{opacity:.6;font-weight:500}.im7NRW_scale th,.im7NRW_scale td{border-bottom:1px solid #d3d2cb;padding:.8rem .5rem .8rem 0}.im7NRW_footer{border-top:1px solid #d3d2cb;justify-content:space-between;padding:2rem 0 0;font-size:16px;display:flex}@media (max-width:1000px){.im7NRW_grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.im7NRW_header nav{flex-direction:column;gap:.8rem;font-size:16px}.im7NRW_sectionHeading{flex-direction:column;gap:.5rem}.im7NRW_grid figure{padding:1rem}.im7NRW_specimen{height:175px}.im7NRW_introGrid,.im7NRW_scale{grid-template-columns:1fr}.im7NRW_pairs>div{padding:1.25rem}.im7NRW_footer{gap:2rem}}@media (max-width:479px){.im7NRW_grid{grid-template-columns:1fr}}
.Sz4L2W_frame{min-height:100svh;padding:var(--page-gutter);column-gap:var(--page-gutter);row-gap:calc(var(--page-gutter) * 2);grid-template-rows:auto minmax(5rem,1fr) auto;grid-template-columns:minmax(0,1fr) auto;display:grid}.Sz4L2W_logo{justify-content:space-between;gap:var(--page-gutter);grid-area:1/1/auto/-1;display:flex}.Sz4L2W_introduction{grid-area:3/1;align-self:end}.Sz4L2W_markup{grid-area:3/2;place-self:end}@media (max-width:599px){.Sz4L2W_frame{grid-template-rows:auto minmax(3rem,1fr) auto auto;grid-template-columns:minmax(0,1fr)}.Sz4L2W_introduction{grid-area:3/1}.Sz4L2W_markup{grid-area:4/1}}