/* HOME CONCEPT DESIGN: only homepage styling. Existing links, data and SEO untouched. */
body.homepage-concept{background:#0b0b24;}
.homepage-concept .hero{isolation:isolate;overflow:hidden;min-height:650px;padding:74px 0 82px;}
.homepage-concept .hero .wrap{position:relative;z-index:2;gap:42px;}
.homepage-concept .hero-copy{min-width:0;position:relative;z-index:2;}
.homepage-concept .hero h1{font-size:clamp(2.8rem,5.4vw,4.45rem);line-height:1.07;}
.homepage-concept .hero .desc{max-width:560px;}
.homepage-concept .hero-logo{display:none!important;}
.homepage-concept .hero-art{min-width:0;display:block!important;position:relative;}
.homepage-concept .hero-art img{display:block;border:0;margin:0;box-shadow:none;}
.homepage-concept .hero-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:1;}
.homepage-concept .spark{position:absolute;line-height:1;color:#e8d4a2;opacity:.7;text-shadow:0 0 12px rgba(236,218,169,.24);}
.homepage-concept .spark-one{font-size:23px;top:16%;left:7%;}.homepage-concept .spark-two{font-size:16px;top:67%;left:48%;}.homepage-concept .spark-three{font-size:20px;right:7%;top:11%;}
.homepage-concept .firefly{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff4c4;box-shadow:0 0 0 3px rgba(251,226,153,.04),0 0 14px 4px rgba(252,233,171,.31);}
.homepage-concept .fire-one{top:39%;left:4%;}.homepage-concept .fire-two{right:11%;bottom:15%;}.homepage-concept .fire-three{left:43%;bottom:11%;}
.homepage-concept #today::before,.homepage-concept #popular::before,.homepage-concept #map-teaser::before{content:'✧';position:absolute;right:6%;top:54px;font-size:22px;color:#e7c876;opacity:.43;pointer-events:none;}
.homepage-concept #popular::before{left:6%;right:auto;content:'✦';font-size:15px;}
.homepage-concept #map-teaser::before{font-size:18px;top:65px;}
@media(max-width:900px){
.homepage-concept .hero{padding:42px 0 58px;min-height:unset;}
.homepage-concept .hero .wrap{display:flex;flex-direction:column;gap:24px;}
.homepage-concept .hero .desc{font-size:.98rem;}
.homepage-concept .hero .stat-strip{justify-content:center;}
.homepage-concept .hero .cta-row{justify-content:center;}
.homepage-concept .hero-art{width:min(100%,620px);margin:0 auto;}
.homepage-concept .spark-three{right:11%;top:8%;}
}
@media(max-width:600px){
.homepage-concept .hero{padding-top:26px!important;padding-bottom:40px!important;}
.homepage-concept .hero .wrap{padding:0 20px;gap:20px;}
.homepage-concept .hero h1{font-size:clamp(2.55rem,12vw,3.4rem);}
.homepage-concept .hero .desc{margin-bottom:23px!important;}
.homepage-concept .spark-one{left:3%;top:8%;font-size:14px;}
.homepage-concept .spark-three{font-size:13px;}
.homepage-concept .fire-three{display:none;}
.homepage-concept #today::before,.homepage-concept #popular::before,.homepage-concept #map-teaser::before{right:8px;top:35px;font-size:13px;}
}
@media(prefers-reduced-motion:reduce){.homepage-concept .spark,.homepage-concept .firefly{animation:none!important;}}
/* B2: left-aligned typography. The UNEDITED artwork fades naturally left -> right.
   Desktop background is a separate non-interactive layer, not recreated art. */
.concept-b .hero{
  position:relative;
  min-height:660px;
  background:#0b0b24!important;
  padding:88px 0 96px;
  overflow:hidden;
}
.concept-b .hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url('../../morfey-hero.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:45% 50%;
  opacity:.93;
  -webkit-mask-image:linear-gradient(to right,#000 0%,#000 43%,rgba(0,0,0,.92) 60%,rgba(0,0,0,.44) 81%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 68%,transparent 99%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,#000 0%,#000 43%,rgba(0,0,0,.92) 60%,rgba(0,0,0,.44) 81%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 68%,transparent 99%);
  mask-composite:intersect;
}
/* Soft dark veil only beneath type; original artwork preserved as an asset. */
.concept-b .hero::after{
 content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(to right,rgba(9,12,35,.87) 0%,rgba(9,12,35,.72) 31%,rgba(9,12,35,.36) 52%,rgba(9,12,35,0) 77%);
}
.concept-b .hero .wrap{
 width:min(100%, 1520px);
 max-width:none;
 padding:0 clamp(24px,4.2vw,70px)!important;
 margin:0 auto;
 grid-template-columns:minmax(0,600px) 1fr;
 gap:0;
 position:relative;
 z-index:3;
}
.concept-b .hero-copy{padding:20px 0;max-width:600px;}
.concept-b .hero-art{display:none!important;}
.concept-b .hero h1{font-size:clamp(3rem,5.35vw,4.75rem);line-height:1.04;text-shadow:0 2px 30px #080c1b66;}
.concept-b .hero .desc{color:#ecedf2;max-width:560px;text-shadow:0 2px 10px #0b102a;}
.concept-b .hero .stat-strip .item span{color:#e5deed;}
.concept-b .hero .cta-row{justify-content:flex-start;}
@media(min-width:901px) and (max-width:1190px){
 .concept-b .hero::before{background-position:52% 50%;}
 .concept-b .hero .wrap{grid-template-columns:minmax(0,565px) 1fr;}
 .concept-b .hero::after{background:linear-gradient(to right,rgba(9,12,35,.89) 0%,rgba(9,12,35,.75) 42%,rgba(9,12,35,.30) 72%,rgba(9,12,35,0) 100%);}
}
@media(max-width:900px){
 .concept-b .hero{min-height:unset;padding:280px 0 60px!important;}
 .concept-b .hero::before{
  height:375px;bottom:auto;
  background-size:auto 405px;
  background-position:60% -10px;
  opacity:1;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 50%,rgba(0,0,0,.75) 71%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 50%,rgba(0,0,0,.75) 71%,transparent 100%);
 }
 .concept-b .hero::after{
  height:395px;bottom:auto;
  background:linear-gradient(to bottom,rgba(9,12,35,.06) 0%,rgba(9,12,35,.05) 52%,#0b0b24 94%);
 }
 .concept-b .hero .wrap{display:flex;flex-direction:column;text-align:left;max-width:700px;padding:0 28px!important;}
 .concept-b .hero-copy{padding:0;}
 .concept-b .hero h1{font-size:clamp(2.5rem,7.4vw,3.65rem);}
 .concept-b .hero .desc{font-size:1rem;margin-left:0;margin-right:0;}
 .concept-b .hero .stat-strip,.concept-b .hero .cta-row{justify-content:flex-start;}
 .concept-b .hero-atmosphere .spark-one{top:12%;left:10%;}
}
@media(max-width:600px){
 .concept-b .hero{padding-top:242px!important;padding-bottom:40px!important;}
 .concept-b .hero::before{height:318px;background-size:auto 338px;background-position:63% -10px;}
 .concept-b .hero::after{height:330px;background:linear-gradient(to bottom,rgba(9,12,35,0) 0%,rgba(9,12,35,.06) 50%,#0b0b24 97%);}
 .concept-b .hero .wrap{padding:0 22px!important;}
 .concept-b .hero h1{font-size:clamp(2.35rem,10.5vw,3.1rem);}
 .concept-b .hero .stat-strip{justify-content:space-between!important;}
 .concept-b .hero .cta-row{justify-content:flex-start!important;}
 .concept-b .spark-three,.concept-b .fire-three{display:none;}
}

/* B3 — authentic handwritten lettering extracted from the supplied podcast cover.
   SEO H1 remains semantic. Do not replace the drawing with a similar font. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.concept-b .hero h1.hero-wordmark{margin:0 0 20px;line-height:0;width:min(100%,445px);font-size:0;filter:drop-shadow(0 5px 18px rgba(0,0,20,.3));}
.concept-b .hero h1.hero-wordmark img{display:block;width:100%;height:auto;object-fit:contain;}
/* Inline brand in desktop top navigation, also from the original logo. */
.homepage-concept .site-nav .brand .nav-brand-wordmark-wrap{display:block;width:115px;height:auto;line-height:0;}
.homepage-concept .site-nav .brand .nav-brand-wordmark{display:block!important;width:100%;height:auto;max-width:none;aspect-ratio:auto;border-radius:0;box-shadow:none;object-fit:contain;}
@media(max-width:900px){
  /* Place the logo in the nighttime sky; keep the description and actions at the old coordinates. */
  .concept-b .hero .hero-copy{position:relative;padding-top:62px;}
  .concept-b .hero h1.hero-wordmark{position:absolute;top:-264px;left:0;width:clamp(215px,29vw,260px);margin:0;z-index:7;filter:drop-shadow(0 2px 9px rgba(12,10,40,.55));}
  .homepage-concept .site-nav .brand .nav-brand-wordmark-wrap{display:none;}
}
@media(max-width:600px){
  .concept-b .hero .hero-copy{padding-top:59px;}
  .concept-b .hero h1.hero-wordmark{top:-231px;left:0;width:clamp(208px,57vw,242px);}
}
@media(max-width:360px){
  .concept-b .hero h1.hero-wordmark{width:200px;left:0;top:-231px;}
}

/* B4: approved second star style, implemented as CSS (no regenerated artwork).
   Measured equal horizontal increments for all three metric headings. */
.concept-b .hero .stat-strip {
  display:grid;
  grid-template-columns:repeat(3,120px);
  gap:0;
  width:360px;
  max-width:100%;
  justify-content:start;
  align-items:start;
}
.concept-b .hero .stat-strip .item{min-width:0;text-align:left;}
.concept-b .hero .stat-strip .item b{white-space:nowrap;font-size:1.22rem;letter-spacing:-.045em;}
.concept-b .hero .stat-strip .item span{font-size:.71rem;line-height:1.34;max-width:170px;}
/* Decorative only, outside the image asset. Keep the original painted stars. */
.concept-b .hero-atmosphere .sky-star{
 position:absolute;left:var(--sx);top:var(--sy);z-index:2;
 font-size:var(--ss);line-height:1;color:#fae0a0;opacity:var(--so);
 text-shadow:0 0 5px rgba(249,227,160,.38),0 0 14px rgba(249,227,170,.10);
 pointer-events:none;user-select:none;
}
.concept-b .hero-atmosphere .sky-star-b,
.concept-b .hero-atmosphere .sky-star-j,
.concept-b .hero-atmosphere .sky-star-o{color:#c3d7ed;}
@media(max-width:900px){
 .concept-b .hero .stat-strip{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:410px;gap:0;}
 .concept-b .hero .stat-strip .item{min-width:0;}
 .concept-b .hero .stat-strip .item b{font-size:1.06rem;}
 .concept-b .hero .stat-strip .item span{font-size:.67rem;}
 .concept-b .hero-atmosphere .sky-star-c,
 .concept-b .hero-atmosphere .sky-star-d,
 .concept-b .hero-atmosphere .sky-star-e,
 .concept-b .hero-atmosphere .sky-star-i,
 .concept-b .hero-atmosphere .sky-star-j,
 .concept-b .hero-atmosphere .sky-star-r,
 .concept-b .hero-atmosphere .sky-star-s{display:none;}
}
@media(max-width:600px){
 .concept-b .hero .stat-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;max-width:100%;gap:0!important;}
 .concept-b .hero .stat-strip .item{padding:8px 1px 7px!important;text-align:center!important;}
 .concept-b .hero .stat-strip .item b{font-size:clamp(.80rem,3.55vw,1.03rem)!important;letter-spacing:-.035em!important;white-space:nowrap!important;}
 .concept-b .hero .stat-strip .item span{font-size:.61rem!important;}
 .concept-b .hero-atmosphere .sky-star{opacity:calc(var(--so) * .78);}
 .concept-b .hero-atmosphere .sky-star-a,
 .concept-b .hero-atmosphere .sky-star-b,
 .concept-b .hero-atmosphere .sky-star-g,
 .concept-b .hero-atmosphere .sky-star-q,
 .concept-b .hero-atmosphere .sky-star-t{display:none;}
}

/* B5: only adjust stat label visual spacing (B4 image, text, stars untouched). */
@media (min-width:901px) {
  .concept-b .hero .stat-strip .item:nth-child(2) {transform:translateX(-14px);}
  .concept-b .hero .stat-strip .item:nth-child(3) {transform:translateX(4px);}
}
@media (min-width:601px) and (max-width:900px) {
  .concept-b .hero .stat-strip .item:nth-child(2) {transform:translateX(-8px);}
  .concept-b .hero .stat-strip .item:nth-child(3) {transform:translateX(4px);}
}
@media (max-width:600px) {
  .concept-b .hero .stat-strip .item:nth-child(2) {transform:translateX(-4px);}
  .concept-b .hero .stat-strip .item:nth-child(3) {transform:translateX(3px);}
}

/* B6: mobile-only alignment. Start "с 2022" at the same left edge as body copy.
   Keep the 3-column grid and all desktop/tablet positions unchanged. */
@media (max-width:600px) {
  .concept-b .hero .stat-strip .item:first-child {
    text-align:left!important;
    padding-left:0!important;
  }
}


/* B7 — mobile-only: original 2048×1453 painting, four-sided feathered transition.
   Nothing is redrawn or upscaled. Keep desktop and existing links untouched. */
@media (max-width:600px) {
  .concept-b .hero::before {
    /* use full original resolution; no pixelated mobile thumbnail */
    background-image:url('../../morfey-hero.jpg');
    background-repeat:no-repeat;
    background-size:auto 338px;
    background-position:63% -10px;
    height:318px;
    opacity:1;
    filter:none;
    -webkit-mask-image:
       linear-gradient(to right,transparent 0%,rgba(0,0,0,.75) 4%,#000 10%,#000 90%,rgba(0,0,0,.75) 96%,transparent 100%),
       linear-gradient(to bottom,rgba(0,0,0,.12) 0%,#000 7%,#000 72%,rgba(0,0,0,.8) 79%,transparent 100%);
    -webkit-mask-composite:source-in;
    mask-image:
       linear-gradient(to right,transparent 0%,rgba(0,0,0,.75) 4%,#000 10%,#000 90%,rgba(0,0,0,.75) 96%,transparent 100%),
       linear-gradient(to bottom,rgba(0,0,0,.12) 0%,#000 7%,#000 72%,rgba(0,0,0,.8) 79%,transparent 100%);
    mask-composite:intersect;
  }
  .concept-b .hero::after {
    height:330px;
    background:linear-gradient(to bottom,rgba(9,12,35,0) 0%,rgba(9,12,35,0) 59%,rgba(11,11,36,.16) 70%,#0b0b24 99%);
  }
  /* Bring the next section up, without moving the hero text/stats/actions. */
  .concept-b .hero { padding-bottom:13px!important; }
  .concept-b #today { padding-top:22px!important; }
  .concept-b #today .eyebrow { margin-bottom:5px; }
  .concept-b #today .section-title {
     white-space:nowrap;
     max-width:100%;
     overflow:visible;
     line-height:1.18;
     margin:0 0 11px;
     letter-spacing:-.036em;
  }
  .concept-b #today .section-lead {
     margin:0 0 28px;
     font-size:.95rem;
     line-height:1.55;
  }
}

/* Version A: elegant book-like serif, consistent with headings on the site. */
@media(max-width:600px){
  .concept-b #today .section-title{
    font-family: 'Fraunces', Georgia, 'Times New Roman', serif;
    font-weight:600;
    font-size:clamp(15.6px,5.05vw,21px);
  }
}


/* B8 — mobile-only refinement after user review; preserve both original B7 font options.
   No art changes: add a translucent mist layer with CSS as on desktop. */
@media (max-width:600px){
  /* Soft dusk veil over the image, blending into the surrounding navy on all sides. */
  .concept-b .hero::after{
    height:330px;
    background:
      linear-gradient(to right,
        rgba(9,12,35,.35) 0%,rgba(9,12,35,.12) 26%,
        rgba(9,12,35,.025) 53%,rgba(9,12,35,.18) 100%),
      linear-gradient(to bottom,
        rgba(9,12,35,.09) 0%,rgba(9,12,35,.025) 40%,
        rgba(9,12,35,.10) 63%,rgba(11,11,36,.58) 82%,#0b0b24 99%);
  }
  /* Keep the initial label aligned to the paragraph. Shift only the other two labels left. */
  .concept-b .hero .stat-strip .item:nth-child(2){transform:translateX(-14px);}
  .concept-b .hero .stat-strip .item:nth-child(3){transform:translateX(-8px);}
  /* Center the existing actions individually, no text or URL changes. */
  .concept-b .hero .cta-row{
    width:100%;display:flex;flex-direction:column;
    align-items:center;justify-content:center!important;
    gap:10px!important;
  }
  .concept-b .hero .cta-row .btn{width:max-content;max-width:100%;margin-left:auto;margin-right:auto;}
  /* Hide only this decorative label; semantic H2 and intro remain. */
  .concept-b #today>.wrap>.eyebrow{display:none!important;}
  .concept-b #today{padding-top:10px!important;}
  .concept-b .hero{padding-bottom:7px!important;}
  .concept-b #today .section-title{margin-top:0!important;margin-bottom:9px!important;}
  .concept-b #today .section-lead{margin-top:0!important;}
}


/* B9: user's approved B8-A. Only the mobile section title and image fade are changed.
   All originals, navigation, content, links and desktop remain untouched. */
@media (max-width:600px){
  .concept-b #today { padding-top:28px!important; } /* down by 18px */
  .concept-b #today .section-title {color:var(--muted)!important;}
}

/* B9-B: subtle feathering at left, right, top and bottom. */
@media (max-width:600px){
 .concept-b .hero::before {
  -webkit-mask-image:
    linear-gradient(to right,transparent 0%,rgba(0,0,0,.78) 5%,#000 14%,#000 86%,rgba(0,0,0,.78) 95%,transparent 100%),
    linear-gradient(to bottom,rgba(0,0,0,.07) 0%,#000 10%,#000 68%,rgba(0,0,0,.66) 81%,transparent 100%);
  mask-image:
    linear-gradient(to right,transparent 0%,rgba(0,0,0,.78) 5%,#000 14%,#000 86%,rgba(0,0,0,.78) 95%,transparent 100%),
    linear-gradient(to bottom,rgba(0,0,0,.07) 0%,#000 10%,#000 68%,rgba(0,0,0,.66) 81%,transparent 100%);
 }
}

/* Review: gently blend the TOP edge into the dark site background, keeping bottom fade. */
@media(min-width:901px){
 .concept-b .hero::before{
  -webkit-mask-image:linear-gradient(to right,#000 0%,#000 43%,rgba(0,0,0,.92) 60%,rgba(0,0,0,.44) 81%,transparent 100%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.35) 5%,#000 14%,#000 68%,transparent 99%);
  mask-image:linear-gradient(to right,#000 0%,#000 43%,rgba(0,0,0,.92) 60%,rgba(0,0,0,.44) 81%,transparent 100%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.35) 5%,#000 14%,#000 68%,transparent 99%);
 }
}
@media(max-width:900px){
 .concept-b .hero::before{
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.78) 5%,#000 14%,#000 86%,rgba(0,0,0,.78) 95%,transparent 100%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.42) 5%,#000 13%,#000 68%,rgba(0,0,0,.66) 81%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.78) 5%,#000 14%,#000 86%,rgba(0,0,0,.78) 95%,transparent 100%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.42) 5%,#000 13%,#000 68%,rgba(0,0,0,.66) 81%,transparent 100%);
 }
}

/* PREVIEW ONLY — B10: remove horizontal feathering on phone;
   fade just top edge and preserve the existing soft bottom. */
@media (max-width:600px) {
  body.homepage-concept.concept-b .hero::before {
    background-image: url('../../morfey-hero.jpg');
    -webkit-mask-image: linear-gradient(to bottom,
      transparent 0%,
      rgba(0,0,0,.15) 6%,
      rgba(0,0,0,.47) 12%,
      rgba(0,0,0,.84) 19%,
      #000 26%,
      #000 65%,
      rgba(0,0,0,.82) 75%,
      rgba(0,0,0,.23) 88%,
      transparent 100%) !important;
    mask-image: linear-gradient(to bottom,
      transparent 0%,
      rgba(0,0,0,.15) 6%,
      rgba(0,0,0,.47) 12%,
      rgba(0,0,0,.84) 19%,
      #000 26%,
      #000 65%,
      rgba(0,0,0,.82) 75%,
      rgba(0,0,0,.23) 88%,
      transparent 100%) !important;
    -webkit-mask-composite: source-over;
    mask-composite: add;
  }
  body.homepage-concept.concept-b .hero::after {
    background:linear-gradient(to bottom,
      rgba(9,12,35,0) 0%,
      rgba(9,12,35,0) 49%,
      rgba(9,12,35,.12) 67%,
      rgba(11,11,36,.48) 81%,
      #0b0b24 99%) !important;
  }
}

/* B11-1: mobile-only refinements after B10 preview. No illustrations or desktop changes. */
@media (max-width:600px) {
  body.homepage-concept.concept-b .hero h1.hero-wordmark { top:calc(-231px + 10px) !important; }
  body.homepage-concept.concept-b .hero .stat-strip .item:nth-child(2) { transform:translateX(-20px) !important; }
}

/* B11 — mobile top seam correction, same original artwork, no image generation. */
@media (max-width:600px) {
  /* Remove the thin separating nav rule and harmonize both background colors. */
  body.homepage-concept.concept-b .site-nav {border-bottom:0!important;}
  body.homepage-concept.concept-b .hero {
    background:linear-gradient(180deg,#09081f 0px,#0b0b24 105px)!important;
  }
  /* Long, gradual vertical fade only. Keep all original colors and side edges intact. */
  body.homepage-concept.concept-b .hero::before {
    -webkit-mask-image:linear-gradient(to bottom,
      transparent 0%, rgba(0,0,0,.015) 6%, rgba(0,0,0,.09) 13%,
      rgba(0,0,0,.32) 22%,rgba(0,0,0,.64) 31%,
      rgba(0,0,0,.91) 40%, #000 48%,#000 65%,
      rgba(0,0,0,.82) 75%,rgba(0,0,0,.23) 88%,transparent 100%)!important;
    mask-image:linear-gradient(to bottom,
      transparent 0%, rgba(0,0,0,.015) 6%, rgba(0,0,0,.09) 13%,
      rgba(0,0,0,.32) 22%,rgba(0,0,0,.64) 31%,
      rgba(0,0,0,.91) 40%, #000 48%,#000 65%,
      rgba(0,0,0,.82) 75%,rgba(0,0,0,.23) 88%,transparent 100%)!important;
  }
}

/* B12-2: restore original painted stars, keep top seam invisible. Mobile only. */
@media(max-width:600px){
 body.homepage-concept.concept-b .hero::before{
-webkit-mask-image:linear-gradient(to bottom,transparent 0%, rgba(0,0,0,.20) 5%, rgba(0,0,0,.52) 10%,rgba(0,0,0,.82) 16%,#000 22%,#000 65%,rgba(0,0,0,.82) 75%,rgba(0,0,0,.23) 88%,transparent 100%)!important;
mask-image:linear-gradient(to bottom,transparent 0%, rgba(0,0,0,.20) 5%, rgba(0,0,0,.52) 10%,rgba(0,0,0,.82) 16%,#000 22%,#000 65%,rgba(0,0,0,.82) 75%,rgba(0,0,0,.23) 88%,transparent 100%)!important;
}
}