.main-404{color:#151516}.main-404__content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 1.5rem 3rem;text-align:center}@media screen and (min-width: 46.875rem){.main-404__content{padding:6rem 1.5rem 4.5rem}}.main-404--split{display:flex;flex-direction:column}@media screen and (min-width: 62.5rem){.main-404--split{display:grid;grid-template-columns:1fr 1fr;min-height:min(100svh - 7.5rem,46rem)}}.main-404--split .main-404__content{justify-content:center;padding-block:2.5rem 3.5rem}@media screen and (min-width: 62.5rem){.main-404--split .main-404__content{padding:4rem 3rem}}.main-404__media{position:relative;aspect-ratio:4/3;background:#f4f4f4;overflow:hidden}@media screen and (min-width: 62.5rem){.main-404__media{aspect-ratio:auto}}.main-404__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.main-404__code{margin:0;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(21,21,22,.55)}.main-404__code--big{margin-bottom:-0.5rem;font-family:var(--font-heading--family);font-weight:300;font-size:clamp(6rem,22vw,11rem);line-height:1;letter-spacing:-0.02em;color:#151516}.main-404__title{margin:0;font-family:var(--font-heading--family);font-weight:300;font-size:1.75rem;line-height:2.25rem;text-wrap:balance}@media screen and (min-width: 46.875rem){.main-404__title{font-size:2.5rem;line-height:3.125rem}}.main-404__text{max-width:28rem;margin:0;font-size:.875rem;line-height:1.375rem;text-wrap:pretty}.main-404__search{display:flex;width:min(100%,22rem);margin-top:1rem;border-bottom:1px solid #151516}.main-404__input{flex:1;min-width:0;padding:.75rem 0;border:0;background:none;font:inherit;font-size:1rem;outline:none}.main-404__input::placeholder{color:rgba(21,21,22,.55)}.main-404__submit{display:grid;place-items:center;padding:0 .25rem;border:0;background:none;color:inherit;cursor:pointer}.main-404__links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;width:min(100%,26rem);margin-top:1.5rem}.main-404__btn{display:flex;flex:1 1 11rem;align-items:center;justify-content:center;height:3rem;padding-inline:1.5rem;border-bottom:1px solid #151516;font-size:.875rem;text-decoration:none;text-transform:uppercase;white-space:nowrap;color:#151516;position:relative;overflow:hidden;isolation:isolate;transition:color 320ms cubic-bezier(0.22, 0.61, 0.36, 1),border-color 320ms cubic-bezier(0.22, 0.61, 0.36, 1)}.main-404__btn::before{content:"";position:absolute;inset:-1px;background:#151516;transform:translateY(100%);transition:transform 320ms cubic-bezier(0.22, 0.61, 0.36, 1);z-index:-1;pointer-events:none;will-change:transform}.main-404__btn:hover,.main-404__btn:focus-visible{color:#fff}.main-404__btn:hover::before,.main-404__btn:focus-visible::before{transform:translateY(0)}@media(hover: none){.main-404__btn:active::before{transform:translateY(0)}.main-404__btn:active{color:#fff}}.main-404__btn--primary{border:1px solid #151516;background:#151516;color:#fff;position:relative;overflow:hidden;isolation:isolate;transition:color 320ms cubic-bezier(0.22, 0.61, 0.36, 1),border-color 320ms cubic-bezier(0.22, 0.61, 0.36, 1)}.main-404__btn--primary::before{content:"";position:absolute;inset:-1px;background:#fff;transform:translateY(100%);transition:transform 320ms cubic-bezier(0.22, 0.61, 0.36, 1);z-index:-1;pointer-events:none;will-change:transform}.main-404__btn--primary:hover,.main-404__btn--primary:focus-visible{color:#151516}.main-404__btn--primary:hover::before,.main-404__btn--primary:focus-visible::before{transform:translateY(0)}@media(hover: none){.main-404__btn--primary:active::before{transform:translateY(0)}.main-404__btn--primary:active{color:#151516}}