.kpop{--kpop-page-gutter:clamp(1rem, 3vw, 3rem);--kpop-page-space:clamp(1.5rem, 3vw, 2rem);--kpop-section-space:2rem;--kpop-title-size:clamp(2rem, 1.5rem + 2vw, 3.5rem);--kpop-title-font:800 var(--kpop-title-size)/1.12 var(--kpop-serif);--kpop-section-font:700 clamp(1.5rem, 1.25rem + .75vw, 2rem)/1.2 var(--kpop-serif);--kpop-label-font:500 .75rem/1.5 var(--kpop-mono);--kpop-intro-font:400 1.125rem/1.6 Inter, sans-serif;--kpop-readable:72ch}.kpop .kpop-page{width:100%;min-width:0;max-width:none;padding:var(--kpop-page-space) var(--kpop-page-gutter) 3rem;overflow-wrap:anywhere;outline:none;margin:0}.kpop .kpop-page--composed{padding:0 0 3rem}.kpop .kpop-page-stack{gap:var(--kpop-section-space);align-content:start;display:grid}.kpop .kpop-page-stack>.kpop-page-header{margin-bottom:0}.kpop .kpop-page-title{min-width:0;max-width:none;font:var(--kpop-title-font);letter-spacing:-.035em;text-transform:none;overflow-wrap:anywhere;margin:0}.kpop .kpop-page-title em{font-size:inherit;font-weight:400}.kpop .kpop-page-title :is(.kpop-title-phrase,.heading-phrase){white-space:normal;display:inline}.kpop .kpop-page-header{margin:0 0 var(--kpop-section-space);border:0;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:stretch;gap:.75rem;padding:0;display:grid}.kpop .kpop-page--composed>.kpop-page-header{padding:var(--kpop-page-space) var(--kpop-page-gutter) 0}.kpop .kpop-page-header>div:not([class]){gap:.75rem;min-width:0;display:grid}.kpop .kpop-page-header>:is(p,.kpop-page-note),.kpop .kpop-page-header>:is(.kpop-header-copy,div:not([class]))>p{color:inherit;text-align:start;max-width:var(--kpop-readable);font:var(--kpop-intro-font);margin:0}.kpop .kpop-page-header :is(.kpop-meta,.eyebrow){font:var(--kpop-label-font);letter-spacing:.04em;text-transform:uppercase;color:inherit;opacity:.75}.kpop .kpop-page-header :is(.kpop-page-note,.preview-note,.kpop-capsule-demo-note){opacity:.75;font:400 .875rem/1.5 Inter,sans-serif}.kpop .kpop-page-note{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.kpop .kpop-page-header>a{justify-self:start;align-items:center;min-height:2.75rem;display:inline-flex}.kpop .kpop-page-navigation{padding:.5rem var(--kpop-page-gutter) 0}.kpop .kpop-page-navigation:empty{display:none}.kpop .kpop-page-header:has(.editable){row-gap:2rem}.kpop .kpop-section-title{font:var(--kpop-section-font);letter-spacing:-.025em}.kpop .kpop-page :where(input,select,textarea){min-width:0;max-width:100%}.kpop .kpop-page :where(p,li,dd){overflow-wrap:anywhere}.kpop .kpop-capsule-heading{padding:var(--kpop-page-space) var(--kpop-page-gutter) 0}.kpop .kpop-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1.5rem;min-width:0;display:grid}.kpop .kpop-page-label{font:var(--kpop-label-font);letter-spacing:.04em;text-transform:uppercase;color:inherit;opacity:.75}.kpop .kpop-page-header>.kpop-header-copy{gap:.75rem;min-width:0;display:grid}.kpop .kpop-return-link{min-height:2.75rem;color:var(--kpop-accent);text-underline-offset:3px;align-items:center;font:400 .875rem/1.4 Inter,sans-serif;text-decoration:underline;display:inline-flex}.kpop .kpop-return-link:hover{text-decoration-thickness:2px}
