/* =====================================================================
   SOCIAL MEDIA MANAGEMENT — page-specific styles
   Reuses tokens + chrome from styles.css (:root, .mp-sec, .mp-kicker,
   .mp-title, .mp-grad, .nh-btn, .wd-cta). Everything here is namespaced
   .sm-* so it cannot leak into other pages.
   ===================================================================== */

/* ---- shared centered section header (page-scoped) ---- */
.sm-head{text-align:center;max-width:46rem;margin:0 auto clamp(1.6rem,4vh,2.6rem)}
.sm-head .mp-kicker{margin-left:auto;margin-right:auto}
.sm-head__title{font-size:clamp(1.7rem,3.6vw,2.9rem);margin-bottom:.5rem}
.sm-head__sub{font-size:clamp(.86rem,1.3vw,1rem);line-height:1.6;color:var(--muted);font-weight:300;margin:.4rem auto 0;max-width:40rem}

/* leading icon inside nh buttons (defined here since website-design.css isn't loaded on this page) */
.nh-btn__lead{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* =====================================================================
   1 · HERO
   ===================================================================== */
.sm-hero{position:relative;z-index:1;min-height:100svh;display:flex;align-items:center;overflow:hidden;
  padding:calc(var(--navh) + 3vh) clamp(1.2rem,5vw,5rem) 5vh}
.sm-hero__inner{position:relative;z-index:3;width:100%;max-width:1100px;margin:0 auto;text-align:center}
.sm-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.42rem .95rem;border-radius:999px;margin-bottom:1.3rem;
  border:1px solid rgba(168,85,247,.42);background:rgba(168,85,247,.06);
  font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:#cdc6e0}
.sm-badge i{width:7px;height:7px;border-radius:50%;flex:0 0 auto;background:linear-gradient(135deg,#ff2e9a,#a855f7);
  box-shadow:0 0 8px rgba(168,85,247,.9)}
.sm-hero__title{font-size:clamp(2.2rem,7vw,4.4rem);line-height:1;font-weight:200;text-transform:uppercase;
  letter-spacing:.02em;color:#fff;margin:0 0 1.2rem}
.sm-hero__title b{font-weight:600;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sm-hero__lead{max-width:46rem;margin:0 auto 1.9rem;font-size:clamp(.95rem,1.6vw,1.16rem);line-height:1.7;
  color:var(--muted);font-weight:300}
.sm-hero__cta{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center}

/* floating glass feed cards — generic, decorative only (aria-hidden) */
.sm-hero__field{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.sm-fcard{position:absolute;border-radius:14px;padding:.7rem .85rem;
  background:linear-gradient(158deg,rgba(24,16,42,.78),rgba(12,9,22,.72));
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(168,85,247,.3);box-shadow:0 26px 54px -28px rgba(70,25,150,.7),inset 0 1px 0 rgba(255,255,255,.06);
  animation:sm-bob 7s ease-in-out infinite}
.sm-fcard__row{display:flex;align-items:center;gap:.5rem}
.sm-fcard__av{width:26px;height:26px;border-radius:50%;flex:0 0 auto;
  background:conic-gradient(from 180deg,#ff2e9a,#a855f7,#3b82f6,#ff2e9a)}
.sm-fcard__lines{display:flex;flex-direction:column;gap:.28rem}
.sm-fcard__lines i{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.22)}
.sm-fcard__lines i:nth-child(1){width:54px}
.sm-fcard__lines i:nth-child(2){width:34px;background:rgba(255,255,255,.13)}
.sm-fcard__metric{display:flex;align-items:baseline;gap:.4rem;font-weight:600;color:#fff}
.sm-fcard__metric b{font-size:1.15rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sm-fcard__metric span{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:#9a93b3;font-weight:600}
.sm-fcard__ico{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;
  border:1px solid rgba(168,85,247,.42);background:linear-gradient(150deg,rgba(168,85,247,.2),rgba(255,46,154,.08));color:#e0a8ff}
.sm-fcard__ico svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sm-fcard--1{left:3%;top:16%;animation-delay:0s}
.sm-fcard--2{right:4%;top:12%;animation-delay:-1.4s}
.sm-fcard--3{left:6%;bottom:14%;animation-delay:-2.6s}
.sm-fcard--4{right:5%;bottom:18%;animation-delay:-3.8s}
@keyframes sm-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* =====================================================================
   2 · SUB-SERVICES GRID
   ===================================================================== */
.sm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.1rem;max-width:1180px;margin:0 auto}
.sm-svc{position:relative;display:flex;flex-direction:column;border-radius:18px;padding:1.6rem 1.5rem;overflow:hidden;
  border:1px solid rgba(168,85,247,.22);background:linear-gradient(180deg,rgba(20,16,40,.55),rgba(10,9,22,.42));
  transition:transform .4s var(--ease),border-color .4s,box-shadow .4s}
.sm-svc::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;
  background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .4s}
.sm-svc:hover{transform:translateY(-5px);border-color:rgba(168,85,247,.4);box-shadow:0 24px 54px -28px rgba(120,40,210,.7)}
.sm-svc:hover::before{opacity:1}
.sm-svc__ico{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:13px;margin-bottom:1rem;
  border:1px solid rgba(168,85,247,.4);background:linear-gradient(150deg,rgba(168,85,247,.22),rgba(255,46,154,.08));color:#e0a8ff;
  box-shadow:inset 0 0 16px -6px rgba(168,85,247,.6)}
.sm-svc__ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sm-svc h3{font-size:1.12rem;font-weight:600;color:#fff;margin:0 0 .55rem;letter-spacing:.01em}
.sm-svc p{font-size:.9rem;line-height:1.62;color:var(--muted);font-weight:300;margin:0}

/* =====================================================================
   3 · PROCESS
   ===================================================================== */
.sm-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.1rem;max-width:1180px;margin:0 auto;
  counter-reset:sm-step}
.sm-step{position:relative;border-radius:16px;padding:1.5rem 1.4rem 1.4rem;
  border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(18,14,34,.5),rgba(10,9,22,.4))}
.sm-step__no{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;margin-bottom:.9rem;
  font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,rgba(255,46,154,.9),rgba(168,85,247,.9));
  box-shadow:0 0 26px -8px rgba(168,85,247,.9)}
.sm-step h3{font-size:1.02rem;font-weight:600;color:#fff;margin:0 0 .45rem}
.sm-step p{font-size:.86rem;line-height:1.6;color:var(--muted);font-weight:300;margin:0}

/* =====================================================================
   4 · WHY / DELIVERABLES
   ===================================================================== */
.sm-why__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,3.2rem);align-items:center;
  max-width:1180px;margin:0 auto}
.sm-why__copy h2{font-size:clamp(1.7rem,3.6vw,2.7rem);line-height:1.05;font-weight:200;text-transform:uppercase;
  letter-spacing:.02em;color:#fff;margin:0 0 1.1rem}
.sm-why__copy h2 b{font-weight:600;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sm-why__copy p{font-size:.96rem;line-height:1.72;color:var(--muted);font-weight:300;margin:0 0 1.6rem;max-width:34rem}
.sm-why__points{list-style:none;display:grid;gap:.9rem;margin:0;padding:0}
.sm-why__point{display:flex;gap:.8rem;align-items:flex-start}
.sm-why__pico{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;flex:0 0 auto;margin-top:.1rem;
  background:linear-gradient(135deg,rgba(255,46,154,.2),rgba(168,85,247,.18));color:#e0a8ff;border:1px solid rgba(168,85,247,.4)}
.sm-why__pico svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sm-why__point span{font-size:.9rem;line-height:1.55;color:#c7c3da;font-weight:300}
.sm-why__point b{color:#fff;font-weight:600}

/* deliverables panel */
.sm-deliver{border-radius:20px;padding:1.7rem 1.6rem;
  border:1px solid rgba(168,85,247,.28);background:linear-gradient(160deg,rgba(26,18,46,.6),rgba(12,9,22,.5));
  box-shadow:0 30px 70px -34px rgba(90,30,180,.7)}
.sm-deliver__h{font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:#b9a3ff;margin:0 0 1.1rem}
.sm-deliver__list{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;gap:.7rem}
.sm-deliver__list li{position:relative;padding-left:1.6rem;font-size:.9rem;line-height:1.5;color:#c7c3da;font-weight:300}
.sm-deliver__list li::before{content:"";position:absolute;left:0;top:.32em;width:14px;height:14px;border-radius:50%;
  background:var(--grad);box-shadow:0 0 10px -2px rgba(168,85,247,.8)}
.sm-deliver__stats{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.sm-deliver__stat{border-radius:12px;padding:.85rem .9rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.sm-deliver__stat b{display:block;font-size:1.2rem;font-weight:600;background:var(--grad);
  -webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}
.sm-deliver__stat span{display:block;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#9a93b3;font-weight:600;margin-top:.2rem}

/* =====================================================================
   5 · PACKAGES
   ===================================================================== */
.sm-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.1rem;max-width:1180px;margin:0 auto}
.sm-tier{position:relative;display:flex;flex-direction:column;border-radius:18px;padding:1.7rem 1.5rem;overflow:hidden;
  border:1px solid rgba(168,85,247,.24);background:linear-gradient(180deg,rgba(20,16,40,.55),rgba(10,9,22,.42));
  transition:transform .4s var(--ease),box-shadow .4s,border-color .4s}
.sm-tier:hover{transform:translateY(-5px);border-color:rgba(168,85,247,.45);box-shadow:0 26px 56px -28px rgba(120,40,210,.7)}
.sm-tier--feat{border-color:rgba(255,46,154,.55)}
.sm-tier--feat::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--grad)}
.sm-tier__tag{position:absolute;top:1rem;right:1rem;font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;
  font-weight:700;color:#fff;padding:.3rem .6rem;border-radius:999px;background:linear-gradient(95deg,#ff2e9a,#a855f7)}
.sm-tier__label{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .5rem;letter-spacing:.01em}
.sm-tier__price{font-size:2rem;font-weight:600;background:var(--grad);-webkit-background-clip:text;background-clip:text;
  color:transparent;line-height:1;margin:0 0 .25rem}
.sm-tier__per{font-size:.78rem;color:#8a87a0;font-weight:400}
.sm-tier__desc{font-size:.82rem;line-height:1.5;color:var(--muted);font-weight:300;margin:.5rem 0 1.1rem}
.sm-tier__list{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;gap:.5rem}
.sm-tier__list li{position:relative;padding-left:1.4rem;font-size:.86rem;line-height:1.5;color:#c7c3da;font-weight:300}
.sm-tier__list li::before{content:"\2713";position:absolute;left:0;top:0;color:#b9a3ff;font-weight:700}
.sm-tier__btn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.85rem 1.4rem;border-radius:10px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  color:#fff;background:linear-gradient(95deg,#ff2e9a,#a855f7 55%,#3b82f6);
  box-shadow:0 14px 36px -14px rgba(168,85,247,.8);transition:transform .3s var(--ease),box-shadow .3s}
.sm-tier__btn:hover{transform:translateY(-2px);box-shadow:0 20px 46px -14px rgba(168,85,247,.95)}
.sm-price-note{text-align:center;color:var(--dim);font-size:.9rem;margin:1.6rem auto 0;max-width:40rem}
.sm-price-note a{color:#b9a3ff}

/* =====================================================================
   6 · FAQ
   ===================================================================== */
.sm-faq{display:grid;gap:.8rem;max-width:52rem;margin:0 auto}
.sm-faq__item{border-radius:14px;border:1px solid rgba(255,255,255,.09);overflow:hidden;
  background:linear-gradient(180deg,rgba(18,14,34,.5),rgba(10,9,22,.4))}
.sm-faq__item[open]{border-color:rgba(168,85,247,.4)}
.sm-faq__q{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.1rem 1.3rem;font-size:.98rem;font-weight:600;color:#fff}
.sm-faq__q::-webkit-details-marker{display:none}
.sm-faq__q::after{content:"";flex:0 0 auto;width:11px;height:11px;border-right:2px solid #b9a3ff;border-bottom:2px solid #b9a3ff;
  transform:rotate(45deg);transition:transform .3s var(--ease);margin-right:.2rem}
.sm-faq__item[open] .sm-faq__q::after{transform:rotate(-135deg)}
.sm-faq__a{padding:0 1.3rem 1.2rem;font-size:.9rem;line-height:1.68;color:var(--muted);font-weight:300;margin:0}

/* =====================================================================
   4.5 · GROWTH — signature moment (count-up metrics + rising phone feed)
   Compositor-only motion (transform/opacity). Numbers are real in the HTML
   so they read correctly with no JS / reduced-motion; js/social-media.js
   only animates the count when motion is allowed.
   ===================================================================== */
.sm-growth{position:relative;z-index:1}
.sm-growth__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.6rem,5vw,4rem);
  align-items:center;max-width:1180px;margin:0 auto}

.sm-growth__copy .mp-kicker{display:inline-block}
.sm-growth__title{font-size:clamp(1.7rem,3.6vw,2.9rem);margin:.2rem 0 .7rem}
.sm-growth__sub{font-size:clamp(.9rem,1.4vw,1.04rem);line-height:1.7;color:var(--muted);font-weight:300;
  margin:0 0 1.6rem;max-width:34rem}
.sm-growth__note{font-size:.72rem;line-height:1.5;color:var(--dim);font-weight:300;margin:1.3rem 0 0;max-width:30rem}

/* count-up metric tiles (children of a [data-reveal-stagger] container) */
.sm-stats{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.sm-stat{position:relative;border-radius:14px;padding:1.1rem 1.15rem;overflow:hidden;
  border:1px solid rgba(168,85,247,.24);background:linear-gradient(165deg,rgba(24,17,44,.6),rgba(11,9,22,.46));
  box-shadow:0 22px 50px -34px rgba(110,40,200,.65)}
.sm-stat::before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:var(--grad);opacity:.55}
.sm-stat__num{display:block;font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:600;line-height:1;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
  font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.sm-stat__label{display:block;margin-top:.5rem;font-size:.74rem;line-height:1.4;color:#a9a3c2;font-weight:400}

/* rising mock-phone feed (decorative, aria-hidden) — parallax via --p */
.sm-phone{position:relative;justify-self:center;width:min(280px,80vw);
  /* gentle compositor-only rise as the section crosses the viewport */
  transform:translateY(calc((.5 - var(--p,.5)) * 36px));will-change:transform}
.sm-phone__frame{position:relative;z-index:2;border-radius:34px;padding:12px;
  background:linear-gradient(160deg,rgba(30,21,52,.92),rgba(13,10,24,.92));
  border:1px solid rgba(168,85,247,.4);
  box-shadow:0 50px 90px -40px rgba(90,30,180,.85),inset 0 1px 0 rgba(255,255,255,.07)}
.sm-phone__notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:84px;height:18px;
  border-radius:0 0 12px 12px;background:rgba(8,6,16,.9);z-index:3}
.sm-phone__screen{position:relative;border-radius:24px;overflow:hidden;padding:1rem .85rem;
  background:linear-gradient(180deg,rgba(10,8,20,.96),rgba(16,11,30,.96));min-height:380px}
.sm-phone__bar{display:flex;align-items:center;gap:.55rem;margin:.9rem 0 1rem}
.sm-phone__av{width:34px;height:34px;border-radius:50%;flex:0 0 auto;
  background:conic-gradient(from 200deg,#ff2e9a,#a855f7,#3b82f6,#ff2e9a)}
.sm-phone__handle{display:flex;flex-direction:column;gap:.3rem;flex:1 1 auto}
.sm-phone__handle i{display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.2)}
.sm-phone__handle i:nth-child(1){width:62%}
.sm-phone__handle i:nth-child(2){width:38%;background:rgba(255,255,255,.11)}
.sm-phone__verified{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;flex:0 0 auto;
  background:linear-gradient(135deg,#ff2e9a,#a855f7);color:#fff}
.sm-phone__verified svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

.sm-phone__feed{display:grid;gap:.7rem}
.sm-post{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03)}
.sm-post__media{position:relative;aspect-ratio:16/10;display:grid;place-items:center}
.sm-post__media--a{background:linear-gradient(135deg,rgba(255,46,154,.5),rgba(168,85,247,.4))}
.sm-post__media--b{background:linear-gradient(135deg,rgba(59,130,246,.45),rgba(168,85,247,.4))}
.sm-post__media--c{background:linear-gradient(135deg,rgba(168,85,247,.5),rgba(255,46,154,.35))}
.sm-post__play{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;
  background:rgba(8,6,16,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  border:1px solid rgba(255,255,255,.4)}
.sm-post__play svg{width:18px;height:18px;fill:#fff;transform:translateX(1px)}
.sm-post__meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .7rem}
.sm-post__chip{font-size:.62rem;letter-spacing:.06em;font-weight:600;color:#fff;
  padding:.22rem .55rem;border-radius:999px;background:linear-gradient(95deg,#ff2e9a,#a855f7)}
.sm-post__dots{display:flex;gap:.3rem}
.sm-post__dots i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.28)}

.sm-phone__glow{position:absolute;inset:8% 6%;z-index:1;border-radius:40px;pointer-events:none;
  background:radial-gradient(60% 50% at 50% 30%,rgba(168,85,247,.4),transparent 70%);filter:blur(34px)}

/* hero floating-card field: subtle scrub parallax (drifts as you scroll past) */
.sm-hero__field{transform:translateY(calc(var(--p,0) * -34px));will-change:transform}

/* deliverables stat tiles: gentle parallax rise inside the Why panel */
.sm-deliver__stats{transform:translateY(calc((.5 - var(--p,.5)) * 22px));will-change:transform}

/* kill parallax for reduced-motion users (numbers/cards already static) */
@media (prefers-reduced-motion:reduce){
  .sm-phone,.sm-hero__field,.sm-deliver__stats{transform:none!important}
}

/* =====================================================================
   7 · RELATED SERVICES
   ===================================================================== */
.sm-rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.1rem;max-width:1100px;margin:0 auto}
.sm-rel{position:relative;display:flex;flex-direction:column;border-radius:16px;padding:1.5rem;overflow:hidden;
  border:1px solid rgba(168,85,247,.22);background:linear-gradient(180deg,rgba(20,16,40,.55),rgba(10,9,22,.42));
  transition:transform .4s var(--ease),border-color .4s,box-shadow .4s}
.sm-rel:hover{transform:translateY(-5px);border-color:rgba(168,85,247,.42);box-shadow:0 22px 50px -28px rgba(120,40,210,.7)}
.sm-rel__ico{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;margin-bottom:.9rem;
  border:1px solid rgba(168,85,247,.4);background:linear-gradient(150deg,rgba(168,85,247,.2),rgba(255,46,154,.08));color:#e0a8ff}
.sm-rel__ico svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sm-rel h3{font-size:1.05rem;font-weight:600;color:#fff;margin:0 0 .4rem}
.sm-rel p{font-size:.86rem;line-height:1.55;color:var(--muted);font-weight:300;margin:0 0 1rem}
.sm-rel__link{margin-top:auto;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:#d6a3ff;
  display:inline-flex;align-items:center;gap:.4rem;transition:gap .3s var(--ease)}
.sm-rel:hover .sm-rel__link{gap:.7rem}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media (max-width:860px){
  .sm-why__grid{grid-template-columns:1fr;gap:2rem}
  .sm-why__copy p{max-width:none}
  .sm-growth__inner{grid-template-columns:1fr;gap:2.4rem}
  .sm-growth__copy{order:1}
  .sm-phone{order:2;transform:none}
  .sm-growth__sub{max-width:none}
}
@media (max-width:600px){
  .sm-fcard--3,.sm-fcard--4{display:none}
  .sm-hero__cta .nh-btn{flex:1 1 auto}
  .sm-deliver__stats{grid-template-columns:1fr}
}