html{-webkit-text-size-adjust:100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;font-kerning:none;font-feature-settings:"kern" 0;font-variant-ligatures:none}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,picture,svg,video,canvas,iframe{display:block;max-width:100%}img{height:auto}picture{width:100%;height:100%}button,input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid currentColor;outline-offset:3px}:root{--ground: rgb(255, 255, 255);--ground-warm: rgb(210, 210, 202);--ground-mid: rgb(128, 128, 122);--ground-black: rgb(0, 0, 0);--accent: rgb(255, 107, 0);--accent-press: rgb(217, 91, 0);--bar-scrolled: rgba(57, 61, 65, .7);--ink: rgb(0, 0, 0);--ink-ui: rgb(57, 61, 65);--ink-mute: rgb(82, 87, 92);--ink-soft: rgb(210, 210, 202);--ink-inverse: rgb(255, 255, 255);--ink-display: rgb(128, 128, 122);--ink-meta: rgb(118, 118, 112);--rule: rgba(0, 0, 0, .12);--grid-line: rgba(0, 0, 0, .055);--gutter: 40px;--measure: min(1360px, calc(100vw - 80px) );--col-content: 385px;--col-label: 40px;--content-w: 1015px;--radius-pill: 100px;--radius-card: 4px;--grid-cell: 12px;--bar-h: 60px;--footer-h: 450px;--ui-size: 14px;--ui-lead: 21px;--track: .3px;--name-size: 48px;--name-lead: 48px;--banner-wedge: calc(14.64vw - 4.257px) ;--banner-softcond: calc(25.067vw - 7.239px) ;--banner-didone: calc(10.13vw - 2.869px) ;--specimen: min(160px, calc(7.8vw + 47.6px) );--specimen-lead: min(144px, calc(7.02vw + 42.8px) );--t-colour: .2s;--t-bar: .7s;--t-overlay: .3s}@media (max-width: 779px){:root{--gutter: 19px;--measure: min(1360px, calc(100vw - 38px) );--col-content: 65px;--col-label: 19px;--content-w: 306px;--ui-size: 12px;--ui-lead: 18px;--name-size: 36px;--name-lead: 36px;--specimen: 48px;--specimen-lead: 43.2px}}@font-face{font-family:F-geobold;src:url(/fontwerk/assets/manrope-800-CmBvicB3.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:F-grotbold;src:url(/fontwerk/assets/archivonarrow-700-DK1_K_IE.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:F-hairline;src:url(/fontwerk/assets/jost-200-B9BNo3ZO.woff2) format("woff2");font-weight:200;font-display:swap}@font-face{font-family:F-roundbold;src:url(/fontwerk/assets/quicksand-700-BPJcYUyz.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:F-condblack;src:url(/fontwerk/assets/encodesc-800-2rhy8SQX.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:F-din;src:url(/fontwerk/assets/barlow-500-D6sGsXIV.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:F-didone;src:url(/fontwerk/assets/cormorant-300-BJXYGINn.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:F-wedge;src:url(/fontwerk/assets/playfair-500-COdCgqbV.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:F-wedge;src:url(/fontwerk/assets/playfair-italic-400-DHXaKUp_.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:F-humanist;src:url(/fontwerk/assets/figtree-700-i7b-hHE5.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:F-wide;src:url(/fontwerk/assets/lexendzetta-400-NC_NxtkJ.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:F-serifital;src:url(/fontwerk/assets/crimson-italic-400-s1By9Gv_.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:F-brush;src:url(/fontwerk/assets/caveatbrush-400-D8MjWTUX.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:F-softcond;src:url(/fontwerk/assets/asapcond-500-CLW3GsTu.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:F-softcond;src:url(/fontwerk/assets/asapcond-800-Bli1pAsQ.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:F-geo;src:url(/fontwerk/assets/questrial-400-DVdIsfJD.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:F-deco;src:url(/fontwerk/assets/poiretone-400-XvEfraeX.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:F-multi;src:url(/fontwerk/assets/notosansarabic-vf-CU-ubtvD.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:F-multi;src:url(/fontwerk/assets/notosans-vf-latin-C9uwMoFh.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:F-multi;src:url(/fontwerk/assets/notosans-vf-greek-DP77DZSp.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:F-multi;src:url(/fontwerk/assets/notosans-vf-cyrillic-DqLxR1jB.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:F-ui;src:url(/fontwerk/assets/barlow-400-DygnOwyn.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:F-ui;src:url(/fontwerk/assets/barlow-500-D6sGsXIV.woff2) format("woff2");font-weight:500;font-display:swap}:root{--t-geobold: -.04em;--t-grotbold: .012em;--t-hairline: .1054em;--t-roundbold: -.041em;--t-condblack: .0081em;--t-din: .0044em;--t-didone: -.0087em;--t-wedge:-.0525em;--t-humanist: -.0105em;--t-wide: .0187em;--t-serifital:-.0217em;--t-multi: -.0715em;--t-brush: .038em;--t-softcond: .007em;--t-geo:-.0485em;--t-deco: -.021em}html{background:var(--ground-warm)}body{background:var(--ground);color:var(--ink-ui);font-family:F-ui,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:var(--ui-size);line-height:var(--ui-lead);letter-spacing:var(--track);font-kerning:none;font-variant-ligatures:none;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}a{color:inherit;text-decoration:none;transition:color var(--t-colour) linear}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.measure{max-width:calc(var(--measure) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter)}.measure--bleed{max-width:none;padding:0 var(--gutter)}.row{display:grid;grid-template-columns:345px minmax(0,1fr)}.row__label{color:var(--ink-ui)}@media (max-width: 779px){.row{grid-template-columns:46px minmax(0,1fr)}.row__label{grid-column:1 / -1;padding-bottom:8px}.row>:not(.row__label){grid-column:2}}.pill{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 20px;border-radius:var(--radius-pill);font-size:var(--ui-size);line-height:1;letter-spacing:var(--track);border:1px solid transparent;cursor:pointer;white-space:nowrap;font-family:inherit;font-weight:500;transition:background-color var(--t-colour) linear,color var(--t-colour) linear,border-color var(--t-colour) linear}.pill--primary{background:var(--accent);color:var(--ink)}.pill--primary:hover{background:var(--accent-press);color:var(--ink)}.pill--outline{background:transparent;color:var(--ink);border-color:var(--ink)}.pill--outline:hover{border-color:var(--accent);color:var(--accent)}.pill--small{height:30px;padding:0 14px}.glyph{display:inline-block;width:1em;height:1em;flex:none}.arrowLink{display:inline-flex;align-items:baseline;gap:10px;color:var(--ink)}.arrowLink__arrow,.arrowLink:hover{color:var(--accent)}.hairline{height:1px;background:var(--rule);border:0;margin:0}.newPill{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:var(--radius-pill);background:var(--accent);color:var(--ink-inverse);font-size:12px;line-height:1;letter-spacing:var(--track);vertical-align:middle}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.draftGrid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(to right,var(--grid-line) 0 1px,transparent 1px var(--grid-cell)),repeating-linear-gradient(to bottom,var(--grid-line) 0 1px,transparent 1px var(--grid-cell))}.band{position:relative}.band--white{background:var(--ground);color:var(--ink-ui)}.band--white+.band--white{border-top:1px solid var(--rule)}.band--mid{background:var(--ground-mid);color:var(--ink-inverse)}.band--warm{background:var(--ground-warm);color:var(--ink)}.band--film{background:var(--ground-black)}.header{position:relative;z-index:20;height:72px}.header--light{position:absolute;inset:0 0 auto 0;color:var(--ink-inverse)}.header--dark{color:var(--ink-ui);background:transparent}.header__inner{height:72px;max-width:calc(var(--measure) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:345px minmax(0,1fr) auto;align-items:center}.header__logo{display:inline-flex;align-items:center;min-height:24px}.header__nav{display:flex;gap:32px}.header__navItem{font-size:var(--ui-size);display:inline-flex;align-items:center;min-height:24px}.header__menu{justify-self:end;display:inline-flex;align-items:center;gap:10px;background:none;border:0;color:inherit;font:inherit;letter-spacing:var(--track);cursor:pointer;min-height:24px;padding:0}.header__menu:hover{color:var(--accent)}@media (max-width: 779px){.header__inner{grid-template-columns:auto minmax(0,1fr)}.header__nav{display:none}}.wordmark{font-family:F-ui;font-weight:500;font-size:22px;letter-spacing:.3px;display:inline-block;min-height:24px;line-height:24px}.wordmark--light{color:var(--ink-inverse)}.wordmark--dark{color:currentColor}.wordmark--blank{display:inline-block;width:96px;height:22px;background:currentColor;opacity:.35;border-radius:2px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0000;visibility:hidden;transition:background-color var(--t-overlay) linear,visibility var(--t-overlay) linear}.overlay.is-open{background:#00000059;visibility:visible}.overlay__core{position:absolute;inset:0 0 0 auto;width:min(560px,100%);background:var(--ground);color:var(--ink);transform:translate(100%);transition:transform var(--t-overlay) ease-out;display:flex;flex-direction:column;padding:0 var(--gutter)}.overlay.is-open .overlay__core{transform:none}.overlay__head{height:72px;display:flex;align-items:center;justify-content:space-between}.overlay__close{background:none;border:0;font:inherit;color:inherit;cursor:pointer;letter-spacing:var(--track);min-height:24px}.overlay__close:hover{color:var(--accent)}.overlay__body{padding:24px 0;display:grid;gap:32px}.overlay__list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.overlay__list--primary{font-size:28px;line-height:40px}@media (prefers-reduced-motion: reduce){.overlay,.overlay__core{transition:none}}.footer{background:var(--accent);color:var(--ink);min-height:var(--footer-h)}.footer__inner{position:relative;min-height:var(--footer-h);max-width:calc(var(--measure) + 2 * var(--gutter));margin:0 auto;padding:44px var(--gutter) 40px;display:grid;grid-template-columns:minmax(0,687px) minmax(min-content,1fr);align-items:start}.footer__brand{grid-column:1;display:inline-flex;align-items:center;min-height:24px}.footer__columns{grid-column:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:684px}.footer__column{list-style:none;margin:0;padding:0}.footer__column li{line-height:29px}.footer__column a,.overlay__list a{display:inline-block;line-height:inherit;min-height:24px}.overlay__list li{line-height:29px}.footer__base{grid-column:1 / -1;align-self:end;margin-top:48px;display:grid;grid-template-columns:minmax(0,687px) minmax(min-content,228px) minmax(min-content,1fr);align-items:baseline}.footer__tagline{color:var(--ink-inverse)}.footer__lang{color:var(--ink)}.footer__copyright{color:var(--ink-mute);text-align:right}@media (max-width: 779px){.footer__inner{grid-template-columns:minmax(0,1fr);gap:32px}.footer__brand,.footer__columns,.footer__base{grid-column:1}.footer__columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.footer__base{grid-template-columns:minmax(0,1fr);gap:6px;margin-top:32px}.footer__copyright{text-align:left}}.hero{height:500svh}.hero__pin{position:sticky;top:0;height:100svh;overflow:hidden}.hero__track{display:flex;width:500%;height:100%;will-change:transform}.hero__slide{width:20%;height:100%;flex:none}.film{width:100%;height:100%;background:var(--ground-black)}.film__media{width:100%;height:100%;object-fit:cover;display:block}.hero__overlay{position:absolute;inset:auto 0 0 0;pointer-events:none;max-width:calc(var(--measure) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter) 40px;display:grid;grid-template-columns:345px minmax(0,1fr) auto;align-items:end;gap:16px}.hero__cta{grid-column:2;justify-self:start;pointer-events:auto}.hero__dots{grid-column:3;display:flex;gap:8px;list-style:none;margin:0 0 14px;padding:0}.hero__dot{width:30px;height:2px;background:#ffffff73}.hero__dot.is-active{background:var(--ink-inverse)}@media (max-width: 779px){.hero{height:auto}.hero__pin{position:static;height:175px}.hero__track{width:100%;transform:none!important}.hero__slide{width:100%}.hero__slide--off{display:none}.hero__overlay{grid-template-columns:minmax(0,1fr);padding-bottom:20px}.hero__cta{grid-column:1}.hero__dots{display:none}}@media (prefers-reduced-motion: reduce){.hero__track{transition:none}}.intro{padding:96px 0 120px}.intro__grid{display:grid;grid-template-columns:345px minmax(0,420px) minmax(0,1fr);gap:0}.intro__mark{min-width:235px;height:40px;color:var(--ink);display:flex;align-items:center}.intro__main{display:grid;gap:28px;justify-items:start}.intro__lead{margin:0;max-width:340px;font-size:var(--ui-size);line-height:var(--ui-lead);color:var(--ink-ui)}.intro__link{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}.intro__menu{list-style:none;margin:0;padding:0;justify-self:end;display:grid;gap:8px}@media (max-width: 779px){.intro{padding:56px 0 64px}.intro__grid{grid-template-columns:minmax(0,1fr);gap:32px}.intro__menu{justify-self:start}.intro__mark{min-width:0;height:30px}}.banners{padding:0 0 40px}.banner{margin-bottom:56px}.banner__stage{position:relative;overflow-x:clip;padding:.1em 0 .18em}.banner__specimen{position:relative;color:var(--ink-display);white-space:nowrap;display:block;padding:0 var(--gutter);letter-spacing:var(--track)}.banner__foot{padding-top:18px}@media (max-width: 779px){.banner{margin-bottom:36px}.banner__specimen{white-space:normal}}.cases{padding:40px 0 48px}.cases__head{padding-bottom:20px}.cases__label{font-size:var(--ui-size);line-height:var(--ui-lead);color:var(--ink-inverse)}.cases__track{display:flex;gap:135px;overflow-x:auto;padding:0 var(--gutter) 0 var(--col-content);scrollbar-width:none;align-items:start}.cases__track::-webkit-scrollbar{display:none}.caseCard{flex:none;width:210px;margin:0}.caseCard__img{width:210px;height:auto;display:block;border-radius:var(--radius-card);object-fit:fill}.caseCard__caption{display:grid;gap:0;padding-top:21px}.caseCard__title{color:var(--ink-inverse);font-size:var(--ui-size);line-height:var(--ui-lead)}.caseCard__tags{color:var(--ink-soft);font-size:var(--ui-size);line-height:var(--ui-lead)}.cases__nav{display:flex;justify-content:flex-end;gap:12px;padding-top:28px}.cases__button{width:32px;height:32px;display:grid;place-items:center;background:none;border:0;color:var(--ink-inverse);cursor:pointer;padding:0}.cases__button svg{width:16px;height:16px}.cases__button:hover{color:var(--accent)}@media (max-width: 779px){.cases__track{gap:55px;padding-left:var(--col-content)}.caseCard,.caseCard__img{width:170px}}.library{padding:40px 0 92px}.library__label{font-size:var(--ui-size);line-height:var(--ui-lead)}.library__run{line-height:71px}.library__entity{display:inline-block;margin-right:10px;white-space:nowrap;color:var(--ink)}.library__name{font-size:var(--name-size);line-height:var(--name-lead);color:var(--ink)}.library__meta{font-family:F-ui;font-weight:400;font-size:var(--ui-size);line-height:var(--ui-lead);letter-spacing:var(--track);color:var(--ink-meta);margin-left:6px}.library__entity .newPill{margin-left:8px}.library__entity:hover .library__name,.library__entity:hover .library__meta{color:var(--accent)}.library__actions{display:flex;gap:12px;margin-top:48px;flex-wrap:wrap}@media (max-width: 779px){.library{padding:24px 0 56px}.library__run{line-height:78px}.library__entity{display:block;margin-right:0}}.catalogue{padding-bottom:40px}.catRow{min-height:min(393px,calc(19.2vw + 116.5px));display:flex;flex-direction:column}.catRow__rule{max-width:var(--measure);margin:0 auto}.catRow__head{display:grid;grid-template-columns:345px minmax(0,1fr) 65px 43px;align-items:start;gap:12px;padding-top:18px}.catRow__label{font-size:var(--ui-size);line-height:var(--ui-lead);color:var(--ink)}.catRow__cuts{display:flex;flex-wrap:wrap;gap:24px}.catRow__cut{background:none;border:0;padding:0;font:inherit;letter-spacing:var(--track);color:var(--ink-ui);cursor:pointer;min-height:24px;min-width:24px;transition:color var(--t-colour) linear,font-weight var(--t-colour) linear}.catRow__cut.is-active{color:var(--ink);font-weight:500}.catRow__cut:hover{color:var(--accent)}.catRow__script{display:inline-flex;align-items:center;gap:4px;background:none;border:0;padding:0;font:inherit;letter-spacing:var(--track);color:var(--ink);cursor:pointer;min-height:24px}.catRow__script[disabled]{cursor:default}.catRow__script:not([disabled]):hover{color:var(--accent)}.catRow__buy{justify-self:end}.catRow__body{display:grid;grid-template-columns:345px minmax(0,1fr);flex:1;align-items:center}.catRow__specimen{font-size:var(--specimen);line-height:var(--specimen-lead);color:var(--ink);white-space:nowrap;overflow:hidden}@media (max-width: 779px){.catRow__head{grid-template-columns:minmax(0,1fr);padding-top:10px}.catRow__cuts,.catRow__script,.catRow__buy{display:none}.catRow__body{grid-template-columns:46px minmax(0,1fr);align-items:center}.catRow__specimen{font-size:var(--specimen);line-height:var(--specimen-lead)}.catRow{min-height:123px;padding-bottom:0}.catRow__rule{order:2}}.testerBar__sentinel{height:1px;margin-bottom:-1px}.testerBar{position:sticky;top:0;z-index:30}.testerBar__inner{overflow:hidden;height:var(--bar-h);max-width:none;padding:0 var(--gutter);display:grid;grid-template-columns:345px minmax(0,1fr) auto;align-items:center;gap:16px;background:transparent;color:var(--ink);transition:background-color var(--t-bar) linear,backdrop-filter var(--t-bar) linear,padding-top var(--t-bar) linear,padding-bottom var(--t-bar) linear,color var(--t-bar) steps(1,start)}.testerBar.is-docked .testerBar__inner{background:var(--bar-scrolled);color:var(--ink-inverse);transition:background-color var(--t-bar) linear,backdrop-filter var(--t-bar) linear,padding-top var(--t-bar) linear,padding-bottom var(--t-bar) linear,color var(--t-bar) steps(1,end)}@media (min-width: 780px){.testerBar.is-docked .testerBar__inner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.testerBar__label{font-size:var(--ui-size);line-height:var(--ui-lead)}.testerBar__field{justify-self:center;width:min(400px,100%)}.testerBar__input{width:100%;height:42px;padding:0 20px;border-radius:var(--radius-pill);border:1px solid currentColor;background:transparent;color:inherit;font:inherit;letter-spacing:var(--track);text-align:center}.testerBar__input::placeholder{color:inherit;opacity:.75}.testerBar__controls{display:flex;align-items:center;gap:24px;transform:translateY(60px);opacity:0;transition:transform var(--t-bar) ease-out,opacity var(--t-bar) linear}.testerBar.is-docked .testerBar__controls{transform:none;opacity:1}@media (prefers-reduced-motion: reduce){.testerBar__controls{transition:none}}@media (max-width: 779px){.testerBar__inner{grid-template-columns:minmax(0,1fr)}.testerBar__label,.testerBar__controls{display:none}.testerBar__field{justify-self:stretch;width:100%}}.licence{padding:64px 0 72px;color:var(--ink)}.licence__main{display:grid;gap:32px}.licence__intro{margin:0;max-width:420px}.licence__tiers{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,228px));gap:24px}.licence__tier dt{color:var(--ink);font-weight:500}.licence__tier dd{margin:0;color:var(--ink-ui)}@media (max-width: 779px){.licence__tiers{grid-template-columns:minmax(0,1fr)}}.control{position:relative}.control__trigger{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;font:inherit;letter-spacing:var(--track);color:inherit;cursor:pointer;min-height:24px}.control__trigger:hover{color:var(--accent)}.control__menu{position:absolute;top:calc(100% + 10px);right:0;z-index:40;list-style:none;margin:0;padding:8px 0;min-width:160px;background:var(--ground);color:var(--ink);border-radius:var(--radius-card);box-shadow:0 6px 24px #00000024}.control__menu button{display:block;width:100%;text-align:left;padding:6px 16px;min-height:24px;background:none;border:0;font:inherit;letter-spacing:var(--track);color:inherit;cursor:pointer}.control__menu button:hover{color:var(--accent)}.control__menu button.is-active{font-weight:500;color:var(--accent)}.typeface{background:var(--ground-warm);color:var(--ink)}.typeface__hero{position:relative}.typeface__film{height:78svh;min-height:420px}.typeface__heroBar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--bar-h);color:var(--ink)}.typeface__heroActions{display:flex;gap:12px}.typeface__stage{position:relative;overflow-x:clip;padding-bottom:28px}.typeface__wordmark{position:relative;color:var(--ink);white-space:nowrap;padding:0 var(--gutter)}.typeface__controls{display:flex;align-items:center;gap:20px}.typeface__control{display:inline-flex;align-items:center;gap:8px}.typeface__control input[type=range]{width:92px;accent-color:var(--accent);min-height:24px}.typeface__modes{display:flex;gap:12px}@media (max-width: 1099px){.typeface__modes{display:none}}.typeface__modes button,.typeface__feature,.typeface__weightLabel{background:none;border:0;padding:0;font:inherit;letter-spacing:var(--track);color:inherit;cursor:pointer;min-height:24px;transition:color var(--t-colour) linear}.typeface__modes button.is-active,.typeface__feature.is-active,.typeface__modes button:hover,.typeface__feature:hover,.typeface__weightLabel:hover{color:var(--accent)}.typeface__tester{padding:40px 0 72px}.typeface__features{display:flex;gap:24px;flex-wrap:wrap}.typeface__sample{margin:28px 0 0;color:var(--ink);overflow-wrap:break-word}.typeface__sample--headline{white-space:normal}.typeface__sample--single{max-width:720px}.typeface__sample--multi{column-count:2;column-gap:48px}@media (max-width: 779px){.typeface__sample--multi{column-count:1}}.typeface__posters{padding:24px 0 64px}.posterGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:1359px;margin:0 auto;padding:0 var(--gutter)}.posterGrid__cell{aspect-ratio:453 / 644;overflow:hidden}.posterGrid__film{height:100%}.posterGrid__img{width:100%;height:100%;display:block;object-fit:cover}@media (max-width: 779px){.posterGrid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 20px}}.typeface__weights{padding:24px 0 64px}.typeface__weightNav{display:flex;flex-wrap:wrap;gap:24px;font-size:32px;line-height:1.3}.typeface__weightLabel{font-size:inherit;color:var(--ink)}.typeface__weightLabel.is-active{color:var(--accent)}.typeface__ramp{padding-top:32px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.typeface__line{color:var(--ink);white-space:nowrap;overflow-x:clip;padding:0 var(--gutter)}.typeface__siblings{padding-top:56px}.typeface__siblingRow{display:flex;gap:48px;flex-wrap:wrap;align-items:flex-end}.typeface__sibling{display:grid;justify-items:start;gap:8px}.typeface__siblingAa{color:var(--ink)}.typeface__siblingName{font-size:var(--ui-size);color:var(--ink-ui)}.typeface__designer{padding:24px 0 88px}.typeface__designerMain{display:grid;grid-template-columns:minmax(0,480px) minmax(min-content,1fr);gap:40px;align-items:start}.typeface__portrait{width:100%;height:auto;display:block;border-radius:var(--radius-card)}.typeface__designerName{margin:0 0 8px;color:var(--ink);font-weight:500}.typeface__designerNote{margin:0;max-width:420px;color:var(--ink-ui)}@media (max-width: 779px){.typeface__weightNav{font-size:28px}.typeface__designerMain{grid-template-columns:minmax(0,1fr);gap:20px}.typeface__portrait{max-width:190px}.typeface__siblingRow{gap:28px}}