.cinema-page{background:#fff}.cinema-versions{height:38px;background:#111;color:#bdbdbd;display:flex;align-items:center;justify-content:center;gap:28px;font-size:12px}.cinema-versions [aria-current]{color:var(--gold)}.cinema-page header{position:absolute;top:0;left:0;width:100%;height:112px;background:transparent;backdrop-filter:none;border:0;color:white;padding:15px 5%;z-index:10}.cinema-page header .brand{background:white;padding:5px;border-radius:3px}.cinema-page header .brand img{width:67px;height:67px}.cinema-page header nav a{text-shadow:0 1px 8px #000}.cinema-page .header-contact{border-color:#ffffff70;background:#ffffff12;color:white;backdrop-filter:blur(8px)}.cinema-page header a:focus-visible,.cinema-hero a:focus-visible,.cinema-hero button:focus-visible{outline-color:var(--gold)}.cinema-hero{position:relative;min-height:740px;height:100svh;max-height:1150px;isolation:isolate;overflow:hidden;background:#1b2331;color:white;display:flex;align-items:flex-end}.cinema-scene{position:absolute;inset:0;z-index:-3;transform-origin:58% 48%}.cinema-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 51%;display:block}#house-on{opacity:0}.cinema-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#0005 0%,transparent 30%,#0001 43%,#0008 80%,#000b 100%),linear-gradient(90deg,#0006 0%,transparent 75%)}.cinema-copy{padding:170px 8% 156px;width:100%;max-width:1100px}.cinema-copy .eyebrow{color:#f2ead0;font-size:12px;letter-spacing:2px;margin-bottom:24px}.cinema-copy h1{font-size:clamp(54px,5.5vw,88px);line-height:1.04;letter-spacing:-.05em;margin-bottom:24px;font-weight:550}.cinema-copy>p:not(.eyebrow){font-size:19px;color:#e2e2e2;line-height:1.65;margin:0}.cinema-copy .actions{justify-content:flex-start;margin-top:30px}.cinema-copy .outline{background:#ffffff15;border-color:#ffffff90;color:white;backdrop-filter:blur(8px)}.cinema-copy .button{min-width:185px}.cinema-copy .button:hover{box-shadow:0 6px 28px #0003}.cinema-bottom{position:absolute;left:8%;right:5%;bottom:62px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px}.cinema-bottom>a{display:flex;gap:20px;align-items:center}.cinema-bottom>a span{color:var(--gold);font-size:22px}.cinema-controls{display:flex;gap:12px}.cinema-controls button{cursor:pointer;font:inherit;font-size:12px;padding:9px 14px;color:white;border:1px solid #ffffff50;background:#1117;border-radius:3px;backdrop-filter:blur(8px)}.cinema-controls button:hover{border-color:var(--gold)}.cinema-caption{position:absolute;bottom:16px;left:8%;font-size:12px;color:#ccc;margin:0}.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}.cinema-page #mobile-nav{position:absolute;top:112px;width:100%;background:white;color:#111;z-index:11}.cinema-page .search-section{scroll-margin-top:20px}@media(max-width:1000px){.cinema-copy{padding-left:6%;padding-right:6%}.cinema-bottom,.cinema-caption{left:6%}.cinema-page header nav{gap:20px}}@media(max-width:700px){.cinema-versions{height:34px}.cinema-page header{top:0;height:98px;padding:12px 6%}.cinema-page header .brand img{width:57px;height:57px}.cinema-page .menu{color:white}.cinema-hero{height:100svh;min-height:720px;max-height:none}.cinema-scene img{object-position:58% 50%}.cinema-scene{transform-origin:58% 50%}.cinema-copy{padding:195px 6% 155px}.cinema-copy h1{font-size:clamp(42px,10.5vw,65px);margin-bottom:20px}.cinema-copy .eyebrow{font-size:10px;letter-spacing:1.5px;max-width:270px}.cinema-copy>p:not(.eyebrow){font-size:16px}.cinema-copy .actions{gap:10px}.cinema-copy .button{font-size:13px;min-width:0;padding:13px 17px}.cinema-bottom{left:6%;right:6%;bottom:53px;align-items:flex-start;flex-direction:column;gap:16px}.cinema-bottom>a{font-size:12px}.cinema-controls{gap:10px}.cinema-controls button{padding:7px 10px;font-size:12px}.cinema-caption{left:6%;right:6%;bottom:15px;font-size:11px}.cinema-shade{background:linear-gradient(180deg,#0005,transparent 25%,#0005 45%,#000b 100%)}.cinema-page .section{padding-top:85px}}@media(prefers-reduced-motion:reduce){.cinema-page *{scroll-behavior:auto!important;transition:none!important}}

@media(prefers-reduced-motion:reduce){#house-on{opacity:1}}
.cinema-controls button:disabled{opacity:.65;cursor:default}

@media(max-width:700px){.cinema-page #mobile-nav{top:98px}}

/* STRATO Version 3: requested refinements, 22 September 2026 */
.cinema-page header .brand{background:transparent;position:relative;isolation:isolate}
/* 35% white opacity = 65% transparency; fade beyond the logo. */
.cinema-page header .brand::before{
 content:"";position:absolute;inset:-22px;z-index:-1;pointer-events:none;
 background:rgba(255,255,255,.35);
 -webkit-mask-image:linear-gradient(to right,transparent,#000 22px,#000 calc(100% - 22px),transparent),linear-gradient(to bottom,transparent,#000 22px,#000 calc(100% - 22px),transparent);
 mask-image:linear-gradient(to right,transparent,#000 22px,#000 calc(100% - 22px),transparent),linear-gradient(to bottom,transparent,#000 22px,#000 calc(100% - 22px),transparent);
 -webkit-mask-composite:source-in;mask-composite:intersect;
}
.cinema-page header .brand img{width:77px;height:77px}
.cinema-copy .eyebrow{text-transform:uppercase}
.cinema-controls{gap:8px}
.cinema-controls button{font-size:11px;padding:6px 10px;min-height:30px}
footer .footer-identity{display:flex;align-items:center;gap:16px;margin:0}
footer .footer-company{display:flex;flex-direction:column;gap:2px;margin:0}
footer .footer-company strong{font-size:13px;font-weight:600;color:var(--ink)}
footer .footer-company small{font-size:11px}
footer .footer-legal{margin-left:auto}
@media(max-width:700px){
 .cinema-page header .brand img{width:65px;height:65px}
 .cinema-controls button{font-size:10px;padding:5px 8px;min-height:30px}
 footer .footer-identity{grid-column:1/-1;gap:14px}
 footer .footer-company{min-width:0}
 footer .footer-legal{margin-left:0}
}

/* Version-Neu: original logo, one registered scene, continuous light cycle */
.cinema-page header .brand{background:transparent;padding:5px;isolation:auto}
.cinema-page header .brand::before{content:none;display:none}
.cinema-scene{transform-origin:58% 50%;will-change:transform;backface-visibility:hidden}
.cinema-scene img{object-position:center center}
.cinema-scene .night-overlay{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none;will-change:opacity}
.cinema-scene.is-ready .night-overlay{opacity:1}
.cinema-shade{background:linear-gradient(180deg,transparent 0%,transparent 25%,#0002 45%,#0009 83%,#000b 100%)}
@media(max-width:700px){.cinema-scene img{object-position:center center}.cinema-shade{background:linear-gradient(180deg,transparent,transparent 20%,#0006 50%,#000b 100%)}}
@media(prefers-reduced-motion:reduce){.cinema-scene{transform:none!important}.cinema-scene .night-overlay{opacity:0!important}}

/* Smooth revision: pre-rendered light mask, no live backdrop blur. */
.cinema-scene{contain:paint;transform:translateZ(0)}
.cinema-scene img{backface-visibility:hidden}
.cinema-scene .night-overlay{object-fit:cover;object-position:center center}
.cinema-page .header-contact,.cinema-copy .outline{-webkit-backdrop-filter:none;backdrop-filter:none}

/* Video revision: zoom and light are pre-rendered at 60 fps. */
.cinema-scene{transform:none!important;will-change:auto;contain:paint}
.cinema-scene video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.cinema-scene .motion-still{display:none}
.cinema-scene.video-fallback .motion-still{display:block}
@media(prefers-reduced-motion:reduce){.cinema-scene video{display:none}.cinema-scene .motion-still{display:block}}

/* Logo size and intentional mobile eyebrow line break, 25 September 2026. */
.cinema-page header{height:132px}
.cinema-page header .brand img{width:100px;height:100px}
.cinema-page #mobile-nav{top:132px}
.cinema-copy .eyebrow-region{white-space:nowrap}
@media(max-width:700px){
 .cinema-page header{height:118px}
 .cinema-page header .brand img{width:84px;height:84px}
 .cinema-page #mobile-nav{top:118px}
 .cinema-copy .eyebrow{max-width:none}
 .cinema-copy .eyebrow-region{display:block}
}