@font-face{font-family:"Montserrat";font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/montserrat-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/montserrat-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/montserrat-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/montserrat-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/bricolage-grotesque-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/bricolage-grotesque-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/bricolage-grotesque-latin-500-normal.woff2) format("woff2")}
:root{
  --cream:#f8f8f6; --shell:#eeeeec; --stone:#e1e0dd; --pebble:#d1d0cc; --sand:#bcb9b3; --clay:#9a968f; --white:#ffffff;
  --brown:#4b2e1e;      /* replaces ink #100f0f */
  --espresso:#5c3a26;   /* button text, dark accents */
  --taupe:#7b5236;      /* filled buttons, newsletter band */
  --muted:#6f5140; --mid:#8a6a55;
  --heading:"Bricolage Grotesque","Montserrat",Arial,sans-serif;
  --body:"Montserrat",Arial,sans-serif;
  --r:2px; --pad:2.5rem;
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{background:var(--cream);color:var(--brown);font-family:var(--body);font-size:15px;line-height:1.4;font-weight:400;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--taupe);outline-offset:3px}
h1,h2,h3{font-family:var(--heading);font-weight:400;margin:0;text-wrap:balance;font-optical-sizing:auto;letter-spacing:-.025em}
h2{font-size:clamp(2rem,1.84rem + .67vw,2.44rem);line-height:1.077}
h3{font-size:clamp(1.25rem,1.18rem + .29vw,1.44rem);line-height:1.217}
p{margin:0}
.container{max-width:1440px;margin:0 auto;padding-left:max(var(--pad),env(safe-area-inset-left,0px));padding-right:max(var(--pad),env(safe-area-inset-right,0px))}
@media(max-width:767px){:root{--pad:1.25rem}}
.sec{padding-block:5rem}
@media(max-width:767px){.sec{padding-block:3rem}}
.center{text-align:center}
.small{font-size:.8125rem}
.muted{color:var(--muted)}

/* split button: label + square arrow */
.pb{--bg:var(--taupe);--fg:#faf9f7;display:inline-flex;align-items:center;gap:.9rem;font:500 .9rem/1 var(--body);cursor:pointer;border:0;background:var(--bg);color:var(--fg);padding:.4rem .4rem .4rem 1.4rem;border-radius:999px;box-shadow:0 6px 18px -8px rgba(30,42,58,.45);transition:transform .25s,box-shadow .25s,background .25s}
.pb span{display:flex;align-items:center}
.pb .a{width:2.3rem;height:2.3rem;justify-content:center;border-radius:50%;background:var(--fg);color:var(--bg);transition:transform .3s cubic-bezier(.23,1,.32,1)}
.pb:hover{transform:translateY(-1px);box-shadow:0 10px 24px -10px rgba(30,42,58,.55)}
.pb:hover .a{transform:rotate(45deg)}
.pb.white{--bg:#fff;--fg:var(--espresso)}
.pb.white .a{background:var(--espresso);color:#fff}
.arrow{width:11px;height:11px}
.btn-outline{display:inline-block;border:1.5px solid var(--brown);border-radius:999px;padding:.85rem 1.6rem;transition:background .2s,color .2s;font-weight:500;font-size:.875rem}
.btn-outline:hover{background:var(--brown);color:var(--cream)}

/* nav */
.nav{position:absolute;top:0;left:0;right:0;z-index:20;color:#fff}
.nav .container{display:flex;align-items:center;gap:2.5rem;height:4.5rem}
.logo{display:flex;align-items:center;gap:.75rem;line-height:1}
.logo img{width:13rem;height:auto;flex:none}
@media(max-width:767px){.logo img{width:8.75rem}}
.nav .container{height:5.5rem!important}
.logo b{font-family:var(--body);font-weight:600;font-size:1.3rem;letter-spacing:-.02em}
.logo span{font-size:.62rem;text-align:right;opacity:.85;margin-top:2px}
.nav ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0;font-size:.875rem}
.nav ul a{opacity:.92}
.nav ul a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.nav .right{margin-left:auto;display:flex;align-items:center;gap:1.25rem}
.menu-btn{display:none;background:none;border:1px solid rgba(255,255,255,.6);color:#fff;border-radius:999px;padding:.6rem 1.1rem;font:500 .8rem var(--body);cursor:pointer}
@media(max-width:991px){
  .nav ul{display:none;position:absolute;top:4.5rem;left:var(--pad);right:var(--pad);flex-direction:column;gap:0;background:var(--cream);color:var(--brown);border-radius:var(--r);padding:.5rem 1.25rem}
  .nav ul.open{display:flex}
  .nav ul a{display:block;padding:.9rem 0;border-bottom:1px solid var(--stone)}
  .menu-btn{display:block}
  .nav .right .pb{display:none}
}

/* hero */
.hero{position:relative;height:95vh;min-height:600px;max-height:980px;border-radius:0 0 4rem 4rem;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--cream);isolation:isolate}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,12,12,.34) 0%,rgba(12,12,12,.14) 40%,rgba(12,12,12,.14) 60%,rgba(12,12,12,.42) 100%);z-index:-1}
.hero .wrap{text-shadow:0 1px 3px rgba(0,0,0,.25),0 2px 28px rgba(0,0,0,.4)}
@media(max-width:760px){.hero::after{background:linear-gradient(180deg,rgba(12,12,12,.4),rgba(12,12,12,.32) 70%,rgba(12,12,12,.22))}}
.hero .wrap{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center;padding:0 1.5rem}
.rating{display:flex;align-items:center;gap:.6rem;font-size:.8rem;font-weight:500;letter-spacing:.02em}

.hero h1{font-size:clamp(2.4rem,5.6vw,4.9rem);line-height:1.04;opacity:.97;max-width:20ch;letter-spacing:-.035em}
.hero p{max-width:48rem;font-size:clamp(1.05rem,1rem + .3vw,1.44rem);line-height:1.25;opacity:.96;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.35),0 2px 26px rgba(0,0,0,.45);text-wrap:balance}
@media(max-width:767px){.hero{border-radius:0 0 2rem 2rem;height:88vh}.hero .wrap{gap:1.5rem}}

/* logo grid */
.partners{padding-block:5rem 3rem;max-width:1180px;margin:0 auto}
.eyebrow{text-align:center;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:2.5rem}
.logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:3.5rem;column-gap:2.5rem;align-items:center}
.lg{display:block;height:var(--h,3.4rem);width:100%;background:var(--mid);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;transition:background .25s}
.lg:hover{background:var(--taupe)}
.wm{display:block;text-align:center;color:var(--mid);line-height:1;transition:color .25s}
.wm:hover{color:var(--taupe)}
.wm.oo{font-family:var(--heading);font-size:clamp(1.3rem,1rem + 1vw,1.75rem);letter-spacing:.14em}
.wm.kz{font-family:var(--body);font-weight:500;font-size:clamp(.85rem,.75rem + .4vw,1.05rem);letter-spacing:.42em;padding-left:.42em}
.wm small{display:block;font:500 .55rem var(--body);letter-spacing:.3em;margin-top:.45rem}
.marq{overflow:hidden;margin-top:4.5rem;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marq .track{display:flex;gap:4.5rem;width:max-content;animation:marq 48s linear infinite;align-items:center}
.marq:hover .track{animation-play-state:paused}
.marq .lg{width:9.5rem;flex:none}
@keyframes marq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marq .track{animation:none;flex-wrap:wrap;width:auto;justify-content:center;row-gap:2rem}.marq .dup{display:none}}
@media(max-width:767px){.partners{padding-block:3rem 1.5rem}.logos{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2.5rem;column-gap:1.5rem}.marq .lg{width:7.5rem}.marq .track{gap:3rem}}

/* founder split */
.founder{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:.75rem}
.quote-card{background:var(--shell);border-radius:var(--r);padding:clamp(1.5rem,4vw,4rem) clamp(1.25rem,3vw,2rem);display:flex;flex-direction:column;justify-content:center;gap:2rem}
.quote-card blockquote{margin:0;font-size:clamp(1.15rem,1rem + .5vw,1.44rem);line-height:1.3;font-weight:400}
.person{display:flex;align-items:center;gap:1rem}
.person img{width:3rem;height:3rem;border-radius:50%;object-fit:cover;object-position:50% 15%}
.person b{display:block;font-weight:600;font-size:.875rem}
.person em{font-size:.875rem}
.img-card{position:relative;border-radius:var(--r);overflow:hidden;min-height:430px;color:#fff;display:flex;align-items:flex-end}
.img-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.img-card::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(12,12,12,.62))}
.img-card .cap{position:relative;z-index:1;display:flex;align-items:center;gap:1rem;padding:1.5rem;font-size:1.3rem;line-height:1.2}
.round{width:3.2rem;height:3.2rem;border-radius:50%;background:#fff;color:var(--brown);display:grid;place-items:center;flex:none}
@media(max-width:860px){.founder{grid-template-columns:minmax(0,1fr)}.img-card{min-height:380px}}

/* slider */
.slider{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3rem)/3.4);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:2.5rem;padding-left:max(var(--pad),calc((100vw - 1440px)/2 + var(--pad)));padding-right:var(--pad);scroll-padding-left:max(var(--pad),calc((100vw - 1440px)/2 + var(--pad)))}
.slider::-webkit-scrollbar{display:none}
.dest{position:relative;aspect-ratio:3/4.2;border-radius:var(--r);overflow:hidden;scroll-snap-align:start;color:#fff;display:flex;align-items:flex-end;max-width:100%}
.dest img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.23,1,.32,1)}
.dest:hover img{transform:scale(1.04)}
.dest::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(12,12,12,.6))}
.dest .t{position:relative;z-index:1;padding:1.5rem 2rem;display:grid;gap:.25rem}
.dest .t b{font-weight:400;font-size:1.5rem}
.dest .t span{font-size:.8rem;opacity:.85}
.dest .go{position:absolute;top:1rem;right:1rem;z-index:1;width:2.4rem;height:2.4rem;background:#fff;color:var(--brown);border-radius:50%;display:grid;place-items:center}
@media(max-width:991px){.slider{grid-auto-columns:calc((100% - 1rem)/2.25)}}
@media(max-width:600px){.slider{grid-auto-columns:88%}}
.snav{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:2rem}
.sprog{flex:1;height:3px;background:var(--pebble);border-radius:3px;overflow:hidden;max-width:28rem}
.sprog i{display:block;height:100%;background:var(--taupe);border-radius:3px;transition:width .3s}
.sbtns{display:flex;align-items:center;gap:.75rem}
.sbtns .cnt{font-size:.85rem;color:var(--muted);min-width:3.5rem;text-align:center;font-variant-numeric:tabular-nums}
.rbtn{width:3.5rem;height:3.5rem;border-radius:50%;border:1.5px solid var(--brown);background:var(--brown);color:var(--cream);cursor:pointer;display:grid;place-items:center;transition:transform .2s,background .2s,opacity .2s;box-shadow:0 8px 20px -10px rgba(30,42,58,.6)}
.rbtn.ghost{background:transparent;color:var(--brown);box-shadow:none}
.rbtn:hover:not(:disabled){transform:scale(1.06);background:var(--taupe);border-color:var(--taupe);color:#fff}
.rbtn:disabled{opacity:.3;cursor:default}
.rbtn svg{width:20px;height:14px}
.sedge{position:absolute;top:50%;transform:translateY(-50%);z-index:3}
.swrap{position:relative}
.sedge.l{left:max(1rem,calc((100vw - 1440px)/2 + 1rem))}.sedge.r{right:1rem}
@media(max-width:767px){.sedge{display:none}.rbtn{width:3.25rem;height:3.25rem}}

/* two ways */
.ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:2.5rem}
.way{position:relative;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;color:#fff;display:flex;align-items:flex-end;max-width:100%}
.way img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.23,1,.32,1)}
.way:hover img{transform:scale(1.03)}
.way::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(12,12,12,.68))}
.way .t{position:relative;z-index:1;padding:1.5rem;display:grid;gap:.6rem;max-width:34rem}
.way h3{font-size:clamp(1.8rem,1.5rem + 1vw,2.44rem)}
.way p{font-size:.875rem;opacity:.85}
@media(max-width:767px){.ways{grid-template-columns:minmax(0,1fr)}.way{aspect-ratio:4/4.2}}

/* recommendations band */
.band{background:var(--stone)}
.recs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2.5rem}
.rec{display:grid;gap:.75rem;align-content:start}
.crumb{font-size:.6875rem;color:var(--muted)}
.crumb b{font-weight:400;color:var(--brown)}
.rec .ph{aspect-ratio:3/2;border-radius:var(--r);overflow:hidden;background:var(--pebble);max-width:100%}
.rec .ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.23,1,.32,1)}
.rec:hover .ph img{transform:scale(1.04)}
.rec h3{margin-top:.5rem}
.rec p{font-size:.875rem;color:var(--muted)}
@media(max-width:860px){.recs{grid-template-columns:minmax(0,1fr)}}
.cta{background:#fff;border-radius:var(--r);margin-top:2.5rem;display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);overflow:hidden}
.cta .ph{min-height:300px;position:relative}
.cta .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cta .body{padding:2.5rem 3rem;display:grid;gap:1rem;align-content:center;justify-items:start;border-left:1px solid var(--stone)}
.cta h2{font-size:clamp(1.6rem,1.4rem + .8vw,2.2rem)}
.cta p{font-size:.875rem;max-width:36rem}
@media(max-width:767px){.cta{grid-template-columns:minmax(0,1fr)}.cta .ph{min-height:200px}.cta .body{padding:1.75rem 1.25rem;border-left:0}}

/* voices */
.voices{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:3rem;align-items:stretch;margin-top:2.5rem}
.vtext{display:flex;flex-direction:column;justify-content:center;gap:1rem;max-width:30rem}
.vtext h3{font-size:clamp(2rem,1.84rem + .67vw,2.44rem)}
.vtext .role{font-size:.6875rem}
.vtext p{font-size:.95rem;line-height:1.45;margin-top:1rem}
.varrows{display:flex;gap:.6rem;margin-top:2rem}
.varrows{align-items:center}.varrows .cnt{font-size:.85rem;color:var(--muted);margin-left:.5rem;font-variant-numeric:tabular-nums}
.vimg{border-radius:var(--r);overflow:hidden;min-height:460px;position:relative}
.vimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:860px){.voices{grid-template-columns:minmax(0,1fr)}.vimg{min-height:280px}}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:4rem}
.stat{background:#fff;border-radius:var(--r);padding:1.5rem;display:grid;gap:.6rem;align-content:start}
.stat b{font-family:var(--heading);font-weight:400;font-size:2.4rem;line-height:1}
.stat span{font-size:.85rem;color:var(--muted)}
.statshead{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;background:#fff;border-radius:var(--r);padding:1.25rem 1.5rem;margin-top:4rem}
.statshead b{font-weight:600;font-size:1rem}
.statshead + .stats{margin-top:.75rem}
@media(max-width:767px){.stats{grid-template-columns:minmax(0,1fr)}}

/* magazine */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2.5rem}
.post{display:grid;gap:.75rem;align-content:start}
.post .meta{display:flex;justify-content:space-between;font-size:.6875rem}
.post .ph{aspect-ratio:3/2;border-radius:var(--r);overflow:hidden;max-width:100%}
.post .ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.23,1,.32,1)}
.post:hover .ph img{transform:scale(1.04)}
.post h3{margin-top:.25rem}
.post p{font-size:.875rem;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:860px){.posts{grid-template-columns:minmax(0,1fr)}}

/* newsletter */
.news{background:var(--taupe);color:#f6f6f4;text-align:center}
.news .inner{max-width:40rem;margin:0 auto;display:grid;gap:1.75rem;justify-items:center}
.news h2{font-size:clamp(1.5rem,1.3rem + .8vw,2rem);line-height:1.2}
.nform{display:flex;width:100%;max-width:33rem;border-bottom:1px solid rgba(246,245,243,.55);align-items:center}
.nform input{flex:1;min-width:0;background:transparent;border:0;color:#fff;font:400 .875rem var(--body);padding:.9rem 0}
.nform input::placeholder{color:rgba(246,245,243,.6)}
.nform button{width:2.6rem;height:2.6rem;border:0;border-radius:50%;background:#fff;color:var(--espresso);display:grid;place-items:center;cursor:pointer}
.note{font-size:.75rem;opacity:.75;min-height:1em}

/* footer */
footer{background:var(--stone);overflow:hidden}
.fgrid{display:grid;grid-template-columns:1fr 1.2fr 1fr;padding-block:4rem}
.fgrid>div{padding-inline:2.5rem;border-left:1px solid var(--pebble)}
.fgrid>div:first-child{padding-left:0;border-left:0}
.fgrid h4{font-family:var(--heading);font-weight:400;font-size:1.44rem;margin:0 0 1rem}
.fgrid ul{list-style:none;margin:0 0 2rem;padding:0;display:grid;gap:.55rem;font-size:.8125rem}
.fgrid a:hover{text-decoration:underline}
.fmono{width:12rem;height:auto;margin-bottom:1.75rem}
.fgrid .addr{font-size:.8125rem;line-height:1.5}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1.5rem}
.legal{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.75rem;color:var(--muted);padding-bottom:1.5rem}
.wordmark{text-align:center;padding:2rem 0 1rem;user-select:none}
.wordmark img{width:min(100%,62rem);height:auto;margin:0 auto;opacity:.9}
@media(max-width:860px){.fgrid{grid-template-columns:minmax(0,1fr);gap:2rem}.fgrid>div{padding-inline:0;border-left:0}}
/* ===== v4: multi-page additions ===== */
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--cream);color:var(--brown);padding:.75rem 1.25rem;border-radius:0 0 12px 0}
.skip:focus{left:0}
/* fixed nav, transparent on top, solid brown after scroll */
.nav{position:fixed;transition:background .3s,box-shadow .3s,color .3s}
.nav .container{transition:height .3s}
.nav.solid{background:rgba(30,42,58,.97);box-shadow:0 10px 30px -18px rgba(0,0,0,.35)}
.nav.solid .container{height:4.25rem!important}
.nav.solid .logo img{width:9.5rem}
.nav ul a[aria-current="page"]{opacity:1;text-decoration:underline;text-underline-offset:6px}
.nav .dd{position:relative}
.nav .dd>a:after{content:"";display:inline-block;width:6px;height:6px;border-right:1.3px solid currentColor;border-bottom:1.3px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:.5rem}
.nav .sub{display:flex;visibility:hidden;opacity:0;transition:opacity .15s,visibility 0s .35s;position:absolute;top:100%;left:-1rem;min-width:15rem;padding:.6rem 0;margin-top:.4rem;background:var(--cream);color:var(--brown);border-radius:14px;box-shadow:0 20px 40px -20px rgba(30,42,58,.5);list-style:none;flex-direction:column;gap:0}
.nav .sub:before,.nav .sub2:before{content:"";position:absolute;left:0;right:0;top:-1rem;height:1rem}
.nav .sub2:before{left:-1rem;right:auto;width:1rem;top:0;bottom:0;height:auto}
.nav .dd:hover>.sub,.nav .dd:focus-within>.sub{visibility:visible;opacity:1;transition-delay:0s}
.nav .sub a{display:block;padding:.6rem 1.25rem;opacity:1;font-size:.85rem}
.nav .sub a:hover{background:var(--shell);text-decoration:none}
.nav .dd2{position:relative}
.nav .dd2>a:after{content:"";display:inline-block;width:6px;height:6px;border-right:1.3px solid currentColor;border-bottom:1.3px solid currentColor;transform:rotate(-45deg);margin-left:.6rem}
.nav .sub2{display:flex;visibility:hidden;opacity:0;transition:opacity .15s,visibility 0s .35s;position:absolute;top:0;left:100%;min-width:14rem;padding:.6rem 0;background:var(--cream);color:var(--brown);border-radius:14px;box-shadow:0 20px 40px -20px rgba(30,42,58,.5);list-style:none;flex-direction:column;gap:0}
.nav .dd2:hover>.sub2,.nav .dd2:focus-within>.sub2{visibility:visible;opacity:1;transition-delay:0s}
.nav .sub2 a{display:block;padding:.6rem 1.25rem;opacity:1;font-size:.85rem}
.nav .sub2 a:hover{background:var(--shell);text-decoration:none}
@media(max-width:991px){
  .nav .sub:before,.nav .sub2:before{display:none}
  .nav .dd2>a:after{display:none}
  .nav .sub2{visibility:visible;opacity:1;position:static;box-shadow:none;background:transparent;padding:0 0 .25rem 1rem;min-width:0}
  .nav .sub2 a{padding:.45rem 0;color:var(--muted)}
  .nav ul{top:5rem;max-height:calc(100vh - 6rem);overflow:auto}
  .nav .sub{visibility:visible;opacity:1;position:static;box-shadow:none;background:transparent;margin:0;padding:0 0 .5rem 1rem;min-width:0}
  .nav .sub a{padding:.55rem 0;border-bottom:0;color:var(--muted)}
  .nav .dd>a:after{display:none}
  .nav.solid .logo img{width:7.5rem}
  .nav:has(ul.open){background:rgba(30,42,58,.97)}
}
/* page hero (sub pages) */
.hero.page{height:62vh;min-height:440px;max-height:640px}
.hero.page h1{font-size:clamp(2.2rem,5vw,4rem);max-width:22ch}
.hero.page .wrap{max-width:62rem;padding-top:4rem}
.hero.plain{height:auto;min-height:0;padding:11rem 0 5rem;background:var(--brown)}
.hero.plain::after{display:none}
.hero.plain h1{font-size:clamp(2.2rem,5vw,3.6rem)}
.crumbs{font-size:.75rem;opacity:.8;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}
.crumbs a:hover{text-decoration:underline}
.crumbs span[aria-hidden]{opacity:.6}
/* prose */
.prose{max-width:46rem;margin-inline:auto;display:grid;gap:1.1rem;font-size:1rem;line-height:1.6}
.prose h2{margin-top:2rem;font-size:clamp(1.6rem,1.4rem + .8vw,2.1rem)}
.prose h3{margin-top:1.25rem}
.prose ul{padding-left:1.2rem;display:grid;gap:.4rem;margin:0}
.prose a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--clay)}
.prose a:hover{text-decoration-color:var(--brown)}
.prose .lead{font-family:var(--heading);font-size:clamp(1.3rem,1.1rem + .8vw,1.7rem);line-height:1.3}
.legal-page h2{font-size:1.5rem}
.todo{background:var(--stone);border-left:3px solid var(--taupe);padding:.15rem .5rem;border-radius:4px}
/* intro / split */
.intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:3rem;align-items:start}
.intro .l{display:grid;gap:1rem}
.intro .r{display:grid;gap:1.1rem;font-size:1.02rem;line-height:1.6}
.intro .r p.big{font-family:var(--heading);font-size:clamp(1.3rem,1.1rem + .8vw,1.7rem);line-height:1.3}
@media(max-width:860px){.intro{grid-template-columns:minmax(0,1fr);gap:1.5rem}}
.kicker{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
/* cards grid */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:2.5rem}
.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:#fff;border-radius:var(--r);padding:1.75rem;display:grid;gap:.7rem;align-content:start}
.card.stone{background:var(--shell)}
.card .num{font-family:var(--heading);font-size:2.2rem;line-height:1;color:#8a6f3a}
.card p{font-size:.9rem;color:var(--muted);line-height:1.5}
.card ul{margin:0;padding-left:1.1rem;font-size:.9rem;color:var(--muted);display:grid;gap:.3rem}
@media(max-width:991px){.cards,.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.cards,.cards.two,.cards.four{grid-template-columns:minmax(0,1fr)}}
/* hotel cards */
.hotels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:2rem}
.hotel{background:#fff;border-radius:var(--r);padding:1.75rem;display:grid;gap:.75rem;align-content:start}
.hotel header{display:flex;justify-content:space-between;gap:1rem;align-items:start}
.hotel h3{font-size:1.35rem}
.badge{flex:none;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.3rem .7rem;background:var(--shell);color:var(--espresso)}
.badge.soon{background:var(--pebble)}
.badge.plan{background:transparent;border:1px solid var(--pebble);color:var(--muted)}
.hotel .brand{font-size:.8rem;color:var(--muted)}
.hotel p.lead{font-size:.92rem;line-height:1.5}
.hotel dl{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0;font-size:.82rem;border-top:1px solid var(--stone);padding-top:.75rem}
.hotel dt{color:var(--muted)}
.hotel dd{margin:0}
.tags{display:flex;gap:.4rem;flex-wrap:wrap}
.tags span{font-size:.7rem;border:1px solid var(--pebble);border-radius:999px;padding:.2rem .65rem;color:var(--espresso)}
@media(max-width:860px){.hotels{grid-template-columns:minmax(0,1fr)}}
.filters{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-top:1.5rem}
.chip{border:1.5px solid var(--pebble);background:transparent;color:var(--brown);border-radius:999px;padding:.55rem 1.1rem;font:500 .8rem var(--body);cursor:pointer;transition:background .2s,color .2s}
.chip:hover,.chip[aria-pressed="true"]{background:var(--brown);color:var(--cream);border-color:var(--brown)}
.fine{font-size:.75rem;color:var(--muted);line-height:1.5;margin-top:1.25rem}
/* steps / timeline */
.steps{display:grid;gap:0;margin-top:2.5rem;counter-reset:s}
.step{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:1.5rem;padding:1.5rem 0;border-top:1px solid var(--pebble)}
.step:last-child{border-bottom:1px solid var(--pebble)}
.step .n{font-family:var(--heading);font-size:2rem;color:#8a6f3a;line-height:1}
.step p{font-size:.92rem;color:var(--muted);margin-top:.4rem;max-width:44rem;line-height:1.5}
.tl{display:grid;gap:0;margin-top:2.5rem}
.tl .row{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:1.5rem;padding:1.1rem 0;border-top:1px solid var(--pebble)}
.tl .row:last-child{border-bottom:1px solid var(--pebble)}
.tl .y{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}
.tl b{font-weight:500}
.tl p{font-size:.88rem;color:var(--muted);margin-top:.2rem;line-height:1.45}
@media(max-width:640px){.step{grid-template-columns:3rem minmax(0,1fr);gap:1rem}.tl .row{grid-template-columns:minmax(0,1fr);gap:.2rem}}
/* faq */
.faq{max-width:46rem;margin:2.5rem auto 0;display:grid;gap:.5rem}
.faq details{background:#fff;border-radius:14px;padding:0 1.5rem}
.faq summary{cursor:pointer;list-style:none;padding:1.15rem 0;font-weight:500;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font-size:1.4rem;line-height:1;color:var(--clay);transition:transform .2s}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{padding-bottom:1.25rem;font-size:.92rem;color:var(--muted);line-height:1.55}
/* senses */
.senses{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin-top:2.5rem}
.sense{background:var(--shell);border-radius:var(--r);padding:1.4rem 1.1rem;display:grid;gap:.4rem;align-content:start}
.sense b{font-family:var(--heading);font-weight:400;font-size:1.3rem}
.sense span{font-size:.82rem;color:var(--muted);line-height:1.45}
@media(max-width:991px){.senses{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.senses{grid-template-columns:minmax(0,1fr)}}
/* forms */
.formwrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3rem;align-items:start}
@media(max-width:900px){.formwrap{grid-template-columns:minmax(0,1fr);gap:2rem}}
.form{background:#fff;border-radius:var(--r);padding:clamp(1.25rem,3vw,2.5rem);display:grid;gap:1.1rem}
.field{display:grid;gap:.4rem}
.field label{font-size:.8rem;font-weight:500}
.field input,.field select,.field textarea{font:400 .95rem var(--body);color:var(--brown);background:var(--cream);border:1.5px solid var(--pebble);border-radius:12px;padding:.85rem 1rem;width:100%;transition:border-color .2s}
.field textarea{min-height:9rem;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--taupe)}
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-color:#a3402a}
.field .err{font-size:.75rem;color:#a3402a;min-height:0}
.row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
@media(max-width:600px){.row2{grid-template-columns:minmax(0,1fr)}}
.check{display:flex;gap:.7rem;align-items:flex-start;font-size:.8rem;line-height:1.45;color:var(--muted)}
.check input{margin-top:.2rem;width:1.1rem;height:1.1rem;accent-color:var(--taupe);flex:none}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.status{border-radius:12px;padding:.9rem 1.1rem;font-size:.88rem;line-height:1.45}
.status.ok{background:#e9efe2;color:#33452a}
.status.bad{background:#f3e4e0;color:#7a2f1c}
.cinfo{display:grid;gap:1.25rem;font-size:.95rem}
.cinfo h3{font-size:1.2rem;margin-bottom:.25rem}
.cinfo a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--clay)}
.news .nform.wide{max-width:36rem}
.news .consent{font-size:.72rem;opacity:.8;max-width:34rem;line-height:1.45}
.news .consent a{text-decoration:underline}
.news .status{background:rgba(255,255,255,.14);color:#fff}
.news .status.bad{background:rgba(163,64,42,.45)}
.pb:disabled{opacity:.6;cursor:wait}
.pb.big{font-size:1rem;padding-left:1.7rem}
.pb.ghostbtn{--bg:transparent;--fg:var(--brown);border:1.5px solid var(--brown);box-shadow:none}
.pb.ghostbtn .a{background:var(--brown);color:var(--cream)}
/* region teaser grid on overview */
.regions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:2.5rem}
.regions>.dest{aspect-ratio:auto;height:clamp(20rem,30vw,28rem)}
@media(max-width:860px){.regions{grid-template-columns:minmax(0,1fr)}.regions>.dest{height:auto;aspect-ratio:4/3}.dsubs{grid-template-columns:minmax(0,1fr)}.dsub{aspect-ratio:4/3}}
/* article */
.article-meta{display:flex;gap:1rem;justify-content:center;font-size:.8rem;opacity:.85}
.share{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-top:2rem;font-size:.85rem}
.notice{background:var(--shell);border-radius:var(--r);padding:1.25rem 1.5rem;display:grid;gap:.4rem;font-size:.88rem;line-height:1.5;margin-top:2rem}
.notice b{font-weight:600}
.notice a{text-decoration:underline;text-underline-offset:3px}
/* logo strip (own row, static) */
.mini-logos{display:flex;flex-wrap:wrap;gap:2rem 3rem;justify-content:center;align-items:center;margin-top:2rem}
.mini-logos .lg{width:9rem}
/* cookie-free note */
.bar-note{font-size:.75rem;color:var(--muted)}
/* back to top */
.totop{position:fixed;right:1rem;bottom:1rem;z-index:15;width:3rem;height:3rem;border-radius:50%;border:0;background:var(--brown);color:var(--cream);display:grid;place-items:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s;box-shadow:0 8px 20px -10px rgba(30,42,58,.6)}
.totop.show{opacity:1;pointer-events:auto}
@media print{.nav,.totop,.news,.wordmark{display:none}.hero{height:auto;min-height:0;padding:3rem 0}}
.wm small{color:var(--muted)}
.band .wm{color:var(--muted)}.band .lg{background:var(--muted)}

/* v5: numbered labels, field cards, proof list, career band, flow, press facts, language switch */
.num-k{display:inline-flex;align-items:center;gap:.75rem;font-weight:500;color:var(--muted)}

.center .num-k,.sec>.container.center .num-k{justify-content:center}
.fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin-top:2.5rem}
.fields.big{margin:3rem 0}
.field-card{background:#fff;border-radius:var(--r);padding:1.5rem 1.25rem 1.75rem;display:grid;gap:.75rem;align-content:start;min-height:15rem;transition:background .2s,color .2s}
.field-card .num{font-family:var(--heading);font-size:2.6rem;line-height:1;color:#8a6f3a;letter-spacing:-.04em;transition:color .2s}
.field-card b{font-family:var(--heading);font-weight:500;font-size:1.25rem;line-height:1.15;letter-spacing:-.02em}
.field-card span:last-child{font-size:.85rem;color:var(--muted);line-height:1.5}
.field-card:hover{background:var(--taupe);color:#fff}
.field-card:hover span:last-child,.field-card:hover .num{color:#f6f5f3}
@media(max-width:1100px){.fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.fields{grid-template-columns:minmax(0,1fr)}.field-card{min-height:0}}
.cards.lb{margin-top:3rem}
.cards.lb .card{background:#fff}
.belege-stats{margin-top:2.5rem}
.belege-stats .stat{background:#fff;padding:1.5rem;border-radius:var(--r);display:grid;gap:.6rem;align-content:start}
.checks{list-style:none;margin:2.5rem auto 0;padding:0;max-width:46rem;display:grid;gap:0}
.checks li{padding:.9rem 0 .9rem 2rem;border-top:1px solid var(--stone);position:relative;font-size:.95rem}
.checks li:last-child{border-bottom:1px solid var(--stone)}
.checks li::before{content:"";position:absolute;left:0;top:1.35rem;width:1rem;height:1px;background:var(--taupe)}
.career-band{padding-block:3rem}
.career{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;background:var(--taupe);color:#fff;border-radius:var(--r);padding:2.5rem 3rem}
.career h2{margin:.6rem 0 .8rem}
.career p{max-width:40rem;font-size:.95rem;line-height:1.6;color:#f6f5f3}
.career .kicker,.career .num-k{color:#f6f5f3}
@media(max-width:860px){.career{grid-template-columns:minmax(0,1fr);padding:1.75rem 1.25rem}}
.flow{list-style:none;margin:0 0 3rem;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.flow li{background:#fff;border-radius:var(--r);padding:1.25rem 1.5rem;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}
.flow b{font-family:var(--heading);font-size:2rem;line-height:1;color:var(--sand)}
.flow i{display:block;font-style:normal;font-weight:600;margin-bottom:.2rem}
.flow span{font-size:.9rem;color:var(--muted)}
.flow span i{color:var(--brown)}
@media(max-width:860px){.flow{grid-template-columns:minmax(0,1fr)}}
.facts-table{margin-top:3rem;background:#fff;border-radius:var(--r);padding:1rem 2rem}
.facts-table dl{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);margin:0}
.facts-table dt,.facts-table dd{margin:0;padding:1rem 0;border-top:1px solid var(--stone)}
.facts-table dt:first-of-type,.facts-table dt:first-of-type+dd{border-top:0}
.facts-table dt{font-weight:600;font-size:.85rem;color:var(--muted)}
@media(max-width:700px){.facts-table dl{grid-template-columns:minmax(0,1fr)}.facts-table dd{border-top:0;padding-top:0}}
.langsw{font-size:.75rem;letter-spacing:.14em;font-weight:500;padding:.4rem .6rem;border:1px solid currentColor;border-radius:99px;opacity:.9}
.langsw:hover{opacity:1}

/* v5.1: compact partner carousel */
.partners.compact{padding-block:2.5rem 1rem;max-width:none}
.partners.compact .eyebrow{margin-bottom:1.25rem}
.pmarq{margin-top:0}
.pmarq .track{gap:4rem}
.pmarq .pitem{display:flex;align-items:center;flex:none;width:8.5rem;justify-content:center}
.pmarq .pitem .lg{width:100%}
.pmarq .pitem .wm.oo{font-size:1.2rem}
.pmarq .pitem .wm.kz{font-size:.8rem}
.pmarq .track{animation-duration:40s}
@media(max-width:767px){.pmarq .pitem{width:6.5rem}.pmarq .track{gap:2.5rem}}
.partners.compact{margin-bottom:3rem}
.marq.stations .lg{height:calc(var(--h,3.4rem)*.62);width:7rem}
.marq.stations .track{gap:3.5rem}

/* agency additions */
.mandate{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:.75rem;align-items:stretch}
.mandate .ph{border-radius:var(--r);overflow:hidden;min-height:440px;position:relative;display:block}
.mandate .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mandate .tx{background:#fff;border-radius:var(--r);padding:clamp(1.5rem,4vw,3.5rem);display:grid;gap:1.1rem;align-content:center;justify-items:start}
.mandate .tx p{color:var(--muted);line-height:1.6}
.mandate .acts{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}
@media(max-width:860px){.mandate{grid-template-columns:minmax(0,1fr)}.mandate .ph{min-height:300px}}
.person-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:.75rem}
.person-card .ph{border-radius:var(--r);overflow:hidden;min-height:440px;position:relative}
.person-card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.person-card .tx{background:var(--shell);border-radius:var(--r);padding:clamp(1.5rem,4vw,3.5rem);display:grid;gap:1.1rem;align-content:center;justify-items:start}
.person-card .tx h3{font-size:clamp(1.6rem,1.2rem + 1.2vw,2.2rem)}
.person-card .tx .role{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.person-card .tx p{line-height:1.6;color:var(--muted)}
@media(max-width:860px){.person-card{grid-template-columns:minmax(0,1fr)}.person-card .ph{min-height:360px}}
.quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:2.5rem}
.quotes blockquote{margin:0;background:#fff;border-radius:var(--r);padding:clamp(1.5rem,3vw,2.5rem);font-family:var(--heading);font-size:clamp(1.25rem,1.05rem + .8vw,1.7rem);line-height:1.25;letter-spacing:-.02em}
.quotes cite{display:block;margin-top:1rem;font:500 .8rem var(--body);letter-spacing:.04em;color:var(--muted);font-style:normal}
@media(max-width:760px){.quotes{grid-template-columns:minmax(0,1fr)}}
.plain-sec p{line-height:1.65;margin:0 0 1.1rem;color:var(--muted);font-size:1.02rem;max-width:46rem}
.card .kicker{display:block;margin-bottom:.2rem}

.hero.abstract{background:linear-gradient(135deg,var(--brown) 0%,var(--brown) 55%,color-mix(in srgb,var(--brown) 82%,#fff) 100%);color:#fff}
.hero.abstract::after{display:none}
.hero.abstract .hero-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1;color:#c8ab6e}
.hero.abstract .wrap{text-shadow:none}
.hero.abstract h1{opacity:1}

/* home hero: Foto mit Marine-Verlauf fuer gute Lesbarkeit */
.hero.fjord{color:#fff}
.hero.fjord::after{background:linear-gradient(180deg,rgba(30,42,58,.52) 0%,rgba(30,42,58,.38) 38%,rgba(30,42,58,.46) 70%,rgba(30,42,58,.78) 100%),radial-gradient(ellipse 62% 58% at 50% 46%,rgba(30,42,58,.40),rgba(30,42,58,0) 70%)}
.hero.fjord .wrap{text-shadow:0 1px 3px rgba(0,0,0,.35),0 2px 30px rgba(0,0,0,.5)}
@media(max-width:760px){.hero.fjord::after{background:linear-gradient(180deg,rgba(30,42,58,.68),rgba(30,42,58,.58) 60%,rgba(30,42,58,.78))}}

.dgroup{grid-column:1/-1}
.dgd>summary{width:100%;list-style:none;cursor:pointer;height:clamp(20rem,30vw,28rem);border-radius:var(--r)}
.dgd>summary::-webkit-details-marker{display:none}
.dgd>summary:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.dgd>summary .t{max-width:46rem}
.dgd .tog{position:absolute;top:1rem;right:1rem;z-index:1;background:#fff;color:var(--brown);border-radius:99px;padding:0 1.1rem;height:2.4rem;line-height:2.4rem;font-size:.8rem;opacity:1}
.dgd .tog:after{content:"+";margin-left:.6rem;font-size:1.1rem}
.dgd[open] .tog:after{content:"\2212"}
.dgd[open]>summary{border-bottom-left-radius:0;border-bottom-right-radius:0;height:clamp(14rem,20vw,18rem)}
.dsubs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.75rem}
.dsub{position:relative;aspect-ratio:3/4;border-radius:var(--r);overflow:hidden;color:#fff;display:flex;align-items:flex-end}
.dsub img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.23,1,.32,1)}
.dsub:hover img{transform:scale(1.04)}
.dsub::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(12,12,12,.65))}
.dsub .t{position:relative;z-index:1;padding:1.2rem 1.5rem;display:grid;gap:.25rem}
.dsub .t b{font-weight:400;font-size:1.3rem}
.dsub .t span{font-size:.8rem;opacity:.9}
.dsub .go{position:absolute;top:1rem;right:1rem;z-index:1;width:2.4rem;height:2.4rem;background:#fff;color:var(--brown);border-radius:50%;display:grid;place-items:center}
/* Navigation, dritte Ebene */
.nav .dd3{position:relative}
.nav .dd3>a:after{content:"";display:inline-block;width:6px;height:6px;border-right:1.3px solid currentColor;border-bottom:1.3px solid currentColor;transform:rotate(-45deg);margin-left:.6rem}
.nav .sub3{display:flex;visibility:hidden;opacity:0;transition:opacity .15s,visibility 0s .35s;position:absolute;top:0;left:100%;min-width:15rem;padding:.6rem 0;background:var(--cream);color:var(--brown);border-radius:14px;box-shadow:0 20px 40px -20px rgba(30,42,58,.5);list-style:none;flex-direction:column;gap:0}
.nav .sub3:before{content:"";position:absolute;left:-1rem;top:0;bottom:0;width:1rem}
.nav .dd3:hover>.sub3,.nav .dd3:focus-within>.sub3{visibility:visible;opacity:1;transition-delay:0s}
.nav .sub3 a{display:block;padding:.6rem 1.25rem;opacity:1;font-size:.85rem}
.nav .sub3 a:hover{background:var(--shell);text-decoration:none}
@media(max-width:991px){.nav .dd3>a:after,.nav .sub3:before{display:none}.nav .sub3{visibility:visible;opacity:1;position:static;box-shadow:none;background:transparent;padding:0 0 .25rem 1rem;min-width:0}.nav .sub3 a{padding:.45rem 0;color:var(--muted)}}/* Hero Startseite: ruhiger, links unten (Hero-Baukasten, Layout 1) */
.hero.fjord{align-items:flex-end;justify-content:flex-start;padding:0 0 clamp(2.5rem,6vw,4.5rem)}
.hero.fjord::after{background:linear-gradient(0deg,rgba(30,42,58,.82) 0%,rgba(30,42,58,.55) 32%,rgba(30,42,58,.12) 62%,rgba(30,42,58,.25) 100%)}
.hero.fjord .wrap{align-items:flex-start;text-align:left;gap:1.1rem;width:100%;max-width:1440px;margin:0 auto;padding:0 max(var(--pad),env(safe-area-inset-left,0px))}
.hero.fjord h1{font-size:clamp(1.8rem,3.2vw,2.9rem);line-height:1.12;max-width:26ch;letter-spacing:-.02em;font-weight:500}
.hero.fjord p{font-size:clamp(.95rem,.9rem + .2vw,1.1rem);max-width:38rem;font-weight:400;text-wrap:pretty}
.hero.fjord .rating{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.hero.fjord .pb{margin-top:.4rem}
@media(max-width:760px){.hero.fjord{height:86vh}.hero.fjord::after{background:linear-gradient(0deg,rgba(30,42,58,.88) 0%,rgba(30,42,58,.6) 45%,rgba(30,42,58,.2) 100%)}}
.hero.fjord h1{font-size:clamp(2.2rem,4.4vw,3.8rem);max-width:20ch;line-height:1.06}
.hero.fjord p.lead{font-size:clamp(1.1rem,1rem + .5vw,1.45rem);font-weight:500;max-width:40rem;margin-top:.2rem}
.hero.fjord p:not(.lead){font-size:clamp(.9rem,.85rem + .15vw,1rem);opacity:.9}
/* Hero-Karussell: ruhiges Überblenden */
.hero.fjord .slides{position:absolute;inset:0;z-index:-2}
.hero.fjord .slides img{opacity:0;transition:opacity 1.6s ease;z-index:0}
.hero.fjord .slides img.on{opacity:1;z-index:1}
@media(prefers-reduced-motion:reduce){.hero.fjord .slides img{transition:none}}
/* Hero: Überschrift mitte links, Texte unten verteilt */
.hero.fjord{align-items:stretch}
.hero.fjord .wrap{display:grid;grid-template-columns:1fr 1.25fr 1fr;grid-template-rows:1fr auto;grid-template-areas:"h h h" "bl lead br";align-items:end;column-gap:clamp(1.5rem,4vw,4rem);row-gap:1rem;height:100%;padding-top:6.5rem;padding-bottom:clamp(2rem,4.5vw,3.5rem)}
.hero.fjord h1{grid-area:h;align-self:center;font-size:clamp(2.4rem,4.6vw,4.2rem);max-width:none}
.hero.fjord p.lead{grid-area:lead;text-align:center;margin:0 auto;font-size:clamp(1rem,.9rem + .4vw,1.3rem)}
.hero.fjord p.bl{grid-area:bl;text-align:left}
.hero.fjord p.br{grid-area:br;text-align:right;justify-self:end}
.hero.fjord p.bl,.hero.fjord p.br{font-size:clamp(.88rem,.85rem + .15vw,1rem);max-width:22rem;opacity:.92}
.hero.fjord::after{background:linear-gradient(90deg,rgba(30,42,58,.5) 0%,rgba(30,42,58,0) 55%),linear-gradient(0deg,rgba(30,42,58,.82) 0%,rgba(30,42,58,.5) 24%,rgba(30,42,58,0) 52%)}
@media(max-width:860px){.hero.fjord .wrap{grid-template-columns:1fr;grid-template-areas:"h" "lead" "bl" "br"}.hero.fjord p.lead{text-align:left;margin:0}.hero.fjord p.br{text-align:left;justify-self:start}.hero.fjord h1{align-self:end}.hero.fjord .wrap{grid-template-rows:1fr auto auto auto}}
/* Hero: größere Schrift (Wunsch 23.10.) */
.hero.fjord h1{font-size:clamp(2.8rem,6vw,5.4rem);line-height:1.04}
.hero.fjord p.lead{font-size:clamp(1.25rem,1rem + 1vw,1.9rem);line-height:1.25;max-width:46rem;font-weight:500}
.hero.fjord .wrap{grid-template-columns:.9fr 2.2fr .9fr}
@media(max-width:860px){.hero.fjord h1{font-size:clamp(2.4rem,9vw,3.4rem)}.hero.fjord p.lead{font-size:1.2rem}}

.hero.fjord p.lead{font-size:clamp(1.7rem,1rem + 2vw,3.1rem);line-height:1.15;max-width:none;text-wrap:balance}
.hero.fjord .wrap{grid-template-columns:.85fr 2.3fr .85fr}
@media(max-width:860px){.hero.fjord p.lead{font-size:clamp(1.5rem,6vw,2rem)}}
@media(min-width:861px){.hero.fjord p.lead{white-space:nowrap;font-size:clamp(1.7rem,.9rem + 1.8vw,2.9rem)}}
@media(max-width:860px){.hero.fjord .wrap{grid-template-columns:minmax(0,1fr)}.hero.fjord p.lead br{display:none}}
/* Fassung 2: Hotel-Unterzeile, Destinationstext, Hero-Mittelsatz */
.hotel .sub{font-weight:600;font-size:1.02rem;margin:.1rem 0 .5rem}
.rsd-in{max-width:46rem;margin:0 auto}
.rsd-in h2{margin-bottom:.4rem}.rsd-in .sub{font-size:1.2rem;color:var(--muted);margin-bottom:1.5rem}
.rsd-in h3.caps{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin:2.2rem 0 .5rem}
.rsd-in p{margin-bottom:.9rem}
@media(min-width:861px){.hero.fjord p.lead{white-space:normal;font-size:clamp(1.4rem,.9rem + 1.2vw,2.2rem);line-height:1.22;max-width:40rem;text-wrap:balance}}
@media(max-width:860px){.hero.fjord p.lead{font-size:clamp(1.25rem,5vw,1.6rem)}}
.rsg-sec{padding:clamp(2.5rem,5vw,4.5rem) 0 0}
.rsg-link{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1.5rem 3rem;align-items:center;background:var(--taupe);color:#faf9f7;text-decoration:none;border-radius:1.25rem;padding:clamp(1.75rem,4vw,3rem)}
.rsg-link .t{display:block;font:500 clamp(1.5rem,1.1rem + 1.2vw,2.2rem)/1.15 var(--heading)}
.rsg-link .s{display:block;margin-top:.75rem;opacity:.88;max-width:34rem}
.rsg-link .b{justify-self:end;display:inline-flex;align-items:center;gap:.7rem;background:#fff;color:var(--espresso);border-radius:999px;padding:1rem 1.5rem;font-weight:600}
.rsg-link:hover .b,.rsg-link:focus-visible .b{box-shadow:0 0 0 3px rgba(255,255,255,.35)}
.rsg-link .arrow{width:.9rem;height:.9rem}
@media(max-width:860px){.rsg-link{grid-template-columns:minmax(0,1fr)}.rsg-link .b{justify-self:start}}
.logo img,.nav.solid .logo img{width:auto;height:3.7rem}
.nav.solid .logo img{height:3rem}
@media(max-width:767px){.logo img{width:auto;height:2.8rem}.nav.solid .logo img{width:auto;height:2.5rem}}
.fmono{width:auto;height:8.5rem}
:root{--cream:#f3f4f6;--shell:#e8eaee;--stone:#dde0e5;--pebble:#c9ced6;--sand:#b4bac4;--clay:#8a919d;--brown:#1e2a3a;--espresso:#1e2a3a;--taupe:#1e2a3a;--muted:#4f5762;--mid:#666c74}