html:has(.ds-404){opacity:1}.ds-404__hero{padding-bottom:clamp(56px,9vh,112px)}.ds-404__in{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(32px,5vw,88px);display:grid}.ds-404__title{max-width:14ch;font-size:var(--fs-display);letter-spacing:-.035em;text-wrap:balance;font-weight:300;line-height:.98}.ds-404__title:after{content:"";background:var(--yellow);width:62px;height:4px;margin-top:clamp(20px,2.2vw,28px);display:block}.ds-404 .ds-phero .ds-lead{max-width:44ch;margin-top:clamp(20px,2.4vw,28px)}.ds-404 .ds-btn-row{margin-top:clamp(28px,3.4vw,40px)}.ds-404__path{border-block:1px solid var(--line-soft);flex-wrap:wrap;align-items:baseline;gap:6px 16px;max-width:44ch;margin:clamp(22px,2.6vw,30px) 0 0;padding-block:12px;display:flex}.ds-404__path span{font-size:var(--fs-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--t-low);font-weight:700}.ds-404__path code{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-family:inherit;font-size:var(--fs-small);color:var(--t-hi);font-weight:700;overflow:hidden}.ds-404grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));justify-self:end;width:100%;max-width:720px;display:grid}.ds-404grid__cell{aspect-ratio:1;--fade:1;box-shadow:inset -1px -1px 0 rgba(255, 251, 238, calc(.09 * var(--fade)));position:relative}.ds-404grid__cell--fill:before{content:"";animation:ds-404-fill var(--t-xxl) var(--ease) both;animation-delay:calc(.2s + var(--i) * 45ms);background:#fffbee21;position:absolute;inset:-1px;box-shadow:inset 0 0 0 1px #fffbee6b}.ds-404grid__cell--dot:before{content:"";background:var(--yellow);width:60%;height:60%;animation:ds-404-dot var(--t-xxl) var(--ease-soft) both;animation-delay:calc(.35s + var(--i) * 45ms);border-radius:50%;position:absolute;bottom:6%;left:6%}@keyframes ds-404-fill{0%{opacity:0}to{opacity:1}}@keyframes ds-404-dot{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.ds-404__h2:after{content:"";background:var(--yellow);width:62px;height:4px;margin-top:clamp(16px,1.6vw,22px);display:block}.ds-404__dir .ds-rail .ds-lead{max-width:40ch;margin-top:clamp(18px,2vw,24px)}.ds-404__search{max-width:480px;margin-top:clamp(28px,3vw,40px)}.ds-404__search label{font-size:var(--fs-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--t-low);margin-bottom:8px;font-weight:700;display:block}.ds-404__search-row{gap:8px;display:flex}.ds-404__search input{min-width:0;font:inherit;font-size:var(--fs-small);color:var(--t-hi);background:var(--ground);border:1px solid var(--line);border-radius:var(--radius);caret-color:var(--royal);transition:border-color var(--t) var(--ease);flex:1;padding:14px 16px}.ds-404__search input::placeholder{color:var(--t-low)}.ds-404__search input:hover{border-color:var(--t-low)}.ds-404__search input:focus{outline:2px solid var(--royal);outline-offset:1px;border-color:var(--royal)}.ds-404__search .ds-btn{flex:none}.ds-404__families{margin:0;padding:0;list-style:none}.ds-404__family{border-top:1px solid var(--line-soft);grid-template-columns:2.4em minmax(0,1fr);gap:clamp(18px,3vw,44px);padding-block:clamp(22px,2.6vw,34px);display:grid}.ds-404__family:last-child{border-bottom:1px solid var(--line-soft)}.ds-404__n{font-size:var(--fs-micro);letter-spacing:.16em;color:var(--royal);padding-top:.55em;font-weight:700}.ds-404__family h3{margin:0}.ds-404__family-link{color:var(--t-hi);align-items:center;gap:12px;display:inline-flex}.ds-404__family-link .ds-arw{width:16px;height:16px;color:var(--royal);transition:transform var(--t) var(--ease-soft)}.ds-404__family-link:hover .ds-arw{transform:translate(4px)}.ds-404__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px clamp(20px,2.4vw,34px);margin:14px 0 0;padding:0;list-style:none;display:grid}.ds-404__links a{font-size:var(--fs-small);color:var(--t-mid);transition:color var(--t) var(--ease), translate var(--t) var(--ease);display:inline-block}.ds-404__links a:hover{color:var(--t-hi);translate:6px}@media (max-width:960px){.ds-404__in{grid-template-columns:minmax(0,1fr)}.ds-404__figure{order:-1;justify-self:start;width:108%;max-width:520px;margin-inline:-4%}}@media (max-width:560px){.ds-404__links{grid-template-columns:minmax(0,1fr)}.ds-404__family{grid-template-columns:minmax(0,1fr);gap:6px}.ds-404__n{padding-top:0}.ds-404__search-row{flex-direction:column}.ds-404__search .ds-btn{justify-content:center}}@media (prefers-reduced-motion:reduce){.ds-404grid__cell--fill:before,.ds-404grid__cell--dot:before{animation:none}}