@layer components{.doors{gap:clamp(.25rem,1vw,.75rem);margin:0;padding:0;list-style:none;display:grid}.doors__item{margin:0}.door{color:inherit;transition:border-color .3s var(--ease-brand);border-top:1px solid #ffffff47;grid-template-columns:auto 1fr auto;align-items:center;gap:0 clamp(.9rem,1.6vw,1.4rem);padding:clamp(.9rem,1.6vw,1.25rem) 0;text-decoration:none;display:grid}.doors__item:last-child .door{border-bottom:1px solid #ffffff47}.door:hover{border-top-color:#fff}.door__num{letter-spacing:-.04em;color:var(--color-sage);transition:color .3s var(--ease-brand);font-size:clamp(2rem,1.4rem + 1.8vw,3rem);font-weight:600;line-height:1}.door:hover .door__num{color:#fff}.door__title{font-size:var(--text-h4);color:#fff;text-wrap:balance;font-weight:500;line-height:1.25}.door__go{color:#fff;width:2.25rem;height:2.25rem;transition:background-color .3s var(--ease-brand), border-color .3s var(--ease-brand), transform .3s var(--ease-brand);border:1px solid #fff6;border-radius:50%;place-items:center;display:grid}.door__go svg{width:1rem;height:1rem}.door:hover .door__go{color:var(--color-primary);background:#fff;border-color:#fff;transform:translate(3px)}.door__go-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:900px){.doors{margin-top:2.5rem}.door__num{font-size:2rem}}}