/* SS Masala About Us — ported from the Elementor HTML block (page 7960). Scoped to .ss-about-page. */
/* ============================================================
   SS MASALA  ABOUT US   (scoped to .ss-about-page)
   Theme matched to SS Masala homepage:
   deep red backgrounds, serif display + clean sans body,
   subtle grid texture, yellow/green micro-accents,
   floating pill tags, green rounded badges, yellow buttons.
   ============================================================ */
.ss-about-page{
  --ss-red:#DD3333;
  --ss-red-deep:#C62828;
  --ss-red-soft:#E24B3B;
  --ss-orange:#DD5933;
  --ss-yellow:#FFCC00;
  --ss-green:#9DC81D;
  --ss-green-deep:#7DA713;
  --ss-ink:#1E2A3A;
  --ss-grey:#9D9D9D;
  --ss-bg:#F8F8F8;
  --ss-white:#FFFFFF;
  --ss-line:rgba(30,42,58,.10);
  --ss-shadow:0 24px 60px -22px rgba(30,42,58,.22);
  --ss-shadow-sm:0 12px 32px -16px rgba(30,42,58,.30);
  --ss-shadow-red:0 26px 60px -26px rgba(198,40,40,.65);
  --ss-radius:20px;
  --ss-ease:cubic-bezier(.2,.7,.2,1);
  --ss-sans:"Poppins","Montserrat","Segoe UI",Helvetica,Arial,sans-serif;

  position:relative;
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  overflow-x:clip;
  background:var(--ss-white);
  color:var(--ss-ink);
  font-family:var(--ss-sans);
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
}
.ss-about-page *,
.ss-about-page *::before,
.ss-about-page *::after{box-sizing:border-box;}
.ss-about-page{margin-top:0 !important;}
.ss-about-page > section:first-child{margin-top:0 !important;}

.ss-about-page .ss-wrap{
  width:100%;
  max-width:1400px;
  margin:0 auto;
  padding:0 clamp(18px,4vw,48px);
}

/* display face: geometric sans matching SS Masala site (Poppins-style) */
.ss-about-page .ss-serif{
  font-family:"Poppins","Montserrat",var(--ss-sans);
  font-weight:800;letter-spacing:-.01em;}

/* --- shared bits --- */
.ss-about-page .ss-eyebrow{
  display:inline-flex;align-items:center;gap:.65rem;
  font-size:clamp(11px,1.05vw,13px);
  font-weight:700;letter-spacing:.24em;text-transform:uppercase;
  margin:0 0 1.1rem;color:var(--ss-red);
}
.ss-about-page .ss-eyebrow.ss-on-red{color:var(--ss-yellow);}

/* bold sans heading with green square (theme: "Our Spices.") */
.ss-about-page .ss-heading{
  font-size:clamp(30px,5vw,58px);font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--ss-ink);margin:0;
}
.ss-about-page .ss-heading .ss-sq{display:inline-block;width:.28em;height:.28em;background:var(--ss-green);margin-left:.12em;vertical-align:baseline;border-radius:2px;}
.ss-about-page .ss-heading.ss-on-red{color:#fff;}
.ss-about-page .ss-red-word{color:var(--ss-red);}
.ss-about-page .ss-lead{font-size:clamp(15px,1.35vw,18px);color:#4b5563;max-width:56ch;}

/* reveal */
.ssm-js .ss-about-page .ss-rev{opacity:0;transform:translateY(32px);transition:opacity .9s var(--ss-ease),transform .9s var(--ss-ease);will-change:opacity,transform;}
.ss-about-page .ss-rev.ss-in{opacity:1;transform:none;}
.ss-about-page .ss-dly1{transition-delay:.08s;}
.ss-about-page .ss-dly2{transition-delay:.16s;}
.ss-about-page .ss-dly3{transition-delay:.24s;}

/* grid texture used on red sections */
.ss-about-page .ss-gridtex{
  position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:64px 64px;
}

/* ============================================================
   SECTION 1  HERO  (red, serif headline like homepage)
   ============================================================ */
.ss-about-page .ss-hero{
  position:relative;overflow:hidden;color:#fff;margin-top:0;
  padding:clamp(40px,5.5vw,84px) 0 clamp(48px,6.5vw,96px);
  background:
    radial-gradient(120% 120% at 85% 0%,#E24B3B 0%,#DD3333 42%,#C62828 100%);
}
.ss-about-page .ss-hero .ss-hero-ring{
  position:absolute;top:-8%;right:-6%;width:min(56vw,640px);aspect-ratio:1;border-radius:50%;
  border:1px dashed rgba(255,255,255,.28);pointer-events:none;
}
.ss-about-page .ss-hero .ss-hero-ring::after{content:"";position:absolute;inset:12%;border-radius:50%;border:1px dashed rgba(255,255,255,.16);}
.ss-about-page .ss-hero-center{position:relative;z-index:2;max-width:1180px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;}
.ss-about-page .ss-hero-badge-top{display:inline-flex;align-items:center;gap:.55rem;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fff;margin-bottom:1.2rem;}
.ss-about-page .ss-hero-title{
  font-size:clamp(40px,7vw,88px);line-height:.98;margin:0 0 1.4rem;color:#fff;
}
.ss-about-page .ss-hero-title .ss-l{display:block;overflow:hidden;}
.ss-about-page .ss-hero-title .ss-l>span{display:block;transform:translateY(106%);transition:transform 1s var(--ss-ease);}
.ss-about-page .ss-hero.ss-in .ss-hero-title .ss-l>span{transform:none;}
.ss-about-page .ss-hero.ss-in .ss-hero-title .ss-l:nth-child(2)>span{transition-delay:.12s;}
.ss-about-page .ss-hero-title em{font-style:italic;color:var(--ss-yellow);}
.ss-about-page .ss-hero-copy{max-width:80ch;color:rgba(255,255,255,.9);font-size:clamp(15px,1.4vw,18px);margin:0 0 2rem;}
.ss-about-page .ss-hero-tags{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;}
.ss-about-page .ss-tag{
  display:inline-flex;align-items:center;gap:.6rem;background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.6rem 1.1rem;backdrop-filter:blur(4px);text-align:left;
}
.ss-about-page .ss-tag b{font-size:13px;font-weight:700;color:#fff;line-height:1.1;}
.ss-about-page .ss-tag small{display:block;font-size:11px;color:rgba(255,255,255,.75);}
.ss-about-page .ss-tag i{width:9px;height:9px;border-radius:50%;background:#fff;flex:0 0 auto;}
.ss-about-page .ss-tag i.y{background:var(--ss-yellow);}
.ss-about-page .ss-tag i.g{background:var(--ss-green);}

/* ============================================================
   SECTION 2  TIMELINE / HERITAGE (light, grid texture faint)
   ============================================================ */
.ss-about-page .ss-story{position:relative;overflow:hidden;background:var(--ss-bg);padding:clamp(58px,8vw,112px) 0;}
.ss-about-page .ss-ghost{
  position:absolute;top:-4%;right:-1%;font-weight:800;line-height:.8;letter-spacing:-.04em;
  font-size:clamp(150px,26vw,360px);color:rgba(221,51,51,.06);pointer-events:none;user-select:none;
  font-family:var(--ss-sans);
}
.ss-about-page .ss-story-head{position:relative;z-index:1;max-width:62ch;margin-bottom:clamp(34px,5vw,60px);}
.ss-about-page .ss-timeline{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2vw,28px);}
.ss-about-page .ss-timeline::before{content:"";position:absolute;top:19px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--ss-red),rgba(221,51,51,.2));border-radius:2px;}
.ss-about-page .ss-tl{position:relative;padding-top:52px;}
.ss-about-page .ss-tl .ss-tl-node{position:absolute;top:9px;left:0;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--ss-red);}
.ss-about-page .ss-tl .ss-tl-node::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--ss-red);transform:scale(0);transition:transform .5s var(--ss-ease);}
.ss-about-page .ss-tl.ss-in .ss-tl-node::after{transform:scale(1);}
.ss-about-page .ss-tl .ss-tl-year{font-size:clamp(20px,2.2vw,28px);font-weight:800;color:var(--ss-ink);margin-bottom:.35rem;}
.ss-about-page .ss-tl .ss-tl-txt{font-size:14px;color:#4b5563;}

/* ============================================================
   SECTION 3  VISION + BRAND STORY (white editorial)
   ============================================================ */
.ss-about-page .ss-brand{position:relative;overflow:hidden;background:var(--ss-white);padding:clamp(58px,8vw,112px) 0;}
.ss-about-page .ss-brand::before{
  content:"";position:absolute;top:50%;right:-6%;transform:translateY(-50%);
  width:min(46vw,560px);aspect-ratio:1;pointer-events:none;z-index:0;
  background:url("/wp-content/uploads/2026/07/Untitled-design-6.png") no-repeat center/contain;
  opacity:.12;
}
.ss-about-page .ss-brand .ss-wrap{position:relative;z-index:1;}
.ss-about-page .ss-brand-center{max-width:1000px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;}
.ss-about-page .ss-brand-copy p{color:#4b5563;font-size:clamp(15px,1.4vw,17px);margin:0 0 1.1rem;}
.ss-about-page .ss-vision-tag{margin-top:1.6rem;display:inline-flex;align-items:center;gap:.7rem;background:rgba(157,200,29,.14);color:var(--ss-green-deep);border-radius:999px;padding:.6rem 1.1rem;font-weight:700;font-size:13px;}
.ss-about-page .ss-vision-tag svg{width:18px;height:18px;}

/* ============================================================
   SECTION 4  PILLARS / BENTO (red section, homepage vibe)
   ============================================================ */
.ss-about-page .ss-pillars{position:relative;overflow:hidden;color:#fff;padding:clamp(40px,5vw,72px) 0;
  background:radial-gradient(120% 120% at 15% 0%,#E24B3B,#DD3333 45%,#C62828 100%);}
.ss-about-page .ss-pillars-head{position:relative;z-index:1;margin-bottom:clamp(20px,2.6vw,34px);}
.ss-about-page .ss-bento{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:clamp(12px,1.3vw,18px);}
.ss-about-page .ss-card{
  position:relative;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);
  border-radius:var(--ss-radius);padding:clamp(18px,2vw,26px);min-height:158px;
  display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;
  transition:transform .5s var(--ss-ease),background .5s var(--ss-ease),border-color .5s var(--ss-ease),box-shadow .5s var(--ss-ease);
  backdrop-filter:blur(2px);
}
.ss-about-page .ss-card:hover{transform:translateY(-6px);background:#fff;border-color:#fff;box-shadow:var(--ss-shadow-red);}
.ss-about-page .ss-card .ss-c-top{display:flex;align-items:flex-start;justify-content:space-between;}
.ss-about-page .ss-card .ss-c-num{font-size:clamp(26px,2.8vw,38px);font-weight:800;line-height:1;letter-spacing:-.02em;color:rgba(255,255,255,.35);font-family:var(--ss-sans);transition:color .5s var(--ss-ease);}
.ss-about-page .ss-card:hover .ss-c-num{color:rgba(221,51,51,.22);}
.ss-about-page .ss-card .ss-c-ico{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.16);color:#fff;display:grid;place-items:center;flex:0 0 auto;transition:background .5s var(--ss-ease),color .5s var(--ss-ease);}
.ss-about-page .ss-card .ss-c-ico svg{width:20px;height:20px;}
.ss-about-page .ss-card:hover .ss-c-ico{background:rgba(221,51,51,.12);color:var(--ss-red);}
.ss-about-page .ss-card h3{font-size:clamp(17px,1.7vw,21px);font-weight:800;color:#fff;margin:.9rem 0 .4rem;letter-spacing:-.01em;transition:color .5s var(--ss-ease);}
.ss-about-page .ss-card p{color:rgba(255,255,255,.82);font-size:13.5px;line-height:1.5;margin:0;transition:color .5s var(--ss-ease);}
.ss-about-page .ss-card:hover h3{color:var(--ss-ink);}
.ss-about-page .ss-card:hover p{color:#4b5563;}
.ss-about-page .ss-card.g:hover .ss-c-ico{background:rgba(157,200,29,.18);color:var(--ss-green-deep);}
.ss-about-page .ss-card.c1{grid-column:span 1;}
.ss-about-page .ss-card.c2{grid-column:span 1;}
.ss-about-page .ss-card.c3{grid-column:span 1;}
.ss-about-page .ss-card.c4{grid-column:span 1;}

/* ============================================================
   SECTION 5  QUALITY PROMISE (light)
   ============================================================ */
.ss-about-page .ss-promise{background:var(--ss-white);padding:clamp(58px,8vw,112px) 0;}
.ss-about-page .ss-promise-head{margin:0 auto clamp(34px,5vw,58px);max-width:960px;text-align:center;}
.ss-about-page .ss-promise-head .ss-lead{margin-left:auto;margin-right:auto;}
.ss-about-page .ss-promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);}
.ss-about-page .ss-pr{position:relative;padding:clamp(24px,2.6vw,34px);border-radius:var(--ss-radius);background:var(--ss-bg);border:1px solid var(--ss-line);transition:transform .5s var(--ss-ease),box-shadow .5s var(--ss-ease);}
.ss-about-page .ss-pr:hover{transform:translateY(-6px);box-shadow:var(--ss-shadow);}
.ss-about-page .ss-pr .ss-pr-num{font-size:14px;font-weight:800;letter-spacing:.18em;color:var(--ss-red);font-family:var(--ss-sans);}
.ss-about-page .ss-pr h3,.ss-about-page .ss-pr h4{font-size:clamp(18px,2vw,24px);font-weight:800;color:var(--ss-ink);margin:.5rem 0 1.1rem;letter-spacing:-.01em;}
.ss-about-page .ss-pr .ss-pr-track{height:5px;border-radius:5px;background:rgba(30,42,58,.10);overflow:hidden;}
.ss-about-page .ss-pr .ss-pr-fill{display:block;height:100%;width:0;border-radius:5px;background:linear-gradient(90deg,var(--ss-red),var(--ss-yellow));transition:width 1.3s var(--ss-ease);}
.ss-about-page .ss-pr.ss-in .ss-pr-fill{width:var(--w,100%);}

/* ============================================================
   SECTION 6  WHY SS MASALA (light editorial rows)
   ============================================================ */
.ss-about-page .ss-why{background:var(--ss-bg);padding:clamp(58px,8vw,112px) 0;}
.ss-about-page .ss-why-head{margin-bottom:clamp(28px,4vw,48px);}
.ss-about-page .ss-why-list{border-top:1px solid var(--ss-line);}
.ss-about-page .ss-why-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(16px,3vw,40px);
  padding:clamp(20px,2.6vw,34px) 0;border-bottom:1px solid var(--ss-line);transition:padding-left .4s var(--ss-ease);}
.ss-about-page .ss-why-row .ss-w-num{font-size:clamp(22px,2.6vw,34px);font-weight:800;color:rgba(30,42,58,.22);font-family:var(--ss-sans);transition:color .4s var(--ss-ease),transform .4s var(--ss-ease);}
.ss-about-page .ss-why-row .ss-w-title{font-size:clamp(19px,2.4vw,30px);font-weight:800;letter-spacing:-.01em;color:var(--ss-ink);}
.ss-about-page .ss-why-row .ss-w-mark{width:12px;height:12px;border-radius:50%;background:var(--ss-line);transition:background .4s var(--ss-ease),transform .4s var(--ss-ease);}
.ss-about-page .ss-why-row:hover{padding-left:clamp(8px,1.4vw,20px);}
.ss-about-page .ss-why-row:hover .ss-w-num{color:var(--ss-red);transform:scale(1.16);}
.ss-about-page .ss-why-row:hover .ss-w-mark{background:var(--ss-red);transform:scale(1.4);}

/* ============================================================
   SECTION 7  BIG STATEMENT (red, serif, grid)
   ============================================================ */
.ss-about-page .ss-statement{position:relative;overflow:hidden;text-align:center;color:#fff;
  padding:clamp(72px,11vw,150px) 0;background:radial-gradient(120% 120% at 50% 0%,#E24B3B,#DD3333 50%,#C62828 100%);}
.ss-about-page .ss-statement .ss-stmt-grid{position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:52px 52px;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000,transparent 78%);mask-image:radial-gradient(circle at 50% 50%,#000,transparent 78%);}
.ss-about-page .ss-stmt-txt{position:relative;z-index:1;font-size:clamp(32px,7vw,90px);line-height:1;margin:0;color:#fff;}
.ss-about-page .ss-stmt-txt .ss-l{display:block;overflow:hidden;}
.ss-about-page .ss-stmt-txt .ss-l>span{display:block;transform:translateY(106%);transition:transform 1s var(--ss-ease);}
.ss-about-page .ss-statement.ss-in .ss-stmt-txt .ss-l>span{transform:none;}
.ss-about-page .ss-statement.ss-in .ss-stmt-txt .ss-l:nth-child(2)>span{transition-delay:.14s;}
.ss-about-page .ss-stmt-txt em{font-style:italic;color:var(--ss-yellow);}

/* ============================================================
   SECTION 8  CTA (light, yellow + white buttons like homepage)
   ============================================================ */
.ss-about-page .ss-cta{background:var(--ss-white);padding:clamp(58px,8vw,112px) 0;}
.ss-about-page .ss-cta-card{position:relative;overflow:hidden;border-radius:clamp(22px,3vw,34px);color:#fff;text-align:center;
  padding:clamp(40px,6vw,80px);background:radial-gradient(120% 140% at 80% 0%,#E24B3B,#DD3333 45%,#C62828 100%);box-shadow:var(--ss-shadow-red);}
.ss-about-page .ss-cta-card .ss-cta-grid{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:56px 56px;}
.ss-about-page .ss-cta-card::before{content:"";position:absolute;top:-30%;right:-8%;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,204,0,.32),transparent 65%);pointer-events:none;}
.ss-about-page .ss-cta-card h2{position:relative;z-index:1;font-size:clamp(30px,5vw,60px);line-height:1.02;margin:0 auto 1rem;max-width:18ch;color:#fff;}
.ss-about-page .ss-cta-card p{position:relative;z-index:1;color:rgba(255,255,255,.9);font-size:clamp(15px,1.5vw,19px);margin:0 auto 2.2rem;max-width:52ch;}
.ss-about-page .ss-cta-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;}
.ss-about-page .ss-btn{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 1.9rem;border-radius:999px;font-weight:700;font-size:14px;letter-spacing:.05em;text-decoration:none;text-transform:uppercase;cursor:pointer;border:2px solid transparent;
  transition:transform .35s var(--ss-ease),box-shadow .35s var(--ss-ease),background .35s var(--ss-ease),color .35s var(--ss-ease);}
.ss-about-page .ss-btn svg{width:16px;height:16px;transition:transform .35s var(--ss-ease);}
.ss-about-page .ss-btn-yellow{background:var(--ss-yellow);color:var(--ss-ink);}
.ss-about-page .ss-btn-yellow:hover{transform:translateY(-3px);box-shadow:0 16px 30px -12px rgba(0,0,0,.35);}
.ss-about-page .ss-btn-yellow:hover svg{transform:translateX(4px);}
.ss-about-page .ss-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6);}
.ss-about-page .ss-btn-ghost:hover{transform:translateY(-3px);background:rgba(255,255,255,.12);border-color:#fff;}

/* keyframes */
@keyframes ss-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}

/* hero subheading, buttons on light sections, 3-card pillars, timeline as a list */
.ss-about-page .ss-hero-kicker{font-size:clamp(17px,1.9vw,23px);font-weight:700;letter-spacing:.03em;color:var(--ss-yellow);margin:-.2rem 0 1.2rem;}
.ss-about-page .ss-brand-actions{margin-top:1.8rem;}
.ss-about-page .ss-btn-red{background:var(--ss-red);color:#fff;}
.ss-about-page .ss-btn-red:hover{background:var(--ss-red-deep);transform:translateY(-3px);box-shadow:0 16px 30px -12px rgba(221,51,51,.45);}
.ss-about-page .ss-btn-red:hover svg{transform:translateX(4px);}
.ss-about-page .ss-btn-outline{background:#fff;color:var(--ss-red);border-color:var(--ss-red);}
.ss-about-page .ss-btn-outline:hover{background:var(--ss-red);color:#fff;transform:translateY(-3px);}
.ss-about-page .ss-bento--3{grid-template-columns:repeat(3,1fr);}
.ss-about-page ol.ss-timeline{list-style:none;margin:0;padding:0;}
.ss-about-page .ss-tl-year{margin:0 0 .35rem;line-height:1.2;}
.ss-about-page .ss-hero-copy+.ss-hero-copy{margin-top:-1rem;}
.ss-about-page .ss-stmt-quote{margin:0;padding:0;border:0;}
/* Room for descenders (g, y, p) inside the slide-up line masks */
.ss-about-page .ss-hero-title .ss-l,.ss-about-page .ss-stmt-txt .ss-l{padding-bottom:.14em;margin-bottom:-.14em;}
.ss-about-page .ss-stmt-quote .ss-stmt-txt{font-size:clamp(24px,4.2vw,54px);line-height:1.15;}
.ss-about-page .ss-stmt-quote .ss-l>span{text-wrap:balance;}

/* focus visible */
.ss-about-page a:focus-visible,.ss-about-page button:focus-visible{outline:3px solid var(--ss-yellow);outline-offset:3px;border-radius:6px;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:992px){
  .ss-about-page .ss-bento{grid-template-columns:repeat(2,1fr);}
  .ss-about-page .ss-card.c1,.ss-about-page .ss-card.c2,.ss-about-page .ss-card.c3,.ss-about-page .ss-card.c4{grid-column:span 1;}
  .ss-about-page .ss-timeline{grid-template-columns:1fr;gap:0;}
  .ss-about-page .ss-timeline::before{top:0;bottom:0;left:10px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,var(--ss-red),rgba(221,51,51,.2));}
  .ss-about-page .ss-tl{padding:0 0 34px 44px;}
  .ss-about-page .ss-tl:last-child{padding-bottom:0;}
  .ss-about-page .ss-tl .ss-tl-node{left:0;top:2px;}
  .ss-about-page .ss-promise-grid{grid-template-columns:1fr;gap:20px;}
  .ss-about-page .ss-bento.ss-bento--3{grid-template-columns:1fr;}
}
@media (max-width:576px){
  .ss-about-page .ss-bento{grid-template-columns:1fr;}
  .ss-about-page .ss-why-row{grid-template-columns:auto 1fr;gap:14px;}
  .ss-about-page .ss-why-row .ss-w-mark{display:none;}
  .ss-about-page .ss-cta-actions{flex-direction:column;}
  .ss-about-page .ss-btn{justify-content:center;}
  .ss-about-page .ss-hero-tags{flex-direction:column;align-items:flex-start;}
}
@media (prefers-reduced-motion:reduce){
  .ss-about-page *{animation:none !important;transition:none !important;}
  .ss-about-page .ss-rev{opacity:1 !important;transform:none !important;}
  .ss-about-page .ss-hero-title .ss-l>span,.ss-about-page .ss-stmt-txt .ss-l>span{transform:none !important;}
  .ss-about-page .ss-tl .ss-tl-node::after{transform:scale(1) !important;}
  .ss-about-page .ss-pr .ss-pr-fill{width:var(--w,100%) !important;}
}