/* KopGek: één typografische schaal, met Manrope uit de bestaande huisstijl. */
@font-face{font-family:Manrope;src:url('/welkom/assets/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
body.kg-typography{font-family:Manrope,Arial,sans-serif;font-size:17px;line-height:1.75;font-weight:450;font-kerning:normal;color:#2c3b32}
.kg-typography :is(h1,h2,h3,h4){font-family:Manrope,Arial,sans-serif;text-wrap:balance;font-weight:750;letter-spacing:-.032em;line-height:1.18}
.kg-typography h1{font-size:clamp(36px,4.6vw,68px);line-height:1.09;letter-spacing:-.042em}
.kg-typography h2{font-size:clamp(29px,3vw,42px);line-height:1.2}
.kg-typography h3{font-size:clamp(22px,2vw,27px);line-height:1.28;letter-spacing:-.022em}
.kg-typography :is(p,li){line-height:1.75;text-wrap:pretty}
.kg-typography :is(.lead,.hero-copy>p:not(.eyebrow),.books-intro>p){font-size:clamp(18px,1.6vw,21px);line-height:1.7;max-width:58ch}
.kg-typography :is(.eyebrow,.tag,.plan-number){font-size:12px;font-weight:750;letter-spacing:.13em;line-height:1.6;text-wrap:wrap}
.kg-typography :is(.btn,.button,.text-link){font-weight:700;letter-spacing:.005em;line-height:1.45}
.kg-typography :is(label,legend){line-height:1.55}
.kg-typography :is(input,select,textarea){font-family:inherit;font-size:16px;line-height:1.5}
.kg-typography :is(.small,.form-note,.form-intro,.example-caption,.style-note,.price-explanation,.gallery-note,.request-style-hint,.photo-making-hint){font-size:15px;line-height:1.7}
.kg-typography :is(figcaption,.price-panel dt,.style-steps){line-height:1.6}
.kg-typography :is(.price-main strong,.style-price,.aside-price,.price-tag,.gift-price,.price-amount,.price strong){font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.025em;font-weight:750}
.kg-typography :is(.style-heading h1,.request-main h1,.wizard-heading h1){font-size:clamp(34px,3.8vw,54px);line-height:1.12}
.kg-typography :is(.style-copy strong,.package-summary>strong){font-size:23px;line-height:1.3;font-weight:750;letter-spacing:-.015em}
.kg-typography :is(.wizard-panel h2,#business-request h2,.request-main h2){font-size:clamp(25px,2.5vw,32px);line-height:1.25}
.kg-typography .request-process p{font-size:15px}.kg-typography .request-process strong{font-weight:750}
.kg-typography .portrait-card-copy p{font-size:19px;line-height:1.4}.kg-typography .portrait-card-copy strong{font-weight:750;line-height:1.18}
.kg-typography .kg-assurance h2{font-size:clamp(28px,2.7vw,38px)}.kg-typography .kg-assurance-grid strong{font-weight:750;line-height:1.45}
@media(max-width:600px){body.kg-typography{font-size:16px;line-height:1.75}.kg-typography h1{font-size:clamp(34px,8.4vw,44px)}.kg-typography h2{font-size:clamp(28px,7vw,34px)}.kg-typography h3{font-size:23px}.kg-typography :is(.style-heading h1,.request-main h1,.wizard-heading h1){font-size:clamp(32px,8.3vw,40px)}.kg-typography :is(.style-copy strong,.package-summary>strong){font-size:21px}.kg-typography .portrait-card-copy p{font-size:16px}.kg-typography .portrait-card-copy strong{font-size:22px}.kg-typography :is(.eyebrow,.tag){letter-spacing:.1em}}