/* Cinematic scroll journey: actual photography + perspective, no scroll interception. */
body section#hero.syo-cinema{display:block!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;background:#11130f!important;color:#fff;overflow:visible!important;isolation:isolate;--cinema-progress:0;--camera-x:0deg;--camera-y:0deg;--camera-z:0px}
body section#hero.syo-cinema::after{display:none}
body section#hero.syo-cinema.is-enhanced{height:300svh!important}
.cinema-stage{position:relative;height:100svh;min-height:690px;overflow:hidden;isolation:isolate;perspective:1200px;background:#171911}
.is-enhanced .cinema-stage{position:sticky;top:0}
.cinema-images{position:absolute;inset:-3%;z-index:-3;transform-style:preserve-3d;transform:rotateX(var(--camera-x)) rotateY(var(--camera-y)) translateZ(var(--camera-z));transition:transform .25s ease-out}
.cinema-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:60% 45%;opacity:0;transform:scale(1.13) translateX(2%);transition:opacity 1s ease,transform 1.8s cubic-bezier(.22,1,.36,1);filter:saturate(.78)}
.cinema-image.is-active{opacity:1;transform:scale(1.025) translateX(0)}
.cinema-image:nth-child(2){object-position:75% 42%}.cinema-image:nth-child(3){object-position:65% 47%}
.cinema-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,15,13,.87),rgba(10,15,13,.35) 65%,rgba(10,15,13,.1)),linear-gradient(0deg,rgba(10,15,13,.8),transparent 50%,rgba(10,15,13,.38))}
.cinema-topline{position:absolute;left:5vw;right:5vw;top:130px;display:flex;justify-content:space-between;gap:25px;color:#e5e0d7b8;font-size:10px;letter-spacing:.15em}
.cinema-topline span,.cinema-kicker,.cinema-bottom a,.cinema-bottom button{font-family:'JetBrains Mono',monospace!important}
.cinema-stories{position:absolute;left:7vw;right:5vw;top:24%;bottom:195px;display:flex;align-items:center}
.cinema-story{width:100%;max-width:1150px;animation:cinema-story-enter 1s cubic-bezier(.22,1,.36,1) both}
.cinema-story[hidden]{display:none!important}
.cinema-kicker{color:#ffac6f;font-size:11px;letter-spacing:.14em;margin:0 0 25px}
body section#hero.syo-cinema .cinema-title{font-family:var(--font-body)!important;font-size:clamp(64px,8vw,132px)!important;line-height:.97!important;letter-spacing:-.07em!important;font-weight:800!important;color:#faf5ed;margin:0 0 28px!important;text-transform:uppercase}
body section#hero.syo-cinema .cinema-title span{display:block;font-family:inherit!important;color:#ffac6f;font-size:.76em;letter-spacing:-.065em;line-height:1.1;padding-left:6vw}
body section#hero.syo-cinema .cinema-title .cinema-outline{color:transparent;-webkit-text-stroke:1px #faf5ed}
body section#hero.syo-cinema .cinema-description{font-family:var(--font-body)!important;font-weight:400!important;font-size:clamp(15px,1.4vw,19px)!important;line-height:1.65!important;letter-spacing:0!important;max-width:530px;color:#e6e4de;margin:0}
.cinema-actions{position:absolute;left:7vw;bottom:116px;display:flex;align-items:center;gap:28px;z-index:3}
.cinema-actions a{font-family:var(--font-body)!important;font-size:13px;font-weight:600}
.cinema-contact{display:inline-flex;align-items:center;gap:26px;padding:15px 20px;background:#ff9954;color:#151711;border-radius:6px;transition:background .25s,translate .25s}
.cinema-contact:hover{background:#ffb07c;translate:0 -3px}.cinema-contact span{font-family:var(--font-body)!important;font-size:22px}
.cinema-work{color:#fff;border-bottom:1px solid #ffffff80;padding:8px 0}
.cinema-bottom{position:absolute;bottom:33px;left:5vw;right:5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}
.cinema-skip{color:#ddd8ce;font-size:9px;text-transform:uppercase;letter-spacing:.12em;display:flex;align-items:center;gap:25px}.cinema-skip span{color:#ffac6f;font-size:20px}
.cinema-navigation{display:flex;gap:12px}.cinema-navigation[hidden]{display:none}
.cinema-navigation button{min-width:42px;min-height:42px;background:transparent;color:#d2cbbf;border:1px solid #ffffff33;border-radius:50%;font-size:11px;cursor:pointer;transition:background .3s,color .3s}
.cinema-navigation button[aria-current]{color:#151711;background:#ffac6f;border-color:#ffac6f}
.cinema-navigation button:hover{border-color:#ffac6f}
.cinema-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;transform:scaleX(var(--cinema-progress));transform-origin:left;background:#ff9954}
@keyframes cinema-story-enter{from{opacity:0;transform:perspective(1000px) translateY(30px) rotateX(7deg)}to{opacity:1;transform:none}}
@media(max-width:760px){.cinema-stage{min-height:700px}.cinema-topline{top:110px;left:24px;right:24px;font-size:8px}.cinema-topline span:last-child{max-width:135px;text-align:right}.cinema-stories{left:24px;right:20px;top:23%;bottom:235px}body section#hero.syo-cinema .cinema-title{font-size:clamp(51px,11vw,83px)!important}body section#hero.syo-cinema .cinema-title span{padding-left:0;font-size:.71em}.cinema-kicker{font-size:9px;max-width:85%;line-height:1.7}.cinema-actions{left:24px;right:24px;bottom:137px;align-items:flex-start;flex-direction:column;gap:8px}.cinema-actions a{font-size:12px}.cinema-bottom{left:24px;right:24px;bottom:24px;gap:12px}.cinema-skip{max-width:145px;font-size:8px;line-height:1.6;gap:10px}.cinema-navigation{gap:6px}.cinema-navigation button{min-width:38px;min-height:42px}.cinema-shade{background:linear-gradient(90deg,#0a0f0dd9,#0a0f0d55),linear-gradient(0deg,#0a0f0dcc,transparent 60%)}.cinema-image{object-position:60% 50%}}
@media(max-height:700px) and (min-width:761px){.cinema-stage{min-height:620px}.cinema-stories{top:23%;bottom:170px}body section#hero.syo-cinema .cinema-title{font-size:74px!important;margin-bottom:15px!important}.cinema-topline{top:105px}.cinema-kicker{margin-bottom:12px}.cinema-actions{bottom:90px}}
@media(prefers-reduced-motion:reduce){body section#hero.syo-cinema.is-enhanced{height:auto!important}.cinema-stage{position:relative!important}.cinema-images,.cinema-image{transform:none!important;transition:none!important}.cinema-story{animation:none!important}.cinema-progress{display:none}}
