.style-guide-page-module-scss-module__5IzO3q__styleGuidePage{background:var(--page);min-height:100vh;color:var(--ink-step)}
.page-header-module-scss-module__pP6Ioq__root{background:var(--page);width:100%;color:var(--ink-step);padding-bottom:var(--mantine-spacing-section);position:relative}.page-header-module-scss-module__pP6Ioq__container{max-width:1440px;padding:0 var(--mantine-spacing-xl);margin:0 auto}@media (min-width:768px){.page-header-module-scss-module__pP6Ioq__container{padding:0 var(--mantine-spacing-xxl)}}.page-header-module-scss-module__pP6Ioq__grid{gap:var(--mantine-spacing-xxl);padding-top:var(--mantine-spacing-section);grid-template-columns:1fr;display:grid}@media (min-width:1280px){.page-header-module-scss-module__pP6Ioq__grid{grid-template-columns:repeat(5,1fr);gap:80px}}.page-header-module-scss-module__pP6Ioq__headColumn{flex-direction:column;display:flex}@media (min-width:1280px){.page-header-module-scss-module__pP6Ioq__headColumn{grid-column:span 3}}.page-header-module-scss-module__pP6Ioq__kicker{color:var(--accent);letter-spacing:var(--tk-cap-wide);margin-bottom:var(--mantine-spacing-xl)}.page-header-module-scss-module__pP6Ioq__heading{font-family:var(--font-display);color:var(--ink);text-wrap:balance;max-width:16ch;margin:0;font-weight:900}.page-header-module-scss-module__pP6Ioq__lead{margin-top:var(--mantine-spacing-xl);max-width:56ch}.page-header-module-scss-module__pP6Ioq__body{margin-top:var(--mantine-spacing-lg);font-family:var(--font-sans);font-weight:400;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-step);text-wrap:pretty;max-width:56ch}@media (min-width:1280px){.page-header-module-scss-module__pP6Ioq__indexColumn{grid-column:span 2}}.page-header-module-scss-module__pP6Ioq__indexInner{border-top:1px solid var(--ink);padding-top:var(--mantine-spacing-md);flex-direction:column;display:flex}@media (min-width:1280px){.page-header-module-scss-module__pP6Ioq__indexInner{top:calc(var(--navbar-height) + var(--mantine-spacing-lg));margin-top:2rem;position:sticky}}.page-header-module-scss-module__pP6Ioq__indexLabel{color:var(--slate);margin-bottom:var(--mantine-spacing-md)}.page-header-module-scss-module__pP6Ioq__indexList{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.page-header-module-scss-module__pP6Ioq__indexItem{border-top:1px solid var(--rule-soft)}.page-header-module-scss-module__pP6Ioq__indexItem:last-child{border-bottom:1px solid var(--rule-soft)}.page-header-module-scss-module__pP6Ioq__indexLink{color:inherit;transition:color .12s var(--ease),padding-left .2s var(--ease-out-quart);align-items:baseline;gap:12px;padding:14px 0;text-decoration:none;display:flex}.page-header-module-scss-module__pP6Ioq__indexLink:hover,.page-header-module-scss-module__pP6Ioq__indexLink:focus-visible{color:var(--accent)}.page-header-module-scss-module__pP6Ioq__indexLink:hover .page-header-module-scss-module__pP6Ioq__indexRule,.page-header-module-scss-module__pP6Ioq__indexLink:focus-visible .page-header-module-scss-module__pP6Ioq__indexRule{opacity:.65;border-bottom-color:var(--accent)}.page-header-module-scss-module__pP6Ioq__indexLink:hover .page-header-module-scss-module__pP6Ioq__indexNumber,.page-header-module-scss-module__pP6Ioq__indexLink:focus-visible .page-header-module-scss-module__pP6Ioq__indexNumber{color:var(--accent)}.page-header-module-scss-module__pP6Ioq__indexLink:focus-visible{outline:none;padding-left:4px}.page-header-module-scss-module__pP6Ioq__indexNumber{color:var(--accent);flex:none;min-width:22px}.page-header-module-scss-module__pP6Ioq__indexTitle{font-family:var(--font-sans);font-weight:500;font-size:var(--fs-body-sm);color:inherit;letter-spacing:var(--tk-body);text-wrap:balance;line-height:1.3}.page-header-module-scss-module__pP6Ioq__indexRule{border-bottom:1px dotted var(--ink);opacity:.45;transition:opacity .12s var(--ease),border-bottom-color .12s var(--ease);flex:1;transform:translateY(-3px)}.page-header-module-scss-module__pP6Ioq__indexMark{color:var(--slate);flex:none}
.composition-section-module-scss-module__6jx6cG__intro{margin-bottom:var(--mantine-spacing-xxl)}.composition-section-module-scss-module__6jx6cG__examples{gap:var(--mantine-spacing-xxl);flex-direction:column;display:flex}.composition-section-module-scss-module__6jx6cG__exSection{border-top:1px solid var(--ink);padding-top:var(--mantine-spacing-lg);gap:var(--mantine-spacing-xl);grid-template-columns:1fr;display:grid}@media (min-width:768px){.composition-section-module-scss-module__6jx6cG__exSection{gap:var(--mantine-spacing-xxl);grid-template-columns:2fr 3fr}}.composition-section-module-scss-module__6jx6cG__exHead{gap:var(--mantine-spacing-md);flex-direction:column;align-items:flex-start;display:flex}.composition-section-module-scss-module__6jx6cG__exHeading{text-wrap:balance;max-width:14ch}.composition-section-module-scss-module__6jx6cG__exRhetoric{font-family:var(--font-sans);font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--slate);text-wrap:pretty;max-width:38ch}.composition-section-module-scss-module__6jx6cG__exProse{gap:var(--mantine-spacing-md);flex-direction:column;display:flex}.composition-section-module-scss-module__6jx6cG__exProse p{font-family:var(--font-sans);font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--ink-step);text-wrap:pretty;max-width:66ch}.composition-section-module-scss-module__6jx6cG__exTheatre{background:var(--background);padding:var(--mantine-spacing-xl);gap:var(--mantine-spacing-lg);grid-template-columns:1fr;align-items:end;display:grid}@media (min-width:768px){.composition-section-module-scss-module__6jx6cG__exTheatre{gap:var(--mantine-spacing-xxl);padding:var(--mantine-spacing-xxl);grid-template-columns:auto minmax(0,1fr)}}.composition-section-module-scss-module__6jx6cG__exFigure{font-family:var(--font-display);letter-spacing:var(--tk-h1);color:var(--ink);font-size:clamp(64px,8vw,120px);font-weight:900;line-height:.88}.composition-section-module-scss-module__6jx6cG__exTheatreText{gap:var(--mantine-spacing-xs);flex-direction:column;padding-bottom:6px;display:flex}.composition-section-module-scss-module__6jx6cG__exTheatreCaption{font-family:var(--font-sans);font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--ink-step);text-wrap:pretty;max-width:44ch}