.page-module__ki9R7G__header{background:#000;flex-direction:column;justify-content:flex-start;min-height:60vh;padding:20vh 3rem 6rem;display:flex;position:relative}.page-module__ki9R7G__eyebrow{letter-spacing:.5em;text-transform:uppercase;color:#8a8a8a;margin-bottom:2rem;font-size:.7rem}.page-module__ki9R7G__heading{color:#fff;margin-bottom:2rem;font-size:clamp(4rem,12vw,10rem);font-weight:200;line-height:.9}.page-module__ki9R7G__accent{color:#e63946}.page-module__ki9R7G__subheading{color:#8a8a8a;max-width:600px;font-size:1.1rem;font-weight:300;line-height:1.8}.page-module__ki9R7G__paletteSection{color:#000;background:#f5f2eb;padding:6rem 3rem}.page-module__ki9R7G__container{max-width:1400px;margin:0 auto}.page-module__ki9R7G__paletteGrid{background:#0000000d;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1px;margin-bottom:6rem;display:grid}.page-module__ki9R7G__colorCard{background:#f5f2eb;transition:background .3s;overflow:hidden}.page-module__ki9R7G__colorCard:hover{background:#fff}.page-module__ki9R7G__colorSwatch{width:100%;height:250px;transition:transform .3s;position:relative}.page-module__ki9R7G__colorCard:hover .page-module__ki9R7G__colorSwatch{transform:scale(1.02)}.page-module__ki9R7G__swatchOverlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.page-module__ki9R7G__colorCard:hover .page-module__ki9R7G__swatchOverlay{opacity:1}.page-module__ki9R7G__colorHex{color:#fff;text-shadow:0 2px 10px #0000004d;font-family:Courier New,monospace;font-size:1.5rem;font-weight:300}.page-module__ki9R7G__colorInfo{padding:2.5rem}.page-module__ki9R7G__colorName{color:#000;margin-bottom:1.5rem;font-size:1.8rem;font-weight:300;transition:color .3s}.page-module__ki9R7G__colorCard:hover .page-module__ki9R7G__colorName{color:#e63946}.page-module__ki9R7G__colorMeta{border-bottom:1px solid #0000001a;flex-direction:column;gap:.8rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.page-module__ki9R7G__metaItem{justify-content:space-between;align-items:center;display:flex}.page-module__ki9R7G__metaLabel{letter-spacing:.15em;text-transform:uppercase;color:#8a8a8a;font-size:.65rem}.page-module__ki9R7G__metaValue{color:#1a1a1a;background:#00000008;border-radius:2px;padding:.3rem .6rem;font-family:Courier New,monospace;font-size:.85rem}.page-module__ki9R7G__colorUsage{color:#1a1a1a;font-size:.95rem;font-weight:300;line-height:1.7}.page-module__ki9R7G__typographySection{margin-top:4rem;margin-bottom:6rem}.page-module__ki9R7G__typeCard{background:#fff;padding:3rem}.page-module__ki9R7G__typeInfo{flex-direction:column;gap:1.5rem;display:flex}.page-module__ki9R7G__typeName{color:#000;font-size:2rem;font-weight:300}.page-module__ki9R7G__typeDesc{color:#1a1a1a;font-size:.95rem;font-weight:300;line-height:1.7}.page-module__ki9R7G__typeMeta{flex-wrap:wrap;gap:.5rem;display:flex}.page-module__ki9R7G__metaTag{letter-spacing:.15em;text-transform:uppercase;color:#8a8a8a;border:1px solid #0000001a;padding:.4rem .7rem;font-size:.55rem}.page-module__ki9R7G__sectionHeader{border-bottom:1px solid #0000001a;margin-bottom:3rem;padding-bottom:1.5rem}.page-module__ki9R7G__sectionTitle{color:#000;margin-bottom:.5rem;font-size:1.5rem;font-weight:300}.page-module__ki9R7G__sectionDesc{color:#8a8a8a;max-width:700px;font-size:.95rem;font-weight:300;line-height:1.7}.page-module__ki9R7G__principlesSection{margin-bottom:6rem}.page-module__ki9R7G__principlesGrid{background:#0000000d;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.page-module__ki9R7G__principleCard{background:#fff;padding:2.5rem;transition:background .3s}.page-module__ki9R7G__principleCard:hover{background:#f5f2eb}.page-module__ki9R7G__principleTitle{color:#000;margin-bottom:1rem;font-size:1.2rem;font-weight:300;transition:color .3s}.page-module__ki9R7G__principleCard:hover .page-module__ki9R7G__principleTitle{color:#e63946}.page-module__ki9R7G__principleDesc{color:#1a1a1a;font-size:.95rem;font-weight:300;line-height:1.7}.page-module__ki9R7G__colorSection{margin-bottom:6rem}.page-module__ki9R7G__scaleSection{border-top:1px solid #0000000d;margin-top:3rem;padding-top:3rem}.page-module__ki9R7G__scaleTitle{color:#000;margin-bottom:2rem;font-size:1.2rem;font-weight:300}.page-module__ki9R7G__scaleList{background:#0000000d;flex-direction:column;gap:1px;display:flex}.page-module__ki9R7G__scaleItemLarge{background:#f5f2eb;grid-template-columns:auto 1fr;align-items:center;gap:3rem;padding:2rem;transition:background .3s;display:grid}.page-module__ki9R7G__scaleItemLarge:hover{background:#fff}.page-module__ki9R7G__scalePreview{color:#000;text-align:center;min-width:100px}.page-module__ki9R7G__scaleDetails{flex-direction:column;gap:.8rem;display:flex}.page-module__ki9R7G__scaleName{color:#000;font-size:1rem;font-weight:300;transition:color .3s}.page-module__ki9R7G__scaleItemLarge:hover .page-module__ki9R7G__scaleName{color:#e63946}.page-module__ki9R7G__scaleSpecs{gap:1rem;display:flex}.page-module__ki9R7G__scaleSpec{color:#8a8a8a;background:#00000008;border-radius:2px;padding:.2rem .4rem;font-family:Courier New,monospace;font-size:.75rem}.page-module__ki9R7G__scaleUsage{color:#1a1a1a;font-size:.85rem;font-weight:300;line-height:1.6}.page-module__ki9R7G__layoutSection{margin-bottom:6rem}.page-module__ki9R7G__layoutGrid{background:#0000000d;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1px;display:grid}.page-module__ki9R7G__layoutCard{background:#fff;flex-direction:column;gap:1rem;padding:2.5rem;transition:background .3s;display:flex}.page-module__ki9R7G__layoutCard:hover{background:#f5f2eb}.page-module__ki9R7G__layoutName{color:#000;font-size:1.2rem;font-weight:300;transition:color .3s}.page-module__ki9R7G__layoutCard:hover .page-module__ki9R7G__layoutName{color:#e63946}.page-module__ki9R7G__layoutDesc{color:#1a1a1a;font-size:.95rem;font-weight:300;line-height:1.7}.page-module__ki9R7G__layoutSpec{color:#8a8a8a;background:#00000008;border-radius:2px;margin-top:.5rem;padding:.6rem .8rem;font-family:Courier New,monospace;font-size:.8rem;display:block}.page-module__ki9R7G__spacingSection{margin-bottom:6rem}.page-module__ki9R7G__spacingList{background:#0000000d;flex-direction:column;gap:1px;display:flex}.page-module__ki9R7G__spacingItemLarge{background:#fff;align-items:center;gap:3rem;padding:2rem;transition:background .3s;display:flex}.page-module__ki9R7G__spacingItemLarge:hover{background:#f5f2eb}.page-module__ki9R7G__spacingVisual{background:#00000005;border-radius:2px;flex-shrink:0;align-items:center;width:200px;height:60px;padding:1rem;display:flex}.page-module__ki9R7G__spacingBar{background:#e63946;border-radius:2px;min-width:20px;height:20px}.page-module__ki9R7G__spacingDetails{flex-direction:column;flex:1;gap:1rem;display:flex}.page-module__ki9R7G__spacingInfo{justify-content:space-between;align-items:center;gap:1rem;display:flex}.page-module__ki9R7G__spacingName{color:#000;font-size:1rem;font-weight:300;transition:color .3s}.page-module__ki9R7G__spacingItemLarge:hover .page-module__ki9R7G__spacingName{color:#e63946}.page-module__ki9R7G__spacingValue{color:#e63946;white-space:nowrap;background:#e639460d;border-radius:2px;padding:.4rem .7rem;font-family:Courier New,monospace;font-size:.85rem}.page-module__ki9R7G__spacingUsage{color:#8a8a8a;font-size:.9rem;font-weight:300;line-height:1.6}.page-module__ki9R7G__interactionSection{margin-bottom:4rem}.page-module__ki9R7G__interactionGrid{background:#0000000d;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}@media (max-width:1400px){.page-module__ki9R7G__interactionGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-module__ki9R7G__interactionGrid{grid-template-columns:1fr}}.page-module__ki9R7G__interactionCard{background:#fff;flex-direction:column;gap:1rem;padding:2.5rem;transition:background .3s;display:flex}.page-module__ki9R7G__interactionCard:hover{background:#f5f2eb}.page-module__ki9R7G__interactionTitle{color:#000;font-size:1.1rem;font-weight:300;transition:color .3s}.page-module__ki9R7G__interactionCard:hover .page-module__ki9R7G__interactionTitle{color:#e63946}.page-module__ki9R7G__interactionDesc{color:#1a1a1a;font-size:.95rem;font-weight:300;line-height:1.7}.page-module__ki9R7G__interactionCode{color:#8a8a8a;background:#00000008;border-radius:2px;margin-top:.5rem;padding:.6rem .8rem;font-family:Courier New,monospace;font-size:.8rem;display:block}@media (max-width:1024px){.page-module__ki9R7G__layoutGrid,.page-module__ki9R7G__interactionGrid{grid-template-columns:1fr}.page-module__ki9R7G__scaleItemLarge{grid-template-columns:1fr;gap:1.5rem}.page-module__ki9R7G__scalePreview{text-align:left}}@media (max-width:768px){.page-module__ki9R7G__header{padding:20vh 2rem 4rem}.page-module__ki9R7G__paletteSection{padding:4rem 2rem}.page-module__ki9R7G__paletteGrid,.page-module__ki9R7G__principlesGrid{grid-template-columns:1fr}.page-module__ki9R7G__spacingItemLarge{flex-direction:column;align-items:flex-start;gap:1.5rem}.page-module__ki9R7G__spacingVisual{width:100%}.page-module__ki9R7G__typeCard{padding:2rem}.page-module__ki9R7G__sectionHeader{margin-bottom:2rem}}