/* Layout follows translated content and the actual header size. */
.site-header{gap:24px}
.site-header .brand{min-width:0;flex-shrink:0}
.site-header .brand svg{flex-shrink:0}
.site-header .brand>span{line-height:1.35}
.site-header nav{min-width:0}
.site-header .nav-link{white-space:nowrap;line-height:1.5}
body:not(.home)>.site-header{position:relative}
body:not(.home)>.site-header+.feedback-shell{margin-top:48px}
.hero{height:auto;min-height:max(760px,100svh);display:flex;flex-direction:column;padding-bottom:34px}
.hero-content{padding-top:max(clamp(195px,25vh,290px),calc(var(--site-header-height,110px) + 48px))}
.hero-bottom{position:relative;inset:auto;margin:70px 5.3% 0;padding-top:24px;margin-top:auto}
.hero-content{margin-bottom:64px}
.hero h1{white-space:normal}
.hero-content,.hero-bottom>*{min-width:0}
.hero .eyebrow>span{flex-shrink:0}
.primary-link,.text-link{max-width:100%;line-height:1.7}
.button-cross{flex-shrink:0}
.art-caption>div{min-width:0}
.art-caption h2,.art-caption p,.dialog-top p{overflow-wrap:anywhere}
.view-word{flex-shrink:0}
.journal-title-block,.journal-current>*{min-width:0}
.feedback-shell{overflow-wrap:anywhere}
.feedback-shell select,.feedback-shell input,.feedback-shell textarea{min-width:0;max-width:100%}
.feedback-admin-shell>.eyebrow{clear:both;padding-top:28px}
@media(max-width:1100px){
 .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:18px 6%;gap:12px 18px}
 .site-header .brand{grid-column:1;grid-row:1;max-width:100%;white-space:normal}
 .site-header .brand>span{font-size:18px;letter-spacing:.06em}
 .site-header .brand small{font-size:9px;letter-spacing:.1em}
 .site-header .language-switch{grid-column:2;grid-row:1}
 .site-header nav{grid-column:1/-1;grid-row:2;margin:0;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px 26px}
 .site-header .nav-link{font-size:14px;padding:11px 0;min-height:44px;letter-spacing:.025em}
 .site-header .header-note{display:none}
 .language-switch select{font-size:14px;min-height:44px;max-width:100%;padding:8px 25px 8px 10px}
 html[lang=en] .site-header .brand>span{font-size:18px;letter-spacing:0}
 .hero-content{padding-top:calc(var(--site-header-height,150px) + 54px);margin-left:8%;max-width:84%}
 .archive-main{padding-top:48px}
}
@media(max-width:680px){
 .site-header{padding:16px 6%;gap:10px 12px}
 .site-header .brand{gap:8px}
 .site-header .brand svg{width:25px;height:25px}
 .site-header .brand>span{font-size:16px;letter-spacing:.06em}
 html[lang=en] .site-header .brand>span{font-size:16px;line-height:1.4}
 .site-header nav{gap:4px 20px}
 .site-header .nav-link{font-size:13px}
 .site-header .brand small{font-size:8px}
 .language-switch select{font-size:14px;min-height:44px;width:100px;padding-right:18px}
 .hero{min-height:100svh;max-height:none;padding-bottom:26px}
 .hero-content{width:auto;max-width:none;margin:0 8% 0;padding-top:calc(var(--site-header-height,142px) + 42px)}
 .hero .eyebrow{font-size:9px;letter-spacing:.11em;gap:10px;line-height:1.8;margin-bottom:26px}
 .hero h1{font-size:clamp(35px,10.1vw,62px);letter-spacing:.1em}
 html[lang=en] #hero-title{font-size:clamp(2.5rem,11.4vw,4.5rem);line-height:1.08;overflow-wrap:normal}
 .hero-copy{font-size:16px}
 html[lang=en] .hero-copy{font-size:clamp(1.2rem,4.8vw,1.55rem);line-height:1.75}
 .hero-bottom{margin:70px 8% 0;padding:0;gap:24px;flex-wrap:wrap;align-items:flex-end;margin-top:auto;padding-top:70px}
 .hero-bottom>p{flex:1 1 145px}
 .bottom-right{flex:1 1 155px;gap:8px}
 .hero-bottom p{font-size:11px;line-height:2;letter-spacing:.02em}
 .image-disclaimer{white-space:normal;text-align:right;font-size:10px;line-height:1.65}
 .motion-control{min-height:44px;padding:10px 0;font-size:12px}
 .primary-link{font-size:13px;letter-spacing:.08em;padding:12px 18px;gap:14px}
 .invitation .text-link{flex-wrap:wrap;gap:8px 20px}
 .archive-main{padding:40px 7% 65px}
 .archive-heading h1{overflow-wrap:anywhere}
 .archive-tabs,html[lang=en] .archive-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .archive-tabs button,html[lang=en] .archive-tabs button{padding:16px 0;text-align:left;line-height:1.6;min-width:0;font-size:14px}
 .tab-caption{display:none}
 .category-filters button,html[lang=en] .category-filters button{min-width:0;gap:8px;padding:10px 12px;font-size:13px;letter-spacing:0}
 .category-filters button span{flex-shrink:0}
 .art-caption{gap:16px}
 .view-word{max-width:5rem;white-space:normal;line-height:1.6}
 .art-tag{max-width:calc(100% - 78px);line-height:1.5}
 .dialog-top{align-items:flex-start;gap:12px}
 .dialog-top p{font-size:14px;letter-spacing:.02em}
 .close-dialog{padding:4px 0 8px 8px;min-height:44px;flex-shrink:0}
 .album-navigation{gap:10px;flex-wrap:wrap}
 .album-navigation button{min-width:0;min-height:44px;padding:10px 12px;font-size:13px;flex:1}
 .album-navigation span{min-width:44px;font-size:12px}
 .journal-jump{justify-content:flex-start;gap:4px 22px}
 .journal-jump a{min-height:44px;line-height:1.7}
 .journal-toc nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .journal-toc nav a{min-width:0;overflow-wrap:anywhere}
 .journal-dateline span{margin:0 5px}
 body:not(.home)>.site-header+.feedback-shell{margin-top:24px}
 .feedback-shell{padding:20px;margin-top:40px}
 .feedback-panel{padding:20px 16px}
 .feedback-panel select{font-size:16px;padding:12px 8px}
 .feedback-panel label span{display:block;margin-left:0}
 .feedback-actions .feedback-button{flex:1 1 130px}
}
.art-dialog{overflow:auto}
.dialog-top{position:sticky;top:0;background:#071019;z-index:2}
.category-filters button{overflow-wrap:anywhere}
.language-switch{gap:9px}
.language-label{font-size:12px;letter-spacing:.04em;color:#aabfcf;white-space:nowrap}
@media(max-width:1100px){.site-header .language-switch{flex-direction:column;align-items:flex-end;gap:5px}.site-header .language-label{font-size:11px;line-height:1.3}}
@media(max-width:680px){.feedback-admin-shell>.language-switch{flex-direction:column;align-items:flex-end;gap:5px}}

@media(max-width:1280px){.site-header .header-note{display:none}}