
.dcl-alpine{--ice:#edf4f7;--blue:#153d56;--deep:#102a3d;--pink:#5da7bf;position:relative;isolation:isolate;background:#d9e6ed;color:var(--deep)}
.alpine-scene{position:sticky;top:0;height:100svh;margin-bottom:-100svh;overflow:hidden;z-index:0;pointer-events:none}
.alpine-panorama{position:absolute;inset:-3%;background:url('koenigssee-panorama.webp') center 55%/cover no-repeat;transform:translate3d(0,var(--alpine-y,0px),0) scale(var(--alpine-scale,1.22));will-change:transform}
.alpine-haze{position:absolute;inset:0;background:linear-gradient(180deg,#b6cfdf22,#d9e8ef22 45%,#09253855)}
.alpine-location{position:absolute;bottom:28px;right:5%;font:9px Objective,sans-serif;letter-spacing:.16em;color:#e8f3f9}
.dcl-alpine>.dcl-opening,.dcl-alpine>.case-body{position:relative;z-index:1}
.dcl-alpine .dcl-opening{background:transparent;padding:30px 5% 70px}
.dcl-alpine .back-top{color:var(--deep)}
.alpine-opening-label{display:flex;justify-content:space-between;gap:25px;margin-top:35px;font:10px Objective,sans-serif;letter-spacing:.13em}
.alpine-opening-title{font:400 clamp(80px,10vw,150px)/.9 Wesley,sans-serif;letter-spacing:.01em;margin:65px 0 0;color:#153d56;text-transform:lowercase;max-width:800px}
.alpine-opening-caption{margin:35px 0 0;font:9px Objective,sans-serif;letter-spacing:.12em;color:#153d56}
.dcl-alpine .dcl-header-image{margin:240px auto 0;width:88%;box-shadow:0 30px 80px #09253825}
.dcl-alpine .dcl-intro{background:#edf4f7ed;padding:70px 6%;margin-top:0;gap:9%;border-bottom:1px solid #153d5633}
.dcl-alpine .dcl-intro h1{color:var(--deep);margin-top:45px}
.dcl-alpine .case-info strong,.dcl-alpine .story-kicker{color:#2f627d}
.dcl-alpine .pill{color:inherit;border-color:#153d5666;background:transparent}
.dcl-alpine .case-body{padding:0;max-width:none}
.dcl-alpine .story-section{background:#eaf2f5e8;padding-inline:7%;color:var(--deep)}
.dcl-alpine .dcl-film-section{padding:100px 5% 80px!important;background:linear-gradient(180deg,#edf4f7f0,#d8e6efad 55%,#cfdee8b8)}
.dcl-alpine .dcl-film-heading{padding:0 2%;margin-bottom:50px}
.dcl-alpine .story-title,.dcl-alpine .story-statement{color:var(--deep)}
.dcl-alpine .dcl-film-heading>p{color:#21475d}
.dcl-alpine .story-video{background:transparent;box-shadow:none;border:0;isolation:isolate;overflow:hidden}
.dcl-alpine .film-poster{background:transparent;isolation:isolate}
.dcl-alpine .film-poster:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#d8e6efc9,transparent 16%,transparent 84%,#d8e6ef80),linear-gradient(90deg,#d8e6ef99,transparent 8%,transparent 92%,#d8e6ef99);z-index:1}
.dcl-alpine .film-poster>img{filter:saturate(.85);transition:transform .8s,filter .5s}
.dcl-alpine .film-poster:hover>img{transform:scale(1.025);filter:saturate(1)}
.dcl-alpine .film-play{width:88px;height:88px;border:1px solid #eef8ffbb;background:#173c52c9;backdrop-filter:blur(10px);color:#edf8ff;z-index:3;font-size:35px}
.dcl-alpine .film-poster-label{z-index:3;background:#eaf3f5e6;color:#153d56;left:4%;bottom:5%;padding:14px 18px;font-size:10px}
.dcl-alpine .video-fallback{display:inline-block;margin:22px 2% 0;font-size:10px;letter-spacing:.12em;color:#21475d}
.dcl-alpine .story-video:has(iframe){background:#071620}
.dcl-alpine .dcl-stills{background:#eef5f8e6;padding-block:90px}
.dcl-alpine .legacy-gallery{gap:22px}
.dcl-alpine .story-section--process{background:#b8cdddF0;padding-block:100px!important}
.dcl-alpine .story-chapters article{border-color:#153d5644}
.dcl-alpine .story-chapters p{color:#21475d;opacity:1}
.dcl-alpine .story-num{filter:brightness(0) saturate(100%) invert(25%) sepia(20%) saturate(1300%) hue-rotate(160deg);opacity:.5}
.dcl-alpine .bts-hero{background:#102a3d;color:#f0f7fa;padding-inline:5%}
.dcl-alpine .bts-hero .story-kicker{color:#b8d8e8}
.dcl-alpine .bts-hero .story-statement{color:#f2f8fc}
.dcl-alpine .bts-hero .story-statement em{color:#a6d6e4}
.dcl-alpine .bts-editorial{background:#e8f1f5f0}
.dcl-alpine .bts-editorial.story-section--dark{background:#bfd2dfed}
.dcl-alpine .bts-copy p{color:#21475d}
.dcl-alpine .bts-copy h3{color:#153d56}
.dcl-alpine .bts-media{box-shadow:none;border:0;background:#c2d6e3}
.dcl-alpine .bts-tiles figcaption{color:#21475d}
.dcl-alpine .case-back{margin:0;padding:55px 7% 80px;background:#edf4f7ed}
@media(max-width:750px){
.alpine-opening-label{font-size:8px;gap:20px;margin-top:25px}.alpine-opening-label>span:last-child{text-align:right}
.alpine-opening-title{font-size:clamp(65px,16vw,110px);margin-top:60px}
.alpine-opening-caption{font-size:8px;max-width:220px;line-height:1.8}
.dcl-alpine .dcl-opening{padding:25px 5% 45px}
.dcl-alpine .dcl-header-image{margin-top:170px;width:100%}
.dcl-alpine .dcl-intro{padding:40px 6%}
.dcl-alpine .dcl-film-section{padding:70px 5% 55px!important}
.dcl-alpine .dcl-film-heading{padding:0;margin-bottom:30px}
.dcl-alpine .film-play{width:54px;height:54px;font-size:25px}
.dcl-alpine .film-poster-label{font-size:8px;padding:8px 10px;left:3%;bottom:5%}
.dcl-alpine .story-section{padding-inline:6%}
.dcl-alpine .story-section--process{padding-block:65px!important}
.dcl-alpine .dcl-stills{padding-block:65px}
.alpine-location{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.alpine-panorama{transform:none;will-change:auto}.dcl-alpine .film-poster>img{transition:none}.dcl-alpine .film-poster:hover>img{transform:none}}

.dcl-alpine .story-num,.dcl-alpine .wesley-glyph{filter:brightness(0) saturate(100%) invert(21%) sepia(20%) saturate(1300%) hue-rotate(160deg)!important}.dcl-alpine .bts-hero .wesley-glyph{filter:brightness(0) invert(1)!important}.dcl-alpine .bts-media video{background:#143147}.dcl-alpine .bts-editorial .bts-media{background:#143147!important}

/* V7.33: landscape opening without a redundant header still, followed by a clear role statement. */
.dcl-alpine .dcl-intro{margin-top:240px}
.dcl-role-panel{position:relative;z-index:1;background:#153d56;color:#edf4f7;padding:90px 7%}
.dcl-alpine .dcl-role-panel .story-kicker{color:#b8d8e8}
.dcl-alpine .dcl-role-panel .story-title{color:#edf4f7;font-size:clamp(58px,7vw,105px);max-width:900px;margin:35px 0 55px}
.dcl-role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.dcl-role-grid article{border-top:1px solid #b8d8e877;padding-top:22px}
.dcl-role-grid article>span{font:12px Objective,sans-serif;letter-spacing:.1em;color:#b8d8e8}
.dcl-role-grid h3{font:400 clamp(24px,2.5vw,40px)/1.1 Wesley,sans-serif;margin:22px 0;text-transform:lowercase}
.dcl-role-grid p{font:13px/1.9 Objective,sans-serif;color:#dce9f0;max-width:300px}
@media(max-width:900px){.dcl-role-grid{grid-template-columns:1fr 1fr;gap:35px}.dcl-role-panel{padding:75px 6%}}
@media(max-width:750px){.dcl-alpine .dcl-intro{margin-top:170px}.dcl-alpine .dcl-role-panel .story-title{font-size:clamp(50px,12vw,75px)}.dcl-role-grid h3{font-size:30px}}
@media(max-width:420px){.dcl-role-grid{grid-template-columns:1fr}}
