@font-face{font-family:'Signika';src:url('assets/fonts/Signika-Variable.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:'Alegreya';src:url('assets/fonts/AlegreyaSans-Regular.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Alegreya';src:url('assets/fonts/AlegreyaSans-Bold.otf') format('opentype');font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:dark;--white:#fff8df;--gold:#fdc411;--gold-light:#fed969;--gold-pale:#feeaa0;--gold-wash:#fff5cf;--gold-deep:#775516;--ink:#29321d;--side:clamp(22px,4.2vw,80px);--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{background:var(--ink);font-family:'Alegreya',sans-serif;font-size:100%}body{margin:0;color:var(--white)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}
.scene{position:relative;isolation:isolate;min-height:max(800px,100svh);display:flex;flex-direction:column;padding:0 var(--side);overflow:hidden}
.landscape{position:absolute;inset:0;z-index:-2;background:var(--ink)}.landscape>img,.landscape>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center}.landscape>video{transition:opacity .4s}.end-frame{opacity:0}.is-ended .end-frame{opacity:1}.is-ended #intro{opacity:0}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#101e1478,transparent 32%,transparent 56%,#102015ad)}.shade:after{content:'';position:absolute;inset:0;opacity:0;transition:opacity 1.5s;background:linear-gradient(90deg,#13221185,#1427171a 48%,transparent 70%),linear-gradient(0deg,#122217a1,transparent 50%)}.is-title .shade:after{opacity:1}
.site-header{min-height:116px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:3}.brand{display:flex;align-items:center;flex:0 1 310px;min-width:0}.brand img{display:block;width:100%;height:auto;object-fit:contain}.brand-name{font-size:1rem;line-height:1.2}.brand-name>span{display:block;font-family:'Signika',sans-serif;font-size:1.5rem;margin-top:4px}.brand small{font-family:'Alegreya',sans-serif;font-size:1rem}.header-actions{display:flex;gap:42px;align-items:center;flex-shrink:0}.since{font-size:1rem;transform:rotate(-2deg)}.menu-toggle{display:flex;align-items:center;gap:15px;background:transparent;padding:14px 0 14px 12px;font-size:1rem}.menu-icon{width:47px;height:47px;border:1px solid #fff7;border-radius:47% 53% 46% 54%;display:grid;align-content:center;gap:6px;justify-content:center;transition:background .3s}.menu-icon i{display:block;height:1px;width:18px;background:currentColor;transition:transform .4s}.menu-toggle:hover .menu-icon{background:#ffffff20}.is-ready .menu-icon i:first-child{transform:translateY(3.5px) rotate(45deg)}.is-ready .menu-icon i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.welcome{margin-top:auto;margin-bottom:34px;padding-top:55px;opacity:0;transform:translateY(22px);transition:opacity 1.25s var(--ease),transform 1.25s var(--ease);pointer-events:none;max-width:1050px}.is-title .welcome{opacity:1;transform:none}.eyebrow{font-size:1rem;letter-spacing:.04em;display:flex;gap:13px;align-items:center;margin:0 0 18px}.eyebrow>span{height:2px;width:30px;background:var(--gold);transform:rotate(-5deg)}h1{font-family:'Signika',sans-serif;font-size:clamp(3.1rem,4.85vw,5.8rem);font-weight:600;line-height:1.12;letter-spacing:-.035em;margin:0;text-shadow:0 2px 30px #15241d30}h1>span{display:block}h1 em{margin-left:.1em;font-family:inherit;font-style:normal;color:var(--gold);display:inline-block;transform:rotate(-1.3deg)}.intro-copy{font-size:1.25rem;line-height:1.35;margin:20px 0 0;color:#fff8dfed}
.navigation-wrap{position:relative;flex:none;visibility:hidden}.is-ready .navigation-wrap{visibility:visible}.navigation-caption{display:flex;align-items:baseline;gap:20px;margin:0 0 12px 8px;opacity:0;transform:translateY(10px);transition:opacity .8s,transform .8s}.navigation-caption>span:first-child{font-family:'Signika',sans-serif;font-size:1.1rem;transform:rotate(-2deg);color:var(--gold-pale)}.navigation-caption>span:last-child{font-size:.9375rem;color:#fff4d4cf}.caption-line{display:none}.is-ready .navigation-caption{opacity:1;transform:none}
.main-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10.5rem),1fr));gap:4px;padding:0 0 28px;align-items:start}
.nav-item{--wax:var(--gold-pale);--angle:-2deg;--lift:0px;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:13.7rem;aspect-ratio:.91;padding:23% 17%;text-align:center;background:transparent;color:#493713;opacity:0;transform:translateY(45px) rotate(-7deg) scale(.88);transition:opacity .55s,transform .8s cubic-bezier(.2,1.45,.35,1);transition-delay:calc(var(--i)*.12s);outline:none}
.nav-item:nth-child(even){--lift:26px;--angle:2deg}.nav-item:nth-child(2){--wax:var(--gold-light)}.nav-item:nth-child(3){--wax:var(--gold);--angle:-1deg}.nav-item:nth-child(4){--wax:var(--gold-wash);--angle:1deg}.nav-item:nth-child(5){--wax:var(--gold-pale);--angle:-2.5deg}.nav-item:nth-child(6){--wax:var(--gold);--angle:3deg}
.wax-shape{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;filter:drop-shadow(1px 4px 1px #26311645);transition:filter .25s}.wax-fill{fill:var(--wax);stroke:#573810a8;stroke-width:1.4;stroke-linejoin:round}.wax-edge{fill:none;stroke:#805a2494;stroke-width:1;stroke-dasharray:4 5;stroke-linecap:round;stroke-linejoin:round}.nav-item:focus-visible .wax-edge{stroke:#292e18;stroke-width:4;stroke-dasharray:none}.nav-item:focus-visible .wax-fill{stroke:#fff8df;stroke-width:5}
.is-ready .nav-item{opacity:1;transform:translateY(var(--lift)) rotate(var(--angle)) scale(1)}.is-ready .nav-item:hover{transform:translateY(calc(var(--lift) - 8px)) rotate(0deg) scale(1.035);transition-delay:0s}.nav-item:hover .wax-shape{filter:drop-shadow(2px 9px 2px #26311650)}.nav-meta{font-size:.8125rem;letter-spacing:.06em;color:#725026;margin-bottom:8px}.nav-title{font-family:'Signika',sans-serif;font-size:clamp(1.25rem,1.55vw,1.625rem);font-weight:600;letter-spacing:-.025em;line-height:1.18}.nav-description{font-size:.9375rem;line-height:1.1;margin-top:9px;max-width:9em;color:#6c4c23}.nav-join .nav-title{font-size:clamp(1.35rem,1.7vw,1.8rem)}.nav-arrow{display:none}
.scene-footer{min-height:72px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.875rem;color:#fff8dfd6;position:relative}.film-controls{display:flex;align-items:center;gap:12px}.film-toggle{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff70;border-radius:47% 53% 50% 46%;background:transparent}.film-toggle:hover{background:#ffffff20}.film-toggle svg{grid-area:1/1;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.play-icon,.replay-icon{display:none}.is-paused .pause-icon{display:none}.is-paused .play-icon{display:block}.is-ended .pause-icon,.is-ended .play-icon{display:none}.is-ended .replay-icon{display:block}.film-time{font-variant-numeric:tabular-nums;opacity:.7;margin-left:12px}.skip-intro{background:transparent;display:flex;align-items:center;gap:24px;font-size:1rem;padding:10px 0}.skip-intro span{font-size:1.3rem}.draft-mark{display:none;font-size:.8125rem;opacity:.8}.is-ready .skip-intro{display:none}.is-ready .draft-mark{display:inline}.film-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff12}.film-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:var(--gold);transition:transform .2s linear}.is-ended .film-progress{opacity:0;transition:opacity 1s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:16px;z-index:10;transform:translateY(-160%);padding:14px;background:var(--ink)}.skip-link:focus{transform:none}.noscript-note{position:fixed;bottom:0;padding:20px;background:#18271f;z-index:5}

@media(min-width:1600px){.welcome{margin-bottom:42px}.main-menu{max-width:1500px}.nav-item{max-height:270px}.scene{min-height:max(890px,100svh)}}
@media(max-width:1150px){:root{--side:32px}.main-menu{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:10px 16px;max-width:780px;margin:0 auto;padding-bottom:22px}.nav-item{min-height:12.5rem;aspect-ratio:1.03;padding:20% 20%}.nav-item:nth-child(even){--lift:0px}.nav-item:nth-child(3n+2){--lift:20px}.nav-title{font-size:1.6rem}.nav-description{font-size:1rem}.welcome{padding-top:48px;margin-bottom:28px}h1{font-size:clamp(2.8rem,5.7vw,4.2rem)}.site-header{min-height:104px}.scene-footer{min-height:72px}.navigation-caption{max-width:780px;margin:0 auto 14px}}
@media(max-width:700px){:root{--side:20px}.scene{min-height:100svh}.landscape>img,.landscape>video{object-position:66% center}.site-header{min-height:94px;gap:10px}.brand{flex-basis:225px}.brand-name{font-size:.8125rem}.brand-name>span{font-size:1.125rem}.brand small{font-size:.8125rem}.since{display:none}.menu-toggle{gap:9px;font-size:.875rem;padding-left:0}.menu-icon{width:38px;height:38px}.header-actions{gap:0}.welcome{padding-top:95px;margin-bottom:28px}.eyebrow{font-size:.9375rem;margin-bottom:14px;gap:10px}.eyebrow>span{width:22px}h1{font-size:clamp(2rem,7.3vw,3rem);line-height:1.2;letter-spacing:-.045em}h1>span{white-space:normal}.intro-copy{font-size:1.125rem;margin-top:18px}.main-menu{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:0 4px;padding-bottom:21px}.nav-item{aspect-ratio:.96;min-height:11.8rem;padding:22% 17%;--lift:0px!important}.nav-item:nth-child(even){--lift:20px!important}.nav-title{font-size:1.3rem}.nav-join .nav-title{font-size:1.5rem}.nav-meta{font-size:.75rem;margin-bottom:7px}.nav-description{font-size:.875rem;line-height:1.1;margin-top:8px}.navigation-caption{gap:12px;margin:0 0 12px}.navigation-caption>span:first-child{font-size:1rem}.navigation-caption>span:last-child{display:none}.scene-footer{min-height:75px;gap:8px}.film-controls{gap:9px}.film-caption{font-size:.875rem}.film-time{display:none}.draft-mark{font-size:.75rem;max-width:110px;text-align:right;line-height:1.3}.skip-intro{font-size:.875rem;gap:10px}.shade:after{background:linear-gradient(0deg,#122015e3 1%,#12201575 62%,transparent 85%)}.is-intro:not(.is-ready) .scene-footer{position:fixed;left:var(--side);right:var(--side);bottom:0;z-index:4}.is-intro:not(.is-ready) .film-progress{position:fixed;z-index:4}}
@media(max-width:370px){:root{--side:14px}.menu-toggle>span:first-child{display:none}.brand-name>span{font-size:1.0625rem}.nav-item{padding:23% 14%;min-height:11.5rem}.nav-title{font-size:1.1875rem}.nav-description{font-size:.8125rem}.welcome{padding-top:85px}h1{font-size:1.8rem}.film-caption{max-width:110px;line-height:1.2}}
@media(min-width:1151px) and (max-height:800px){.scene{min-height:max(720px,100svh)}.site-header{min-height:95px}.welcome{padding-top:25px;margin-bottom:24px}h1{font-size:clamp(2.7rem,4.3vw,4.7rem)}.intro-copy{margin-top:15px}.main-menu{padding-bottom:26px}.nav-item{min-height:12rem}.scene-footer{min-height:62px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* The approved headline now forms a tighter two-line unit. */
.welcome h1{line-height:.92}

/* User's logo font, locally hosted; breathing room above the complete logo. */
.site-header,.sub-header{padding-top:30px;padding-bottom:20px}
h1,h2,h3,.nav-title,.footer-brand,.enquiry-form legend{font-family:'Signika',sans-serif;font-weight:600}
button,.page-navigation,.section-navigation,.home-link,.text-link,.page-footer>div,.navigation-caption,.nav-meta{font-family:'Signika',sans-serif}
@media(max-width:700px){.site-header,.sub-header{padding-top:24px;padding-bottom:18px}}

/* Allow compact navigation and long German labels to wrap within the viewport. */
.page-footer>div{display:flex;flex-wrap:wrap;gap:20px;min-width:0}
@media(max-width:700px){.main-menu .nav-item{min-width:0;width:100%}}
@media(max-width:370px){.nav-join .nav-title{font-size:1.3rem}}

/* Logo yellow is the shared accent; lighter wax colours are tints of it. */
.is-ready .nav-item:hover{--wax:var(--gold)}
.wax-fill{transition:fill .25s}
.home-link:hover,.page-footer a:hover{color:var(--gold)}