/* Final Shawts hero layer. Loaded after the shared system so it cannot be diluted. */
.story-design-broadcast .product-story-hero{
  isolation:isolate;
  padding:88px 0 96px;
  background:
    radial-gradient(circle at 87% 16%,rgba(185,240,101,.48),transparent 24%),
    radial-gradient(circle at 60% 92%,rgba(74,205,139,.14),transparent 30%),
    linear-gradient(135deg,#fbfcf5 0%,#edf9ef 55%,#e1f5e8 100%);
}
.story-design-broadcast .product-story-hero>.section-shell{
  min-height:610px;
  grid-template-columns:minmax(420px,.82fr) minmax(0,1.18fr);
  gap:64px;
}
.story-design-broadcast .product-story-copy{max-width:565px}
.story-design-broadcast .story-index{left:-24px;top:-108px;font-size:170px}
.story-design-broadcast .product-story-copy h1{
  max-width:565px;
  font-size:clamp(56px,5vw,74px);
  line-height:.96;
  letter-spacing:-.055em;
}
.story-design-broadcast .product-story-copy>p{max-width:520px;margin-top:25px;font-size:18px;line-height:1.72}
.story-design-broadcast .product-story-copy .hero-actions{margin-top:30px}
.story-design-broadcast .product-story-screen{
  max-width:780px;
  margin-inline:auto;
  padding:10px;
  border:1px solid rgba(8,111,66,.13);
  border-radius:28px 28px 9px 28px;
  box-shadow:0 42px 90px rgba(5,74,47,.2),0 10px 25px rgba(5,74,47,.1);
  transform:rotate(.65deg) scale(1.025);
}
.story-design-broadcast .product-story-screen:before{
  inset:-31px 25px 34px -28px;
  background:linear-gradient(145deg,#c7f66f 0%,#7cde91 44%,#34bc80 100%);
}
.story-design-broadcast .product-story-screen>div{height:39px;padding-inline:10px;font-size:14px}

html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-hero{
  padding:88px 0 96px;
  background:
    radial-gradient(circle at 13% 16%,rgba(185,240,101,.48),transparent 24%),
    radial-gradient(circle at 40% 92%,rgba(74,205,139,.14),transparent 30%),
    linear-gradient(225deg,#fbfcf5 0%,#edf9ef 55%,#e1f5e8 100%);
}
html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-hero>.section-shell{
  min-height:610px;
  grid-template-columns:minmax(420px,.82fr) minmax(0,1.18fr)!important;
  gap:64px!important;
}
html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-copy{max-width:565px!important}
html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .story-index{left:auto;right:-24px;top:-108px;font-size:170px}
html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-copy h1{
  max-width:565px!important;
  font-size:clamp(48px,4.2vw,62px)!important;
  line-height:1.2!important;
  letter-spacing:-.04em!important;
}
html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-copy>p{
  max-width:520px!important;
  margin-top:25px;
  font-size:18px!important;
  line-height:1.85!important;
}
html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-screen{
  border-radius:28px 28px 28px 9px;
  transform:rotate(-.65deg) scale(1.025);
}
html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-screen:before{inset:-31px -28px 34px 25px}

@media(max-width:980px){
  .story-design-broadcast .product-story-hero>.section-shell,
  html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-hero>.section-shell{
    min-height:0;
    grid-template-columns:1fr!important;
    gap:54px!important;
  }
  .story-design-broadcast .product-story-copy,
  html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-copy{max-width:720px!important}
  .story-design-broadcast .product-story-copy h1,
  html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-copy h1{max-width:680px!important}
  .story-design-broadcast .product-story-copy>p,
  html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-copy>p{max-width:650px!important}
}

@media(max-width:680px){
  .story-design-broadcast .product-story-hero,
  html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-hero{padding:62px 0 72px!important}
  .story-design-broadcast .product-story-hero>.section-shell,
  html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-hero>.section-shell{gap:40px!important}
  .story-design-broadcast .story-index{left:-8px;top:-62px;font-size:104px}
  html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .story-index{left:auto;right:-8px;top:-62px;font-size:104px!important}
  .story-design-broadcast .product-story-copy h1{font-size:42px;line-height:1.02}
  html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-copy h1{font-size:34px!important;line-height:1.35!important}
  .story-design-broadcast .product-story-copy>p{margin-top:20px;font-size:17px;line-height:1.72}
  html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-copy>p{margin-top:20px;font-size:17px !important;line-height:1.85!important}
  .story-design-broadcast .product-story-screen,
  html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-screen{transform:none}
}