/* Floating, rounded navigation with the same mobile logo/language positions in its dialog. */
.site-header{top:12px;width:calc(100% - 40px);max-width:1440px;margin:12px auto 0;border:1px solid #e7e0d6;border-radius:24px;background:#fffffff5;box-shadow:0 5px 24px #3b291008;backdrop-filter:blur(14px)}
.site-header>.shell{padding-inline:24px}
.site-header .header-inner{height:72px;border:0;gap:24px}
.site-header[data-scrolled=true]{border:1px solid #e7e0d6;box-shadow:0 6px 25px #3b29100c}
#mobile-menu .dialog-top{width:calc(100% - 40px);max-width:1440px;height:98px;margin:0 auto;padding-inline:25px;gap:24px}
#mobile-menu .menu-top-actions{gap:25px}
@media(max-width:900px){.site-header .header-inner{gap:18px}}
@media(max-width:650px){
 .site-header{top:8px;width:calc(100% - 16px);margin:8px auto 0;border-radius:20px}
 .site-header>.shell{padding-inline:11px}
 .site-header .header-inner{height:64px;gap:20px}
 #mobile-menu .dialog-top{width:100%;height:82px;min-height:82px;margin:0;padding-inline:20px;padding-block:0;gap:20px}
 #mobile-menu .menu-top-actions{gap:10px}
}
@media(max-width:370px){.site-header .header-inner,#mobile-menu .dialog-top{gap:10px}#mobile-menu .menu-top-actions{gap:2px}}
/* Technical glass and oversized numerals, with one calm reading column. */
.error-designed{max-width:1320px;min-height:650px;padding-block:72px 88px;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.error-object{grid-column:2;grid-row:1;position:relative;isolation:isolate;display:grid;place-items:center;aspect-ratio:1.1;margin:0;border-radius:80px 24px 80px 24px;background:#f7f3ee;overflow:hidden}
.error-object:before{content:'';position:absolute;inset:8% -16% -25% 10%;border-radius:50%;background:radial-gradient(ellipse,#ff821c45,transparent 65%);z-index:-1}
.error-object .error-code{position:absolute;left:7%;top:12%;font:300 clamp(120px,15vw,210px)/1 TT,Arial,sans-serif;letter-spacing:-.09em;color:#d66317;z-index:2}
.error-object img{position:absolute;width:90%;height:90%;object-fit:contain;right:-13%;bottom:-17%;filter:drop-shadow(0 18px 18px #3c201018);transform:rotate(-14deg)}
.error-object i{position:absolute;width:23%;aspect-ratio:1;border:1px solid #d7ba9b;border-radius:50%;left:9%;bottom:12%}
.error-designed .status-copy h1{font-size:clamp(42px,4.8vw,68px);max-width:550px}
.error-designed .status-copy>p:not(.status-label){font-size:17px;max-width:400px}
@media(max-width:650px){
 .error-designed{display:flex;flex-direction:column;gap:30px;min-height:0;padding-block:26px 56px}
 .error-object{width:100%;aspect-ratio:1.8;border-radius:44px 16px 44px 16px}
 .error-object .error-code{font-size:clamp(105px,31vw,150px);top:10%;left:8%}
 .error-object img{width:65%;height:125%;right:-9%;bottom:-22%;transform:rotate(-15deg)}
 .error-object i{width:18%;left:10%;bottom:9%}
 .error-designed .status-copy h1{font-size:42px;max-width:350px}
 .error-designed .status-copy>p:not(.status-label){font-size:16px;margin-top:18px}
 .error-designed .status-actions{gap:18px;margin-top:24px}
}
@media(max-width:370px){.error-designed .status-copy h1{font-size:36px}.error-designed .status-actions .button{font-size:14px}}
@media(max-width:370px){
 .site-header .header-brand .wordmark,#mobile-menu .dialog-top .wordmark{font-size:22px}
 .inner-page .journal-related .journal-card>a{grid-template-columns:72px minmax(0,1fr);gap:14px}
}

/* Fullscreen menu trial: white navigation on the existing orange field. */
#mobile-menu{color:#fff}
#mobile-menu .mobile-nav>a,#mobile-menu .menu-phone,#mobile-menu .dialog-top>a,#mobile-menu .close-button{color:#fff}
#mobile-menu .mobile-nav>a{border-bottom-color:#ffffff40}
#mobile-menu .menu-contact p{color:#fff}
#mobile-menu .menu-top-actions .language-switch a{color:#ffffffb3}
#mobile-menu .menu-top-actions .language-switch a[aria-current=page]{color:#fff}
#mobile-menu .language-switch>span{color:#ffffff80}
#mobile-menu .close-button:focus-visible,#mobile-menu .menu-phone:focus-visible{outline-color:#fff}
@media(hover:hover) and (pointer:fine){#mobile-menu .mobile-nav>a:hover{background:#ffffff1f;color:#fff}#mobile-menu .close-button:hover{background:#ffffff1f;color:#fff}}
#mobile-menu .menu-contact .button{color:#fff;border-color:#ffffffb3}

/* Rounded keyboard focus for modal close controls; touch does not gain a ring. */
#mobile-menu .close-button{border-radius:50%}
.request-dialog .request-close:focus:not(:focus-visible),#mobile-menu .close-button:focus:not(:focus-visible){outline:none}

.request-dialog .request-close{width:44px;height:44px;min-height:44px;padding:10px;display:grid;place-items:center;border-radius:12px}
.request-dialog .request-close svg{display:block;width:24px;height:24px}