/* Freestanding editorial navigation, matching the approved mockup. */
nav button,nav button:hover,nav button[aria-current=true],#home-back,#home-back:hover{border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
nav{gap:1.8cqw}
nav button{position:relative;text-shadow:0 1px 5px #20180db3}
nav button:not(:last-child)::after{content:"";position:absolute;right:-.9cqw;top:35%;height:30%;width:1px;background:#fff4de80}
nav button::before{content:"";position:absolute;bottom:0;left:calc(50% - 27px);width:54px;height:1px;background:currentColor;transform:scaleX(0);transition:transform .2s}
nav button:hover::before,nav button[aria-current=true]::before,nav button:focus-visible::before{transform:scaleX(1)}
#home-back{padding:10px 0;text-shadow:0 1px 5px #20180d99}
#home-back::after{content:"";position:absolute;right:0;bottom:0;width:60px;height:1px;background:#fff4de99;transition:width .2s}
#home-back:hover::after{width:100%}
.mode-switch{position:absolute;z-index:5;left:50%;top:4.2cqh;transform:translateX(-50%);display:flex;align-items:center;gap:26px;white-space:nowrap}
.mode-switch button{position:relative;min-height:46px;padding:8px 0 12px;border:0;background:none;font:300 clamp(21px,1.45cqw,29px)/1.2 JungwerkText,Georgia,serif;letter-spacing:.025em;text-shadow:0 1px 5px #20180da0;opacity:.65;transition:opacity .2s}
.mode-switch button[aria-pressed=true],.mode-switch button:hover{opacity:1}
.mode-switch button::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:1px;background:currentColor;transform:scaleX(0);transition:transform .2s}
.mode-switch button[aria-pressed=true]::after{transform:scaleX(1)}
.mode-switch>span{height:20px;width:1px;background:#fff4de66}
#mode-still,#mode-video{z-index:1;transition:opacity .12s ease}
#mode-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 33.333333%;pointer-events:none}
.coming-soon{position:absolute;z-index:2;left:0;right:0;top:45%;transform:translateY(-50%);margin:0;text-align:center;font:300 clamp(40px,4.5cqw,88px)/1.1 JungwerkText,Georgia,serif;letter-spacing:.025em;text-shadow:0 2px 15px #0006}
body[data-mode=night] nav,body[data-mode=night] #home-back,body.mode-changing nav,body.mode-changing #home-back{display:none}
body[data-mode=night] .slogan,body.mode-changing .slogan{display:block}
body.mode-changing .identity,body.mode-changing .slogan{transform:none;opacity:1}
@media(max-width:740px) and (orientation:portrait){
 .mode-switch{top:132px;width:88%;justify-content:center;gap:18px}
 .mode-switch button{font-size:clamp(18px,5vw,22px);letter-spacing:0}
 nav{column-gap:20px;row-gap:7px}
 nav button:not(:last-child)::after{display:none}
 nav button:first-child::after,nav button:nth-child(3)::after{display:block;right:-10px}
 nav button::before{width:38px;left:calc(50% - 19px)}
 #home-back{font-size:18px}
 .coming-soon{top:42%;font-size:12vw}
}
@media(max-height:500px) and (orientation:landscape){.mode-switch{top:10px;gap:18px}.mode-switch button{font-size:18px;min-height:36px}}
@media(max-width:360px) and (orientation:portrait){.identity{width:120px}#home-back{font-size:16px;gap:5px}.mode-switch{gap:10px}}
@media(min-width:741px) and (max-width:1000px) and (min-height:501px){.mode-switch{left:auto;right:4cqw;transform:none;top:26px}#home-back{top:90px}}
