@layer components{.ihc{--ihc-dwell:2.5s;--ihc-fade:.8s;isolation:isolate;aspect-ratio:4/3;background-color:var(--color-brand-navy-deep);border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:560px;min-height:240px;display:block;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000073}.ihc:focus-visible{outline:2px solid var(--color-viz-gold);outline-offset:4px}@media (min-width:1024px){.ihc{aspect-ratio:11/12;width:380px}}@media (min-width:1280px){.ihc{width:440px}}.ihc-slide{opacity:0;position:absolute;inset:0}.ihc-slide[data-state=prev]{z-index:1;opacity:1}.ihc-slide[data-state=on]{z-index:2;opacity:1}.ihc-grade{z-index:3;background-image:linear-gradient(in oklab 180deg, #070d268c 0%, transparent 24%), linear-gradient(in oklab 0deg, #03071deb 0%, #070d2666 38%, transparent 62%)}@supports (color:lab(0% 0 0)){.ihc-grade{background-image:linear-gradient(in oklab 180deg, lab(4.12597% 3.50022 -16.9736/.55) 0%, transparent 24%), linear-gradient(in oklab 0deg, lab(2.20044% 2.69207 -13.2596/.92) 0%, lab(4.12597% 3.50022 -16.9736/.4) 38%, transparent 62%)}}.ihc-count{z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;letter-spacing:.14em;color:var(--color-neutral-0);background-color:#0408188c;border-radius:9999px;padding:5px 10px;font-size:12px;font-weight:600;line-height:16px;position:absolute;top:16px;right:16px}.ihc-count-total{color:var(--color-text-on-dark-muted)}.ihc-foot{inset-inline:0;z-index:4;align-items:flex-end;gap:16px;padding:20px;display:flex;position:absolute;bottom:0}@media (min-width:768px){.ihc-foot{padding:24px}}.ihc-texts{flex-grow:1;min-width:0;display:grid}.ihc-text{flex-direction:column;grid-area:1/1;align-self:end;gap:6px;display:flex}.ihc-text>*{opacity:0;translate:0 16px}.ihc-text[data-state=on]>*{opacity:1;translate:0}.ihc-name{letter-spacing:-.03em;color:var(--color-neutral-0);font-size:26px;font-weight:800;line-height:32px}.ihc-line{text-wrap:pretty;color:#c9d1e3;max-width:34ch;font-size:15px;line-height:22px}@media (min-width:1280px){.ihc-name{font-size:28px;line-height:34px}}.ihc-arrow{width:40px;height:40px;color:var(--color-neutral-0);border:1px solid #ffffff47;border-radius:9999px;flex-shrink:0;place-items:center;font-size:16px;transition:background-color .25s ease-out,border-color .25s ease-out,color .25s ease-out;display:grid}.ihc:hover .ihc-arrow,.ihc:focus-visible .ihc-arrow{border-color:var(--color-viz-gold);background-color:var(--color-viz-gold);color:var(--color-brand-navy)}.ihc-clock{width:0;height:0;position:absolute}@media (prefers-reduced-motion:no-preference){.ihc-slide[data-state=on]{transition:opacity var(--ihc-fade) ease-out}.ihc-slide[data-state=on] img{animation:ihc-zoom calc(var(--ihc-dwell) + var(--ihc-fade)) ease-out both}.ihc-text[data-state=on]>*{transition:opacity .5s ease-out .15s, translate .6s var(--motion-ease) .15s}.ihc-text[data-state=on]>.ihc-line{transition-delay:.23s}.ihc-text[data-state=prev]>*{transition:opacity .3s ease-out, translate .4s var(--motion-ease);translate:0 -12px}.ihc-arrow{transition:background-color .25s ease-out, border-color .25s ease-out, color .25s ease-out, translate .4s var(--motion-ease)}.ihc:hover .ihc-arrow{translate:3px}.ihc[data-auto] .ihc-clock{animation:ihc-tick var(--ihc-dwell) linear}.ihc[data-auto=paused] .ihc-clock,.ihc[data-auto=paused] .ihc-slide img{animation-play-state:paused}}}@keyframes ihc-zoom{0%{scale:1.05}}@keyframes ihc-tick{0%{opacity:1}to{opacity:1}}