/* Shared type scale. Loaded last on every editorial and contact page. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&family=Karla:wght@400;500;600;700&display=swap');
:root{--fb:'Karla',sans-serif;--fd:'Cormorant Garamond',serif;--type-main:56px;--type-section:32px;--type-sub:22px}
body{font-family:var(--fb)!important;font-size:18px!important;line-height:1.55!important}
/* Remove the legacy mix of monospace, Jost and component-specific scales. */
:is(body,#type-system) *{font-family:inherit!important;font-size:inherit!important;line-height:inherit!important}
:is(body,#type-system) :is(p,ul,ol,dd,blockquote){font-size:18px!important;line-height:1.55!important}
:is(body,#type-system) h1{font-family:var(--fd)!important;font-size:var(--type-main)!important;line-height:1.15!important;letter-spacing:-.025em}
:is(body,#type-system) h2{font-family:var(--fd)!important;font-size:var(--type-section)!important;line-height:1.18!important;letter-spacing:-.015em}
:is(body,#type-system) :is(h3,h4,h5,h6){font-family:var(--fd)!important;font-size:var(--type-sub)!important;line-height:1.2!important}
:is(body,#type-system) :is(.package-top h3,.project-copy h3){font-size:var(--type-section)!important}
:is(body,#type-system) :is(button,input,select,textarea,label,summary,.btn,.txtlink,.text-button,.backlink,.occasion-link,.project-cta,.game-teaser-button,.next-link,nav a,.nav a,.mnav a,.gallery-footer a,.ft a,.form a,.brand-name,.logo){font-family:var(--fb)!important;font-size:16px!important;line-height:1.5!important;letter-spacing:.025em}
:is(body,#type-system) :is(button,input,select,textarea){max-width:100%}
:is(body,#type-system) :is(.kicker,.eyebrow,.section-number,.ft-h,.package-base-label,.kv span){font-family:var(--fb)!important;font-size:16px!important;line-height:1.5!important;letter-spacing:.08em}
:is(body,#type-system) :is(small,figcaption,.caption,.form-note,.hero-trust,.section-note,.role-note,.project-note,.project-caption,.project-kind,.project-status,.project-steps-label,.project-counter,.project-photo-bar>span,.project-zoom-hint,.gallery-footer,.scene-footnote,.milestone-label,.milestone-confidential,.package-subtitle,.package-differences dt,.board-help,.slot-label,.card-description,.qr-footer,.ft-bottom,.ft-note,.game-teaser-note,.game-teaser-credit,.game-preview-caption,.post-meta,.post-tag,.post-date,.post-category,.read-time,.quiz-note,.quiz-progress,.quiz-privacy){font-family:var(--fb)!important;font-size:14px!important;line-height:1.55!important}
:is(body,#type-system) :is(.project-tab small,.project-step span,.project-step b,.score small,.score span,.twentyone span,.milestone-origin>span,.milestone-destination>span,.post-stats span){font-family:var(--fb)!important;font-size:14px!important;line-height:1.55!important}
:is(body,#type-system) .project-tab strong{font-family:var(--fd)!important;font-size:22px!important;line-height:1.2!important}
:is(body,#type-system) :is(.milestone-origin>strong,.milestone-destination>strong,.twentyone>strong){font-family:var(--fd)!important;font-size:var(--type-main)!important;line-height:1.15!important}
:is(body,#type-system) :is(.score,.slot-value,.equation,.post-stats b,.package-differences strong){font-family:var(--fd)!important;font-size:var(--type-section)!important;line-height:1.2!important}
:is(body,#type-system) :is(h1,h2,h3,h4,p,a,button,label,dd){overflow-wrap:break-word}
:is(body,#type-system) :is(.hero-copy,.section-intro,.project-copy,.about-grid>div,.contact-grid>div,.package-top,.package-body,.form,.quiz-card){min-width:0}
:is(body,#type-system) .nav{gap:22px}
:is(body,#type-system) .project-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
:is(body,#type-system) .project-tab{min-width:0;padding:18px 14px}
:is(body,#type-system) .project-step{min-width:110px}
:is(body,#type-system) .package-top{min-height:245px}
:is(body,#type-system) .package-top h3{margin-top:30px}
:is(body,#type-system) .package-body .btn{white-space:normal}
:is(body,#type-system) .package-body .package-who{min-height:112px}
:is(body,#type-system) .hero-cta{flex-wrap:wrap}
@media(max-width:1150px){:is(body,#type-system) .nav{display:none}:is(body,#type-system) .burger{display:block}}
@media(max-width:767px){
 :root{--type-main:36px;--type-section:28px;--type-sub:22px}
 :is(body,#type-system) :is(.container){padding-left:20px;padding-right:20px}
 :is(body,#type-system) .wrap{width:calc(100% - 40px)}
 :is(body,#type-system) :is(h1,h2,h3,h4) br{display:none}
 :is(body,#type-system) :is(h1,h2,h3,h4) br::after{content:' '}
 :is(body,#type-system) .project-tabs{grid-template-columns:1fr 1fr}
 :is(body,#type-system) .project-tab:last-child{grid-column:1/-1}
 :is(body,#type-system) .project-tab:nth-child(-n+4){border-bottom:1px solid #cba45f30}
 :is(body,#type-system) .project-tab:nth-child(even){border-right:0}
 :is(body,#type-system) .package-top,:is(body,#type-system) .package-body{padding:26px}
 :is(body,#type-system) .package-top,:is(body,#type-system) .package-body .package-who{min-height:0}
 :is(body,#type-system) .qr-header .wrap{gap:14px;flex-wrap:wrap;height:auto;min-height:90px;padding-block:16px}
 :is(body,#type-system) .controls{flex-wrap:wrap}
 :is(body,#type-system) .controls .btn{flex:1 1 110px}
 :is(body,#type-system) .game-top{flex-wrap:wrap}
 :is(body,#type-system) .milestone-origin{flex-wrap:wrap}
 :is(body,#type-system) .project-tab small{letter-spacing:.035em}
 :is(body,#type-system) .qr-footer nav{display:flex;flex-wrap:wrap;gap:16px}
 :is(body,#type-system) .qr-footer a{margin-left:0}
}
@media(max-width:767px){:is(body,#type-system) .hero-copy h1 .hero-line,:is(body,#type-system) .hero-copy h1 .g{display:inline;width:auto}}