/* Local font product preview, transcribed from Product-Info_NEW, 3670 x 3290.8 at 300 dpi.
   Use the actual font data, not the example product's licence, year or character count. */
.font-product-preview{background:#272727;color:#fff;font-size:var(--sf-text)}
.font-product-preview .sf-header{background:#272727;color:white}
.font-product-preview .sf-header nav [aria-current]{background:none;color:white}
.font-product-preview .sf-burger{color:white}
.font-product-preview .sf-header nav button{color:white}
.font-product-preview .product-stage{overflow-x:clip}
.font-product-preview .product-main{padding:0 2.75% 3.5%;overflow:hidden}
.product-main [hidden]{display:none!important}
.product-pager{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:1.4vw 0 4.4vw;min-height:30px}
.product-pager a{display:flex;align-items:center;gap:16px;min-height:44px;padding:0 12px;margin-inline:-12px;transition:background-color .3s var(--sf-ease),color .3s var(--sf-ease)}
.product-pager a:hover,.product-pager a:focus-visible{background:var(--sf-accent);color:white}
.product-pager-arrow{display:inline-flex;align-items:center;flex:0 0 auto;width:clamp(26px,1.763vw,34px);aspect-ratio:64.708865466/25.287893468;transition:transform .3s var(--sf-ease)}
.product-pager-arrow img{display:block;width:100%;height:100%}
#product-prev:hover .product-pager-arrow,#product-prev:focus-visible .product-pager-arrow{transform:translateX(-5px)}
#product-next:hover .product-pager-arrow,#product-next:focus-visible .product-pager-arrow{transform:translateX(5px)}
.product-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #757575;padding:0 0 1vw;min-height:48px}
.product-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
.product-crumb h1{font:inherit;margin:0;display:inline}
.product-archive{border:1px solid #757575;padding:5px 10px;margin-left:12px}
.product-buy{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-shrink:0;padding:0 12px;margin-inline:-12px;background:none;border:0;color:inherit;min-height:44px;text-align:left;transition:background-color .3s var(--sf-ease),color .3s var(--sf-ease)}
.product-buy b{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:var(--sf-price);font-weight:700;white-space:nowrap}
.product-buy:hover,.product-buy:focus-visible,.product-exclusive:hover,.product-exclusive:focus-visible{background:var(--sf-accent);color:#fff;text-decoration:none}
.product-crumb a{padding:8px 6px;margin-inline:-6px;transition:background-color .3s var(--sf-ease),color .3s var(--sf-ease)}
.product-crumb a:hover,.product-crumb a:focus-visible{background:var(--sf-accent);color:#fff}
.product-specimen{margin-inline:-.5vw;padding:1.25vw 0 2vw;border-bottom:1px solid #757575;overflow:hidden}
.product-specimen p{white-space:nowrap;margin:0;font-size:clamp(74px,10.4vw,200px);line-height:1.15;font-weight:400;font-synthesis:none}
.product-specimen #product-outline{color:transparent;-webkit-text-stroke:1px white}
.product-specimen #product-outline.is-authored-outline{color:white;-webkit-text-stroke:0}
.product-glyphs{padding-top:2.2vw}
.product-main h2{font-size:var(--sf-heading);line-height:1.2;margin:0 0 12px}
.product-glyphs>p{margin:0 0 2vw}
.product-glyph-lines{font-size:clamp(36px,3.35vw,66px);line-height:1.5;font-weight:400;font-synthesis:none;overflow-wrap:anywhere}
.product-glyph-lines p{margin:0}
.product-glyph-lines .product-extra-glyphs{font-size:.7em;line-height:1.7;margin-top:.5em}
.product-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sf-gap);margin-top:3vw}
.product-panel{border:1px solid #757575;padding:1.4vw;min-height:15vw;display:flex;flex-direction:column;align-items:stretch;font-size:var(--sf-text-small);line-height:1.6}
.product-panel h2{margin-bottom:16px}
.product-panel>p{margin:0 0 24px}
.product-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin:0}
.product-panel dl div{min-width:0}
.product-panel dt{font-weight:400}
.product-panel dd{font-weight:600;margin:0;overflow-wrap:anywhere;line-height:1.5}
.product-panel .product-buy{margin-top:auto;width:calc(100% + 24px)}
.product-exclusive{margin-top:auto;display:flex;padding:8px 12px;margin-inline:-12px;transition:background-color .3s var(--sf-ease),color .3s var(--sf-ease);gap:10px;align-items:center;min-height:44px;line-height:1.3}
.product-exclusive>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:25px;height:25px;background:#fff;color:#272727;border-radius:50%;font-size:15px;font-weight:700}
#product-error{padding:32px 0}
@media(max-width:1050px){.product-panels{gap:var(--sf-gap)}.product-panel{padding:20px}.product-panel dl{gap:12px}.product-summary{flex-wrap:wrap}.product-panel dl{grid-template-columns:1fr}.product-panel .product-buy{flex-wrap:wrap;gap:8px}}
@media(max-width:700px){
 .font-product-preview .sf-header{padding-inline:16px}
 .font-product-preview .sf-header nav{background:#272727;border-color:#757575}
 .font-product-preview .sf-header nav a,.font-product-preview .sf-header nav button{color:white}
 .font-product-preview .product-main{padding:0 16px 32px}
 .product-pager{margin:12px 0 32px}
 .product-summary{gap:16px;padding-bottom:16px}
 .product-crumb{font-size:13px}
 .product-archive{margin-left:0}
 .product-summary>.product-buy{width:100%}
 .product-specimen{padding:20px 0 24px;margin-inline:0}
 .product-specimen p{font-size:clamp(64px,13vw,100px)}
 .product-glyphs{padding-top:28px}
 .product-glyphs>p{margin-bottom:20px}
 .product-glyph-lines{font-size:clamp(28px,7.8vw,48px);line-height:1.5}
 .product-panels{grid-template-columns:1fr;gap:var(--sf-gap);margin-top:28px}
 .product-panel{min-height:200px;padding:24px}
 .product-panel dl{grid-template-columns:1fr 1fr}
 .product-panel .product-buy{flex-wrap:nowrap}
}
@media(prefers-reduced-motion:reduce){
 .product-pager a,.product-pager-arrow,.product-buy,.product-exclusive,.product-crumb a{transition:none}
 #product-prev:hover .product-pager-arrow,#product-prev:focus-visible .product-pager-arrow,#product-next:hover .product-pager-arrow,#product-next:focus-visible .product-pager-arrow{transform:none}
}
/* Licence choice for individually sold fonts: the collection page's radio rows, on the product panel. */
.product-licence-options{display:flex;flex-direction:column;margin:0 0 16px}
.product-licence-options button{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px;margin-inline:-10px;background:none;border:0;border-top:1px solid rgba(255,255,255,.22);color:inherit;text-align:left;transition:background-color .3s var(--sf-ease),color .3s var(--sf-ease)}
.product-licence-options button::before{content:'';flex:0 0 auto;width:9px;height:9px;border:1px solid currentColor;border-radius:50%}
.product-licence-options button[aria-checked="true"]{font-weight:700}
.product-licence-options button[aria-checked="true"]::before{background:currentColor}
.product-licence-options button span{flex:1 1 auto;min-width:0}
.product-licence-options button b{font-weight:700;white-space:nowrap}
.product-licence-options button:hover,.product-licence-options button:focus-visible{background:var(--sf-accent);color:#fff}
.product-licence-note{margin:0 0 20px;color:rgba(255,255,255,.82)}
@media(prefers-reduced-motion:reduce){.product-licence-options button{transition:none}}
