/* =========================================================
   AIXCEY MOVIE HOME
   Keep main.css as the theme base. This file is the movie layer.
   ========================================================= */

:root{
  --movie-black:#000;
  --movie-black-2:#080808;
  --movie-red:#CE002E;
  --movie-white:#f5f2ed;
  --movie-muted:#9b9894;
  --movie-line:rgba(245,242,237,.16);
  --movie-font-display:"Bebas Neue",Impact,sans-serif;
  --movie-font-body:"Manrope",Arial,sans-serif;
}
html{scroll-behavior:auto}
body.movie-home,body{background:#000;color:var(--movie-white);font-family:var(--movie-font-body)}
body{overflow-x:hidden}
a{color:inherit}
.movie-section{position:relative;background:#000;padding:clamp(90px,11vw,180px) 0;overflow:hidden}
.movie-site-nav{position:fixed;z-index:1000;top:0;left:0;width:100%;padding:18px 0;background:linear-gradient(#000b,transparent);mix-blend-mode:normal}
.movie-nav-brand{display:flex;align-items:center;gap:12px;font:12px var(--movie-font-body);font-weight:800;letter-spacing:.16em}
.movie-nav-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--movie-red);color:var(--movie-red);font:11px var(--movie-font-body);font-weight:800}
.movie-nav-link{font:11px var(--movie-font-body);font-weight:700;letter-spacing:.15em;text-decoration:none;position:relative}
.movie-nav-link:after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:var(--movie-red);transform:scaleX(0);transform-origin:right;transition:.35s}
.movie-nav-link:hover:after{transform:scaleX(1);transform-origin:left}
.movie-menu-toggle{border:0;color:#fff;display:flex;align-items:center;gap:10px;padding:8px 0}
.movie-menu-label{font:11px var(--movie-font-body);font-weight:800;letter-spacing:.16em}
.movie-menu-lines{display:grid;gap:5px}.movie-menu-lines i{display:block;width:28px;height:1px;background:#fff}
.movie-offcanvas{width:min(88vw,430px)!important;background:#080808;color:#fff;border-left:1px solid #222}
.movie-offcanvas .offcanvas-header{padding:28px}
.movie-offcanvas .offcanvas-body{padding:10px 28px 30px}
.movie-display-sm{font:28px var(--movie-font-display);letter-spacing:.05em}
.movie-mobile-links{gap:0}.movie-mobile-links li{border-bottom:1px solid var(--movie-line)}
.movie-mobile-links a{display:flex;justify-content:space-between;padding:20px 0;text-decoration:none;font:clamp(28px,8vw,48px) var(--movie-font-display);letter-spacing:.02em}
.movie-mobile-links a span{font:11px var(--movie-font-body);color:var(--movie-red);align-self:center}
.movie-mobile-footer{font-size:10px;letter-spacing:.15em;color:#777}

.movie-hero{min-height:100svh;height:100svh;position:relative;overflow:hidden;background:#000;display:flex;align-items:center}
.movie-hero-bg,.movie-hero-ripple-layer{position:absolute;inset:0}
.movie-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(1.08) saturate(.75)}
.movie-hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,#000b 28%,#0003 62%,#0009 100%),linear-gradient(0deg,#000 0%,transparent 30%,#0006 100%)}
.movie-hero-grain{position:absolute;inset:-50%;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");pointer-events:none;animation:movieGrain .18s steps(2) infinite}
@keyframes movieGrain{0%{transform:translate(0,0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}100%{transform:translate(-2%,-1%)}}
.movie-hero-copy{max-width:680px;padding-top:55px}
.movie-eyebrow{display:flex;gap:10px;align-items:baseline;color:#fff;font-size:11px;letter-spacing:.2em;font-weight:700}
.movie-eyebrow small{font-size:8px;color:#aaa;letter-spacing:.25em}
.movie-hero-logo-wrap{width:min(430px,78vw);margin:25px 0 20px;position:relative;display:inline-block}
.movie-hero-logo-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at center,#000b 0%,#0007 45%,transparent 78%);filter:blur(3px)}
.movie-hero-logo{position:relative;width:100%;height:auto;display:block;mix-blend-mode:screen}
.movie-hero-tagline{font:clamp(38px,5.4vw,48px)/.86 var(--movie-font-display);letter-spacing:.01em;text-transform:uppercase;margin:10px 0 25px;max-width:650px}
.movie-hero-intro{max-width:500px;font-size:clamp(14px,1.3vw,18px);line-height:1.7;color:#d1ceca;margin-bottom:32px}
.movie-pill-btn{display:inline-flex;align-items:center;gap:20px;border:1px solid #fff;border-radius:100px;padding:13px 15px 13px 22px;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.16em;transition:.4s;background:#0002}
.movie-pill-btn b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--movie-red);font-size:15px}
.movie-pill-btn:hover{background:#fff;color:#000;border-color:#fff;transform:translateY(-2px)}
.movie-pill-btn:hover b{color:#fff}
.movie-hero-meta{position:absolute;right:35px;bottom:35px;display:flex;gap:30px;font-size:12px;letter-spacing:.18em;color:#aaa}
.movie-scroll-cue{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;font-size:8px;letter-spacing:.2em}
.movie-scroll-cue i{height:38px;width:1px;background:linear-gradient(#fff,transparent)}
.movie-ripple{position:absolute;width:90px;height:90px;border:1px solid rgba(206,0,46,.45);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.movie-ripple:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.16);border-radius:50%}

.movie-kicker{font-size:10px;letter-spacing:.22em;font-weight:800;color:var(--movie-red);display:block}
.movie-section-title{font:clamp(60px,8vw,60px)/.82 var(--movie-font-display);letter-spacing:.01em;margin:20px 0 0;text-transform:uppercase}
.movie-section-title-xl{font-size:clamp(60px,8vw,130px)}
.movie-section-index{font-size:10px;letter-spacing:.18em;color:#777}
.movie-copy{font-size:15px;line-height:1.9;color:#aaa;max-width:600px}
.movie-details-section{border-top:1px solid var(--movie-line)}
.movie-poster-card{position:relative;overflow:hidden;background:#111;aspect-ratio:2/3}
.movie-poster-card img{width:100%;height:100%;object-fit:cover;display:block}
.movie-poster-number{position:absolute;top:15px;left:15px;background:#000;color:#fff;padding:6px 8px;font-size:9px;letter-spacing:.12em}
.movie-fact-list{border-top:1px solid var(--movie-line);margin-top:35px}
.movie-fact-list div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--movie-line);padding:14px 0;font-size:10px}
.movie-fact-list b,.movie-credit-row b,.movie-credit-block>b,.movie-credit-grid b{font-size:9px;letter-spacing:.16em;color:#fff}
.movie-fact-list span{color:#aaa;text-align:right}
.movie-credit-row{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--movie-line)}
.movie-credit-row span,.movie-credit-block>span,.movie-credit-grid span{display:block;color:#aaa;font-size:14px;line-height:1.6;margin-top:6px}
.movie-credit-block{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--movie-line)}
.movie-credit-block strong{display:block;font-size:clamp(19px,2vw,20px);line-height:1.15;margin:9px 0}
.movie-credit-block>span{font-size:12px}
.movie-credit-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 28px}
.movie-credit-grid span{font-size:12px}

.movie-cast-section{border-top:1px solid var(--movie-line)}
.movie-cast-card{height:100%;border:1px solid rgba(255,255,255,.13);background:#050505;box-shadow:0 14px 40px rgba(0,0,0,.55);border-radius: 6px;;transition:transform .5s,border-color .5s}
.movie-cast-card:hover{transform:translateY(-8px);border-color:var(--movie-red)}
.movie-cast-photo{aspect-ratio:3/4;position:relative;overflow:hidden;background:#101010}
.movie-cast-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.movie-cast-card:hover img{transform:scale(1.05)}
.movie-cast-placeholder{height:100%;display:grid;place-items:center;background:radial-gradient(circle,#222,#090909)}
.movie-cast-placeholder span{font:90px var(--movie-font-display);color:#333}
.movie-card-no{position:absolute;top:10px;right:10px;font-size:8px;letter-spacing:.15em;color:#aaa}
.movie-cast-info{padding:14px 13px 18px}
.movie-cast-info span{display:block;color:var(--movie-red);font-size:8px;text-transform:uppercase;letter-spacing:.13em;min-height:22px}
.movie-cast-info h3{font-size:13px;line-height:1.25;margin:7px 0 0;font-weight:700}

.movie-videos-section{border-top:1px solid var(--movie-line)}
.movie-video-card{border:1px solid var(--movie-line);background:#060606}
.movie-video-thumb{width:100%;border:0;padding:0;display:block;aspect-ratio:16/9;background:#111;position:relative;overflow:hidden;cursor:pointer}
.movie-video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s,filter .8s}
.movie-video-thumb:hover img{transform:scale(1.04);filter:brightness(.65)}
.movie-video-thumb.is-disabled{cursor:default}
.movie-video-placeholder{height:100%;display:grid;place-items:center;background:radial-gradient(circle,#1c1c1c,#050505)}
.movie-video-placeholder span{font:34px/.85 var(--movie-font-display);text-align:center;color:#333}
.movie-play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--movie-red);color:#fff;padding-left:3px;transition:.35s}
.movie-video-thumb:hover .movie-play-btn{transform:translate(-50%,-50%) scale(1.12)}
.movie-video-thumb.is-disabled .movie-play-btn{opacity:.35}
.movie-video-title{padding:16px 18px 20px}
.movie-video-title span{font-size:8px;letter-spacing:.17em;color:#777}
.movie-video-title h3{font:31px var(--movie-font-display);margin:5px 0 0}
.movie-video-modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:20px}
.movie-video-modal.is-open{display:flex}
.movie-video-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.94);backdrop-filter:blur(8px)}
.movie-video-modal-dialog{position:relative;width:min(1100px,94vw);z-index:2;box-shadow:0 30px 100px #000}
.movie-video-close{position:absolute;right:0;top:-50px;border:0;background:none;color:#fff;font-size:36px;line-height:1;cursor:pointer}
.movie-video-modal iframe{border:0;background:#000}

.movie-kathak-section{min-height:90vh;display:flex;align-items:center;background:radial-gradient(circle at 72% 50%,#2b0010 0,#080008 28%,#000 68%)}
.movie-kathak-title{font:clamp(110px,24vw,390px)/.7 var(--movie-font-display);margin:20px 0;color:#fff;letter-spacing:-.02em}
.movie-kathak-lead{font:clamp(24px,3vw,46px)/1.05 var(--movie-font-display);text-transform:uppercase;max-width:550px}
.movie-kathak-orbit{position:absolute;border:1px solid rgba(206,0,46,.25);border-radius:50%;width:min(75vw,900px);aspect-ratio:1;right:-25%;top:5%;transform:rotate(15deg)}
.orbit-two{width:min(48vw,580px);right:8%;top:22%;border-color:rgba(255,255,255,.08)}
.movie-rhythm-bars{display:flex;gap:5px;height:90px;align-items:center;margin-top:35px}
.movie-rhythm-bars i{width:2px;height:20%;background:var(--movie-red);display:block;transform-origin:center;opacity:.75}
.movie-rhythm-bars i:nth-child(2n){height:60%}.movie-rhythm-bars i:nth-child(3n){height:85%}.movie-rhythm-bars i:nth-child(4n){height:40%}

.movie-gallery-section{border-top:1px solid var(--movie-line)}
.movie-masonry{columns:4 220px;column-gap:12px}
.movie-gallery-item{break-inside:avoid;margin:0 0 12px;background:#111;overflow:hidden}
.movie-gallery-item img{display:block;width:100%;height:auto;transition:transform .8s}
.movie-gallery-item:hover img{transform:scale(1.03)}
.movie-gallery-empty,.movie-review-empty{border:1px solid var(--movie-line);min-height:280px;display:grid;place-items:center;text-align:center}
.movie-gallery-empty span{font:clamp(70px,13vw,180px) var(--movie-font-display);color:#161616}
.movie-gallery-empty p{position:absolute;color:#777;font-size:12px}

.movie-reviews-section{border-top:1px solid var(--movie-line)}
.movie-review-track{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.movie-review-card{border:1px solid var(--movie-line);padding:32px;min-height:320px;display:flex;flex-direction:column;justify-content:space-between}
.movie-review-stars{color:var(--movie-red);letter-spacing:.15em}
.movie-review-card p{font:clamp(24px,2.2vw,36px)/1.15 var(--movie-font-display);margin:35px 0}
.movie-review-person{display:flex;align-items:center;gap:12px;font-size:12px}
.movie-review-person img,.movie-review-person span{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#222;display:block}
.movie-review-empty{min-height:220px;color:#777}

.movie-final-section{position:relative;padding:150px 0 35px;background:#000;overflow:hidden}
.movie-final-word{position:absolute;left:50%;top:80px;transform:translateX(-50%);font:clamp(160px,34vw,520px)/.7 var(--movie-font-display);color:#090909;white-space:nowrap;pointer-events:none}
.movie-final-title{font:clamp(80px,11vw,180px)/.78 var(--movie-font-display);margin:18px 0}
.movie-final-credit{font-size:10px;letter-spacing:.18em;color:#888}
.movie-footer-line{border-top:1px solid var(--movie-line);display:flex;justify-content:space-between;color:#666;font-size:9px;letter-spacing:.14em}

[data-reveal]{opacity:0;transform:translateY(35px)}
@media (max-width:991.98px){
  .movie-hero{height:auto;min-height:100svh;padding:110px 0 80px}
  .movie-hero-bg img{object-position:62% center}
  .movie-hero-vignette{background:linear-gradient(90deg,#000e 0%,#0008 100%),linear-gradient(0deg,#000 0%,transparent 55%,#0008 100%)}
  .movie-hero-copy{padding-top:30px}
  .movie-hero-meta{left:20px;right:auto;bottom:20px;gap:15px;flex-direction:column}
  .movie-scroll-cue{display:none}
  .movie-section{padding:90px 0}
  .movie-credit-grid{grid-template-columns:1fr}
  .movie-review-track{grid-template-columns:1fr}
}
@media (max-width:575.98px){
  .movie-site-nav{padding:14px 0}
  .movie-hero-logo-wrap{margin-top:18px;padding:10px}
  .movie-hero-tagline{font-size:48px}
  .movie-hero-intro{font-size:13px}
  .movie-hero-meta{font-size:7px}
  .movie-section-title,.movie-section-title-xl{font-size:70px}
  .movie-cast-info h3{font-size:12px}
  .movie-cast-info span{font-size:7px}
  .movie-kathak-title{font-size:42vw}
  .movie-kathak-section{min-height:80vh}
  .movie-masonry{columns:2 130px}
  .movie-footer-line{gap:15px;flex-direction:column}
}

/* =========================================================
   MOVIE COMING SOON
   CINEMATIC WATER / BLACK / RED
========================================================= */

.movie-coming-soon {
    --movie-red: #CE002E;
    --movie-black: #000000;
    --movie-white: #f5f5f5;

    position: relative;

    min-height: 100vh;
    min-height: 100svh;

    overflow: hidden;

    background: #000;

    color: var(--movie-white);

    isolation: isolate;
}


/* =========================================================
   WATER RIPPLE BACKGROUND
========================================================= */

.coming-soon__ripple {
    position: absolute;

    inset: -8%;

    z-index: 0;

    overflow: hidden;

    background: #000;
}


.coming-soon__ripple-image {
    position: absolute;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;

    /*filter:*/
    /*    grayscale(100%)*/
    /*    contrast(1.15)*/
    /*    brightness(0.45);*/

    transform: scale(1.08);

    opacity: 0.65;

    will-change: transform, filter;
}


/*
 * Dark cinematic gradient.
 * Keeps text readable while allowing
 * the water movement to remain visible.
 */

.coming-soon__overlay {
    position: absolute;

    inset: 0;

    z-index: 1;

    background:
        radial-gradient(
            circle at 72% 50%,
            rgba(206, 0, 46, 0.13),
            transparent 32%
        ),
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.96) 0%,
            rgba(0, 0, 0, 0.78) 42%,
            rgba(0, 0, 0, 0.48) 100%
        );
}


/* =========================================================
   RED AMBIENT GLOW
========================================================= */

.coming-soon__red-glow {
    position: absolute;

    width: 45vw;
    height: 45vw;

    max-width: 700px;
    max-height: 700px;

    right: -15%;
    top: 15%;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(206, 0, 46, 0.16) 0%,
            rgba(206, 0, 46, 0.05) 35%,
            transparent 70%
        );

    filter: blur(35px);

    pointer-events: none;

    z-index: 1;

    will-change: transform;
}


/* =========================================================
   FILM GRAIN
========================================================= */

.coming-soon__grain {
    position: absolute;

    inset: -50%;

    z-index: 6;

    pointer-events: none;

    opacity: 0.045;

    background-image:
        url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.7'/%3E%3C/svg%3E");
}


/* =========================================================
   CONTENT
========================================================= */

.coming-soon__content {
    max-width: 850px;

    padding:
        80px
        0;
}


/* =========================================================
   THAMARA FILMS
========================================================= */

.coming-soon__eyebrow {
    font-family: "Manrope", sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 0.38em;

    color: #fff;

    margin-bottom: 7px;
}


.coming-soon__presents {
    font-family: "Manrope", sans-serif;

    font-size: 9px;

    letter-spacing: 0.48em;

    color: rgba(255,255,255,0.42);

    margin-bottom: 30px;
}


/* =========================================================
   MOVIE LOGO
========================================================= */

.coming-soon__logo {
    width: min(600px, 90%);

    margin-bottom: 38px;

    transform-origin: left center;

    will-change: transform, opacity;
}


.coming-soon__logo img {
    display: block;

    width: 100%;
    height: auto;

    max-height: 260px;

    object-fit: contain;

    object-position: left center;

    /*
     * Important:
     * Don't apply a font here.
     * The supplied Sinhala logo is the title.
     */

    filter:
        drop-shadow(0 20px 45px rgba(0,0,0,0.65))
        drop-shadow(0 0 25px rgba(206,0,46,0.12));
}


/* =========================================================
   RED LINE
========================================================= */

.coming-soon__line {
    width: 90px;
    height: 3px;

    margin-bottom: 30px;

    background: var(--movie-red);

    box-shadow:
        0 0 20px rgba(206,0,46,0.45);
}


/* =========================================================
   TAGLINE
========================================================= */

.coming-soon__heading {
    margin: 0;

    font-family: "Bebas Neue", sans-serif;

    font-size: clamp(
        48px,
        7vw,
        40px
    );

    line-height: 0.86;

    font-weight: 400;

    letter-spacing: 0.015em;

    color: #fff;

    text-shadow:
        0 15px 45px rgba(0,0,0,0.5);
}


/* =========================================================
   DESCRIPTION
========================================================= */

.coming-soon__description {
    max-width: 500px;

    margin:
        34px
        0
        0;

    font-family: "Manrope", sans-serif;

    font-size: 15px;

    line-height: 1.8;

    color: rgba(255,255,255,0.63);
}


/* =========================================================
   COMING SOON PILL
========================================================= */

.coming-soon__status {
    display: inline-flex;

    align-items: center;

    gap: 13px;

    margin-top: 42px;

    padding:
        12px
        21px;

    border:
        1px solid
        rgba(206,0,46,0.6);

    border-radius: 50px;

    font-family: "Manrope", sans-serif;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 0.25em;

    color: #fff;

    background:
        rgba(0,0,0,0.25);

    backdrop-filter: blur(8px);

    -webkit-backdrop-filter: blur(8px);
}


.coming-soon__dot {
    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    border-radius: 50%;

    background: var(--movie-red);

    box-shadow:
        0 0 0 5px rgba(206,0,46,0.12),
        0 0 22px rgba(206,0,46,0.8);
}


/* =========================================================
   POSTER
========================================================= */

.coming-soon__visual {
    position: relative;

    min-height: 80vh;

    display: flex;

    align-items: center;

    justify-content: center;
}


.coming-soon__poster-wrap {
    position: relative;

    width: min(430px, 75%);

    transform:
        rotate(3deg);

    will-change: transform;
}


/* Poster */

.coming-soon__poster {
    position: relative;

    display: block;

    width: 100%;

    height: auto;

    border:
        1px solid
        rgba(255,255,255,0.18);

    box-shadow:
        0 50px 100px rgba(0,0,0,0.85),
        0 0 80px rgba(206,0,46,0.12);

    z-index: 2;
}


/* =========================================================
   POSTER RINGS
========================================================= */

.coming-soon__poster-ring {
    position: absolute;

    width: 120%;
    height: 120%;

    left: -10%;
    top: -10%;

    border:
        1px solid
        rgba(206,0,46,0.25);

    border-radius: 50%;

    transform:
        rotate(-12deg);

    z-index: 1;
}


.coming-soon__poster-ring::after {
    content: "";

    position: absolute;

    width: 72%;
    height: 72%;

    left: 14%;
    top: 14%;

    border:
        1px solid
        rgba(206,0,46,0.12);

    border-radius: 50%;
}


/* =========================================================
   BOTTOM
========================================================= */

.coming-soon__bottom {
    position: absolute;

    left: 30px;
    right: 30px;
    bottom: 28px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    z-index: 10;

    font-family: "Manrope", sans-serif;

    font-size: 11px;

    letter-spacing: 0.22em;

    text-transform: uppercase;

    color: rgba(255,255,255,0.35);
}


.coming-soon__bottom strong {
    color: rgba(255,255,255,0.7);

    font-weight: 600;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 991.98px) {

    .movie-coming-soon {
        min-height: 100svh;
    }


    .coming-soon__overlay {
        background:
            linear-gradient(
                180deg,
                rgba(0,0,0,0.68),
                rgba(0,0,0,0.92)
            );
    }


    .coming-soon__content {
        padding:
            90px
            20px
            30px;

        text-align: center;
    }


    .coming-soon__logo {
        width: min(500px, 88vw);

        margin:
            0 auto
            35px;
    }


    .coming-soon__logo img {
        object-position: center;
    }


    .coming-soon__line {
        margin-left: auto;
        margin-right: auto;
    }


    .coming-soon__description {
        margin-left: auto;
        margin-right: auto;
    }


    .coming-soon__visual {
        min-height: auto;

        padding:
            15px
            20px
            100px;
    }


    .coming-soon__poster-wrap {
        width: min(330px, 65vw);
    }


    .coming-soon__bottom {
        left: 20px;
        right: 20px;

        bottom: 15px;

        font-size: 7px;
    }

}


@media (max-width: 575.98px) {

    .coming-soon__content {
        padding-top: 70px;
    }


    .coming-soon__eyebrow {
        font-size: 9px;

        letter-spacing: 0.28em;
    }


    .coming-soon__presents {
        margin-bottom: 22px;
    }


    .coming-soon__logo {
        width: 85vw;
    }


    .coming-soon__heading {
        font-size: 57px;
    }


    .coming-soon__description {
        font-size: 13px;
    }


    .coming-soon__poster-wrap {
        width: 62vw;
    }


    .coming-soon__bottom div:nth-child(2) {
        display: none;
    }

}
.movie-details-logo {
 width: 200px;
}