/* ============ IZKĀRTOJUMS: KINO ============
   Tumšs, kinematogrāfisks, pilnekrāna foto, centrēts. */

body{background:var(--night);color:var(--paper)}
.sec{padding:100px 0}
.sec.paper{background:var(--paper);color:var(--ink)}
.sec.night{background:var(--night);color:var(--paper)}
.sec.olive{background:var(--olive-d);color:var(--paper)}
.night .sec-head p,.olive .sec-head p{color:rgba(239,232,215,.72)}
.night .eyebrow,.olive .eyebrow{color:var(--yellow)}
.night .dbl-rule,.olive .dbl-rule{border-color:var(--yellow)}
.night h2,.olive h2{color:var(--paper)}

/* hero */
.hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;background:var(--night)}
.hero-bg{position:absolute;inset:-7%;background-position:center 34%;background-size:cover;background-repeat:no-repeat;will-change:transform}
.hero-bg::after{content:"";position:absolute;inset:0;background:
  linear-gradient(to bottom,rgba(8,9,7,.84),rgba(8,9,7,.6) 45%,rgba(8,9,7,.97)),
  radial-gradient(ellipse at 50% 45%,rgba(245,223,27,.10),transparent 58%)}
.hero-in{position:relative;z-index:3;width:100%;text-align:center;padding:96px 0 78px}
.hero-plate{max-width:920px;margin:0 auto;background:rgba(9,10,7,.6);border:2px solid rgba(245,223,27,.38);padding:48px 42px 42px;backdrop-filter:blur(2px)}
.hero .eyebrow{color:var(--yellow)}
.hero h1{font-size:clamp(34px,5.6vw,74px);text-shadow:0 5px 26px rgba(0,0,0,.8)}
.hero h1 .y{color:var(--yellow)}
.hero .sub{margin:20px auto 0;max-width:50ch;font-size:19px;color:#efe8d7}
.hero .cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.hero .note{display:inline-block;margin-top:20px;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);padding:9px 18px;font-family:'Oswald';font-weight:600;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.hero-stats{display:flex;gap:44px;justify-content:center;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid rgba(239,232,215,.28)}
.hero-stats div b{display:block;font-family:'Bevan',serif;font-size:28px;color:var(--yellow);line-height:1.1}
.hero-stats div span{font-family:'Oswald';font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(239,232,215,.75)}
.scroll-hint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:9px;
  font-family:'Oswald';font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:rgba(239,232,215,.6)}
.scroll-hint i{width:1px;height:38px;background:linear-gradient(var(--yellow),transparent);animation:kdn 2.2s ease-in-out infinite}
@keyframes kdn{0%,100%{opacity:.25;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}

/* page banner */
.pbanner{position:relative;background:var(--night);overflow:hidden;border-bottom:3px solid var(--yellow)}
.pbanner .bg{position:absolute;inset:-6%;background-position:center 40%;background-size:cover;will-change:transform}
.pbanner .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(8,9,7,.78),rgba(8,9,7,.94))}
.pbanner .in{position:relative;z-index:2;padding:82px 0 72px;text-align:center}
.pbanner h1{font-size:clamp(28px,4.4vw,58px);margin-top:10px;color:var(--paper)}
.pbanner .lede{margin:16px auto 0;max-width:64ch;color:rgba(239,232,215,.86)}
.pbanner .eyebrow{color:var(--yellow)}

/* missions: edge to edge bands */
.mband{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:560px;border-top:1px solid rgba(239,232,215,.16)}
.mband:last-of-type{border-bottom:1px solid rgba(239,232,215,.16)}
.mband .pic{position:relative;overflow:hidden}
.mband .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.3,1)}
.mband:hover .pic img{transform:scale(1.06)}
.mband .pic::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 42%,rgba(9,10,7,.9))}
.mband.flip .pic{order:2}
.mband.flip .pic::after{background:linear-gradient(-90deg,transparent 42%,rgba(9,10,7,.9))}
.mband .txt{display:flex;flex-direction:column;justify-content:center;padding:72px 60px}
.mband .num{font-family:'Bevan',serif;font-size:64px;line-height:1;color:rgba(245,223,27,.24);margin-bottom:10px}
.mband h3{font-family:'Bevan',serif;font-size:clamp(24px,3vw,40px);text-transform:uppercase;line-height:1.1;color:var(--paper);margin-bottom:10px}
.mband .where{font-family:'Oswald';font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow);margin-bottom:18px}
.mband p{color:rgba(239,232,215,.8);max-width:50ch}
.mband .specs{border-color:rgba(239,232,215,.28)}
.mband .specs div{border-right-color:rgba(239,232,215,.18)}
.mband .specs b{color:var(--paper)}
.mband .specs span{color:rgba(239,232,215,.6)}
.mband .acts{display:flex;gap:12px;flex-wrap:wrap}

/* events mosaic */
.mosaic{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.mo{position:relative;overflow:hidden;display:block;text-decoration:none;border:1px solid rgba(239,232,215,.18)}
.mo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.6) contrast(1.06);transition:.6s cubic-bezier(.2,.7,.3,1)}
.mo:hover img{filter:brightness(.88);transform:scale(1.05)}
.mo .lab{position:absolute;left:0;right:0;bottom:0;padding:22px 20px;background:linear-gradient(transparent,rgba(6,7,5,.95));z-index:2}
.mo .lab h3{font-family:'Oswald';font-weight:600;font-size:17px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper)}
.mo .lab p{font-size:14px;color:rgba(239,232,215,.7);margin-top:4px}
.mo .go{position:absolute;top:16px;right:16px;z-index:2;color:var(--yellow);font-family:'Oswald';font-size:16px;opacity:0;transform:translate(-6px,6px);transition:.3s}
.mo:hover .go{opacity:1;transform:none}
.mo.b{grid-column:span 6;aspect-ratio:16/10}
.mo.m{grid-column:span 3;aspect-ratio:3/4}
.mo.s{grid-column:span 4;aspect-ratio:4/3}

/* gallery strip */
.gal{display:grid;grid-template-columns:repeat(6,1fr)}
.gal a{position:relative;aspect-ratio:1;overflow:hidden;display:block;border-right:2px solid var(--night)}
.gal a:last-child{border-right:none}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.gal a:hover img{transform:scale(1.08)}
.gal a::after{content:"";position:absolute;inset:0;background:rgba(9,10,7,.3);transition:.3s}
.gal a:hover::after{background:rgba(9,10,7,0)}

/* boxes on dark */
.boxd{border:2px solid rgba(239,232,215,.22);background:var(--night-2);padding:30px 28px}
.boxd h3{font-family:'Bevan',serif;font-size:21px;text-transform:uppercase;color:var(--paper);margin:10px 0 16px}

/* sticky bottom booking */
.book{position:fixed;left:0;right:0;bottom:0;z-index:95;background:var(--yellow);border-top:3px solid var(--ink);transform:translateY(110%);transition:.4s cubic-bezier(.2,.7,.3,1)}
.book.show{transform:none}
.book .in{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-block:12px}
.book .t{font-family:'Oswald';font-weight:500;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.book .btn{margin-left:auto}

@media(max-width:1000px){
  .hero-plate{padding:32px 22px 30px}
  .mband{grid-template-columns:1fr;min-height:0}
  .mband .pic{min-height:260px;order:0!important}
  .mband .pic::after,.mband.flip .pic::after{background:linear-gradient(to top,rgba(9,10,7,.92),transparent 60%)}
  .mband .txt{padding:36px 24px 44px}
  .mo.b,.mo.m,.mo.s{grid-column:span 6;aspect-ratio:4/3}
  .gal{grid-template-columns:repeat(3,1fr)}
  .sec{padding:66px 0}
}
@media(max-width:560px){.mo.b,.mo.m,.mo.s{grid-column:span 12}}