.area-tiles{gap:var(--grid-gutter);margin:0;padding:0;list-style:none;display:grid}.area-tiles--row,.area-tiles--grid{grid-template-columns:repeat(6,minmax(0,1fr))}.area-tiles--grid .area-tile{grid-column:span 2}.area-tiles--grid .area-tile:nth-child(n+4):nth-last-child(-n+2){grid-column:span 3}.area-tile{min-width:0}.area-tile__link{height:128px;padding:var(--space-4);border-radius:var(--radius-tile);background:var(--area-field);color:var(--ink);grid-template-rows:auto 1fr auto;text-decoration:none;display:grid;position:relative;overflow:clip}.area-tiles--grid .area-tile__link{height:200px;padding:var(--space-6)}.area-tiles--row .area-tile__link{height:100px;padding:var(--space-3) var(--space-4)}.area-tiles--row .area-tile__vial{width:36%;height:88%;right:-10%}.area-tile__link:before{background:var(--tile-hover-veil);opacity:0;content:"";position:absolute;inset:0}.area-tile__link:hover:before{opacity:1}.area-tile__soon{z-index:2;color:var(--quiet-on-area);font-family:var(--font-plex-mono);font-size:var(--type-caption-size);line-height:var(--type-caption-leading);grid-row:1;position:relative}.area-tile__names{z-index:2;max-width:58%;margin-top:var(--space-1);color:var(--quiet-on-area);font-family:var(--font-plex-mono);font-size:var(--type-caption-size);line-height:var(--type-caption-leading);grid-row:2;align-self:start;position:relative;overflow:hidden}.area-tile__list{margin-left:-2ch;display:block}.area-tile__product{white-space:nowrap}.area-tile__product:before{content:"· "}.area-tile__product--compound{text-indent:-2ch;white-space:normal;padding-left:2ch;display:inline-block}.area-tile__part{white-space:nowrap}.area-tiles--grid .area-tile__names{--names-reach:.64;--names-pad:var(--space-6);max-width:calc(var(--names-reach) * (100% + 2 * var(--names-pad)) - var(--names-pad) - var(--space-2))}.area-tile__name{z-index:2;max-width:62%;font-size:var(--type-card-size);font-weight:500;line-height:var(--type-card-leading);letter-spacing:var(--type-card-tracking);grid-row:3;position:relative}.area-tiles--grid .area-tile__name{font-size:var(--type-h3-size);line-height:var(--type-h3-leading);letter-spacing:var(--type-h3-tracking)}.area-tile__lead{color:var(--ink)}.area-tile__accent{color:var(--area-accent);white-space:nowrap}.area-tile--guide .area-tile__link{background:var(--recessed)}.area-tile--guide .area-tile__name{max-width:none}.area-tile--guide .area-tile__accent{white-space:normal}.area-tile__last{white-space:nowrap}.area-tile__arrow{margin-left:var(--space-1);color:var(--area-accent);vertical-align:-4px;display:inline-block}.area-tile__vial{--stage-glass:.8;--stage-base:.02;z-index:1;width:48%;height:100%;position:absolute;bottom:0;right:-12%}@media (prefers-reduced-motion:no-preference){.area-tile__link,.area-tile__link:before{transition:all var(--duration-tile) var(--ease-tile)}}@media (width<=1279px){.area-tiles--row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1023px){.area-tiles--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.area-tiles--grid .area-tile,.area-tiles--grid .area-tile:nth-child(n+4):nth-last-child(-n+2){grid-column:auto}.area-tiles--grid .area-tile:last-child:nth-child(odd){grid-column:1/-1}}@media (width<=767px){.area-tiles--row,.area-tiles--grid{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.area-tiles--row{grid-template-columns:repeat(2,minmax(0,1fr))}.area-tile__link,.area-tiles--grid .area-tile__link{height:100px;padding:var(--space-3) var(--space-4)}.area-tiles--grid .area-tile__name{font-size:var(--type-card-size);line-height:var(--type-card-leading);letter-spacing:var(--type-card-tracking)}.area-tile__vial{width:30%;right:-4%}.area-tiles--grid .area-tile__names{--names-reach:.74;--names-pad:var(--space-4)}.area-tiles--row .area-tile__link{padding-inline:var(--space-3)}.area-tiles--row .area-tile__name{max-width:74%}.area-tiles--row .area-tile__vial{width:36%;height:88%;right:-10%}}@media (width<=359px){.area-tiles--grid .area-tile__link{height:auto;min-height:100px}.area-tiles--grid .area-tile__names{margin-bottom:var(--space-2)}.area-tiles--grid .area-tile__vial{height:100px}}