/* ============================================================
 * bento.css — hero-сетка главной (заменяет block-hero.php)
 * Перенесено из тестовой песочницы test.artstudiomsk.ru
 * 2026-05-13
 * ============================================================ */

/* ===== токены / шрифты ===== */
.bento{
  --bg:#0a0a0a;
  --cream:#f4f0e6;
  --paper:#efe9dd;
  --warm:#e8e4d8;
  --d1:#14140f;
  --d2:#1c1815;
  --d3:#0e0c08;
  --ink:#0a0a0a;
  --light:#f4f0e6;
  --orange:#ff8a3d;
  --acid:#c4f08c;
  --fuchsia:#ff45a3;
  --border-dark:rgba(244,240,230,.08);
  --border-light:rgba(10,10,10,.08);
  --t-sans:'Inter',system-ui,sans-serif;
  --t-mono:'JetBrains Mono',ui-monospace,monospace;
  --gap:12px;
  --radius:22px;
  --radius-sm:14px;
  --t-text-font: var(--t-sans);
  --t-heading-font: var(--t-sans);
}

/* reset внутри бенто */
.bento,
.bento *,
.bento *::before,
.bento *::after{ box-sizing:border-box }
.bento a{color:inherit;text-decoration:none}
.bento img,.bento svg{display:block;max-width:100%}

/* ===== СЕТКА ===== */
.bento{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:var(--gap);
  grid-auto-rows:minmax(120px,auto);
  grid-auto-flow:dense;
  padding:14px 12px 0;
  max-width:1480px;
  margin:0 auto;
  font-family:var(--t-sans);
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  letter-spacing:-.01em;
}

.bento .cell{
  position:relative;
  border-radius:var(--radius);
  padding:20px;
  overflow:hidden;
  transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s, border-color .35s;
  border:1px solid transparent;
  display:flex;flex-direction:column;
  min-height:120px;
}
.bento .cell[data-block-id="huge-logo"],
.bento .cell[data-block-id="callout-neon"],
.bento .cell[data-block-id="callout-print"]{
  min-height:0;
  aspect-ratio: 600 / 400;
}
.bento .cell:hover{transform:translateY(-2px)}
.bento .cell--dark{background:var(--d1);color:var(--light);border-color:var(--border-dark)}
.bento .cell--dark:hover{border-color:rgba(244,240,230,.18)}

/* Liquid glass для светлых ячеек */
.bento .cell--cream,
.bento .cell--paper{
  color:var(--ink);
  backdrop-filter:blur(22px) saturate(190%) brightness(1.04);
  -webkit-backdrop-filter:blur(22px) saturate(190%) brightness(1.04);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:
    inset 0 1.5px 0.5px rgba(255,255,255,.85),
    inset 1px 0 0 rgba(255,255,255,.18),
    inset -1px 0 0 rgba(255,255,255,.10),
    inset 0 -1px 1px rgba(0,0,0,.10),
    inset 0 0 40px rgba(255,255,255,.10),
    0 1px 2px rgba(0,0,0,.18),
    0 20px 50px -16px rgba(0,0,0,.55);
  isolation:isolate;
}
.bento .cell--cream{
  background:
    radial-gradient(140% 75% at 50% -12%, rgba(255,255,255,.42) 0%, rgba(255,255,255,0) 55%),
    linear-gradient(180deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 32%, rgba(0,0,0,.06) 100%),
    rgba(244,240,230,.62);
}
.bento .cell--paper{
  background:
    radial-gradient(140% 75% at 50% -12%, rgba(255,255,255,.42) 0%, rgba(255,255,255,0) 55%),
    linear-gradient(180deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 32%, rgba(0,0,0,.06) 100%),
    rgba(239,233,221,.60);
}
.bento .cell--cream:hover,
.bento .cell--paper:hover{
  border-color:rgba(255,255,255,.40);
  box-shadow:
    inset 0 1.5px 0.5px rgba(255,255,255,.95),
    inset 1px 0 0 rgba(255,255,255,.22),
    inset -1px 0 0 rgba(255,255,255,.14),
    inset 0 -1px 1px rgba(0,0,0,.12),
    inset 0 0 50px rgba(255,255,255,.14),
    0 2px 3px rgba(0,0,0,.20),
    0 28px 60px -18px rgba(0,0,0,.65);
}

/* column / row helpers */
.bento .c3{grid-column:span 3}
.bento .c4{grid-column:span 4}
.bento .c6{grid-column:span 6}
.bento .r2{grid-row:span 2}

/* hide block-num badges (в проде они не нужны) */
.bento [data-block-num]{position:relative}
.bento [data-block-num]::after{display:none !important}

/* ===== keyframes ===== */
@keyframes bento-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}
@keyframes bento-onlinePulse{
  0%{box-shadow:0 0 0 0 rgba(62,192,107,.5)}
  70%{box-shadow:0 0 0 10px rgba(62,192,107,0)}
  100%{box-shadow:0 0 0 0 rgba(62,192,107,0)}
}
@keyframes bento-bladeMove{
  0%{left:-3%;opacity:0}
  10%{opacity:1}
  90%{opacity:1}
  100%{left:103%;opacity:0}
}

/* ===== BLOCK 01 · HUGE LOGO ===== */
.bento .huge{
  justify-content:space-between;
  padding:max(20px, 5.83cqw);
  container-type:inline-size;
}
.bento .huge__top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.bento .huge__tag{display:flex;align-items:center;gap:8px}
.bento .huge__tag i{width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px var(--acid);animation:bento-pulse 2s infinite}
.bento .huge__title{
  font-family:var(--t-sans);font-weight:800;
  font-size:clamp(56px,11vw,168px);
  line-height:.85;letter-spacing:-.05em;
  margin:18px 0 0;
}
.bento .huge__title em{font-style:italic;font-weight:300;opacity:.7}
.bento .huge__title sup{font-size:.16em;vertical-align:top;font-family:var(--t-mono);font-weight:400;opacity:.55;letter-spacing:.04em;margin-left:8px}
.bento .huge__bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:18px;flex-wrap:wrap;gap:12px}
.bento .huge__strip{
  display:inline-flex;align-items:center;gap:.83cqw;
  height:5.83cqw;min-height:34px;
  padding:0 3.6cqw;
  border:1px solid rgba(244,240,230,.22);
  border-radius:3cqw;
  font-family:var(--t-mono);font-size:2cqw;letter-spacing:.02em;
  color:rgba(244,240,230,.85);
  white-space:nowrap;
}
.bento .huge__strip i{
  width:1cqw;height:1cqw;min-width:6px;min-height:6px;
  border-radius:50%;background:var(--orange);box-shadow:0 0 8px var(--orange);
}
.bento .mono{font-family:var(--t-mono);font-size:11px;letter-spacing:.06em;text-transform:lowercase;opacity:.65}
.bento .mono--big{font-size:13px}

/* hero-block layout override (grid 2-col) */
.bento .cell[data-block-id="huge-logo"]{
  background:transparent !important;
  border-color:rgba(244,240,230,.12);
  position:relative;
  overflow:hidden;
  padding:clamp(22px,2.4vw,40px);
  display:grid !important;
  grid-template-columns: minmax(0,1fr) clamp(96px, 17%, 180px);
  grid-template-rows: auto 1fr auto;
  column-gap:clamp(16px,2.2vw,36px);
  row-gap:clamp(10px,1.4vw,18px);
  perspective:1200px;
}
.bento .cell[data-block-id="huge-logo"]:hover{border-color:rgba(244,240,230,.22)}
.bento .cell[data-block-id="huge-logo"] .huge__top{grid-column:1;grid-row:1;margin:0}
.bento .cell[data-block-id="huge-logo"] .huge__top > .mono{display:none}
.bento .huge__mark{
  grid-column:2;grid-row:1 / span 2;
  position:relative;width:100%;
  aspect-ratio:13893/18375;
  align-self:start;pointer-events:none;
  filter:drop-shadow(0 16px 40px rgba(0,0,0,.42));
  transform-origin:75% 25%;
  transition:transform .8s cubic-bezier(.2,.7,.2,1);
}
.bento .huge__mark svg{width:100%;height:100%;display:block}
.bento .cell[data-block-id="huge-logo"]:hover .huge__mark{transform:rotate(-4deg) scale(1.03)}
.bento .cell[data-block-id="huge-logo"] .huge__name{
  grid-column:1;grid-row:2;align-self:end;
  display:flex;flex-direction:column;gap:clamp(6px,.8vw,12px);
}
.bento .cell[data-block-id="huge-logo"] .huge__title{
  font-family:'Quicksand',var(--t-sans),system-ui,sans-serif;
  font-weight:700;
  font-size:clamp(48px,9vw,128px);
  line-height:.86;letter-spacing:-.045em;
  margin:0;text-transform:lowercase;white-space:nowrap;
}
.bento .cell[data-block-id="huge-logo"] .huge__sub{
  font-family:'Quicksand',var(--t-sans),system-ui,sans-serif;
  font-weight:400;
  font-size:clamp(13px,1.2vw,18px);
  letter-spacing:.05em;opacity:.55;margin:0;
  text-transform:lowercase;
}
.bento .cell[data-block-id="huge-logo"] .huge__title em{
  font-style:normal;font-weight:500;opacity:.92;
  display:inline-block;margin-left:.16em;letter-spacing:-.05em;
}
.bento .cell[data-block-id="huge-logo"] .huge__title sup{
  font-family:var(--t-mono);font-size:.085em;font-weight:400;
  letter-spacing:.14em;text-transform:uppercase;opacity:.45;
  vertical-align:.9em;margin-left:.55em;
}
.bento .cell[data-block-id="huge-logo"] .huge__bottom{
  grid-column:1 / -1;grid-row:3;margin:0;
  align-items:center;align-self:end;
}
@media (max-width:900px){
  .bento .cell[data-block-id="huge-logo"]{
    grid-template-columns: minmax(0,1fr) clamp(110px,30%,180px);
  }
  .bento .cell[data-block-id="huge-logo"] .huge__title{
    font-size:clamp(54px,15vw,108px);
  }
}

/* ===== BLOCKS 03/04 · PBTZ LAYOUT (callouts) ===== */
.bento .cell.pbtz{
  min-height:0;
  aspect-ratio: 600 / 400;
  padding:0;
  overflow:hidden;
  position:relative;
  container-type:inline-size;
}
.bento .pbtz > *{position:absolute;z-index:2}
.bento .pbtz-art{top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}

.bento .pbtz-chips{
  top:7.5%;
  left:calc(50% - 5.67cqw);
  display:flex;
  gap:0.67cqw;
}
.bento .pbtz-chips i{
  display:block;
  width:2.33cqw;height:2.33cqw;
  border-radius:0.5cqw;
  box-shadow:0 .15cqw .3cqw rgba(0,0,0,.2);
}
.bento .pbtz-chips--neon{
  left:calc(50% - 13.42cqw);
  gap:0.67cqw;
}
.bento .pbtz-chips--neon i{
  width:1.83cqw;height:1.83cqw;
  border-radius:50%;
  box-shadow:0 0 0.83cqw var(--c), 0 .15cqw .25cqw rgba(0,0,0,.2);
}

.bento .pbtz-eyebrow{
  top:13.75%;
  left:5.83%;
  font-family:var(--t-mono);
  font-size:1.6cqw;
  letter-spacing:.08em;text-transform:uppercase;
  color:rgba(10,10,10,.55);
  display:flex;align-items:center;gap:.9cqw;
  white-space:nowrap;
}
.bento .pbtz-eyebrow::before{
  content:"";display:inline-block;
  width:.9cqw;height:.9cqw;border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 1.2cqw var(--orange);
}

.bento .pbtz-title{
  top:18.75%;
  left:5.83%;right:4%;
  margin:0;
  font-family:var(--t-sans);font-weight:800;
  font-size:7.7cqw;
  line-height:9.16cqw;
  letter-spacing:-.035em;
  color:#0a0a0a;
  text-shadow:
    -0.18cqw 0 0 rgba(0,174,239,.85),
     0.18cqw 0 0 rgba(236,0,140,.85);
}
.bento .pbtz-title em{display:block;font-style:italic;font-weight:300}

.bento .pbtz-sub{
  top:47.5%;
  left:5.83%;
  margin:0;
  font-size:2.3cqw;line-height:1.4;
  color:rgba(10,10,10,.7);
}
.bento .pbtz-price{
  top:55%;left:5.83%;
  font-family:var(--t-mono);
  font-size:2cqw;letter-spacing:.02em;
  color:rgba(10,10,10,.85);
}
.bento .pbtz-price b{font-weight:600}
.bento .pbtz-btn{
  top:82.5%;left:5.83%;
  width:auto;min-width:24.17cqw;
  height:5.83cqw;
  padding:0 3.6cqw;
  background:#e0e0e0;
  border-radius:3cqw;
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--t-mono);font-size:2cqw;letter-spacing:.02em;
  color:#0a0a0a;text-decoration:none;
  white-space:nowrap;cursor:pointer;
  transition:background .25s, transform .25s;
}
.bento .pbtz-btn:hover{background:#d4d4d4;transform:translateY(-1px)}

/* frames */
.bento .cmyk-frame{position:relative}
.bento .cmyk-frame::before{
  content:"";position:absolute;inset:0;
  border-radius:inherit;pointer-events:none;opacity:0;
  transition:opacity .35s ease;
  background:
    linear-gradient(#00aeef,#00aeef) 6px 0     / calc(100% - 12px) 4px no-repeat,
    linear-gradient(#ec008c,#ec008c) right 6px / 4px calc(100% - 12px) no-repeat,
    linear-gradient(#fff200,#fff200) 6px 100%  / calc(100% - 12px) 4px no-repeat,
    linear-gradient(#0a0a0a,#0a0a0a) 0 6px     / 4px calc(100% - 12px) no-repeat;
}
.bento .cmyk-frame:hover::before{opacity:1}

.bento .neon-frame{position:relative}
.bento .neon-frame::before{
  content:"";position:absolute;inset:0;
  border-radius:inherit;pointer-events:none;opacity:0;
  transition:opacity .35s ease;
  border:2px solid #ff10a0;
  box-shadow:
    0 0 14px #ff10a0,
    0 0 36px rgba(255,16,160,.55),
    inset 0 0 14px rgba(255,16,160,.32);
}
.bento .neon-frame:hover::before{opacity:1}

/* block 04 — aurora sky override */
.bento .cell[data-block-id="callout-neon"]{
  background:
    radial-gradient(120% 100% at 50% 115%, #0e1530 0%, #07091c 55%, #03050d 100%) !important;
  color:#f5fff5;
}
.bento .cell[data-block-id="callout-neon"] .pbtz-eyebrow{color:rgba(245,255,245,.7)}
.bento .cell[data-block-id="callout-neon"] .pbtz-eyebrow::before{background:#4dffb0;box-shadow:0 0 1.2cqw #4dffb0}
.bento .cell[data-block-id="callout-neon"] .pbtz-title{
  color:#f0fff5;
  text-shadow:
    -0.18cqw 0 0 rgba(77,255,176,.85),
     0.18cqw 0 0 rgba(176,116,255,.85);
}
.bento .cell[data-block-id="callout-neon"] .pbtz-sub{color:rgba(245,255,245,.78)}
.bento .cell[data-block-id="callout-neon"] .pbtz-btn{background:rgba(245,255,245,.92);color:#0a0a0a}
.bento .cell[data-block-id="callout-neon"] .pbtz-btn:hover{background:#fff}
.bento .cell[data-block-id="callout-neon"] .pbtz-chips--neon i{
  box-shadow:0 0 0.83cqw var(--c),0 0 0 1px rgba(245,255,245,.18),0 .15cqw .25cqw rgba(0,0,0,.4);
}
.bento .cell[data-block-id="callout-neon"].neon-frame::before{
  border-color:#4dffb0;
  box-shadow:
    0 0 14px #4dffb0,
    0 0 36px rgba(77,255,176,.45),
    inset 0 0 14px rgba(110,231,255,.25);
}

/* ===== BLOCK 18 · PLOTTER ===== */
.bento .cell--ink{
  background:#040404;color:#e8e8e8;
  border-color:rgba(232,232,232,.05);
  position:relative;
  transition:border-color .35s, box-shadow .35s, transform .35s;
}
.bento .cell--ink::before{
  content:"";position:absolute;inset:0;border-radius:inherit;
  padding:1.5px;
  background:linear-gradient(135deg,
    #6e6e6e 0%, #f5f5f5 18%, #9a9a9a 38%,
    #ffffff 50%, #9a9a9a 62%, #f5f5f5 82%, #6e6e6e 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:0;pointer-events:none;transition:opacity .35s;z-index:3;
}
.bento .cell--ink:hover::before{opacity:1}
.bento .cell--ink:hover{box-shadow:0 14px 38px rgba(0,0,0,.55),0 0 28px rgba(245,245,245,.05)}
.bento .plotter{justify-content:space-between;padding:18px 20px;overflow:hidden;position:relative;z-index:2;container-type:inline-size}
.bento .plotter__icon{
  width:50px;height:50px;display:flex;align-items:center;
  margin-bottom:8px;
  filter:drop-shadow(0 2px 4px rgba(255,255,255,.12));
}
.bento .plotter__title{
  font-weight:700;font-size:clamp(20px,14cqw,30px);
  line-height:1;letter-spacing:-.035em;margin:10px 0 12px;color:#fff;
}
.bento .plotter__title em{
  font-style:italic;font-weight:300;
  background:linear-gradient(180deg,#ffffff 0%,#cccccc 45%,#8a8a8a 75%,#dddddd 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.bento .plotter__sub{font-size:13px;opacity:.65;line-height:1.45;margin:0;color:#cdcdcd}
.bento .plotter__link{
  display:inline-flex;align-items:center;gap:6px;margin-top:14px;
  font-family:var(--t-mono);font-size:12px;letter-spacing:.04em;color:#e8e8e8;
  border-bottom:1px solid rgba(232,232,232,.3);padding-bottom:2px;
  align-self:flex-start;transition:.25s;cursor:pointer;
}
.bento .plotter:hover .plotter__link{gap:10px;border-color:#fff}
.bento .plotter__scan{
  position:absolute;inset:0;
  background:repeating-linear-gradient(
    180deg,
    rgba(255,255,255,.022) 0 1px,
    transparent 1px 4px
  );
  pointer-events:none;mix-blend-mode:overlay;z-index:1;
}
.bento .plotter__chip{
  display:inline-flex;align-items:center;
  padding:5px 11px;border-radius:999px;
  background:linear-gradient(135deg,#2a2a2a 0%,#0e0e0e 100%);
  border:1px solid rgba(220,220,220,.28);
  font-family:var(--t-mono);font-size:11px;
  color:#dcdcdc;letter-spacing:.04em;
  margin:6px 0 12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.bento .plotter__cutline{
  position:relative;height:8px;margin:auto 0 10px;z-index:2;
}
.bento .plotter__cutline::before{
  content:"";position:absolute;left:0;right:0;top:50%;
  height:1.5px;
  background-image:repeating-linear-gradient(90deg, rgba(220,220,220,.7) 0 6px, transparent 6px 12px);
  transform:translateY(-50%);opacity:.55;
}
.bento .plotter__cutline i{
  position:absolute;top:50%;left:0;
  width:8px;height:8px;border-radius:50%;
  background:#fff;
  box-shadow:0 0 10px #fff,0 0 22px rgba(255,255,255,.6),0 0 36px rgba(255,255,255,.25);
  transform:translate(-50%,-50%);
  animation:bento-bladeMove 3.6s linear infinite;
}

/* ===== BLOCK 13 · CTA-ONLY (online + 2 buttons) ===== */
.bento .cell.cta-only{
  justify-content:space-between;
  align-items:flex-start;
  padding:18px 20px;
  gap:10px;
}
.bento .cta-only .online{
  display:inline-flex;align-items:center;gap:8px;
  padding:0;background:transparent;
  font-family:var(--t-mono);font-size:11px;
  letter-spacing:.08em;text-transform:uppercase;
  color:rgba(10,10,10,.55);
}
.bento .cta-only .online__dot{
  width:7px;height:7px;border-radius:50%;
  background:#3ec06b;
  box-shadow:0 0 8px rgba(62,192,107,.55);
  animation:bento-onlinePulse 1.8s ease-out infinite;
  display:inline-block;
}
.bento .cta-only__btns{
  display:flex;gap:8px;flex-wrap:wrap;
}
.bento .contact-card__btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  height:36px;padding:0 22px;
  background:#0a0a0a;color:var(--cream);
  border-radius:999px;
  font-family:var(--t-mono);
  font-size:12px;font-weight:500;
  letter-spacing:.02em;
  white-space:nowrap;cursor:pointer;
  transition:transform .25s, background .25s, color .25s;
}
.bento .contact-card__btn:hover{background:#1a1a1a;color:#fff;transform:translateY(-1px)}
.bento .contact-card__btn--ghost{
  background:transparent;color:#0a0a0a;
  border:1px solid rgba(10,10,10,.22);
}
.bento .contact-card__btn--ghost:hover{
  background:rgba(10,10,10,.05);color:#0a0a0a;
  border-color:rgba(10,10,10,.45);
}

/* ===== BLOCK 07 · ADDRESS ===== */
.bento .addr{justify-content:space-between;padding:18px 20px}
.bento .minimap{
  position:relative;width:100%;aspect-ratio:1.6/1;
  background:#dfd9c9;border-radius:var(--radius-sm);
  margin-bottom:14px;overflow:hidden;
  background-image:
    linear-gradient(0deg, rgba(10,10,10,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(10,10,10,.07) 1px, transparent 1px);
  background-size:18px 18px;
}
.bento .minimap::before,
.bento .minimap::after{content:"";position:absolute;background:rgba(10,10,10,.18)}
.bento .minimap::before{left:0;right:0;top:42%;height:2px;transform:rotate(-8deg);transform-origin:left}
.bento .minimap::after{top:0;bottom:0;left:36%;width:2px;transform:rotate(6deg);transform-origin:top}
.bento .minimap__pin{
  position:absolute;left:48%;top:48%;width:16px;height:16px;
  border-radius:50%;background:var(--orange);
  box-shadow:0 0 0 6px rgba(255,138,61,.25),0 0 0 12px rgba(255,138,61,.12);
  z-index:2;
}
.bento .addr__title{font-weight:600;font-size:16px;letter-spacing:-.02em}
.bento .addr__sub{font-size:12px;opacity:.6;margin-top:2px;font-family:var(--t-mono)}

/* ===== RESPONSIVE ===== */
@media(max-width:1180px){
  .bento .c3,.bento .c4{grid-column:span 6}
  .bento .c6{grid-column:span 12}
  .bento .huge__title{font-size:clamp(56px,14vw,120px)}
}
@media(max-width:680px){
  .bento{padding:12px 10px 0; --gap:10px}
  .bento .c3,.bento .c4,.bento .c6{grid-column:span 12}
  .bento .r2{grid-row:span 1}
  .bento .cell{padding:18px;min-height:100px}
  .bento .huge{padding:20px}
  .bento .huge__title{font-size:clamp(54px,16vw,96px)}
  .bento .huge__strip{
    height:auto;min-height:auto;
    padding:9px 14px;font-size:11.5px;
    border-radius:999px;
  }
  .bento .huge__strip i{width:7px;height:7px}

  /* pbtz cells (03/04): сбрасываем aspect-ratio + absolute, ставим нормальный flow с читаемыми шрифтами */
  .bento .cell.pbtz{
    aspect-ratio:auto;
    padding:20px 18px;
    min-height:auto;
  }
  .bento .pbtz > *{position:static}
  .bento .pbtz-art{display:none}
  .bento .pbtz-chips{
    position:relative;top:auto;left:auto;
    margin:0 0 14px;gap:6px;
  }
  .bento .pbtz-chips i{width:14px;height:14px;border-radius:4px}
  .bento .pbtz-chips--neon{left:auto;gap:5px}
  .bento .pbtz-chips--neon i{width:11px;height:11px;border-radius:50%}
  .bento .pbtz-eyebrow{
    position:relative;top:auto;left:auto;
    font-size:11px;margin:0 0 10px;gap:8px;
  }
  .bento .pbtz-eyebrow::before{
    width:6px;height:6px;box-shadow:0 0 6px var(--orange);
  }
  .bento .pbtz-title{
    position:relative;top:auto;left:auto;right:auto;
    font-size:clamp(32px,8.5vw,52px);
    line-height:1;letter-spacing:-.035em;
    margin:0 0 12px;
    text-shadow:-1.5px 0 0 rgba(0,174,239,.85),1.5px 0 0 rgba(236,0,140,.85);
  }
  .bento .cell[data-block-id="callout-neon"] .pbtz-title{
    text-shadow:-1.5px 0 0 rgba(77,255,176,.85),1.5px 0 0 rgba(176,116,255,.85);
  }
  .bento .pbtz-sub{
    position:relative;top:auto;left:auto;
    font-size:14px;line-height:1.45;
    margin:0 0 14px;
  }
  .bento .pbtz-price{
    position:relative;top:auto;left:auto;
    font-size:13px;margin:0 0 14px;
  }
  .bento .pbtz-btn{
    position:relative;top:auto;left:auto;
    min-width:auto;width:auto;
    height:auto;padding:13px 22px;
    border-radius:999px;
    font-size:12px;
    align-self:flex-start;
  }
}