.CaseStudyAsciiCanvas-module__icWyJq__canvas{pointer-events:none;opacity:0;width:100%;height:140%;min-height:600px;transition:opacity var(--duration-slower) ease-in;position:absolute;top:0;left:0}.CaseStudyAsciiCanvas-module__icWyJq__canvas[data-ready]{opacity:1}
.DesignSystem-module__TkF43G__section{padding-top:var(--layout-section);padding-bottom:var(--layout-section)}.DesignSystem-module__TkF43G__section:first-child{padding-top:var(--layout-section-top)}.DesignSystem-module__TkF43G__section:last-child{padding-bottom:var(--layout-section-bot)}.DesignSystem-module__TkF43G__sectionLabel{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-neutral-subtle);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;margin-bottom:var(--space-3)}.DesignSystem-module__TkF43G__sectionTitle{font-family:var(--font-display);font-size:var(--font-size-5xl);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--text-accent-strong);margin-bottom:var(--space-3);font-weight:900}[data-font=syncro] .DesignSystem-module__TkF43G__sectionTitle{letter-spacing:-.03em;font-weight:400}[data-font=untitled] .DesignSystem-module__TkF43G__sectionTitle{letter-spacing:-.03em}.DesignSystem-module__TkF43G__sectionDescription{font-family:var(--font-body);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--text-neutral-subtle);line-height:var(--line-height-normal);margin-top:var(--space-2);margin-bottom:var(--space-10)}.DesignSystem-module__TkF43G__sectionLarge{padding-top:var(--space-24);padding-bottom:var(--layout-section)}.DesignSystem-module__TkF43G__sectionCompact{padding-top:var(--space-16);padding-bottom:var(--layout-section)}.DesignSystem-module__TkF43G__colFull{grid-column:2/-2}.DesignSystem-module__TkF43G__colLabel{grid-column:2/4}.DesignSystem-module__TkF43G__colTitle{grid-column:2/10}.DesignSystem-module__TkF43G__colDesc{grid-column:2/8}.DesignSystem-module__TkF43G__colContent{grid-column:2/-2}.DesignSystem-module__TkF43G__colContentGrid{grid-column:1/-1;grid-template-columns:subgrid;row-gap:var(--space-4);display:grid}.DesignSystem-module__TkF43G__subFull{grid-column:1/-1}.DesignSystem-module__TkF43G__colOffset{grid-column:2/-1;grid-template-columns:subgrid;display:grid}@media (max-width:767px){.DesignSystem-module__TkF43G__colFull,.DesignSystem-module__TkF43G__colContent,.DesignSystem-module__TkF43G__colLabel,.DesignSystem-module__TkF43G__colTitle,.DesignSystem-module__TkF43G__colDesc,.DesignSystem-module__TkF43G__colOffset{grid-column:1/-1}}.DesignSystem-module__TkF43G__heroWrap{padding-top:var(--layout-section-top);position:relative}.DesignSystem-module__TkF43G__hero{padding-top:var(--space-16);padding-bottom:var(--space-20);grid-column:2/12}.DesignSystem-module__TkF43G__heroHeading{font-family:var(--font-display);font-size:var(--font-size-7xl);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--text-accent-strong);font-weight:var(--font-weight-bold);visibility:hidden;margin:0}[data-font=syncro] .DesignSystem-module__TkF43G__heroHeading{font-weight:400}.DesignSystem-module__TkF43G__heroSubtitle{font-family:var(--font-body);font-size:var(--font-size-lg);color:var(--text-neutral-subtle);line-height:var(--line-height-normal);max-width:52ch;margin-top:var(--space-5);font-style:italic}.DesignSystem-module__TkF43G__heroStats{gap:var(--space-2) var(--space-6);margin-top:var(--space-8);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-neutral-subtle);flex-wrap:wrap;display:flex}.DesignSystem-module__TkF43G__heroStat{align-items:center;gap:var(--space-2);display:flex}.DesignSystem-module__TkF43G__heroStatAccent{color:var(--text-accent-strong);font-weight:var(--font-weight-medium)}@media (max-width:767px){.DesignSystem-module__TkF43G__hero{padding-bottom:var(--space-8);grid-column:1/-1}}.DesignSystem-module__TkF43G__divider{border:none;border-top:1px solid var(--border-neutral-subtlest);margin:0}.DesignSystem-module__TkF43G__demoCard{background:var(--surface-neutral-subtle);border:1px solid var(--border-neutral-subtlest);border-radius:var(--radius-lg);padding:var(--space-6)}.DesignSystem-module__TkF43G__demoLabel{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-neutral-subtle);margin-bottom:var(--space-3)}.DesignSystem-module__TkF43G__tokenSwatch{grid-column:span 3}.DesignSystem-module__TkF43G__albersShowcase{border:1px solid var(--border-neutral-subtle);grid-template-columns:subgrid;align-content:center;min-height:60vh;display:grid;position:relative;overflow:hidden}.DesignSystem-module__TkF43G__albersShowcaseLeft{z-index:3;padding-block:var(--space-8);grid-column:1/6;padding-inline-start:var(--space-8);position:relative}.DesignSystem-module__TkF43G__albersShowcaseLabel{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}[data-font=syncro] .DesignSystem-module__TkF43G__albersShowcaseLabel{font-weight:400}.DesignSystem-module__TkF43G__albersShowcaseCenter{z-index:2;justify-content:center;align-items:center;width:50%;max-width:480px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.DesignSystem-module__TkF43G__albersShowcaseRight{z-index:0;width:50%;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.DesignSystem-module__TkF43G__albersShowcaseImage{object-fit:cover}.DesignSystem-module__TkF43G__albersFrame{aspect-ratio:1;width:100%;max-width:480px;position:relative}.DesignSystem-module__TkF43G__albersRing{border-radius:var(--radius-sm);position:absolute;left:50%;transform:translate(-50%)}.DesignSystem-module__TkF43G__albersRing0{inset:0;transform:none}.DesignSystem-module__TkF43G__albersRing1{width:72%;height:72%;top:20%}.DesignSystem-module__TkF43G__albersRing2{width:48%;height:48%;top:36%}.DesignSystem-module__TkF43G__albersRing3{width:28%;height:28%;top:50%}.DesignSystem-module__TkF43G__albersControls{margin-top:var(--space-4);justify-content:space-between;align-items:center;display:flex}.DesignSystem-module__TkF43G__albersThemeSelector{gap:var(--space-2);flex-wrap:wrap;display:flex}.DesignSystem-module__TkF43G__tokenSection{margin-top:var(--space-8);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100vw;margin-left:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%);overflow-x:auto}.DesignSystem-module__TkF43G__tokenSection::-webkit-scrollbar{display:none}.DesignSystem-module__TkF43G__tokenGrid{grid-template-columns:repeat(var(--layout-columns), 1fr);column-gap:var(--layout-column-gap);row-gap:var(--space-3);padding-top:var(--space-4);display:grid}@media (max-width:767px){.DesignSystem-module__TkF43G__albersShowcase{align-content:start;min-height:320px}.DesignSystem-module__TkF43G__albersShowcaseLeft{padding-block:var(--space-6);text-align:center;grid-column:1/-1;padding-inline-start:0}.DesignSystem-module__TkF43G__albersShowcaseLabel{font-size:var(--font-size-2xl)}.DesignSystem-module__TkF43G__albersShowcaseCenter{z-index:2;width:160px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.DesignSystem-module__TkF43G__albersShowcaseRight{width:100%;height:50%;position:absolute;inset:auto 0 0}.DesignSystem-module__TkF43G__albersFrame{max-width:160px}.DesignSystem-module__TkF43G__albersControls{grid-template-columns:repeat(var(--layout-columns), 1fr);column-gap:var(--layout-column-gap);row-gap:var(--space-2);align-items:start;display:grid}.DesignSystem-module__TkF43G__albersThemeSelector{scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:calc(-1 * var(--layout-gutter));padding-inline:var(--layout-gutter);flex-wrap:nowrap;grid-column:1/-1;overflow-x:auto}.DesignSystem-module__TkF43G__albersThemeSelector::-webkit-scrollbar{display:none}.DesignSystem-module__TkF43G__albersControls>button{display:none}}.DesignSystem-module__TkF43G__fontCard{background:var(--surface-neutral-subtle);border:2px solid var(--border-neutral-subtlest);border-radius:var(--radius-lg);padding:var(--space-6);cursor:pointer;transition:border-color var(--duration-normal) var(--easing-standard), transform var(--duration-normal) var(--easing-standard);grid-column:span 6}.DesignSystem-module__TkF43G__fontCard:hover{transform:translateY(-2px)}.DesignSystem-module__TkF43G__fontCardActive{border-color:var(--border-accent-strong)}.DesignSystem-module__TkF43G__fontCardAlphabet{font-size:var(--font-size-sm);color:var(--text-neutral-subtle);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-wide);word-break:break-all;margin-top:var(--space-4);margin-bottom:var(--space-4)}.DesignSystem-module__TkF43G__fontCardBody{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--text-neutral-subtle);line-height:var(--line-height-relaxed)}.DesignSystem-module__TkF43G__fontCardMeta{gap:var(--space-4);margin-top:var(--space-4);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-neutral-subtlest);display:flex}.DesignSystem-module__TkF43G__typeScaleTable{min-width:max-content}.DesignSystem-module__TkF43G__typeScaleRow{align-items:baseline;gap:var(--space-4);padding:var(--space-3) 0;display:flex;position:relative}.DesignSystem-module__TkF43G__typeScaleLabel{width:4rem;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-accent-strong);flex-shrink:0}.DesignSystem-module__TkF43G__typeScalePx{width:5rem;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-neutral-subtle);flex-shrink:0}.DesignSystem-module__TkF43G__typeScaleSample{white-space:nowrap;flex:none}.DesignSystem-module__TkF43G__typeScaleVar{font-family:var(--font-mono);color:var(--text-neutral-subtle);background:var(--surface-neutral-subtlest);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);flex-shrink:0;align-self:center;margin-left:auto;font-size:11px}.DesignSystem-module__TkF43G__typeShowcase{border:1px solid var(--border-neutral-subtle);min-height:60vh;padding:var(--space-10);background:var(--surface-neutral-subtlest);flex-direction:column;display:flex}.DesignSystem-module__TkF43G__typeShowcaseSpecimen{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;flex:1;display:flex}.DesignSystem-module__TkF43G__typeShowcaseName{font-family:var(--font-display);font-size:var(--font-size-9xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-none);letter-spacing:var(--letter-spacing-tighter);color:var(--text-neutral-strongest)}[data-font=syncro] .DesignSystem-module__TkF43G__typeShowcaseName{font-weight:400}.DesignSystem-module__TkF43G__typeShowcaseAlphabet{font-family:var(--font-display);font-size:var(--font-size-md);color:var(--text-neutral-subtle);letter-spacing:var(--letter-spacing-wide);word-break:break-all}[data-font=syncro] .DesignSystem-module__TkF43G__typeShowcaseAlphabet{font-weight:400}.DesignSystem-module__TkF43G__typeShowcasePangram{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--text-neutral-strong);font-style:italic;line-height:var(--line-height-normal)}[data-font=syncro] .DesignSystem-module__TkF43G__typeShowcasePangram{font-weight:400}.DesignSystem-module__TkF43G__typeShowcaseMeta{gap:var(--space-2) var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--border-neutral-subtlest);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-neutral-subtle);flex-wrap:wrap;align-items:baseline;margin-top:auto;display:flex}.DesignSystem-module__TkF43G__typeShowcaseDescription{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--text-neutral-subtle);line-height:var(--line-height-relaxed);max-width:64ch;margin-top:var(--space-2);flex-basis:100%}.DesignSystem-module__TkF43G__typeScalePanel{padding-top:var(--space-4)}.DesignSystem-module__TkF43G__typeTokenGrid{grid-template-columns:repeat(var(--layout-columns), 1fr);column-gap:var(--layout-column-gap);row-gap:var(--space-3);padding-top:var(--space-4);display:grid}.DesignSystem-module__TkF43G__typeTokenCard{border:1px solid var(--border-neutral-subtlest);border-radius:var(--radius-lg);grid-column:span 3;overflow:hidden}.DesignSystem-module__TkF43G__typeTokenSample{padding:var(--space-6) var(--space-4);font-family:var(--font-display);font-size:var(--font-size-3xl);color:var(--text-neutral-strongest);justify-content:center;align-items:center;min-height:100px;display:flex}[data-font=syncro] .DesignSystem-module__TkF43G__typeTokenSample{font-weight:400}.DesignSystem-module__TkF43G__typeTokenInfo{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-neutral-subtlest);background:var(--surface-neutral-subtle)}.DesignSystem-module__TkF43G__typeTokenName{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-neutral-strongest)}.DesignSystem-module__TkF43G__typeTokenVar{font-family:var(--font-mono);color:var(--text-neutral-subtlest);margin-top:var(--space-0-5);font-size:11px}@media (max-width:767px){.DesignSystem-module__TkF43G__typeShowcase{min-height:320px;padding:var(--space-6)}.DesignSystem-module__TkF43G__typeShowcaseName{font-size:var(--font-size-7xl)}.DesignSystem-module__TkF43G__typeTokenCard{grid-column:span 6}}.DesignSystem-module__TkF43G__spacingStrip{align-items:flex-end;gap:var(--space-2);padding:var(--space-6) 0;display:flex;overflow-x:auto}.DesignSystem-module__TkF43G__spacingBlock{align-items:center;gap:var(--space-1);flex-direction:column;flex-shrink:0;display:flex}.DesignSystem-module__TkF43G__spacingBlockBar{background:var(--surface-accent-strongest);border-radius:var(--radius-xs);min-width:var(--space-4)}.DesignSystem-module__TkF43G__spacingBlockLabel{font-family:var(--font-mono);color:var(--text-neutral-subtlest);white-space:nowrap;font-size:10px}.DesignSystem-module__TkF43G__gridDemoFrame{border:1px solid var(--border-neutral-subtlest);border-radius:var(--radius-lg);padding:var(--space-6);min-height:200px;position:relative;overflow:hidden}.DesignSystem-module__TkF43G__gridDemoColumns{grid-template-columns:repeat(var(--layout-columns), 1fr);gap:var(--layout-column-gap);height:160px;display:grid}.DesignSystem-module__TkF43G__gridDemoCol{background:var(--surface-accent-subtlest);border-radius:var(--radius-xs);opacity:.5}.DesignSystem-module__TkF43G__gridDemoInfo{margin-top:var(--space-4);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-neutral-subtle);justify-content:space-between;display:flex}.DesignSystem-module__TkF43G__breakpointDiagram{height:var(--space-12);border-radius:var(--radius-md);border:1px solid var(--border-neutral-subtlest);margin-top:var(--space-6);align-items:stretch;display:flex;overflow:hidden}.DesignSystem-module__TkF43G__breakpointMobile{background:var(--surface-accent-subtlest);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-accent-strong);border-right:2px solid var(--border-accent-strong);flex:767;justify-content:center;align-items:center;display:flex}.DesignSystem-module__TkF43G__breakpointDesktop{background:var(--surface-neutral-subtle);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-neutral-subtle);flex:673;justify-content:center;align-items:center;display:flex}.DesignSystem-module__TkF43G__motionDemo{background:var(--surface-neutral-subtle);border:1px solid var(--border-neutral-subtlest);border-radius:var(--radius-lg);padding:var(--space-6);grid-column:span 6;min-height:180px}.DesignSystem-module__TkF43G__motionDemoLabel{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-neutral-subtle);margin-bottom:var(--space-4)}.DesignSystem-module__TkF43G__easingRow{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.DesignSystem-module__TkF43G__easingLabel{width:6rem;font-family:var(--font-mono);color:var(--text-neutral-subtlest);flex-shrink:0;font-size:11px}.DesignSystem-module__TkF43G__easingTrack{height:var(--space-1);background:var(--surface-neutral-strong);border-radius:var(--radius-full);flex:1;position:relative}.DesignSystem-module__TkF43G__easingDot{width:var(--space-3);height:var(--space-3);background:var(--surface-accent-strongest);border-radius:var(--radius-full);position:absolute;top:50%;transform:translate(-50%,-50%)}.DesignSystem-module__TkF43G__durationRow{align-items:center;gap:var(--space-3);padding:var(--space-1-5) 0;display:flex}.DesignSystem-module__TkF43G__durationLabel{width:5rem;font-family:var(--font-mono);color:var(--text-neutral-subtlest);text-align:right;flex-shrink:0;font-size:11px}.DesignSystem-module__TkF43G__durationBar{height:var(--space-2);background:var(--surface-accent-strongest);border-radius:var(--radius-full);transition:width .6s var(--easing-standard)}.DesignSystem-module__TkF43G__springArea{justify-content:center;align-items:center;min-height:120px;display:flex;position:relative}.DesignSystem-module__TkF43G__springElement{width:var(--space-12);height:var(--space-12);background:var(--surface-accent-strongest);border-radius:var(--radius-md);cursor:grab;touch-action:none;transition:transform var(--duration-slow) var(--easing-spring)}.DesignSystem-module__TkF43G__springElement:active{cursor:grabbing}.DesignSystem-module__TkF43G__miniCardGrid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.DesignSystem-module__TkF43G__miniCard{background:var(--surface-neutral-strong);border-radius:var(--radius-md);height:var(--space-16);transition:opacity .5s var(--easing-decelerate), transform .5s var(--easing-decelerate)}.DesignSystem-module__TkF43G__miniCardHidden{opacity:0;transform:translateY(var(--space-6))}.DesignSystem-module__TkF43G__componentGroup{margin-bottom:var(--space-8)}.DesignSystem-module__TkF43G__componentGroupTitle{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-neutral-subtle);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin-bottom:var(--space-4)}.DesignSystem-module__TkF43G__buttonMatrix{gap:var(--space-3);grid-template-columns:repeat(3,auto);justify-content:start;align-items:center;display:grid}@media (max-width:767px){.DesignSystem-module__TkF43G__buttonMatrix{grid-template-columns:repeat(2,auto)}}.DesignSystem-module__TkF43G__flowLayout{gap:var(--space-2);flex-wrap:wrap;display:flex}.DesignSystem-module__TkF43G__stackDemo{gap:var(--space-4);align-items:flex-start;display:flex}@media (max-width:767px){.DesignSystem-module__TkF43G__stackDemo{flex-direction:column}}.DesignSystem-module__TkF43G__stackDemoBox{background:var(--surface-neutral-subtle);border:1px solid var(--border-neutral-subtlest);border-radius:var(--radius-lg);padding:var(--space-4);flex:1;min-width:200px}.DesignSystem-module__TkF43G__compShowcase{border:1px solid var(--border-neutral-subtle);grid-template-columns:subgrid;min-height:60vh;padding-block:var(--space-10);background:var(--surface-neutral-subtlest);align-content:center;display:grid}.DesignSystem-module__TkF43G__compShowcaseInner{align-items:center;gap:var(--space-6);flex-direction:column;grid-column:3/9;display:flex}.DesignSystem-module__TkF43G__cardShowcaseGrid{grid-column:4/8}.DesignSystem-module__TkF43G__tooltipCross{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.DesignSystem-module__TkF43G__tooltipCrossRow{gap:var(--space-3);display:flex}.DesignSystem-module__TkF43G__thanksShowcaseGrid{grid-column:4/8}@media (max-width:767px){.DesignSystem-module__TkF43G__compShowcase{min-height:320px;padding-block:var(--space-6)}.DesignSystem-module__TkF43G__compShowcaseInner,.DesignSystem-module__TkF43G__cardShowcaseGrid,.DesignSystem-module__TkF43G__thanksShowcaseGrid{grid-column:2/6}}