.docs-home{padding-bottom:var(--space-xl)}.home-foundations{scroll-margin-top:var(--space-2xl)}.home-feature-grid{gap:var(--space-lg);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.home-feature{grid-column:span 7;min-height:400px}.home-feature-typography,.home-feature-spacing{grid-column:span 5}.home-feature-colors{background:var(--home-accent-deep)}.home-feature-typography{background:var(--home-inverse)}.home-feature-icons{background:var(--home-raised)}.home-color-disk{aspect-ratio:1;border-radius:var(--radius-full);width:54%;transition:transform var(--doc-duration) var(--doc-easing);position:absolute;bottom:-33%}.home-color-disk:first-child{left:-16%}.home-color-disk:nth-child(2){left:21%}.home-color-disk:nth-child(3){left:58%}.home-feature-colors.docs-card-linked:hover .home-color-disk:nth-child(2){transform:translateY(calc(-1 * var(--space-md)))}.home-type-letter{left:var(--space-2xl);bottom:var(--space-5xl);transform-origin:0 100%;transition:transform var(--doc-duration) var(--doc-easing);position:absolute;transform:rotate(-10deg)scale(3)}.home-feature-typography.docs-card-linked:hover .home-type-letter{transform:rotate(-5deg)scale(3)}.home-type-mono{right:var(--space-2xl);bottom:var(--space-5xl);transform-origin:100% 100%;position:absolute;transform:rotate(10deg)scale(2)}.home-type-note{left:var(--space-2xl);bottom:var(--space-xl);position:absolute}.home-space-grid{background-image:linear-gradient(var(--doc-border) 1px, transparent 1px), linear-gradient(90deg, var(--doc-border) 1px, transparent 1px);background-size:var(--space-2xl) var(--space-2xl);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 20%,#000);mask-image:linear-gradient(#0000 20%,#000)}.home-glyph-tile{width:calc(var(--space-5xl) + var(--space-xl));aspect-ratio:1;border:1px solid var(--doc-border);border-radius:var(--radius-md);transform:rotate(var(--tile-angle));transition:transform var(--doc-duration) var(--doc-easing);justify-content:center;align-items:center;display:flex;position:absolute}.home-feature-icons.docs-card-linked:hover .home-glyph-tile{transform:translateY(calc(-1 * var(--space-xs))) rotate(calc(var(--tile-angle) + 5deg))}.home-glyph-photos{--tile-angle:-14deg;left:24%;bottom:var(--space-xl)}.home-glyph-messages{--tile-angle:8deg;right:21%;bottom:calc(-1 * var(--space-lg))}.home-glyph-play{--tile-angle:14deg;right:24%;bottom:calc(var(--space-5xl) + var(--space-3xl))}.home-glyph-check{--tile-angle:-8deg;left:5%;bottom:calc(var(--space-5xl) + var(--space-3xl))}.home-glyph-logo{--tile-angle:-16deg;right:-3%;bottom:var(--space-5xl)}.home-glyph-plus{--tile-angle:14deg;left:-6%;bottom:calc(-1 * var(--space-md))}@container (max-width:440px){.home-color-disk{width:80%;bottom:-24%}.home-color-disk:first-child{left:-32%}.home-color-disk:nth-child(2){left:15%}.home-color-disk:nth-child(3){left:62%}.home-type-letter,.home-type-note{left:var(--space-xl)}.home-type-mono{right:var(--space-xl);transform:rotate(10deg)scale(1.5)}}@container (max-width:360px){.home-type-letter{transform:rotate(-10deg)scale(2.6)}.home-feature-typography.docs-card-linked:hover .home-type-letter{transform:rotate(-5deg)scale(2.6)}}.home-guidance,.home-guidance-section+.home-guidance-section{margin-top:var(--space-5xl)}.home-guidance-grid{gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (max-width:900px){.home-guidance-grid{grid-template-columns:1fr}.home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-feature{grid-column:span 1}}@media (max-width:640px){.docs-home{padding-inline:var(--space-xs)}.home-feature-grid{grid-template-columns:1fr}.home-feature .docs-card-copy>p{max-width:29ch}.home-glyph-tile{width:var(--space-5xl)}}@media (prefers-reduced-motion:reduce){.home-feature *,.home-feature:hover *{transition:none}}
