/* Larger navigation, shared by the homepage and all German subpages. */
.header .nav{font-size:1.0625rem;gap:clamp(18px,1.8vw,30px);flex-shrink:0}
.header .nav a{white-space:nowrap;line-height:1.45;min-height:48px;display:flex;align-items:center}
.header .brand,.header-actions{flex-shrink:0}

.projects-page{background:radial-gradient(ellipse at 85% 8%,#27365266,transparent 45%)}
.projects-heading{padding-bottom:48px}
.projects-heading>p:last-child{font-size:1.125rem;max-width:680px}
.project-list{display:grid;gap:0}
.project-entry{display:grid;grid-template-columns:minmax(220px,.95fr) minmax(0,1.05fr);gap:clamp(32px,5vw,70px);align-items:center;padding:64px 0;border-top:1px solid var(--line)}
.project-visual{margin:0;min-width:0;align-self:start;padding-top:8px}
.project-visual>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid #dac18e55;border-radius:3px;box-shadow:0 20px 55px #0004}
.project-visual figcaption{font-size:.8125rem;line-height:1.6;color:var(--muted);padding:15px 2px 0}
.project-visual-cover{padding:30px 25px 20px;text-align:center;background:radial-gradient(ellipse at 50% 30%,#33456688,transparent 75%);border:1px solid var(--line)}
.project-visual-cover>img{width:min(100%,285px);margin:auto;aspect-ratio:992/1586;object-fit:contain;box-shadow:0 24px 55px #0008}
.project-copy h2{margin-bottom:18px}
.project-copy .eyebrow{margin-bottom:14px}
.project-copy p:not(.eyebrow){font-size:1.0625rem;line-height:1.85}
.project-copy .text-link{display:inline-flex;gap:14px;align-items:center;min-height:44px;font-size:1rem}
.project-copy strong{font-weight:500;color:var(--gold-bright)}
.project-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;margin:26px 0;padding:24px 0;border-block:1px solid var(--line)}
.project-facts>div{min-width:0}
.project-facts dt{font-size:.8125rem;line-height:1.5;color:var(--muted);margin-bottom:7px}
.project-facts dd{font-size:1rem;line-height:1.6;color:var(--gold-bright);margin:0;overflow-wrap:anywhere}
.project-fact-release{grid-column:1/-1}
.projects-schedule-note{font-size:.9375rem;max-width:760px;margin:4px 0 40px;line-height:1.8}
.project-stage{display:inline-block;padding:7px 13px;margin-bottom:22px;border:1px solid #dac18e55;border-radius:2px;font-size:.875rem;color:var(--gold-bright);background:#dac18e0a}
.projects-outlook{margin:32px 0 80px;padding:40px;border:1px solid var(--line);background:#111a2499;max-width:820px}
.projects-outlook p:not(.eyebrow){font-size:1.0625rem}

/* Open the menu earlier so five larger links never squeeze the brand or shop. */
@media(max-width:1320px){
 .header .nav{display:none;position:absolute;top:80px;left:0;right:0;background:#0d1829fa;backdrop-filter:blur(16px);padding:18px 5%;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:4px;font-size:1.125rem}
 .header .nav.open{display:flex}
 .header .nav a{padding:12px 0}
 .header .menu-toggle{display:block;min-width:44px;min-height:44px}
 .header,.home-enchanted .header{height:80px}
 .home-enchanted .header .nav{top:80px;gap:4px}
}
@media(max-width:640px){
 .header,.home-enchanted .header{height:76px}
 .header .brand{font-size:.92rem;gap:8px}
 .header .brand-mark{font-size:2.1rem}
 .header .brand small{font-size:.5rem}
 .footer nav{flex-wrap:wrap}
 .header .nav,.home-enchanted .header .nav{top:76px}
 .projects-heading{padding:42px 0 28px}
 .projects-heading h1{font-size:clamp(2.5rem,10vw,3.6rem)}
 .projects-heading>p:last-child{font-size:1.0625rem}
 .project-entry{grid-template-columns:1fr;gap:28px;padding:32px 0 40px}
 .project-visual{padding-top:0}
 .project-visual-cover{padding:24px 20px 18px}
 .project-visual-cover>img{width:min(100%,235px)}
 .project-copy h2{font-size:2.25rem}
 .projects-outlook{padding:26px;margin:12px 0 48px}
}