/*
Theme Name: Perfect Landing Consulting
Theme URI: https://perfectlandingpics.com/
Author: Perfect Landing Consulting
Description: Staging-first cinematic entertainment consulting redesign, with preserved WPForms integration.
Version: 2.1.9
Text Domain: perfect-landing-consulting
*/
:root{--cream:#faf2e8;--paper:#fff9f1;--ink:#181c1b;--gold:#cc780d;--amber:#f4a329;--muted:#4e4b45}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.plc-wrap{max-width:1180px;padding:0 36px;margin:0 auto}.plc-header{background:#fff7ed;position:relative;z-index:10;box-shadow:0 1px 0 rgba(0,0,0,.09)}.plc-nav-wrap{max-width:1300px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:9px 34px;min-height:82px}.plc-brand{display:flex;align-items:center;gap:16px;flex-shrink:0}.plc-brand img{width:96px;height:65px;object-fit:cover;object-position:center}.plc-brand span{display:flex;flex-direction:column;line-height:1.12;border-left:1px solid #777;padding-left:16px}.plc-brand strong{font-size:24px;letter-spacing:2px;font-weight:normal}.plc-brand b{font:500 15px Arial,sans-serif;letter-spacing:7px;color:var(--gold);text-align:center;margin:5px 0}.plc-brand small{font:600 9px Arial,sans-serif;letter-spacing:1.6px}.plc-nav{display:flex;align-items:center;gap:32px;font:600 14px Arial,sans-serif}.plc-nav a{white-space:nowrap}.plc-nav a.current:not(.nav-inquiry){color:var(--gold);border-bottom:2px solid var(--gold);padding-bottom:8px}.plc-nav .nav-inquiry{background:#bd7115;color:white;padding:12px 22px;border-radius:4px}.plc-menu-toggle{display:none}.plc-hero{background-color:#171b1a;background-image:linear-gradient(90deg,#171b1a 0%,rgba(23,27,26,.98) 26%,rgba(23,27,26,.5) 52%,transparent 90%),var(--scene);background-size:cover,auto 100%;background-repeat:no-repeat;background-position:center,right center;color:white;min-height:320px;display:flex;align-items:center}.home-hero{min-height:365px}.hero-content{width:100%;padding-top:35px;padding-bottom:35px}.plc-hero h1{font-size:clamp(46px,5vw,74px);line-height:1.02;font-weight:normal;margin:0 0 20px;letter-spacing:-1.5px;max-width:650px}.plc-hero h1 em,.plc-about-story h2 em{color:var(--amber);font-weight:normal}.plc-hero p{max-width:470px;margin:9px 0;font:17px/1.55 Arial,sans-serif}.plc-hero .hero-lead{font:24px/1.35 Georgia,serif}.plc-button{display:inline-block;background:var(--amber);border-radius:4px;padding:13px 26px;margin-top:20px;color:#171717;font:700 15px Arial,sans-serif}.plc-button:hover,.plc-nav .nav-inquiry:hover{filter:brightness(1.08)}.plc-section{padding:48px 0 55px}.plc-eyebrow{font:700 13px Arial,sans-serif;letter-spacing:3px;color:var(--gold);margin-bottom:15px}.centered{text-align:center}.plc-section h2{font-size:clamp(30px,3.6vw,47px);line-height:1.12;font-weight:normal;margin:8px 0 18px}.section-intro{max-width:850px;margin:0 auto 35px;text-align:center;font-size:18px}.plc-grid{display:grid;gap:26px}.plc-grid.four{grid-template-columns:repeat(4,1fr)}.plc-grid.two{grid-template-columns:repeat(2,1fr);gap:32px}.plc-service-card{min-width:0;scroll-margin-top:30px}.plc-grid.four .plc-service-card{cursor:pointer}.plc-service-card img{display:block;width:100%;height:175px;object-fit:cover;border-radius:4px}.plc-grid.four .plc-service-card img{height:155px}.service-card-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.plc-service-card h3{font-size:23px;line-height:1.2;font-weight:normal;margin:10px 0 6px}.service-card-heading span{color:var(--gold);font:30px Arial,sans-serif}.plc-service-card p{margin:6px 0 12px}.plc-service-card ul{padding-left:22px;font-size:16px}.plc-service-card li{margin:5px 0}.service-note{font-style:italic;color:#5c5146}.service-price{font-weight:bold}.plc-outline{display:inline-block;border:1px solid var(--amber);color:var(--amber);border-radius:3px;padding:10px 19px;margin-top:12px;font:600 14px Arial,sans-serif}.dark-outline{color:#a45f08;border-color:#a45f08}.small-section-heading{margin-top:50px!important}.plc-about-split{display:grid;grid-template-columns:1fr 1.2fr;background:#1c2020;color:white}.split-image{background-position:center;background-size:cover;min-height:335px}.split-copy{padding:46px clamp(30px,5vw,85px)}.split-copy h2{font-size:clamp(28px,3vw,43px);font-weight:normal;line-height:1.13;margin:8px 0 16px}.split-copy p{font:16px/1.65 Arial,sans-serif}.approach-preview{padding-top:42px}.plc-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;text-align:left;margin-top:35px}.plc-pillars>div{padding:8px 18px;border-right:1px solid #d5a15e}.plc-pillars>div:last-child{border:0}.plc-pillars span{color:var(--gold);font-size:35px;float:left;margin-right:15px;line-height:1}.plc-pillars h3{font-size:19px;margin:0 0 5px}.plc-pillars p{font:14px/1.55 Arial,sans-serif;margin:0}.plc-cta{min-height:205px;background-position:center;background-size:cover;display:flex;align-items:center;text-align:center;color:white}.plc-cta .plc-wrap{width:100%;padding:30px}.plc-cta h2{font-size:clamp(29px,4vw,44px);font-weight:normal;font-style:italic;margin:0}.plc-footer{padding:24px 0;background:#fff7ed;font:12px Arial,sans-serif}.plc-about-story{display:grid;grid-template-columns:41% 1fr;gap:48px;align-items:start}.doug-photo{width:100%;max-height:580px;object-fit:cover;border-radius:5px}.plc-about-story h2{font-size:clamp(33px,4vw,50px)}.plc-about-story p{margin:0 0 15px}.dark-pillars{background:#1c2020;color:white;border-radius:5px;padding:30px;margin-top:35px}.dark-pillars>div{border-color:#a8742c}.about-philosophy{background:#fff8ef}.about-philosophy p{max-width:850px;margin:0 auto 16px}.plc-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.faq-column{display:flex;flex-direction:column;gap:15px}.plc-faq-item{background:#f4e8db;border-radius:6px;overflow:hidden}.plc-faq-item summary{display:flex;justify-content:space-between;gap:15px;align-items:center;list-style:none;cursor:pointer;padding:18px 20px;font-size:20px;font-weight:bold;line-height:1.25}.plc-faq-item summary::-webkit-details-marker{display:none}.faq-chevron{font:26px Arial,sans-serif;color:var(--gold)}.plc-faq-item[open] .faq-chevron{transform:rotate(180deg)}.faq-answer{padding:5px 20px 21px;font:16px/1.6 Arial,sans-serif;background:#fff8f0}.inquiry-container{max-width:850px}.inquiry-container .wpforms-container{max-width:100%}.inquiry-container .wpforms-field-label{font-family:Georgia,serif!important;font-size:19px!important}.inquiry-container input:not([type=checkbox]):not([type=radio]),.inquiry-container textarea,.inquiry-container select{background:#fffaf4!important;border:1px solid #a5a4a1!important;border-radius:4px!important;max-width:100%!important}.inquiry-container button[type=submit]{background:var(--amber)!important;color:#161616!important;border:0!important;border-radius:4px!important;padding:15px 30px!important;font-weight:bold!important}.inquiry-note{text-align:center;font-style:italic;font-size:18px;margin:30px auto 10px;border-top:1px solid #cfa168;padding-top:22px}.plc-form-warning{border:1px solid #cfa168;padding:20px}.plc-menu-toggle{border:0;background:transparent;font-size:26px}
@media(max-width:1000px){.plc-brand strong{font-size:19px}.plc-brand b{font-size:12px}.plc-brand small{font-size:8px}.plc-nav{gap:16px}.plc-nav-wrap{padding:8px 18px}.plc-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.plc-wrap{padding:0 20px}.plc-nav-wrap{min-height:65px}.plc-brand img{width:55px;height:45px}.plc-brand span{padding-left:9px}.plc-brand strong{font-size:15px;letter-spacing:1px}.plc-brand b{font-size:10px;letter-spacing:4px}.plc-brand small{display:none}.plc-menu-toggle{display:block;margin-left:auto}.plc-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff7ed;flex-direction:column;align-items:stretch;padding:15px 24px 25px;gap:20px;box-shadow:0 5px 10px #0002}.plc-nav.open{display:flex}.plc-hero,.home-hero{min-height:330px;background-size:cover,auto 100%;background-position:center,65% center;background-image:linear-gradient(90deg,rgba(18,21,21,.98),rgba(18,21,21,.83) 55%,rgba(18,21,21,.32)),var(--scene)}.plc-hero h1{font-size:47px}.plc-hero .hero-lead{font-size:20px}.plc-section{padding:35px 0}.plc-grid.four,.plc-grid.two,.plc-faq-grid,.plc-about-story,.plc-about-split,.plc-pillars{grid-template-columns:1fr}.plc-grid.four .plc-service-card img,.plc-service-card img{height:190px}.split-image{min-height:220px}.split-copy{padding:30px 22px}.plc-pillars{gap:16px}.plc-pillars>div{border-right:0;border-bottom:1px solid #d5a15e;padding:10px}.plc-pillars>div:last-child{border:0}.dark-pillars{padding:15px}.plc-about-story{gap:25px}.doug-photo{max-height:480px;object-position:center 20%}.plc-cta{min-height:180px}.plc-faq-item summary{font-size:18px}.plc-footer{text-align:center}}

/* v2.0.3: Desktop hero text containment and background responsiveness */
@media(min-width:701px){
  .home-hero{min-height:355px;background-size:cover,cover;background-position:center,center center;background-image:linear-gradient(90deg,rgba(19,22,21,.98) 0%,rgba(19,22,21,.95) 20%,rgba(19,22,21,.75) 33%,rgba(19,22,21,.25) 52%,transparent 75%),var(--scene)}
  .home-hero .hero-content{max-width:1180px;margin-left:auto;margin-right:auto;padding-top:30px;padding-bottom:30px}
  .home-hero .hero-content h1,.home-hero .hero-content p{max-width:430px}
  .home-hero h1{font-size:clamp(44px,4.2vw,65px)}
  .home-hero .hero-lead{font-size:clamp(20px,1.7vw,23px)}
}
@media(min-width:701px) and (max-width:1150px){
  .home-hero .hero-content h1,.home-hero .hero-content p{max-width:410px}
  .home-hero h1{font-size:clamp(42px,5vw,57px)}
}
@media(max-width:700px){.home-hero .hero-content h1,.home-hero .hero-content p{max-width:95%}}
/* The approved LA banner image already contains its heading and CTA artwork.
   Make the whole banner a real accessible link instead of rendering duplicate copy. */
.plc-cta{position:relative;background-image:url('assets/plc-la-cta.jpg')!important;background-position:center;background-size:cover;min-height:205px}
.plc-cta-full-link{display:block;position:absolute;inset:0;z-index:2;cursor:pointer}
.plc-cta-full-link:focus-visible{outline:3px solid #fff;outline-offset:-6px}
@media(max-width:700px){.plc-cta{min-height:150px;background-size:cover}}

/* v2.0.4: Wide desktop hero uses image at natural height, never scaled to viewport width. */
@media(min-width:701px){
 .home-hero{
   min-height:365px;
   background-color:#171b1a;
   background-image:linear-gradient(90deg,#171b1a 0%,rgba(23,27,26,.99) 22%,rgba(23,27,26,.85) 35%,rgba(23,27,26,.18) 57%,transparent 75%),var(--scene);
   background-size:100% 100%,auto 100%;
   background-position:center,right center;
   background-repeat:no-repeat;
 }
 .home-hero .hero-content{max-width:1180px;width:100%;margin:0 auto;padding:28px 36px;}
 .home-hero .hero-content h1,.home-hero .hero-content p{max-width:430px;}
 .home-hero h1{font-size:clamp(48px,4vw,65px);}
 .home-hero .hero-lead{font-size:clamp(20px,1.55vw,23px);}
}
/* Show the entire approved CTA graphic instead of cropping its embedded words and button. */
.plc-cta{
  min-height:0;
  height:auto;
  aspect-ratio:1024 / 198;
  background-image:url('assets/plc-la-cta.jpg')!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat;
}
@media(max-width:700px){
 .plc-cta{min-height:135px;aspect-ratio:auto;background-size:cover!important;}
}


/* v2.0.5 — full-width header, balanced two-half home hero, aligned approach copy */
@media(min-width:701px){
  .plc-nav-wrap{
    max-width:none;
    width:100%;
    padding-left:clamp(16px,2vw,34px);
    padding-right:clamp(16px,2vw,34px);
  }
  .home-hero{
    position:relative;
    isolation:isolate;
    background:#171b1a!important;
    min-height:365px;
  }
  .home-hero::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0 0 0 50%;
    background-image:var(--scene);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
  }
  .home-hero .hero-content{
    width:100%;
    max-width:none;
    padding:32px 0;
    margin:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    padding-right:50%;
    text-align:left;
  }
  .home-hero .hero-content > *{
    width:min(82%,480px);
    max-width:480px!important;
    margin-left:auto;
    margin-right:auto;
  }
  .home-hero h1{font-size:clamp(43px,3.8vw,64px)}
  .home-hero .plc-button{
    width:auto;
    align-self:auto;
    margin-left:9%;
  }
}
@media(min-width:701px) and (max-width:1100px){
 .home-hero .hero-content > *{width:88%}
 .home-hero h1{font-size:clamp(39px,4.3vw,52px)}
 .plc-brand strong{font-size:clamp(17px,2.1vw,24px)}
 .plc-nav{gap:clamp(12px,1.7vw,32px)}
}
.plc-pillars>div{
 display:grid;
 grid-template-columns:44px minmax(0,1fr);
 column-gap:12px;
 align-content:start;
}
.plc-pillars>div>span{
 grid-column:1;
 grid-row:1 / span 2;
 float:none;
 margin:0;
}
.plc-pillars>div>h3,
.plc-pillars>div>p{
 grid-column:2;
}
@media(max-width:700px){
 .plc-nav-wrap{max-width:none;width:100%;padding-left:14px;padding-right:14px}
 .home-hero .hero-content{padding-left:20px;padding-right:20px}
}


/* v2.0.6 — full-bleed blended hero with correctly aligned copy and CTA */
@media (min-width:701px) {
  .plc-hero.home-hero {
    min-height:405px;
    background-color:#171b1a!important;
    background-image:
      linear-gradient(90deg,rgba(17,20,20,.98) 0%,rgba(17,20,20,.91) 20%,rgba(17,20,20,.70) 34%,rgba(17,20,20,.20) 57%,rgba(17,20,20,0) 78%),
      var(--scene)!important;
    background-size:100% 100%,cover!important;
    background-position:center center,center 51%!important;
    background-repeat:no-repeat!important;
  }
  .home-hero .hero-content {
    box-sizing:border-box;
    display:flex!important;
    flex-direction:column;
    align-items:flex-start!important;
    justify-content:center!important;
    max-width:1280px!important;
    width:100%!important;
    min-height:405px;
    padding:30px clamp(24px,4.5vw,70px)!important;
    margin:0 auto!important;
    text-align:left!important;
  }
  .home-hero .hero-content > * {
    box-sizing:border-box;
    width:auto!important;
    max-width:min(440px,45vw)!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .home-hero .hero-content .plc-button {
    width:max-content!important;
    max-width:100%!important;
    align-self:flex-start!important;
    margin:16px 0 0!important;
  }
}
@media (max-width:700px) {
  .plc-hero.home-hero {
    background-image:
      linear-gradient(90deg,rgba(17,20,20,.96),rgba(17,20,20,.82) 52%,rgba(17,20,20,.22)),
      var(--scene)!important;
    background-size:100% 100%,cover!important;
    background-position:center,55% center!important;
  }
  .home-hero .hero-content .plc-button {margin-left:0!important}
}
/* Use actual HTML for the sunset CTA, rather than a scaled screenshot with a fake button. */
.plc-cta.plc-cta-real {
  position:relative;
  min-height:205px;
  background-image:var(--cta-scene)!important;
  background-size:cover!important;
  background-position:center 55%!important;
  display:flex;
  align-items:center;
  justify-content:center;
}
.plc-cta-real .plc-cta-content {
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:22px 16px;
  width:100%;
}
.plc-cta-real h2 {
  margin:0;
  color:#fff;
  text-shadow:0 1px 5px #432b22a0;
  font-style:italic;
  font-weight:normal;
  font-size:clamp(28px,3.2vw,44px);
  line-height:1.15;
}
.plc-cta-real .plc-button {
  display:inline-block;
  width:max-content;
  max-width:100%;
  margin:0;
  box-sizing:border-box;
  text-align:center;
}
@media(max-width:700px) {
  .plc-cta.plc-cta-real{min-height:190px}
  .plc-cta-real h2{font-size:clamp(25px,7vw,36px)}
}

/* v2.0.7: exactly ONE continuous hero photograph across the full width.
   Suppress the earlier v2.0.5 right-half pseudo-image entirely. */
.home-hero::before { content:none!important;display:none!important;background:none!important; }
.plc-hero.home-hero {
  background-color:#171b1a!important;
  background-image:linear-gradient(90deg,rgba(17,20,20,.96) 0%,rgba(17,20,20,.80) 25%,rgba(17,20,20,.38) 48%,rgba(17,20,20,.04) 75%),var(--scene)!important;
  background-size:100% 100%,cover!important;
  background-position:center center,center center!important;
  background-repeat:no-repeat!important;
}
@media(max-width:700px){
 .plc-hero.home-hero {background-position:center center,56% center!important;
 background-image:linear-gradient(90deg,rgba(17,20,20,.93),rgba(17,20,20,.73) 57%,rgba(17,20,20,.25)),var(--scene)!important;}
}


/* v2.0.8 — restore approved reference composition:
   text left of center, airplane distinctly right, one continuous blended image. */
@media (min-width:701px) {
  .plc-hero.home-hero {
    background-color:#171b1a!important;
    background-image:
      linear-gradient(90deg,#171b1a 0%,rgba(23,27,26,.98) 15%,rgba(23,27,26,.86) 27%,rgba(23,27,26,.38) 42%,rgba(23,27,26,0) 62%),
      var(--scene)!important;
    background-size:100% 100%,78% 100%!important;
    background-position:center center,right center!important;
    background-repeat:no-repeat!important;
  }
  .home-hero .hero-content{
    max-width:1280px!important;
    padding-left:clamp(30px,5vw,90px)!important;
  }
  .home-hero .hero-content > *{
    max-width:min(430px,38vw)!important;
  }
}
@media(max-width:700px){
  .plc-hero.home-hero{
    background-size:100% 100%,auto 100%!important;
    background-position:center center,65% center!important;
  }
}

/* v2.0.9 — preserve original airplane proportions at all desktop widths.
   The photo is one continuous image on the right, not stretched to fit a box. */
@media(min-width:701px){
  .plc-hero.home-hero{
    background-image:linear-gradient(90deg,#171b1a 0%,rgba(23,27,26,.98) 17%,rgba(23,27,26,.84) 28%,rgba(23,27,26,.44) 42%,rgba(23,27,26,0) 64%),var(--scene)!important;
    background-size:100% 100%,auto 100%!important;
    background-position:center center,right center!important;
    background-repeat:no-repeat!important;
  }
}

/* v2.1.0: single continuous, properly proportioned hero image, no split or layers. */
@media (min-width:701px) { .plc-hero.home-hero { background-image:var(--scene)!important; background-size:cover!important; background-position:center center!important; background-repeat:no-repeat!important; } }

@media(max-width:700px){
 .plc-hero.home-hero{background-image:linear-gradient(90deg,rgba(20,23,22,.75),rgba(20,23,22,.25)),var(--scene)!important;background-size:100% 100%,cover!important;background-position:center,65% center!important;}
}

/* v2.1.1: use the actual single 1800x500 wide hero photo with natural
   proportions; move the focal point right as narrower windows crop it. */
.plc-hero.home-hero { background-image:var(--scene)!important;
  background-size:cover!important;
  background-position:72% center!important;
  background-repeat:no-repeat!important; }
@media(min-width:1600px){ .plc-hero.home-hero {background-position:center center!important;} }
@media(max-width:700px){.plc-hero.home-hero {background-image:linear-gradient(90deg,rgba(20,23,22,.76),rgba(20,23,22,.25)),var(--scene)!important;
 background-size:100% 100%,cover!important;background-position:center,74% center!important;} }
.plc-cta.plc-cta-real{background-position:center 58%!important;}

/* v2.1.2: clean replacement for the previously retouched, streaked skyline. */
.plc-cta.plc-cta-v212{position:relative;min-height:205px;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;}
.plc-cta-v212 .plc-cta-full-link{position:absolute;inset:0;z-index:2;display:block;}
@media(max-width:700px){.plc-cta.plc-cta-v212{min-height:180px;background-position:center center!important;}}

/* v2.1.4: CTA heading and button are real HTML, never image-embedded.
   Identical button class to the homepage hero. */
.plc-cta.plc-cta-structured {
  display:flex!important;align-items:center!important;justify-content:center!important;
  position:relative;min-height:205px;background-size:cover!important;
  background-position:center center!important;background-repeat:no-repeat!important;
  text-align:center;
}
.plc-cta-structured .plc-cta-inner {
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:15px;padding:24px 18px;position:relative;z-index:1;
}
.plc-cta-structured h2 {
  margin:0;color:#fff;font-style:italic;font-weight:400;
  font-size:clamp(27px,3vw,42px);line-height:1.2;
  text-shadow:0 1px 4px rgba(45,25,20,.4);
}
.plc-cta-structured .plc-button {
  display:inline-block!important;width:auto!important;max-width:100%!important;
  padding:13px 26px!important;margin:0!important;
  border-radius:4px!important;font:700 15px Arial,sans-serif!important;
  box-sizing:border-box!important;line-height:normal!important;
}
@media(max-width:700px){.plc-cta.plc-cta-structured{min-height:175px}}


/* v2.1.6: definitive CTA fix.
   Override the legacy .plc-cta background-image !important rule that was
   forcing the old image (with text and button baked in) to appear underneath
   the new live heading and button. */
.plc-cta.plc-cta-structured {
  background-image: url('assets/plc-cta-background-v216.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  height: auto !important;
  aspect-ratio: auto !important;
}

/* v2.1.8 — mobile inquiry-only typography and hero readability. */
@media (max-width:700px) {
  .inquiry-container .wpforms-field-label {
    font-size:18px!important;
    letter-spacing:-.2px;
    hyphens:none!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .plc-hero.interior-hero:has(+ .plc-section .inquiry-container) {
    background-image:linear-gradient(90deg,rgba(18,21,21,.92),rgba(18,21,21,.74) 55%,rgba(18,21,21,.40)),var(--scene)!important;
    background-size:100% 100%,cover!important;
  }
}

/* v2.1.9 — mobile homepage only: legible copy, unchanged image and geometry. */
@media (max-width:700px) {
  .plc-hero.home-hero {
    background-image:linear-gradient(90deg, rgba(17,20,20,.96) 0%, rgba(17,20,20,.90) 27%, rgba(17,20,20,.74) 54%, rgba(17,20,20,.27) 83%, rgba(17,20,20,.08) 100%), var(--scene)!important;
    background-size:100% 100%,cover!important;
    background-position:center center,74% center!important;
    background-repeat:no-repeat!important;
  }
}