/* The full wordmark belongs to each page's hero; navigation uses the small crest. */
.royal-theme .header-main{padding:10px 0}
.royal-theme .site-brand{display:inline-flex;align-items:center;gap:10px;flex:none;min-height:58px;color:#dce8f5}
.royal-theme .site-brand img{display:block;width:58px;height:58px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 5px #02071180)}
.royal-theme .site-brand span{font:600 24px/1.2 var(--font-display);letter-spacing:-.04em}
.royal-theme .site-brand:hover{color:#fff}
.royal-theme .mobile-menu-header{min-height:48px;margin-bottom:22px}
.royal-theme .mobile-menu-title{font:600 21px/1.3 var(--font-display);color:#dce8f5}
.royal-theme .footer-wordmark{display:inline-block;margin:0 0 16px;font:600 25px/1.3 var(--font-display);letter-spacing:-.035em;color:#c5d6e9}
.royal-theme .preloader-logo .preloader-crest{width:96px;height:96px;max-width:96px}

.page-hero-brand{display:flex;align-items:center;justify-content:center;width:400px;max-width:100%;height:190px;margin-inline:auto;position:relative}
.page-hero-brand img{display:block;width:100%;height:auto;max-width:100%;filter:drop-shadow(0 4px 12px #020711b3)}
.royal-theme .page-header{padding:34px 0;background-position:center 42%}
.royal-theme .page-header-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,400px);align-items:center;gap:36px;text-align:left}
.royal-theme .page-header .breadcrumb{justify-content:flex-start}
.royal-theme .page-header .page-title{margin-bottom:0}
.royal-theme .page-header-copy{min-width:0}

/* Account artwork is the hero. The form starts directly with its tabs and fields. */
.royal-theme .auth-hero-brand{position:absolute;top:34px;left:50%;transform:translateX(-50%);width:min(400px,90%);z-index:2}
.royal-theme .royal-auth-art .royal-sentinel{top:190px;bottom:0;height:calc(100% - 190px);object-position:50% 0}
.royal-theme .royal-auth-panel{padding-top:30px}
.royal-theme .portal-brand-hero{display:flex;justify-content:center;padding:16px 24px;background:linear-gradient(90deg,#080e18e6,#080e1880,#080e18e6),url('../images/royal/sigurdar-citadel.webp') center 42%/cover;border-bottom:1px solid #526c8d60}
.royal-theme .portal-brand-hero .page-hero-brand{width:330px;height:150px}

@media(max-width:1100px){
    .royal-theme .site-brand{gap:8px}
    .royal-theme .site-brand span{font-size:22px}
    .royal-theme .site-brand img{width:52px;height:52px}
}
@media(max-width:820px){
    .royal-theme .royal-auth-shell{gap:12px;margin-top:18px}
    .royal-theme .royal-auth-art{display:block;min-height:0;max-height:none;height:148px;overflow:visible;background:none}
    .royal-theme .royal-auth-art:after,.royal-theme .royal-auth-art .royal-sentinel,.royal-theme .royal-auth-story{display:none}
    .royal-theme .auth-hero-brand{position:relative;top:auto;left:auto;transform:none;width:300px;height:148px}
}
@media(max-width:767px){
    .royal-theme .header-main{padding:8px 0}
    .royal-theme .site-brand{min-height:48px}
    .royal-theme .site-brand img{width:48px;height:48px}
    .royal-theme .site-brand span{font-size:22px}
    .royal-theme .page-header{padding:20px 0 30px}
    .royal-theme .page-header-content{display:flex;flex-direction:column-reverse;gap:12px;text-align:center}
    .royal-theme .page-header .page-hero-brand{width:310px;height:148px}
    .royal-theme .page-header .breadcrumb{justify-content:center;flex-wrap:wrap}
    .royal-theme .page-header .page-title{font-size:clamp(27px,7vw,38px);line-height:1.25}
    .royal-theme .royal-auth-panel{padding-top:22px}
}
@media(max-width:380px){
    .royal-theme .site-brand{gap:5px}
    .royal-theme .site-brand span{font-size:20px}
    .royal-theme .site-brand img{width:44px;height:44px}
    .royal-theme .auth-hero-brand{width:260px;height:132px}
    .royal-theme .royal-auth-art{height:132px}
}