/* Presentation only: carry the plum story into the live Odoo applications scene. */
#top .hero-copy{
  position:relative;
  isolation:isolate;
  background:linear-gradient(180deg,#18131d 0%,#1d1722 58%,#392a3a 81%,#63495e 100%)!important;
}
/* The owner's red ruler was a measurement guide, not artwork. */
#top .hero-story>p:not(.sco-hero-tagline){padding-left:0!important;border-left:0!important;margin-bottom:11px!important;padding-bottom:0!important}
#top .hero-story>p:last-of-type{margin-bottom:0!important}
#top .hero-story>p:nth-of-type(2)::before,
#top .hero-story>p:last-of-type::after{content:none!important;display:none!important}
#home-scene-copy{
  position:relative;
  isolation:isolate;
  background:linear-gradient(180deg,#63495e 0%,#8b7489 64px,#c8bac5 142px,#eae5df 260px,#eae5df 100%)!important;
  padding-top:clamp(124px,7.5vw,154px)!important;
  padding-bottom:clamp(64px,6.8vw,96px)!important;
}
#home-scene-copy>.shell{position:relative;z-index:1}

@media(min-width:901px){
  #home-scene-copy .home-scene-copy-inner{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);
    column-gap:clamp(46px,5.2vw,100px);
    align-items:start;
    direction:rtl;
    text-align:right;
  }
  #home-scene-copy .home-scene-copy-inner>h2{
    grid-column:1;
    grid-row:1;
    margin:0 0 20px!important;
    max-width:none;
    text-align:right;
  }
  #home-scene-copy .home-scene-copy-inner>p{
    max-width:none!important;
    margin:0 0 10px!important;
    text-align:right;
  }
  #home-scene-copy .home-scene-copy-inner>p:nth-of-type(1){grid-column:1;grid-row:2}
  #home-scene-copy .home-scene-copy-inner>p:nth-of-type(2){grid-column:1;grid-row:3}
  #home-scene-copy .home-scene-copy-inner>p:nth-of-type(3){grid-column:1;grid-row:4}
  #home-scene-copy .home-scene-copy-inner>h3{
    grid-column:2;
    grid-row:1;
    align-self:end;
    margin:0 0 20px!important;
    padding-inline:22px;
    text-align:right;
  }
  #home-scene-copy .home-scene-copy-inner>p:nth-of-type(4){
    grid-column:2;
    grid-row:2 / span 2;
    padding-inline:22px;
    max-width:none!important;
  }
  #home-scene-copy .home-scene-copy-inner>.sco-scene-two-demo{
    grid-column:2;
    grid-row:4;
    justify-self:start;
    align-self:start;
    margin:6px 22px 0!important;
  }
  #home-scene-copy .home-scene-copy-inner::before{
    content:"";
    grid-column:2;
    grid-row:1 / 5;
    align-self:stretch;
    margin:34px 0 -10px;
    border:0;
    border-radius:22px;
    background:linear-gradient(145deg,#ffffff6e,#f1e8ef3e);
    box-shadow:0 16px 40px #4834490b;
    pointer-events:none;
  }
  #home-scene-copy .home-scene-copy-inner>h3,
  #home-scene-copy .home-scene-copy-inner>p:nth-of-type(4),
  #home-scene-copy .home-scene-copy-inner>.sco-scene-two-demo{position:relative;z-index:1}
  #home-scene-copy .app-role-gallery{
    grid-column:1 / -1;
    grid-row:5;
    width:100%;
    margin:clamp(36px,3vw,44px) auto 0!important;
  }
}

@media(max-width:900px){
  #home-scene-copy{padding-top:clamp(116px,14vw,142px)!important}
  #home-scene-copy .home-scene-copy-inner{text-align:center}
  #home-scene-copy .app-role-gallery{margin-top:30px!important}
  #home-scene-copy .home-scene-copy-inner>.sco-scene-two-demo{margin-bottom:12px!important}
}
@media(max-width:700px){
  #home-scene-copy{padding-top:128px!important}
  #home-scene-copy .home-scene-copy-inner>h2{margin-top:0}
}