.featured{padding-top:var(--space-8)}.featured .wrapper{padding-inline:0}.featured__card{padding:var(--space-32) var(--space-20) 0;text-align:center;flex-direction:column;align-items:center;display:flex;overflow:hidden}.featured__badge{height:var(--space-24);margin-bottom:var(--space-24);padding-inline:var(--space-8);background:var(--color-cta-neutral);font:var(--type-eyebrow-small);text-transform:uppercase;color:var(--color-text-inverse);border-radius:9999px;align-items:center;display:flex}.featured h1{margin-bottom:var(--space-12);font:var(--type-h3);letter-spacing:var(--type-h3-tracking);color:var(--color-text-inverse)}.featured__text{margin-bottom:var(--space-24);font:var(--type-body-lg);letter-spacing:var(--type-body-lg-tracking);color:var(--color-text-inverse-soft);text-wrap:pretty}.featured__peek{height:8.5rem;margin-top:var(--space-32);padding-inline:var(--space-40);overflow:hidden}.featured__cover{width:9.5rem;height:auto;box-shadow:0 1.5rem 3rem #00000040,0 .25rem .75rem #0000001f}@media (width>=48rem){.featured .wrapper{padding-inline:var(--gutter)}.featured__card{padding-bottom:var(--space-60);border-radius:var(--radius-12)}.featured__peek{height:auto;overflow:visible}.featured__cover{width:15.8125rem}}@media (width>=64rem){.featured{padding-top:var(--space-80)}.featured__card{padding-inline:var(--space-40)}}@media (width>=48rem){.featured__text{max-width:48ch}}.featured__peek:has([data-featured-stack]){justify-content:center;align-self:stretch;display:flex}.featured__stack{position:relative}.featured__stack .featured__cover{z-index:1;position:relative}.featured__side{object-fit:cover;opacity:0;width:100%;height:100%;transition:translate .9s var(--ease-out-expo), rotate .9s var(--ease-out-expo), opacity .4s var(--ease-out-cubic);position:absolute;inset:0;box-shadow:0 .5rem 2rem #0000002e,0 .125rem .5rem #0000001a}.featured__stack[data-open] .featured__side{opacity:1}.featured__stack[data-open] .featured__side:first-child{translate:-2rem .5rem;rotate:-6deg}.featured__stack[data-open] .featured__side:nth-child(2){translate:2rem .5rem;rotate:6deg}@media (width>=48rem){.featured__stack[data-open] .featured__side:first-child{translate:-4rem .75rem}.featured__stack[data-open] .featured__side:nth-child(2){translate:4rem .75rem}}@media (width>=64rem){.featured__stack[data-open] .featured__side:first-child{translate:-5rem 1rem}.featured__stack[data-open] .featured__side:nth-child(2){translate:5rem 1rem}}@media (prefers-reduced-motion:reduce){.featured__side{transition:none}}.products{padding-block:var(--space-80)}.products .grid{row-gap:var(--space-32)}.products h2{font:var(--type-h3);letter-spacing:var(--type-h3-tracking);grid-column:span 12}.products ul{grid-column:span 12;grid-template-columns:subgrid;row-gap:var(--space-16);display:grid}.products li{grid-column:span 12}@media (width>=40rem){.products li{grid-column:span 6}}@media (width>=48rem){.products li{grid-column:span 4}}@media (width>=64rem){.products{padding-block:var(--space-80) var(--space-120)}}.pill-nav{z-index:2;padding-block:var(--space-24);justify-content:center;display:flex;position:relative}@media (width>=64rem){.pill-nav{padding-top:var(--space-60)}}.pill-nav+div .featured,.pill-nav__target--top .products{padding-top:0}.pill-nav ul{padding:var(--space-4);backdrop-filter:var(--blur-glass);background:oklch(24% .01 240/.9);border-radius:9999px;grid-template-columns:1fr 1fr;display:grid;position:relative}.pill-nav ul:before{content:"";top:var(--space-4);bottom:var(--space-4);left:var(--space-4);width:calc(50% - var(--space-4));background:var(--color-white);transition:translate .4s var(--ease-out-quart);border-radius:9999px;position:absolute}.pill-nav ul:has(li:last-child [aria-current]):before{translate:100%}.pill-nav a{z-index:1;text-align:center;padding:var(--space-8) var(--space-16);font:var(--type-body-sm);color:var(--color-text-inverse-soft);transition:color .25s var(--ease-out-cubic);border-radius:9999px;display:block;position:relative}.pill-nav a:after{content:"";position:absolute;inset:-.25rem 0}.pill-nav a[aria-current]{color:var(--color-text-primary)}@media (hover:hover){.pill-nav a:not([aria-current]):hover{color:var(--color-text-inverse)}}