.home-system-art{gap:var(--space-xs);grid-template-rows:190px 140px;grid-template-columns:1fr 1fr;min-width:0;display:grid}.home-system-art>div{border-radius:var(--radius-md);overflow:hidden}.home-system-type{background:var(--doc-inverse)}.home-system-color{background:var(--doc-accent-deep)}.home-system-icons{justify-content:center;align-items:center;gap:var(--space-sm);background:var(--doc-raised);display:flex}.home-system-brand{background:var(--doc-accent);justify-content:center;align-items:center;display:flex}.home-color-art{width:100%;height:100%;position:relative}.home-color-art>span{border-radius:var(--radius-md);width:64%;height:100%;position:absolute}.home-color-art>span:first-child{top:30%;left:-16%;transform:rotate(-28deg)}.home-color-art>span:nth-child(2){top:20%;left:20%;transform:rotate(-18deg)}.home-color-art>span:nth-child(3){top:10%;left:56%;transform:rotate(-8deg)}.home-type-art{height:100%;padding:var(--space-md);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.home-type-art>span{justify-content:center;align-items:center;display:flex}.home-type-art>span>div{transform:scale(1.5)}.foundation-art{position:absolute;inset:0;overflow:hidden}.foundation-art-color{background:var(--doc-surface)}.foundation-art-color>div{aspect-ratio:1;width:min(48%,256px);padding:var(--space-lg);border-radius:var(--radius-md);box-shadow:0 var(--space-xs) var(--space-2xl) color-mix(in srgb, var(--doc-bg) 20%, transparent);justify-content:flex-start;align-items:flex-start;display:flex;position:absolute}.foundation-art-color>div:first-child{top:14%;left:7%;transform:rotate(-9deg)}.foundation-art-color>div:nth-child(2){top:20%;left:27%;transform:rotate(5deg)}.foundation-art-color>div:nth-child(3){top:12%;left:48%;transform:rotate(12deg)}.foundation-art-typography{gap:var(--space-md);padding:var(--space-xl);background:var(--doc-bg);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);display:grid}.foundation-art-typography>div{min-width:0;padding:var(--space-xl);border-radius:var(--radius-md);flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex}.foundation-art-typography>div:first-child{background:var(--doc-inverse)}.foundation-art-typography>div:last-child{background:var(--doc-accent-deep);align-items:flex-end}.foundation-art-type-glyph{letter-spacing:-.06em;font-size:64px;line-height:1}.foundation-art-spacing{background:var(--doc-surface);place-items:center;display:grid}.foundation-art-space-square{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(3.5)}.foundation-art-spacing-label{right:var(--space-lg);bottom:var(--space-md);position:absolute}.foundation-art-icons{background:var(--doc-surface);place-items:center;display:grid}.foundation-art-icons>span{aspect-ratio:1;border-radius:var(--radius-md);place-items:center;width:96px;display:grid;position:absolute}.foundation-art-icons>span:first-child{top:40%;left:9%;transform:rotate(-10deg)}.foundation-art-icons>span:nth-child(2){top:14%;left:35%;transform:rotate(8deg)}.foundation-art-icons>span:nth-child(3){top:48%;left:59%;transform:rotate(-8deg)}.foundation-art-icons>span:nth-child(4){top:12%;right:7%;transform:rotate(11deg)}@media (max-width:1250px){.home-system-art{grid-template-rows:170px 130px}.home-system-icons{gap:var(--space-xs)}}@media (max-width:900px){.home-system-art{grid-template-rows:190px 140px}}@media (max-width:640px){.home-system-art{grid-template-rows:170px 120px}}