@font-face{font-family:FK Roman Standard;src:url(/fonts/FKRomanStandardTrial-Light.otf)format("opentype");font-weight:300;font-display:swap}@font-face{font-family:Record Disc;src:url(/fonts/RecordDisc-Bold-Trial.otf)format("opentype");font-weight:700;font-display:swap}@font-face{font-family:ABC Areal;src:url(/fonts/ABCAreal-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:ABC Areal;src:url(/fonts/ABCAreal-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:ABC Areal;src:url(/fonts/ABCAreal-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:ABC Areal Semi Mono;src:url(/fonts/ABCArealSemiMono-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:ABC Areal Semi Mono;src:url(/fonts/ABCArealSemiMono-Bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--ff-sidebar:248px;--ff-page:var(--color-gallery-white);--ff-section:var(--color-canvas);--ff-fg-1:var(--color-ink);--ff-fg-2:var(--color-ink-70);--ff-fg-3:var(--color-ink-50);--ff-hairline:1px solid var(--color-ink-15);--ff-ease:cubic-bezier(.2, 0, 0, 1);--ff-fast:.15s;--ff-s1:8px;--ff-s2:16px;--ff-s3:24px;--ff-s4:32px;--ff-s6:48px;--ff-s8:64px;--ff-s12:96px;--ff-s16:128px;--ff-caption:14px;scroll-padding-top:var(--ff-s3)}*{scrollbar-width:none}::-webkit-scrollbar{display:none}body{background:var(--ff-page);color:var(--ff-fg-1);font-family:var(--font-areal);font-size:16px;font-weight:var(--type-body-weight);line-height:var(--type-body-leading);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}img{max-width:100%;display:block}button,input{font:inherit;color:inherit}code{font-family:var(--font-areal-mono);font-size:.86em}a{color:inherit;text-decoration:none}p,li,dd,dt,code{overflow-wrap:break-word}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-ultramarine);outline-offset:2px}.ff-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ff-eyebrow,.ff-cta{font-family:var(--font-areal-mono);font-size:var(--ff-caption);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);text-transform:var(--type-label-case)}.ff-face-roman{font-family:var(--font-roman);font-weight:var(--type-roman-weight);letter-spacing:var(--type-roman-tracking)}.ff-face-record{font-family:var(--font-record);font-weight:var(--type-record-weight);letter-spacing:var(--type-record-tracking)}.ff-shell{grid-template-columns:var(--ff-sidebar) minmax(0, 1fr);display:grid}.ff-topbar{display:none}.ff-sidebar{z-index:3;gap:var(--ff-s4);height:100vh;padding:var(--ff-s4) var(--ff-s2) var(--ff-s3);border-right:var(--ff-hairline);background:var(--ff-page);box-sizing:border-box;overscroll-behavior:contain;flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.ff-sidebar__brand{padding:0 var(--ff-s1)}.ff-sidebar__brand img{width:160px;height:auto}.ff-nav{gap:var(--ff-s3);flex-direction:column;display:flex}.ff-nav__heading{padding:0 var(--ff-s1) var(--ff-s1);color:var(--ff-fg-3);font-size:12px}.ff-nav__list{flex-direction:column;gap:2px;display:flex}.ff-nav__link{align-items:center;gap:var(--ff-s1);padding:6px var(--ff-s1);color:var(--ff-fg-2);transition:color var(--ff-fast) var(--ff-ease), background-color var(--ff-fast) var(--ff-ease);display:flex}.ff-nav__link:hover{color:var(--ff-fg-1);text-decoration:none}.ff-nav__link[aria-current]{color:var(--ff-fg-1);font-weight:500}.ff-nav__drawer{opacity:0;transition:grid-template-rows var(--ff-fast) var(--ff-ease), opacity var(--ff-fast) var(--ff-ease);grid-template-rows:0fr;display:grid}.ff-nav__drawer[data-open]{opacity:1;grid-template-rows:1fr}.ff-nav__drawer>div{min-height:0;overflow:hidden}.ff-nav__rail{padding:2px 0 var(--ff-s1);position:relative}.ff-nav__sections{flex-direction:column;display:flex}.ff-nav__marker{top:0;left:var(--ff-s1);width:var(--ff-s1);background:var(--color-ink);opacity:0;height:1px;transition:transform var(--ff-fast) var(--ff-ease), opacity var(--ff-fast) var(--ff-ease);position:absolute}.ff-nav__marker[data-show]{opacity:1}.ff-nav__section{padding:3px var(--ff-s1) 3px var(--ff-s3);font-size:var(--ff-caption);color:var(--ff-fg-2);transition:color var(--ff-fast) var(--ff-ease);display:block}.ff-nav__section:hover{color:var(--ff-fg-1);text-decoration:none}.ff-nav__section[aria-current]{color:var(--ff-fg-1);font-weight:500}.ff-main{width:100%;min-width:0;max-width:1280px;padding:var(--ff-s4) var(--ff-s6) 0;box-sizing:border-box;margin-inline:auto}.ff-hero{gap:var(--ff-s3);padding:var(--ff-s12) var(--ff-s8);background:var(--color-after-hours);color:var(--color-gallery-white);flex-direction:column;display:flex;container-type:inline-size}.ff-hero__wordmark{width:min(435px,100%);height:auto;margin-bottom:var(--ff-s8)}.ff-hero__label{color:var(--color-canvas)}.ff-hero__headline{font-size:min(var(--type-display-record-size), 9cqi);line-height:var(--type-record-leading)}.ff-hero__headline .ff-face-roman{font-size:calc(var(--type-display-roman-size) / var(--type-display-record-size) * 1em)}.ff-hero__headline>span{display:block}.ff-tiers{gap:var(--ff-s2);margin-top:var(--ff-s2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ff-tier{gap:var(--ff-s3);padding:var(--ff-s3);background:var(--ff-section);flex-direction:column;display:flex}.ff-tier__title{font-family:var(--font-record);font-size:var(--type-headline-2-record-size);font-weight:var(--type-record-weight);letter-spacing:var(--type-record-tracking);line-height:var(--type-record-leading)}.ff-tier__list li{border-top:var(--ff-hairline)}.ff-tier__link{min-height:40px;transition:opacity var(--ff-fast) var(--ff-ease);justify-content:space-between;align-items:center;display:flex}.ff-tier__link:hover{opacity:.7;text-decoration:none}.ff-page-head{gap:var(--ff-s2) var(--ff-s8);padding:var(--ff-s8) 0 var(--ff-s12);grid-template-columns:minmax(min-content,1fr) minmax(0,1fr);align-items:end;display:grid}.ff-page-head__tier{color:var(--ff-fg-2);grid-column:1/-1}.ff-page-head__title{font-family:var(--font-roman);font-size:var(--type-display-roman-size);font-weight:var(--type-roman-weight);line-height:var(--type-roman-leading);letter-spacing:var(--type-roman-tracking)}.ff-page-head__intent{max-width:480px;font-size:var(--type-body-size);line-height:var(--type-body-leading);color:var(--ff-fg-2)}.ff-panel{gap:var(--ff-s3) var(--ff-s8);padding:var(--ff-s6) 0 var(--ff-s8);border-top:var(--ff-hairline);grid-template-columns:220px minmax(0,1fr);display:grid}.ff-page-head+.ff-panel{border-top-color:var(--color-ink)}.ff-panel__head{top:var(--ff-s3);align-self:start;gap:var(--ff-s1);flex-direction:column;display:flex;position:sticky}.ff-panel__title{font-family:var(--font-record);font-size:var(--type-headline-2-record-size);font-weight:var(--type-record-weight);line-height:var(--type-record-leading);letter-spacing:var(--type-record-tracking)}.ff-panel__lede{max-width:608px;color:var(--ff-fg-2)}.ff-panel[data-wide]{grid-template-columns:minmax(0,1fr)}.ff-panel[data-wide] .ff-panel__head{position:static}.ff-panel__body{gap:var(--ff-s4);flex-direction:column;min-width:0;display:flex}.ff-prose{gap:var(--ff-s2);max-width:68ch;font-size:var(--type-body-size);flex-direction:column;display:flex}.ff-rules{flex-direction:column;max-width:68ch;display:flex}.ff-rules li{padding:var(--ff-s2) 0;border-top:var(--ff-hairline)}.ff-rules li:first-child{border-top:0;padding-top:0}.ff-rules[data-tone=dont] li:before{content:"×";width:var(--ff-s3);color:var(--color-terracotta);font-weight:700;display:inline-block}.ff-block__title{font-size:16px;font-weight:500;line-height:1.3}.ff-copy{color:var(--ff-fg-2);font-family:var(--font-areal-mono);text-align:left;cursor:pointer;transition:background-color var(--ff-fast) var(--ff-ease), color var(--ff-fast) var(--ff-ease);overflow-wrap:anywhere;background:0 0;border:0;margin:0 -6px;padding:2px 6px;font-size:13px}.ff-copy:hover{background:var(--ff-section);color:var(--ff-fg-1)}.ff-statement{max-width:32ch;font-family:var(--font-roman);font-size:var(--type-headline-2-roman-size);font-weight:var(--type-roman-weight);letter-spacing:var(--type-roman-tracking);line-height:1.15}.ff-audiences{gap:var(--ff-s2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ff-audience{gap:var(--ff-s1);padding:var(--ff-s3);background:var(--ff-section);flex-direction:column;display:flex}.ff-audience p{color:var(--ff-fg-2);font-size:var(--ff-caption)}.ff-audience__title,.ff-attribute__title{font-family:var(--font-record);font-size:var(--type-headline-2-record-size);font-weight:var(--type-record-weight);letter-spacing:var(--type-record-tracking);line-height:var(--type-record-leading)}.ff-attributes{gap:var(--ff-s2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ff-attribute{gap:var(--ff-s2);padding:var(--ff-s3);background:var(--color-after-hours);color:var(--color-gallery-white);flex-direction:column;display:flex}.ff-attribute p{color:var(--color-canvas)}.ff-attribute__rule{gap:var(--ff-s1);padding-top:var(--ff-s2);border-top:1px solid var(--color-ink-70);flex-direction:column;margin-top:auto;display:flex}.ff-marks{gap:var(--ff-s4) var(--ff-s2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ff-mark{gap:var(--ff-s1);flex-direction:column;display:flex}.ff-mark p{color:var(--ff-fg-2);font-size:var(--ff-caption)}.ff-mark__stage{aspect-ratio:4/3;margin-bottom:var(--ff-s1);padding:var(--ff-s4);background:var(--ff-section);box-sizing:border-box;place-items:center;display:grid}.ff-mark__stage img{width:100%;max-height:100%}.ff-mark__stage[data-mark=logomark] img{width:50%}.ff-preview{gap:var(--ff-s2);flex-direction:column;display:flex}.ff-preview__controls{justify-content:space-between;gap:var(--ff-s2);flex-wrap:wrap;display:flex}.ff-segment{border:1px solid var(--color-ink);flex-wrap:wrap;display:flex}.ff-segment__option{min-height:40px;padding:10px var(--ff-s2);cursor:pointer;transition:background-color var(--ff-fast) var(--ff-ease), color var(--ff-fast) var(--ff-ease);background:0 0;border:0}.ff-segment__option[aria-pressed=true]{background:var(--color-ink);color:var(--color-gallery-white)}.ff-grounds{gap:0 var(--ff-s3);flex-wrap:wrap;display:flex}.ff-grounds__option{align-items:center;gap:var(--ff-s1);min-height:40px;color:var(--ff-fg-2);cursor:pointer;transition:color var(--ff-fast) var(--ff-ease);background:0 0;border:0;padding:0;display:flex;position:relative}.ff-grounds__option:after{content:"";background:var(--color-ink);transform-origin:0;height:2px;transition:transform var(--ff-fast) var(--ff-ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.ff-grounds__option:hover,.ff-grounds__option[aria-pressed=true]{color:var(--ff-fg-1)}.ff-grounds__option[aria-pressed=true]:after{transform:none}.ff-grounds__chip{background:var(--chip);width:12px;height:12px;box-shadow:inset 0 0 0 1px var(--color-ink-15)}.ff-preview__stage{aspect-ratio:16/7;padding:var(--ff-s8);box-shadow:inset 0 0 0 1px var(--color-ink-15);box-sizing:border-box;transition:background-color var(--ff-fast) var(--ff-ease);place-items:center;display:grid}.ff-preview__stage img{width:min(60%,520px);max-height:100%}.ff-preview__stage[data-mark=logomark] img{width:auto;height:60%}.ff-preview__foot{justify-content:space-between;align-items:center;gap:var(--ff-s2);flex-wrap:wrap;display:flex}.ff-preview__caption{color:var(--ff-fg-2);font-size:var(--ff-caption);flex:280px}.ff-preview__export{gap:var(--ff-s1);display:flex}.ff-preview__action{border:1px solid var(--color-ink)}.ff-preview__action:hover{background:var(--color-ink);color:var(--color-gallery-white)}.ff-preview__caption code{color:var(--ff-fg-1);margin-right:var(--ff-s1)}.ff-swatches{gap:var(--ff-s4) var(--ff-s2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ff-swatches[data-group=supporting],.ff-swatches[data-group=tints]{grid-template-columns:repeat(5,minmax(0,1fr))}.ff-swatch{flex-direction:column;gap:4px;min-width:0;display:flex}.ff-swatch__chip{width:100%;height:160px;margin-bottom:var(--ff-s1);box-shadow:inset 0 0 0 1px var(--color-ink-15);cursor:pointer;transition:transform var(--ff-fast) var(--ff-ease);border:0;padding:0;display:block}.ff-swatches[data-group=tints] .ff-swatch__chip{height:96px}.ff-swatch__chip:hover{transform:translateY(-2px)}.ff-swatch__name{font-weight:500}.ff-swatch__codes{flex-direction:column;align-items:flex-start;display:flex}.ff-swatch__role{margin-top:var(--ff-s1);color:var(--ff-fg-2);font-size:var(--ff-caption)}.ff-pairings{gap:var(--ff-s2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ff-pairing{aspect-ratio:1;padding:var(--ff-s2);box-shadow:inset 0 0 0 1px var(--color-ink-15);box-sizing:border-box;font-family:var(--font-roman);font-size:var(--type-headline-2-roman-size);font-weight:var(--type-roman-weight);letter-spacing:var(--type-roman-tracking);line-height:var(--type-roman-leading);align-items:flex-end;display:flex}.ff-families{gap:var(--ff-s2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ff-family{gap:var(--ff-s2);padding:var(--ff-s3);background:var(--ff-section);flex-direction:column;display:flex}.ff-family__name{font-size:var(--size)}.ff-family p{color:var(--ff-fg-2);font-size:var(--ff-caption)}.ff-field{gap:var(--ff-s1);flex-direction:column;max-width:520px;display:flex}.ff-field input{padding:12px var(--ff-s2);border:1px solid var(--color-ink);border-radius:var(--radius-none);background:var(--color-gallery-white);font-size:16px}.ff-ramp{flex-direction:column;display:flex}.ff-ramp__row{gap:var(--ff-s3);padding:var(--ff-s3) 0;border-top:var(--ff-hairline);grid-template-columns:220px minmax(0,1fr);display:grid}.ff-ramp__meta{color:var(--ff-fg-2);font-size:var(--ff-caption);flex-direction:column;gap:4px;display:flex}.ff-ramp__meta .ff-block__title{color:var(--ff-fg-1)}.ff-ramp__samples{gap:var(--ff-s2);flex-direction:column;min-width:0;display:flex;container-type:inline-size}.ff-ramp__sample{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.ff-ramp__text{min-width:0;max-width:100%;font-size:min(var(--size), 9cqi);overflow-wrap:anywhere}.ff-pairing-demo{padding:var(--ff-s8) var(--ff-s6);background:var(--ff-section);container-type:inline-size}.ff-pairing-demo__line{font-size:min(var(--type-display-roman-size), 12cqi);line-height:1}.ff-pairing-demo__line span{font-size:inherit}.ff-slide{box-shadow:inset 0 0 0 1px var(--color-ink-15);display:block}.ff-slide img{aspect-ratio:16/9;width:100%;height:auto}.ff-slide:hover{opacity:.92}.ff-buttons{gap:var(--ff-s3);flex-direction:column;display:flex}.ff-buttons__grounds{gap:var(--ff-s2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ff-buttons__ground{aspect-ratio:586.63/797.94;place-items:center;margin:0;display:grid;position:relative;overflow:hidden;container-type:inline-size}.ff-buttons__ground img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ff-buttons__ground .ff-button{min-width:min(280px, 100cqi - var(--ff-s4));position:relative}.ff-buttons__caption{left:var(--ff-s2);bottom:var(--ff-s2);background:var(--ff-page);padding:4px 6px;position:absolute}.ff-buttons__export{border:1px solid var(--color-ink)}.ff-buttons__bar{justify-content:space-between;gap:var(--ff-s1);padding:var(--ff-s1);border-bottom:1px solid var(--color-ink);flex-wrap:wrap;display:flex}.ff-buttons__actions{gap:var(--ff-s1);flex-wrap:wrap;display:flex}.ff-buttons__action{border:1px solid var(--color-ink)}.ff-buttons__action:hover{background:var(--color-ink);color:var(--color-gallery-white)}.ff-buttons__code{max-height:420px;padding:var(--ff-s2);background:var(--ff-section);font-family:var(--font-areal-mono);white-space:pre;margin:0;font-size:13px;line-height:1.6;overflow:auto}.ff-live{width:100%;container-type:inline-size}.ff-live__frame{--u:calc(100cqw / var(--w));background:var(--color-gallery-white);width:100%;position:relative;overflow:hidden}.ff-live__t{white-space:nowrap;text-box:trim-both cap alphabetic;margin:0;line-height:1;position:absolute}.ff-live__t--flow{position:static}.ff-live__row{white-space:nowrap;align-items:flex-start;display:flex;position:absolute}.ff-live__img{max-width:none;display:block;position:absolute}.ff-live__cover{object-fit:cover}.ff-live__photo{object-fit:cover;border-radius:calc(var(--u) * 6)}.ff-live__fill{position:absolute}.ff-live__rule{border-top-style:solid;border-color:var(--color-after-hours);position:absolute}.ff-live__link .ff-live__t{text-underline-offset:.25em;text-decoration-thickness:1px}.ff-live__link:hover .ff-live__t,.ff-live__link:focus-visible .ff-live__t,.ff-live__link--underline .ff-live__t{text-decoration-line:underline}.ff-live__link--underline:hover .ff-live__t,.ff-live__link--underline:focus-visible .ff-live__t{text-decoration-line:none}.ff-live-stage{padding:var(--ff-s4,48px) var(--ff-s2);background:var(--color-gallery-white);place-items:center;display:grid}.ff-live-stage .ff-live{max-width:760px}.ff-live-social{gap:var(--ff-s3,32px);grid-template-columns:1fr 1fr;align-items:start;display:grid}.ff-live-social__item{gap:var(--ff-s2);justify-items:start;display:grid}.ff-live-social__item .ff-live{max-width:560px}.ff-form{align-items:end;gap:var(--ff-s2);margin:0 0 var(--ff-s2);flex-wrap:wrap;display:flex}.ff-form__field{gap:6px;display:grid}.ff-form__field input{box-sizing:border-box;border:1px solid var(--color-ink);background:var(--color-gallery-white);width:220px;min-width:0;min-height:40px;color:var(--color-ink);font:inherit;border-radius:0;padding:8px 10px}.ff-form__file input{width:240px;padding:6px}@media (width<=760px){.ff-live-social{grid-template-columns:1fr}.ff-form__field,.ff-form__field input{width:100%}}.ff-steps{gap:var(--ff-s1);max-width:72ch;margin:0;padding-left:1.4em;list-style:decimal;display:grid}.ff-steps a{text-underline-offset:.2em;text-decoration:underline}.ff-steps__note{max-width:72ch;margin:var(--ff-s2) 0 0;color:var(--ff-fg-2,inherit)}.ff-download{place-self:start;width:fit-content;display:inline-flex}.ff-download__link{color:inherit;align-items:center;gap:.5em;text-decoration:none;display:inline-flex}.ff-download__link:hover{background:var(--color-ink);color:var(--color-gallery-white)}.ff-index{gap:var(--ff-s2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ff-index__item{gap:var(--ff-s1);padding:var(--ff-s3);background:var(--ff-section);flex-direction:column;display:flex}.ff-index__item code{color:var(--ff-fg-1)}.ff-index__item p{color:var(--ff-fg-2);font-size:var(--ff-caption)}.ff-index__thumb{height:120px;margin-bottom:var(--ff-s1);padding:var(--ff-s4);background:var(--color-gallery-white);box-sizing:border-box;display:block}.ff-index__thumb[data-dark]{background:var(--color-after-hours)}.ff-index__thumb img{object-fit:contain;width:100%;height:100%}.ff-pager{gap:var(--ff-s2);margin:var(--ff-s16) 0 var(--ff-s4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.ff-pager__link{gap:var(--ff-s1);min-height:160px;padding:var(--ff-s3);background:var(--ff-section);transition:background-color var(--ff-fast) var(--ff-ease), color var(--ff-fast) var(--ff-ease);flex-direction:column;display:flex}.ff-pager__link:hover{background:var(--color-after-hours);color:var(--color-gallery-white);text-decoration:none}.ff-pager__link--next{text-align:right;align-items:flex-end}.ff-pager__label{font-family:var(--font-roman);font-size:var(--type-headline-1-roman-size);font-weight:var(--type-roman-weight);letter-spacing:var(--type-roman-tracking);line-height:var(--type-roman-leading);margin-top:auto}.ff-pager__tier{color:var(--ff-fg-2)}.ff-pager__link:hover .ff-pager__tier{color:var(--color-ink-30)}@media (prefers-reduced-motion:no-preference){@keyframes ff-enter{0%{opacity:0;transform:translateY(16px)}}.ff-page[data-enter]>*{animation:ff-enter .6s var(--ff-ease) backwards}.ff-page[data-enter]>:nth-child(2){animation-delay:60ms}.ff-page[data-enter]>:nth-child(3){animation-delay:.12s}.ff-page[data-enter]>:nth-child(n+4){animation-delay:.18s}}.ff-toast{left:50%;bottom:var(--ff-s3);z-index:10;max-width:min(90vw,640px);padding:var(--ff-s1) var(--ff-s2);background:var(--color-ink);color:var(--color-gallery-white);font-size:var(--ff-caption);white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;transition:opacity .25s var(--ff-ease), transform .25s var(--ff-ease);position:fixed;overflow:hidden;transform:translate(-50%,8px)}.ff-toast[data-show]{opacity:1;transform:translate(-50%)}.ff-toast code{opacity:.8;margin-left:4px}@media (width<=1180px){.ff-panel{grid-template-columns:minmax(0,1fr)}.ff-panel__head{position:static}.ff-swatches,.ff-swatches[data-group]{grid-template-columns:repeat(3,minmax(0,1fr))}.ff-audiences,.ff-index{grid-template-columns:repeat(2,minmax(0,1fr))}.ff-ramp__row{gap:var(--ff-s2);grid-template-columns:minmax(0,1fr)}.ff-page-head{grid-template-columns:minmax(0,1fr);align-items:start}.ff-hero{padding:var(--ff-s8) var(--ff-s6)}}@media (width<=860px){:root{--ff-topbar:56px;--ff-sectionbar:44px;scroll-padding-top:calc(var(--ff-topbar) + var(--ff-sectionbar) + var(--ff-s2))}html[data-menu]{overflow:hidden}.ff-shell{grid-template-columns:minmax(0,1fr)}.ff-sidebar__brand{display:none}.ff-main{padding:var(--ff-s2) var(--ff-s2) 0}.ff-hero{padding:var(--ff-s6) var(--ff-s3) var(--ff-s4)}.ff-hero__wordmark{width:70%;margin-bottom:var(--ff-s4)}.ff-hero__headline{font-size:11cqi}.ff-tiers,.ff-audiences,.ff-attributes,.ff-marks,.ff-families,.ff-index,.ff-buttons__grounds{grid-template-columns:minmax(0,1fr)}.ff-buttons__ground{aspect-ratio:4/3}.ff-swatches,.ff-swatches[data-group]{grid-template-columns:repeat(2,minmax(0,1fr))}.ff-swatch__chip{height:112px}.ff-pairings{grid-template-columns:repeat(2,minmax(0,1fr))}.ff-page-head{padding:var(--ff-s4) 0 var(--ff-s6);grid-template-columns:minmax(0,1fr)}.ff-page-head__title{font-size:calc(var(--type-display-roman-size) * .6)}.ff-page-head__intent{font-size:16px}.ff-panel{gap:var(--ff-s2);padding:var(--ff-s4) 0 var(--ff-s6)}.ff-prose{font-size:16px}.ff-preview__stage{aspect-ratio:4/3;padding:var(--ff-s4)}.ff-preview__stage img{width:80%}.ff-pairing-demo{padding:var(--ff-s4) var(--ff-s3)}.ff-pager{margin-top:var(--ff-s8);grid-template-columns:minmax(0,1fr)}.ff-pager__link{min-height:120px}.ff-copy{align-items:center;min-height:40px;display:inline-flex}.ff-toast{bottom:calc(var(--ff-s3) + env(safe-area-inset-bottom))}.ff-topbar{z-index:5;border-bottom:var(--ff-hairline);background:var(--ff-page);display:block;position:sticky;top:0}.ff-topbar__row{align-items:center;gap:var(--ff-s2);height:var(--ff-topbar);padding:0 var(--ff-s2);box-sizing:border-box;display:flex}.ff-topbar__row>a{flex:none;padding:13px 0;display:block}.ff-topbar__row>a img{width:144px;height:auto}.ff-topbar__page{min-width:0;color:var(--ff-fg-2);font-size:var(--ff-caption);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ff-topbar__menu{text-align:right;cursor:pointer;background:0 0;border:0;flex:none;min-width:44px;min-height:44px;margin-left:auto;padding:12px 0}.ff-topbar[data-menu] .ff-topbar__page,.ff-topbar[data-menu] .ff-sectionbar{display:none}.ff-sectionbar{margin-bottom:-1px;position:relative}.ff-sectionbar__track{gap:var(--ff-s3);height:var(--ff-sectionbar);padding:0 var(--ff-s2);overscroll-behavior-x:contain;box-sizing:border-box;display:flex;position:relative;overflow-x:auto}.ff-sectionbar__link{color:var(--ff-fg-2);font-size:var(--ff-caption);white-space:nowrap;transition:color var(--ff-fast) var(--ff-ease);flex:none;align-items:center;display:flex}.ff-sectionbar__link:hover{text-decoration:none}.ff-sectionbar__link[aria-current]{color:var(--ff-fg-1);font-weight:500}.ff-sectionbar__marker{background:var(--color-ink);opacity:0;width:0;height:2px;transition:transform var(--ff-fast) var(--ff-ease), width var(--ff-fast) var(--ff-ease), opacity var(--ff-fast) var(--ff-ease);position:absolute;bottom:0;left:0}.ff-sectionbar__marker[data-show]{opacity:1}.ff-sidebar{inset:calc(var(--ff-topbar) + 1px) 0 0;height:auto;padding-bottom:calc(var(--ff-s6) + env(safe-area-inset-bottom));visibility:hidden;opacity:0;transform:translateY(calc(var(--ff-s1) * -1));transition:opacity .25s var(--ff-ease), transform .25s var(--ff-ease), visibility 0s linear .25s;border-right:0;position:fixed}.ff-sidebar[data-open]{visibility:visible;opacity:1;transition:opacity .25s var(--ff-ease), transform .25s var(--ff-ease), visibility 0s;transform:none}.ff-nav__link{padding:var(--ff-s1);font-size:18px}.ff-nav__section{padding:6px var(--ff-s1) 6px var(--ff-s3);font-size:16px}}@media (hover:none){.ff-copy{background:var(--ff-section)}}@media (prefers-reduced-motion:reduce){.ff-nav__link,.ff-nav__drawer,.ff-nav__marker,.ff-sidebar,.ff-sectionbar__marker{transition:none}}