.cinema{background:#090a0c}
.cinema header{position:fixed;height:74px;background:#090a0ce8;backdrop-filter:blur(14px)}
.cinema nav{font-size:12px}
.cinema .brand{display:block;width:168px;line-height:1}
.brand img{display:block;width:100%;height:auto}
.intro{min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;padding:125px 8vw 50px;background:radial-gradient(ellipse at 78% 38%,#202731,#090a0c 58%)}
.intro-content{position:relative;z-index:2;width:100%}
.intro-copy{max-width:1000px}
.intro-copy .label{color:#b8bdc5}
.intro-copy h1{font-size:clamp(58px,5.8vw,92px);font-weight:400;line-height:.98;letter-spacing:-.06em;margin:19px 0 22px}
.intro-copy h1 em{font-style:normal;color:#b18a51}
.intro-copy>p:not(.label){font-size:clamp(17px,1.45vw,21px);line-height:1.45;color:#c2c5cb;max-width:680px;margin:0}
.intro-art{position:absolute;right:3vw;top:35%;width:min(34vw,470px);aspect-ratio:1;transform:translateY(-50%);display:grid;place-items:center;pointer-events:none;opacity:.6;animation:artEnter 1.2s ease-out both,artFloat 8s ease-in-out 1.2s infinite}
.intro-art img{width:44%;max-width:220px;filter:drop-shadow(0 0 42px #b18a5129);animation:markReveal 1.5s cubic-bezier(.2,.8,.2,1) both}
.orbit{position:absolute;border:1px solid #a4814d49;border-radius:50%;width:77%;aspect-ratio:1;animation:orbitPulse 5s ease-in-out infinite}
.orbit-two{width:97%;border-color:#ffffff1e;animation-delay:1s}
.art-line{position:absolute;width:1px;height:17%;background:linear-gradient(transparent,#b18a51,transparent);left:50%;top:0;transform-origin:50% 294%;animation:orbitTurn 18s linear infinite}
.line-two{animation-delay:-9s}
@keyframes artEnter{from{opacity:0;transform:translateY(-43%) scale(.9)}to{opacity:.6;transform:translateY(-50%) scale(1)}}
@keyframes artFloat{50%{transform:translateY(calc(-50% - 14px))}}
@keyframes markReveal{from{opacity:0;transform:scale(.78) rotate(-9deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes orbitPulse{50%{opacity:.55;transform:scale(1.04)}}
@keyframes orbitTurn{to{transform:rotate(360deg)}}
.hero-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:53px;border-top:1px solid #ffffff65;border-bottom:1px solid #ffffff42}
.hero-services a{min-height:184px;padding:23px 26px 24px 0;display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid #ffffff35;transition:background .25s,padding .25s}
.hero-services a+a{padding-left:26px}
.hero-services a:last-child{border-right:0}
.hero-services a:hover{background:#ffffff0a;padding-left:28px}
.hero-services span{font-size:10px;letter-spacing:1.8px;color:#b18a51}
.hero-services strong{font-size:clamp(25px,2.45vw,37px);font-weight:400;letter-spacing:-.035em;line-height:1.12;margin-top:21px}
.hero-services small{font-size:12px;color:#b9bfc8;margin-top:auto}
.hero-contact{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:25px}
.hero-contact p{font-size:15px;color:#bfc3c9;margin:0}
.hero-contact .primary{background:#f2f1ed;border-color:#f2f1ed;color:#111}
.hero-contact .primary:hover{background:#b18a51;border-color:#b18a51;color:#111}
.overview{padding:100px 8vw 95px;border-top:1px solid #ffffff21;background:#0e1013}
.overview-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:43px}
.overview-head h2{font-size:clamp(42px,5vw,76px);max-width:840px;margin:16px 0 0}
.overview-head>p{max-width:330px;color:#aeb2bc;font-size:17px;line-height:1.5;margin:0 0 7px}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #444a55;border-bottom:1px solid #444a55}
.service-card{min-height:242px;padding:29px 30px 29px 0;display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid #444a55}
.service-card+.service-card{padding-left:30px}
.service-card:last-child{border-right:0}
.service-card .label{color:#b18a51}
.service-card h3{font-size:clamp(26px,2.5vw,38px);font-weight:400;letter-spacing:-.04em;margin:26px 0 12px}
.service-card p{font-size:16px;line-height:1.55;color:#b4b8c1;max-width:370px;margin:0}
.contact-band{padding:100px 8vw;background:#e8e8e5;color:#111;display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;scroll-margin-top:70px}
.contact-lead .label{color:#8d6939}
.contact-lead h2{font-size:clamp(40px,4.5vw,68px);margin:18px 0}
.contact-lead>p:not(.label){color:#555b61;font-size:18px;line-height:1.55;max-width:530px}
.phone-list{border-top:1px solid #999}
.phone-list a{padding:23px 0;border-bottom:1px solid #aaa;display:grid;grid-template-columns:1fr auto;gap:6px 15px;align-items:end}
.phone-list span{font-size:10px;letter-spacing:1.5px;color:#606369;grid-column:1/-1}
.phone-list strong{font-size:clamp(22px,2.4vw,35px);font-weight:400;letter-spacing:-.035em}
.phone-list b{font-size:11px;font-weight:500;color:#8d6939}
.phone-list a:hover strong{color:#9b713b}
.contact-address{padding:26px 0;border-bottom:1px solid #aaa;font-style:normal;font-size:17px;line-height:1.55;color:#333}
.contact-address span{display:block;font-size:10px;letter-spacing:1.5px;color:#7b6040;margin-bottom:11px}
.contact-action{min-width:0}
.contact-form{border-top:1px solid #999;padding:24px 0 32px}
.contact-form h3{font-size:var(--type-card);font-weight:400;letter-spacing:-.035em;margin:0 0 24px;line-height:1.18}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 15px}
.contact-fields label{display:flex;flex-direction:column;gap:8px;font-size:var(--type-label);font-weight:500;letter-spacing:.02em;color:#555b61}
.contact-fields .field-wide{grid-column:1/-1}
.contact-fields input{width:100%;min-width:0;min-height:48px;border:1px solid #a9a9a4;border-radius:0;background:#f5f5f2;padding:11px 13px;color:#111;font:inherit;font-size:var(--type-body)}
.contact-fields input::placeholder{color:#777d81}
.contact-fields input:focus-visible,.contact-submit:focus-visible{outline:2px solid #8d6939;outline-offset:2px}
.contact-submit{width:100%;min-height:52px;margin-top:22px;border:1px solid #111;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 18px;font:inherit;font-size:14px;cursor:pointer;transition:background .2s,color .2s}
.contact-submit:hover{background:#b18a51;color:#111}
.contact-submit span{font-size:20px;line-height:1}
.form-note{font-size:13px;line-height:1.5;color:#606369;margin:10px 0 0}
.cinema footer address{font-style:normal;line-height:1.7;color:#aaa}
@media(max-width:800px){.cinema header{height:70px}.cinema nav{top:70px}.cinema .brand{width:137px}.intro{min-height:100svh;padding:125px 7vw 55px;align-items:flex-start}.intro-copy h1{font-size:clamp(51px,11vw,76px)}.intro-copy>p:not(.label){font-size:17px;max-width:430px}.intro-art{width:75vw;right:-29vw;top:29%;opacity:.25}.intro-art img{width:45%}.hero-services{display:block;margin-top:42px}.hero-services a,.hero-services a+a{min-height:0;padding:17px 0 18px;border-right:0;border-bottom:1px solid #ffffff35}.hero-services a:last-child{border-bottom:0}.hero-services a:hover{padding-left:12px}.hero-services strong{font-size:27px;margin-top:8px}.hero-services strong br{display:none}.hero-services small{margin-top:8px}.hero-contact{align-items:flex-start;flex-direction:column;margin-top:24px;gap:15px}.overview{padding:75px 7vw}.overview-head{display:block;margin-bottom:32px}.overview-head>p{margin-top:20px}.service-grid{display:block}.service-card,.service-card+.service-card{border-right:0;border-bottom:1px solid #444a55;padding:24px 0;min-height:0}.service-card:last-child{border:0}.service-card h3{margin:16px 0 10px}.contact-band{padding:75px 7vw;display:block}.phone-list{margin-top:35px}.cinema footer address{width:100%}}
@media(prefers-reduced-motion:reduce){.intro-art,.intro-art img,.orbit,.art-line{animation:none!important}}
