html:root{--p-bg:#f6f6f6;--p-panel:#191919;--p-surface:#fff;--p-ink:#3c3c3c;--p-muted:#666;--p-accent:#474747;--p-accent-ink:#f6f6f6;--p-action:#474747;--p-action-ink:#f6f6f6;--p-inv-bg:#3c3c3c;--p-inv-surface:#474747;--p-inv-ink:#f6f6f6;--p-inv-muted:#bababa;--p-inv-accent:#f6f6f6;--p-inv-accent-ink:#3c3c3c;--p-inv-action:#f6f6f6;--p-inv-action-ink:#3c3c3c;--font-display:var(--font-inter), Inter, sans-serif;--font-text:var(--font-inter), Inter, sans-serif;--display-weight:800;--display-tracking:-.028em;--display-tracking-xl:-.036em;--display-stretch:96%;--ly-scale:1.04;--nav-offset:var(--s-5);--font-manrope:var(--font-inter);--font-outfit:var(--font-inter);font-synthesis:none;scroll-behavior:auto;scroll-padding-top:var(--nav)}body{-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid}::selection{color:#191919;background:#ccc}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav .nav__logo img{width:111px;height:34px;display:block}.nav .nav__logo{line-height:1}.hero .hero__lead{max-width:440px;margin-top:32px}.hero .btn-row{gap:12px;margin-top:32px}.hero--collage .hero__art{background:#e5e5e3}.hero-type-backdrop{color:#575755;position:absolute;top:40px;left:24px}.hero-type-backdrop>span{font:400 clamp(160px, 17vw, 250px)/1 var(--font-instrument-serif), Georgia, serif;letter-spacing:-.06em}.hero-type-backdrop>small{font:400 14px/1.5 var(--font-text);padding-top:24px;display:block}.hero-panel{border:1px solid #d6d6d6;border-radius:12px;width:62%;height:auto;position:absolute;top:32px;right:24px;box-shadow:0 16px 48px #19191912}.hero-type-note{color:#3c3c3c;background:#fff;border:1px solid #d6d6d6;border-radius:8px;width:285px;padding:24px;position:absolute;bottom:32px;left:32px}.note-label,.note-meta{font:400 13px/1.5 var(--font-text);display:block}.hero-type-note p{font:400 48px/.95 var(--font-instrument-serif), Georgia, serif;letter-spacing:-.03em;margin:24px 0}.note-meta{color:#666}.section-heading{justify-content:space-between;align-items:flex-start;gap:var(--s-8);height:auto;display:flex}.section-heading h2{max-width:620px}.section-heading>p{width:calc(50% - 12px);max-width:520px;margin:0;font-size:18px;line-height:1.4}.questions-section{background:var(--p-bg)}.questions-grid .t-lead{margin-top:32px}.questions-type{font:400 260px/1 var(--font-instrument-serif), Georgia, serif;color:#666;margin-top:48px}.questions-section .faq{margin-top:0}.questions-section .faq__item{margin-bottom:24px;padding:0 0 24px}.questions-section .faq__item h3{margin:0 0 12px;font-size:20px;line-height:1.4}.questions-section .faq__item p{color:#3c3c3c;margin:0;font-size:16px;line-height:1.4}.closing .close-head{justify-content:space-between;align-items:flex-start;gap:48px;display:flex}.close-head h2{max-width:760px}.close-note{margin:24px 0 0;font-size:16px}.store-status{font:400 13px/1.5 var(--font-text);color:#666;margin-top:16px}footer.closing{height:auto;min-height:0;padding:0 0 var(--s-6)}.footer-brand{width:min(calc(100% - 2 * var(--gut)), 1280px);margin:var(--s-8) auto 0;aspect-ratio:111/29;position:relative;overflow:clip}.footer-brand .footer-wordmark{aspect-ratio:111/34;background:var(--line-strong);flex-shrink:0;width:100%;margin:0;display:block;position:absolute;top:0;left:0;mask:url(/branding/fontzie-wordmark.svg) top/100% no-repeat}footer.closing>.wrap{width:min(calc(100% - 2 * var(--gut)), 1280px);flex-direction:column;justify-content:space-between;gap:48px;max-width:none;display:flex}.footer-directory{border-top:1px solid #d6d6d6;justify-content:space-between;align-items:center;gap:32px;padding-top:24px;font-size:14px;display:flex}.footer-directory>p{flex-wrap:wrap;align-items:center;gap:4px;margin:0;display:flex}.footer-directory nav{gap:24px;display:flex}.footer-directory a{align-items:center;min-height:44px;display:inline-flex}.footer-year{color:#666}.document-page{padding-top:calc(var(--nav-offset) + var(--nav) + var(--s-8));padding-bottom:96px}.document-page .wrap{max-width:900px}.document-page h1{letter-spacing:-.04em;margin-bottom:48px;font-size:clamp(40px,6vw,72px);font-weight:500;line-height:1.08}.document-page h2{margin:48px 0 16px;font-size:28px}.document-page p,.document-page li{max-width:66ch;font-size:17px;line-height:1.7}.document-page .document-back{align-items:center;min-height:44px;margin-top:48px;display:inline-flex}@media (width>=1024px) and (width<=1279px){.hero .hero__lead{font-size:18px}.hero .btn-row{flex-direction:column;align-items:stretch;width:min(100%,300px)}.hero-type-note{width:220px;bottom:24px;left:24px}.hero-type-note p{font-size:40px}}@media (width<=1023px){.section-heading{display:block}.section-heading>p{width:100%;max-width:620px;margin-top:24px}.hero .hero__lead{max-width:640px;margin-top:24px}.hero .btn-row{margin-top:24px}.hero--collage .hero__art{min-height:220px}.hero-panel{width:48%;max-width:360px;top:24px;right:32px}.hero-type-backdrop{top:0;left:32px}.hero-type-backdrop>span{font-size:200px}.hero-type-backdrop>small,.hero-type-note{display:none}#export{--h:2}.questions-grid{grid-template-columns:1fr;gap:48px}.questions-grid>*{grid-column:1/-1}.questions-type,.questions-grid h2 br{display:none}.questions-grid .t-lead{margin-top:24px}.close-head h2{max-width:480px}.closing .close-head{gap:32px}.footer-directory{flex-wrap:wrap}}@media (width<=639px){.hero .hero__lead{font-size:17px;line-height:1.5}.hero .btn-row{gap:8px}.hero-panel{width:63%;top:16px;right:16px}.hero-type-backdrop{top:16px;left:16px}.hero-type-backdrop>span{font-size:140px}.section-heading{gap:24px}.section-heading>p{margin-top:16px;font-size:16px}#export,#questions{--hm:2}.questions-grid{gap:32px}.questions-section .faq__item{margin-bottom:24px;padding-bottom:24px}.questions-section .faq__item h3{font-size:18px}.closing .close-head{display:block}.closing .close-head .btn{width:100%;margin-top:24px}.footer-wordmark{margin-top:48px}.footer-directory{align-items:flex-start;gap:24px;font-size:13px}.footer-directory>p,.footer-directory nav{width:100%}.footer-directory nav{flex-wrap:wrap;gap:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}a.btn.btn--primary:focus-visible{outline-color:var(--ink)}.questions-type{height:calc(100svh - 455px);margin-top:32px;font-size:calc(100svh - 455px)}footer.closing>.wrap>*{width:100%}@media (width<=1023px){.nav .nav__toggle{place-items:center;width:44px;height:44px;padding:0}}@media (width<=639px){.nav:not(.is-open) .nav__actions{display:none}.nav .nav__toggle{margin-left:auto}#questions{--hm:1}.questions-grid .t-lead{display:none}.questions-section .faq__item{margin-bottom:16px;padding-bottom:16px}}.questions-type{height:calc(100svh - 491px);font-size:calc(100svh - 491px)}@media (width<=639px){.nav.nav--centre .nav__bar{grid-template-columns:minmax(0,1fr) 44px;gap:16px}.nav .nav__toggle{grid-column:2;justify-self:end;margin-left:0}.nav.is-open .nav__actions{position:fixed;bottom:24px;left:24px;right:24px}}@media (width>=1024px){.section-heading{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;display:grid}.section-heading h2{grid-column:1/span 6}.section-heading>p{grid-column:7/-1;width:auto;max-width:none}}@media (width<=639px){.nav.nav--centre .nav__bar{display:grid}}.chrome-logo{flex:0 0 20px;width:20px;height:20px;margin-right:10px}.hero-type-backdrop>span,.hero-type-note p,.questions-type,.hero-type-backdrop>small,.note-label,.note-meta,.store-status{font-family:var(--font-inter), Inter, sans-serif}html[data-buttons] .btn,html[data-buttons] .nav .nav__actions .btn{padding-inline:var(--s-4)}html[data-buttons] .btn,.nav .nav__toggle{border-radius:999px}.action-content{--action-shift:1.5em;--action-fade:6px;min-width:0;margin-inline:calc(-1 * var(--action-fade));padding-inline:var(--action-fade) calc(var(--action-shift) + var(--action-fade));mask-image:linear-gradient(to right, transparent, #000 var(--action-fade), #000 calc(100% - var(--action-fade)), transparent);vertical-align:middle;align-items:center;display:inline-flex;position:relative;overflow:hidden}.action-content,.action-content *{pointer-events:none}.action-content__label{min-width:0;transition:transform .32s cubic-bezier(.16,1,.3,1);display:block}.action-content__icon{justify-content:center;align-items:center;width:1em;height:1em;transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .22s;display:flex;position:absolute;top:50%}.action-content__icon svg,.action-content__icon img{width:100%;height:100%;display:block}.action-content[data-icon=chrome]{--action-shift:30px;min-height:20px}.action-content[data-icon=chrome] .action-content__icon{width:20px;height:20px}.action-content[data-icon=down] svg{rotate:90deg}.action-content[data-icon=back] svg{rotate:180deg}.action-content[data-icon=external] svg{rotate:-45deg}.action-content__icon--before{left:var(--action-fade);opacity:0;transform:translate(-150%,-50%)}.action-content__icon--after{right:var(--action-fade);transform:translateY(-50%)}:is(a,button):not(:disabled,[aria-disabled=true]):focus-visible .action-content__label{transform:translateX(var(--action-shift))}:is(a,button):not(:disabled,[aria-disabled=true]):focus-visible .action-content__icon--before{opacity:1;transform:translateY(-50%)}:is(a,button):not(:disabled,[aria-disabled=true]):focus-visible .action-content__icon--after{opacity:0;transform:translate(150%,-50%)}@media (hover:hover) and (pointer:fine){:is(a,button):not(:disabled,[aria-disabled=true]):hover .action-content__label{transform:translateX(var(--action-shift))}:is(a,button):not(:disabled,[aria-disabled=true]):hover .action-content__icon--before{opacity:1;transform:translateY(-50%)}:is(a,button):not(:disabled,[aria-disabled=true]):hover .action-content__icon--after{opacity:0;transform:translate(150%,-50%)}}html[data-buttons] .link:has(.action-content):after{content:none}html[data-buttons] .btn:is(:hover,:active){transform:none}html[data-buttons] .btn--primary:not(:disabled):active{background:color-mix(in oklab, var(--action) 74%, var(--bg))}html[data-buttons] .btn--secondary:active{background:color-mix(in oklab, var(--bg) 86%, var(--ink))}html[data-buttons] .btn:disabled{background:var(--action)}.nav .nav__toggle{border:0;transition:background-color .16s,border-color .16s;position:relative}.nav .nav__toggle>*{display:none}.nav .nav__toggle:before,.nav .nav__toggle:after{content:"";background:currentColor;border-radius:2px;width:26px;height:2.5px;transition:transform .18s;position:absolute;top:calc(50% - 1.25px);left:calc(50% - 13px)}.nav .nav__toggle:before{transform:translateY(-4px)}.nav .nav__toggle:after{transform:translateY(4px)}.nav.is-open .nav__toggle:before{transform:rotate(45deg)}.nav.is-open .nav__toggle:after{transform:rotate(-45deg)}@media (prefers-reduced-motion:reduce){.nav .nav__toggle:before,.nav .nav__toggle:after{transition:none}}.nav .nav__toggle:active{background-color:#d6d6d6}.footer-directory nav a{max-width:100%}@media (prefers-reduced-motion:reduce){:is(a,button) .action-content__label{transition:none;transform:none!important}:is(a,button) .action-content__icon--before{display:none}:is(a,button) .action-content__icon--after{transition:none;opacity:1!important;transform:translateY(-50%)!important}}main>section.section.feature-section{background:var(--p-bg);height:auto;min-height:680px;padding-block:96px}main>section.section.feature-section.ground-inverse{--section-inset:clamp(12px, 1.25vw, 24px);--section-corner:clamp(24px, 2.4vw, 40px);background:var(--p-bg);--bg:var(--p-panel);--ink:#ededed;--muted:#a7a6a6;--line:#4d4d4d}main>section.section.feature-section.ground-inverse:before{content:"";inset:var(--section-inset);border-radius:var(--section-corner);background:var(--p-panel);pointer-events:none;position:absolute}main>section.section.feature-section#rules{background:#f6f6f6}main>section.section.feature-section>.wrap{height:auto}.feature-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(48px,7vw,112px);min-height:488px;display:grid}.feature-copy{grid-area:1/2}.feature-label{color:var(--muted);margin:0 0 8px;font-size:14px;font-weight:600}.feature-copy h2{max-width:520px}.feature-description{max-width:440px;color:var(--muted);margin:24px 0 0;font-size:18px;line-height:1.4}.feature-visual{grid-area:1/1;place-items:center;min-width:0;display:grid}.feature-capture{width:100%;max-width:520px;mask-image:linear-gradient(to bottom, #000 68%, transparent 100%), linear-gradient(var(--capture-fade-direction,to right), transparent, #000 12%);border-radius:12px;display:block;position:relative;overflow:hidden;mask-composite:intersect}#export .feature-capture,#font-family .feature-capture,#typography .feature-capture{max-width:440px}[data-section-reveal]{--reveal-from:var(--p-bg);position:relative;overflow:clip}#rules[data-section-reveal]{--reveal-from:#f6f6f6}.section-reveal__cover{z-index:20;pointer-events:none;width:100%;height:100%;fill:var(--reveal-from);display:none;position:absolute;inset:0}[data-section-reveal].is-revealing>.section-reveal__cover{display:block}[data-section-reveal].is-revealing>.wrap{opacity:var(--reveal-content,1)}[data-section-reveal]:focus-within>.section-reveal__cover{display:none}[data-section-reveal]:focus-within>.wrap{opacity:1}.feature-section--reverse{--capture-fade-direction:to left}@media (prefers-reduced-motion:reduce){[data-section-reveal].is-revealing>.section-reveal__cover{display:none}[data-section-reveal].is-revealing>.wrap{opacity:1}}.feature-section--reverse .feature-copy{grid-column:1}.feature-section--reverse .feature-visual{grid-column:2}@media (width<=1023px){main>section.section.feature-section{min-height:0;padding-block:72px}.feature-layout{gap:32px;min-height:380px}.feature-copy h2{font-size:clamp(32px,4.5vw,48px)}.feature-description{font-size:16px}}@media (width<=639px){main>section.section.feature-section{padding-block:64px}main>section.section.feature-section.ground-inverse>.wrap{width:calc(100% - 2 * (var(--gut) + var(--section-inset)))}.feature-layout{grid-template-columns:minmax(0,1fr);gap:40px;min-height:0}.feature-layout .feature-copy{grid-area:1/1}.feature-layout .feature-visual{grid-area:2/1}.feature-description{margin-top:20px}}.feature-capture img{width:100%;height:auto;display:block}html body :is(h1,h2,h3,h4,h5,h6){font-weight:800!important}main>.hero.hero--type{height:auto;min-height:100svh;padding-top:calc(var(--nav-offset) + var(--nav) + var(--hgap));grid-template-rows:1fr;grid-template-columns:minmax(0,1fr);padding-bottom:88px;display:grid;position:relative}main>.hero.hero--type>.wrap{height:auto}main>.hero.hero--type>.wrap>.hero__single{flex:1;justify-content:center;align-items:center;height:auto;display:flex}.hero--type .hero__text{text-align:center;width:100%}html body .hero--type #hero-h{font-family:var(--font-inter), sans-serif;letter-spacing:-.055em;text-wrap:initial;margin:0 auto;font-size:clamp(30px,10vw,112px);line-height:1.15;font-weight:800!important}#hero-h .hero-line{white-space:nowrap;height:1.15em;display:block}#hero-h{--hero-cycle:12s;position:relative}.hero-pick-target{display:inline-block;position:relative}.hero-changing{animation:hero-weight-breathe var(--hero-cycle) ease-in-out infinite;font-weight:800}.hero-slant-text{transform-origin:50% 80%;animation:hero-slant var(--hero-cycle) ease-in-out infinite;display:inline-block}.hero-pick-target:before{content:"";pointer-events:none;opacity:0;background:#3c3c3c12;border:2px solid #666;border-radius:6px;position:absolute;inset:0 -.055em}.hero-pick-label{color:#f6f6f6;font:500 10px/1.2 var(--font-inter), sans-serif;letter-spacing:0;white-space:nowrap;pointer-events:none;opacity:0;background:#474747;border-radius:4px 4px 0 0;padding:3px 6px;position:absolute;top:-17px;left:-.055em}.hero-changing:before,.hero-changing .hero-pick-label{animation:hero-pick-weight var(--hero-cycle) linear infinite}.hero-slant:before,.hero-slant .hero-pick-label{animation:hero-pick-slant var(--hero-cycle) linear infinite}.hero-underline:before,.hero-underline .hero-pick-label{animation:hero-pick-underline var(--hero-cycle) linear infinite}.hero-underline:after{content:"";clip-path:inset(0 100% 0 0);pointer-events:none;height:.065em;min-height:3px;animation:hero-draw-underline var(--hero-cycle) ease-in-out infinite;background:currentColor;border-radius:0;position:absolute;bottom:.03em;left:0;right:0}.hero-picker-cursor{z-index:2;pointer-events:none;opacity:1;animation:hero-picker-x var(--hero-cycle) cubic-bezier(.22, .75, .25, 1) infinite, hero-picker-y var(--hero-cycle) cubic-bezier(.4, 0, .2, 1) infinite;align-items:flex-start;gap:3px;display:flex;position:absolute;top:0;left:0}.hero-picker-badge{color:#f6f6f6;font:500 11px/1.2 var(--font-inter), sans-serif;letter-spacing:0;background:#474747;border:1px solid #f6f6f6;border-radius:5px;margin-top:22px;padding:4px 7px}#hero-h:not([data-picker-ready]) .hero-picker-cursor{visibility:hidden}.hero-picker-cursor svg{transform-origin:3px 2px;animation:hero-picker-click var(--hero-cycle) ease-in-out infinite}.hero-click-pulse{opacity:0;width:24px;height:24px;animation:hero-click-pulse var(--hero-cycle) ease-out infinite;border:1px solid #666;border-radius:50%;position:absolute;top:-10px;left:-9px}@keyframes hero-weight-breathe{0%,3%,63%,to{font-weight:350}12%,54%{font-weight:800}}@keyframes hero-slant{0%,20%,80%,to{transform:skew(0)}29%,71%{transform:skew(-12deg)}}@keyframes hero-draw-underline{0%,37%,to{clip-path:inset(0 100% 0 0)}40%,88%{clip-path:inset(0)}91%,99.99%{clip-path:inset(0 0 0 100%)}}@keyframes hero-pick-weight{0%,12%,51%,63%,to{opacity:1}14%,49%,65%,98%{opacity:0}}@keyframes hero-pick-slant{17%,29%,68%,80%{opacity:1}0%,15%,31%,66%,82%,to{opacity:0}}@keyframes hero-pick-underline{34%,46%,85%,94%{opacity:1}0%,32%,48%,83%,96%,to{opacity:0}}@keyframes hero-picker-x{0%,12%,51%,63%,to{left:var(--pick-weight-x)}17%,29%,68%,80%{left:var(--pick-slant-x)}34%,46%,85%,94%{left:var(--pick-underline-x)}}@keyframes hero-picker-y{0%,12%,51%,63%,to{top:var(--pick-weight-y)}17%,29%,68%,80%{top:var(--pick-slant-y)}34%,46%,85%,94%{top:var(--pick-underline-y)}31.5%,82.5%{top:calc(var(--pick-slant-y) - 14px)}}@keyframes hero-picker-click{0%,0%,2%,17%,19%,34%,36%,51%,53%,68%,70%,85%,87%,to{transform:scale(1)}1%,18%,35%,52%,69%,86%{transform:scale(.78)}}@keyframes hero-click-pulse{0%,.5%,17.5%,34.5%,51.5%,68.5%,85.5%{opacity:0;transform:scale(.2)}1%,18%,35%,52%,69%,86%{opacity:.65;transform:scale(.35)}2%,19%,36%,53%,70%,87%,to{opacity:0;transform:scale(1.25)}}#hero-h[data-weight-motion=paused] *,#hero-h[data-weight-motion=paused] :before,#hero-h[data-weight-motion=paused] :after{animation-play-state:paused}.hero--type .hero__lead{max-width:580px;margin:32px auto 0;line-height:1.4}.hero--type .btn-row{flex-direction:row;justify-content:center;width:auto;margin-top:32px}.hero-motion-control{inset-inline-end:var(--gut);width:44px;height:44px;color:var(--p-muted);background:0 0;border:1px solid #d6d6d6;border-radius:50%;justify-content:center;align-items:center;padding:12px;display:inline-flex;position:absolute;bottom:24px}.hero-motion-control:hover{color:var(--p-ink);background:#e5e5e5}@media (width<=639px){.hero--type .hero__lead{max-width:340px;margin-top:24px;font-size:17px}.hero--type .btn-row{flex-direction:column;align-items:center}}@media (prefers-reduced-motion:reduce){#hero-h:not([data-weight-motion=running]) *,#hero-h:not([data-weight-motion=running]) :before,#hero-h:not([data-weight-motion=running]) :after{animation:none}#hero-h:not([data-weight-motion=running]) .hero-picker-cursor{display:none}#hero-h:not([data-weight-motion=running]) .hero-pick-target:before,#hero-h:not([data-weight-motion=running]) .hero-pick-label{opacity:0}#hero-h:not([data-weight-motion=running]) .hero-changing{font-weight:800}}@media (width<=639px){.nav .nav__logo{&.nav__logo{mask-size:auto 24px}}.nav .nav__logo img{width:auto;height:24px}.hero-picker-cursor svg{width:18px;height:23px}.hero-picker-badge{margin-top:15px;padding:3px 5px;font-size:9px}.hero-pick-label{padding:2px 4px;font-size:8px;top:-14px}}#hero-h .hero-line--words{justify-content:center;gap:.17em;margin-top:.15em;display:flex}.hero-word-ending{display:inline-flex}.hero-motion-icon{flex:none}.hero-icon-play,[data-type-pause][data-paused=true] .hero-icon-pause{display:none}[data-type-pause][data-paused=true] .hero-icon-play{display:block}.nav{--bg:var(--p-panel);--ink:var(--p-inv-ink);--action:var(--p-surface);--action-ink:var(--p-ink);--line:color-mix(in oklab, var(--ink) 11%, transparent);--line-strong:color-mix(in srgb, var(--ink) 35%, transparent);top:var(--nav-offset);pointer-events:none;background:0 0;border:0}.nav .nav__bar{background:var(--bg);border:1px solid var(--line);border-radius:calc(var(--nav) / 2);padding-inline:var(--s-4);pointer-events:auto}.nav .nav__logo{background:var(--ink);width:max-content;height:max-content;padding-inline:var(--s-2);place-self:center start;margin-bottom:2px;mask:url(/branding/fontzie-wordmark.svg) 50%/contain no-repeat}.nav .nav__logo img{opacity:0}.nav .nav__logo:focus-visible{background:0 0;mask:none}.nav .nav__logo:focus-visible img{opacity:1;filter:brightness(0)invert()}.nav .nav__toggle:active{background:var(--p-inv-surface)}html:root{scroll-padding-top:calc(var(--nav) + var(--s-5) + var(--s-4))}@media (width<=1023px){html:root{--nav-offset:var(--s-3)}.nav .nav__bar{padding-inline:var(--s-4)}}main>section.qa-section{height:auto;min-height:0;padding:var(--s-9) 0;background:var(--p-bg);color:var(--p-ink);display:block}.qa-wrap{width:calc(100% - var(--gut) * 2);max-width:calc(var(--container) * .9);margin-inline:auto}.qa-heading{font-size:var(--t-h2);margin:0 0 var(--s-8);letter-spacing:var(--display-tracking);line-height:1.1}.qa-answer{gap:var(--s-8);border-top:1px solid var(--line);padding-block:var(--s-7);grid-template-columns:1fr 1.7fr;min-width:0;display:grid}.qa-answer h3{font-size:var(--t-h3);margin:0;line-height:1.25}.qa-answer p{color:var(--p-muted);font-size:var(--t-lead);max-width:65ch;margin:0;line-height:1.4}@media (width<=700px){main>section.qa-section{padding-block:var(--s-8)}.qa-wrap{max-width:none}.qa-heading{margin-bottom:var(--s-7);max-width:18ch}.qa-answer{display:block}.qa-answer h3{font-size:var(--t-lead)}.qa-answer p{margin-top:var(--s-4)}}.nav__reveal,.nav__reveal-content{display:contents}.nav .nav__tablet-action{display:none}@media (width<=1023px){.nav.nav--centre .nav__bar{grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:calc(var(--nav) - 2px) auto;gap:0 var(--s-3);height:auto;display:grid;overflow:clip}.nav .nav__toggle{grid-area:1/-2}.nav__reveal{visibility:hidden;opacity:0;grid-area:2/1/auto/-1;grid-template-rows:0fr;transition:grid-template-rows .26s,opacity .18s,visibility 0s .26s;display:grid}.nav.is-open .nav__reveal{visibility:visible;opacity:1;grid-template-rows:1fr;transition-delay:0s}.nav__reveal-content{min-height:0;display:block;overflow:hidden}.nav .nav__reveal-content>.nav__links{padding:0 var(--s-2);pointer-events:auto;max-height:calc(100svh - var(--nav-offset) * 2 - var(--nav) - 80px);border-radius:0;flex-direction:column;gap:0;display:flex;position:static;overflow-y:auto}.nav .nav__links .nav__item{border-bottom:0;display:block}.nav .nav__links .nav__link{background:0 0;height:56px;padding:0;font-size:20px}.nav .nav__reveal-content>.nav__actions{padding:var(--s-4) 0;pointer-events:auto;border:0;border-radius:0;margin:0;display:grid;position:static}.nav .nav__reveal-content>.nav__actions .btn{width:100%;height:48px;font-size:var(--t-body)}}@media (width>=640px) and (width<=1023px){.nav:not(.is-open) .nav__bar{grid-template-columns:minmax(0,1fr) auto 44px}.nav:not(.is-open) .nav__tablet-action{grid-area:1/2;display:inline-flex}}@media (prefers-reduced-motion:reduce){.nav .nav__bar,.nav .nav__reveal{transition:none}}.nav-backdrop{display:none}@media (width<=1023px){.nav-backdrop{z-index:49;background:var(--p-panel);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s,visibility 0s .26s;display:block;position:fixed;inset:0}.nav.is-open+.nav-backdrop{opacity:.18;visibility:visible;pointer-events:auto;transition-delay:0s}}@media (prefers-reduced-motion:reduce){.nav-backdrop{transition:none}}.nav .nav__link[aria-current=location]:after{content:"";left:var(--s-3);right:var(--s-3);background:currentColor;border-radius:2px;height:2px;position:absolute;bottom:-2px}@media (width<=1023px){.nav .nav__link[aria-current=location]:after{width:var(--s-5);bottom:10px;left:0;right:auto}}