/* ==========================================================================
   Портфолио v3 (#portfolio-wall) — тёмная bento-мозаика кейсов.
   Заголовок-обложка, крупный фото-тайл, бумажная цифровая вставка,
   светлый типографический кейс и CTA-плитка. Внутри тайлов — свои
   мини-блоки: рельсы, теги, метрики и стрелки.
   ========================================================================== */
.pcw{
  --pcw-mono:var(--site-font);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:var(--dark-1);
  color:#fff;
  border-radius:0;
  padding-block:26px 28px;
}
.pcw::before{
  content:"";
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(52% 42% at 100% 0%,rgba(255,255,255,.11),transparent 66%),
    radial-gradient(40% 30% at 0% 100%,rgba(255,255,255,.05),transparent 70%);
}
.pcw > .container{position:relative;z-index:1}
.pcw-watermark{
  display:none;
  position:absolute;top:26px;right:8px;z-index:0;
  font-family:var(--display);font-weight:600;
  font-size:200px;line-height:.8;letter-spacing:-.09em;
  color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.045);
  pointer-events:none;user-select:none;
}

/* ---------- заголовок-обложка ---------- */
.pcw-head-top{
  display:flex;align-items:center;gap:12px;
  font-family:var(--pcw-mono);font-size:8.5px;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(255,255,255,.5);
}
.pcw-eyebrow{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.pcw-eyebrow::before{
  content:"";flex:none;width:7px;height:7px;border-radius:50%;
  background:var(--lime);box-shadow:0 0 0 3px rgba(255,255,255,.16);
}
.pcw-head-top i{flex:1;height:1px;min-width:12px;background:rgba(255,255,255,.16)}
.pcw-count{display:inline-flex;align-items:center;gap:6px;flex:none;white-space:nowrap;color:rgba(255,255,255,.62)}
.pcw-count b{color:var(--lime);font-weight:700}
.pcw-head-body{
  display:grid;grid-template-columns:minmax(0,1fr);gap:16px;
  margin-top:18px;padding-bottom:20px;
  border-bottom:1px solid rgba(255,255,255,.13);
}
.pcw-title{
  font-family:var(--display);font-weight:800;
  font-size:clamp(38px,8.4vw,64px);line-height:.94;letter-spacing:-.045em;
}
.pcw-title em{
  display:inline-block;
  font-style:normal;color:var(--lime);
  font-size:clamp(44px,16vw,100px);line-height:.9;
}
.pcw-head-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.pcw-lead{max-width:48ch;font-size:14px;line-height:1.55;color:rgba(255,255,255,.62)}
.pcw-chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none}
.pcw-chips li{
  padding:5px 8px;border:1px solid rgba(255,255,255,.16);border-radius:999px;
  font-family:var(--pcw-mono);font-size:7.5px;letter-spacing:.09em;
  text-transform:uppercase;color:rgba(255,255,255,.55);
}

/* ---------- мозаика ---------- */
.pcw-wall{
  display:grid;grid-template-columns:minmax(0,1fr);
  grid-template-areas:
    "hero"
    "stat"
    "zerno"
    "atom"
    "loft"
    "astra"
    "nebo"
    "cta";
  gap:10px;margin-top:14px;
}
.pcw-card{
  position:relative;display:flex;flex-direction:column;
  min-width:0;overflow:hidden;border-radius:16px;
  background:#15191b;color:#fff;
}
.pcw-card:has(.pcw-hit:focus-visible){outline:2px solid currentColor;outline-offset:3px}
.pcw-hit{
  position:absolute;inset:0;z-index:9;
  padding:0;border:0;background:none;border-radius:inherit;
  cursor:pointer;
}
.pcw-hit:focus,
.pcw-hit:focus-visible{outline:none}
.pcw-photo{
  position:absolute;inset:0;z-index:0;
  display:block;width:100%;height:100%;object-fit:cover;
  transition:transform .9s cubic-bezier(.22,.61,.36,1);
}
.pcw-shade{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,10,10,.22) 0%,rgba(8,10,10,0) 30%,rgba(8,10,10,.35) 58%,rgba(8,10,10,.94) 100%);
}
.pcw-top{
  position:absolute;top:12px;left:14px;right:14px;z-index:3;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.pcw-num{
  font-family:var(--pcw-mono);font-size:8.5px;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(255,255,255,.82);
  text-shadow:0 1px 3px rgba(0,0,0,.7),0 0 14px rgba(0,0,0,.45);
}
.pcw-num--ink{color:rgba(18,18,18,.48);text-shadow:none}
.pcw-card--hero .pcw-top .pcw-num,
.pcw-card--zerno .pcw-top .pcw-num,
.pcw-card--atom .pcw-top .pcw-num,
.pcw-astra-photo .pcw-num{
  padding:4px 8px;border-radius:999px;
  background:rgba(10,13,14,.4);
  border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  text-shadow:none;
}
.pcw-tag{
  flex:none;padding:4px 8px;border:1px solid rgba(255,255,255,.34);border-radius:999px;
  background:rgba(10,13,14,.34);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  font-family:var(--pcw-mono);font-size:7.5px;letter-spacing:.09em;
  text-transform:uppercase;color:#fff;
  transition:border-color .25s ease,color .25s ease;
}
.pcw-tag--ink{
  border-color:rgba(18,18,18,.26);background:transparent;
  color:rgba(18,18,18,.66);
}

/* общие текстовые элементы тайлов */
.pcw-name{
  font-family:var(--display);font-weight:700;
  font-size:clamp(22px,6vw,30px);line-height:1.04;letter-spacing:-.04em;
  color:#fff;text-wrap:balance;
}
.pcw-name--sm{font-size:clamp(17px,4.6vw,20px);line-height:1.08;letter-spacing:-.035em}
.pcw-name--ink{color:var(--ink)}
.pcw-short{max-width:34ch;font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.68);text-wrap:pretty}
.pcw-short--ink{color:rgba(18,18,18,.6)}
.pcw-domain{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-family:var(--pcw-mono);font-size:8.5px;letter-spacing:.04em;
  color:rgba(255,255,255,.6);
}
.pcw-domain--ink{color:rgba(18,18,18,.5)}
.pcw-year{
  font-family:var(--pcw-mono);font-size:8.5px;letter-spacing:.04em;
  color:rgba(255,255,255,.42);
}
.pcw-year--ink{color:rgba(18,18,18,.38)}
.pcw-metric{font-size:11px;font-weight:800;letter-spacing:.005em;color:var(--lime);text-shadow:0 1px 8px rgba(0,0,0,.55)}
.pcw-metric-ink{font-size:10.5px;font-weight:800;line-height:1.25;color:var(--ink)}
.pcw-pill{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 9px;border-radius:999px;
  background:var(--lime);color:var(--ink);
  font-size:9.5px;font-weight:800;line-height:1.2;
}
.pcw-pill::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.pcw-go{
  display:inline-flex;align-items:center;gap:7px;flex:none;
  font-family:var(--pcw-mono);font-size:8px;letter-spacing:.09em;
  text-transform:uppercase;color:rgba(255,255,255,.72);white-space:nowrap;
}
.pcw-go i{
  display:grid;place-items:center;flex:none;
  width:27px;height:27px;border-radius:50%;
  border:1px solid rgba(255,255,255,.3);color:inherit;
  transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;
}
.pcw-go svg{width:12px;height:12px}
.pcw-go--sm i{width:24px;height:24px}
.pcw-go--sm svg{width:11px;height:11px}
.pcw-go--ink{color:rgba(18,18,18,.7)}
.pcw-go--ink i{border-color:rgba(18,18,18,.32)}

/* ---------- 01 · главный кейс ---------- */
.pcw-card--hero{grid-area:hero;aspect-ratio:4/3;background:#171a1c}
.pcw-hero-copy{
  position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:flex-start;gap:7px;
  width:100%;margin-top:auto;padding:16px;
}
.pcw-hero-foot{
  display:flex;align-items:center;gap:10px;width:100%;
  margin-top:5px;padding-top:10px;
  border-top:1px solid rgba(255,255,255,.22);
}
.pcw-hero-foot .pcw-go{margin-left:auto}

/* ---------- 02 · бумажная вставка с цифрами ---------- */
.pcw-card--stat{
  --lime:#141414;
  grid-area:stat;min-height:240px;
  padding:16px;background:var(--paper);color:var(--ink);
}
.pcw-stat-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pcw-kicker{
  font-family:var(--pcw-mono);font-size:8px;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(18,18,18,.45);
}
.pcw-kicker--lime{color:rgba(255,255,255,.82)}
.pcw-stat-dot{
  flex:none;width:7px;height:7px;border-radius:50%;
  background:var(--lime);box-shadow:0 0 0 3px rgba(18,18,18,.14);
}
.pcw-big{
  margin-top:12px;
  font-family:var(--display);font-weight:600;
  font-size:clamp(50px,13vw,64px);line-height:.88;letter-spacing:-.06em;
  color:var(--ink);
}
.pcw-big span{font-size:.52em;letter-spacing:0}
.pcw-stat-note{
  margin-top:6px;max-width:36ch;
  font-size:12px;line-height:1.45;color:rgba(18,18,18,.6);
}
.pcw-stat-row{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;
  margin-top:auto;padding-top:14px;
  border-top:1px solid rgba(18,18,18,.16);
}
.pcw-stat-cell{min-width:0}
.pcw-stat-cell + .pcw-stat-cell{border-left:1px solid rgba(18,18,18,.14);padding-left:14px}
.pcw-stat-cell b{
  display:block;
  font-family:var(--display);font-weight:600;
  font-size:17px;line-height:1;letter-spacing:-.04em;color:var(--ink);
}
.pcw-stat-cell span{
  display:block;margin-top:5px;
  font-size:8.5px;line-height:1.35;color:rgba(18,18,18,.52);
}

/* ---------- 03 · кофейни ---------- */
.pcw-card--zerno{grid-area:zerno;aspect-ratio:4/3;background:#171a1c}
.pcw-low{
  position:relative;z-index:2;
  display:flex;flex-direction:column;gap:5px;
  margin-top:auto;padding:14px 16px;
}
.pcw-low-foot{
  display:flex;align-items:center;gap:8px;
  margin-top:4px;padding-top:8px;
  border-top:1px solid rgba(255,255,255,.18);
}
.pcw-low-foot .pcw-go{margin-left:auto}
.pcw-card--zerno .pcw-metric{
  display:inline-flex;align-self:flex-start;
  padding:4px 9px;border-radius:999px;
  background:rgba(10,13,14,.55);border:1px solid rgba(255,255,255,.4);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  text-shadow:none;
}

/* ---------- 04 · фитнес, контент сверху ---------- */
.pcw-card--atom{grid-area:atom;aspect-ratio:4/3;background:#171a1c}
.pcw-card--atom .pcw-shade{
  background:linear-gradient(180deg,rgba(8,10,10,.88) 0%,rgba(8,10,10,.24) 44%,rgba(8,10,10,.04) 66%,rgba(8,10,10,.58) 100%);
}
.pcw-atom-copy{
  position:relative;z-index:2;
  display:flex;flex-direction:column;gap:5px;
  padding:48px 16px 0;
}
.pcw-atom-foot{
  position:relative;z-index:2;
  display:flex;align-items:center;gap:8px;
  margin-top:auto;padding:11px 16px;
  border-top:1px solid rgba(255,255,255,.16);
}
.pcw-atom-foot .pcw-domain{margin-left:auto}

/* ---------- 05 · светлый типографический кейс ---------- */
.pcw-card--loft{
  grid-area:loft;min-height:260px;
  padding:14px 16px 16px;
  background:#fff;color:var(--ink);
}
.pcw-card--loft::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(rgba(18,18,18,.16) 1px,transparent 1.1px);
  background-size:13px 13px;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 55%);
  mask-image:linear-gradient(180deg,transparent 0,#000 55%);
}
.pcw-loft-top{
  position:relative;z-index:2;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.pcw-loft-main{
  position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:flex-start;gap:1px;
  margin-top:auto;
}
.pcw-big--ink{color:var(--ink)}
.pcw-loft-label{
  font-family:var(--pcw-mono);font-size:8.5px;letter-spacing:.09em;
  text-transform:uppercase;color:rgba(18,18,18,.64);
}
.pcw-loft-main .pcw-name{margin-top:9px}
.pcw-loft-foot{
  position:relative;z-index:2;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:12px;padding-top:9px;
  border-top:1px solid rgba(18,18,18,.24);
}
.pcw-loft-pill{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-family:var(--pcw-mono);font-size:7px;letter-spacing:.06em;
  text-transform:uppercase;color:rgba(18,18,18,.6);
}
.pcw-loft-thumb{
  position:absolute;top:42px;right:16px;z-index:2;
  width:96px;aspect-ratio:4/3;margin:0;
  overflow:hidden;border-radius:8px;border:3px solid #141414;
  box-shadow:0 16px 28px -16px rgba(18,18,18,.55);
  transform:rotate(4deg);
  transition:transform .45s cubic-bezier(.22,.61,.36,1);
}
.pcw-loft-thumb img{display:block;width:100%;height:100%;object-fit:cover}

/* ---------- 06 · медицина: фото + бумажная плашка ---------- */
.pcw-card--astra{grid-area:astra;background:var(--paper);color:var(--ink)}
.pcw-astra-photo{position:relative;flex:none;aspect-ratio:16/10;overflow:hidden}
.pcw-astra-photo .pcw-shade{
  background:linear-gradient(180deg,rgba(8,10,10,.5) 0%,rgba(8,10,10,.08) 24%,rgba(8,10,10,0) 52%,rgba(8,10,10,.14) 100%);
}
.pcw-astra-plate{
  display:flex;flex-direction:column;gap:5px;
  padding:12px 14px 14px;
  background:var(--paper);
}
.pcw-astra-line{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pcw-astra-line .pcw-name{min-width:0}
.pcw-astra-foot{
  display:flex;align-items:center;gap:8px;
  margin-top:2px;padding-top:7px;
  border-top:1px solid rgba(18,18,18,.12);
}
.pcw-astra-foot .pcw-year{margin-left:auto}

/* ---------- 07 · недвижимость: широкий сплит ---------- */
.pcw-card--nebo{grid-area:nebo;background:var(--paper);color:var(--ink)}
.pcw-nebo-photo{
  position:relative;flex:none;margin:0;
  width:100%;aspect-ratio:16/10;overflow:hidden;background:#e0e0e0;
}
.pcw-nebo-panel{
  display:flex;flex-direction:column;flex:1;
  gap:5px;min-width:0;padding:14px 16px;
  background:var(--paper);
}
.pcw-nebo-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pcw-nebo-panel .pcw-name{margin-top:4px}
.pcw-nebo-meta{
  display:flex;align-items:center;gap:7px;
  font-family:var(--pcw-mono);font-size:8px;letter-spacing:.04em;
  color:rgba(18,18,18,.42);
}
.pcw-nebo-meta i{font-style:normal;opacity:.5}
.pcw-nebo-foot{
  display:flex;align-items:center;gap:10px;
  margin-top:auto;padding-top:9px;
  border-top:1px solid rgba(18,18,18,.14);
}
.pcw-nebo-foot .pcw-go{margin-left:auto;color:var(--ink)}
.pcw-nebo-foot .pcw-go i{border-color:rgba(18,18,18,.24)}

/* ---------- 08 · CTA-плитка ---------- */
.pcw-card--cta{
  grid-area:cta;min-height:240px;
  padding:16px;
  background:#15191b;border:1px solid rgba(255,255,255,.14);
}
.pcw-card--cta::before{
  content:"";position:absolute;right:-50px;bottom:-70px;z-index:0;
  width:220px;height:220px;border-radius:50%;
  background:rgba(255,255,255,.16);filter:blur(42px);
  pointer-events:none;
  transition:transform .6s ease,opacity .6s ease;
}
.pcw-cta-frame{
  position:absolute;inset:9px;z-index:1;pointer-events:none;
  border:1px dashed rgba(255,255,255,.26);border-radius:10px;
}
.pcw-cta-head{
  position:relative;z-index:2;
  display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.pcw-cta-title{
  position:relative;z-index:2;
  margin-top:16px;
  font-family:var(--display);font-weight:600;
  font-size:clamp(23px,6.4vw,28px);line-height:1.02;letter-spacing:-.04em;
  color:#fff;
}
.pcw-cta-note{
  position:relative;z-index:2;
  margin-top:7px;max-width:30ch;
  font-size:12px;line-height:1.45;color:rgba(255,255,255,.55);
}
.pcw-cta-btn{
  position:relative;z-index:2;
  display:inline-flex;align-items:center;justify-content:space-between;gap:12px;
  align-self:flex-start;margin-top:auto;padding:7px 7px 7px 14px;
  border-radius:999px;background:var(--lime);color:var(--ink);
  font-size:10.5px;font-weight:800;
  transition:transform .25s ease,box-shadow .25s ease;
}
.pcw-cta-btn i{
  display:grid;place-items:center;flex:none;
  width:24px;height:24px;border-radius:50%;
  background:var(--ink);color:var(--lime);
}
.pcw-cta-btn svg{width:11px;height:11px}

/* ---------- наведение ---------- */
.pcw-card:hover .pcw-photo{transform:scale(1.045)}
.pcw-card--loft:hover .pcw-loft-thumb{transform:rotate(0) scale(1.05)}
.pcw-card:hover .pcw-tag{border-color:rgba(255,255,255,.55)}
.pcw-card:hover .pcw-tag--ink{border-color:rgba(18,18,18,.55)}
.pcw-card:hover .pcw-tag:not(.pcw-tag--ink){color:var(--lime)}
.pcw-card:hover .pcw-go i{
  background:var(--lime);border-color:var(--lime);color:var(--ink);
}
.pcw-card:hover .pcw-go--ink i{
  background:var(--ink);border-color:var(--ink);color:var(--lime);
}
.pcw-card--cta:hover::before{transform:scale(1.18)}
.pcw-card--cta:hover .pcw-cta-btn{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(255,255,255,.5)}

/* ==========================================================================
   ПЛАНШЕТ
   ========================================================================== */
@media (min-width:768px){
  .pcw{padding-block:32px 34px}
  .pcw-head-body{margin-top:20px;padding-bottom:22px}
  .pcw-wall{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:
      "hero hero"
      "stat stat"
      "zerno atom"
      "loft astra"
      "nebo nebo"
      "cta cta";
    margin-top:16px;
  }
  .pcw-card--hero{aspect-ratio:16/9}
  .pcw-card--zerno,
  .pcw-card--atom{aspect-ratio:4/3}
  .pcw-card--loft,
  .pcw-card--astra{min-height:300px}
  .pcw-card--stat{
    min-height:0;display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:
      "head head head"
      "big note row";
    align-items:end;gap:6px 26px;
    padding:18px 20px;
  }
  .pcw-stat-head{grid-area:head}
  .pcw-big{grid-area:big;margin-top:12px}
  .pcw-stat-note{grid-area:note;margin-top:0;margin-bottom:5px;max-width:34ch}
  .pcw-stat-row{
    grid-area:row;grid-template-columns:auto auto;gap:20px;
    margin-top:0;padding-top:0;border-top:0;
  }
  .pcw-stat-cell + .pcw-stat-cell{border-left:1px solid rgba(18,18,18,.14);padding-left:20px}
  .pcw-card--nebo{flex-direction:row;height:300px}
  .pcw-nebo-photo{flex:0 0 52%;width:auto;height:100%;aspect-ratio:auto}
  .pcw-nebo-panel{border-left:3px solid var(--ink);padding:16px 18px}
  .pcw-card--cta{
    min-height:220px;padding:20px;
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
    grid-template-areas:
      "head head"
      "title note"
      "title btn";
    align-content:start;align-items:end;
    gap:6px 30px;
  }
  .pcw-cta-head{grid-area:head;align-self:start}
  .pcw-cta-title{grid-area:title;align-self:start;margin-top:14px}
  .pcw-cta-note{grid-area:note;margin-top:0;max-width:40ch}
  .pcw-cta-btn{grid-area:btn;justify-self:start;margin-top:10px;align-self:end}
  .pcw-cta-title{font-size:clamp(26px,4vw,32px)}
  .pcw-cta-note{font-size:12.5px}
}

/* ---------- заголовок в две колонки ---------- */
@media (min-width:900px){
  .pcw-title{font-size:clamp(40px,4.6vw,70px)}
  .pcw-title em{font-size:clamp(80px,9.6vw,140px)}
  .pcw-head-body{
    grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);
    gap:24px 44px;align-items:end;
  }
  .pcw-head-side{
    padding-left:26px;
    border-left:1px solid rgba(255,255,255,.14);
  }
}

/* ==========================================================================
   НЕБОЛЬШОЙ ДЕСКТОП — 12-колоночная мозаика
   ========================================================================== */
@media (min-width:1024px){
  .pcw{padding-block:36px 40px}
  .pcw-watermark{display:block;font-size:260px;top:36px;right:36px}
  .pcw-head-body{gap:26px 52px;margin-top:22px;padding-bottom:26px}
  .pcw-wall{
    grid-template-columns:repeat(12,minmax(0,1fr));
    grid-template-rows:220px 220px 220px 220px;
    grid-template-areas:
      "hero hero hero hero hero hero hero stat stat stat stat stat"
      "hero hero hero hero hero hero hero zerno zerno zerno zerno zerno"
      "atom atom atom atom loft loft loft loft astra astra astra astra"
      "nebo nebo nebo nebo nebo nebo nebo nebo cta cta cta cta";
    gap:10px;margin-top:18px;
  }
  .pcw-card--hero,
  .pcw-card--zerno,
  .pcw-card--atom{aspect-ratio:auto}
  .pcw-card--hero .pcw-name{
    font-size:clamp(26px,2.4vw,34px);line-height:1;
  }
  .pcw-card--loft,
  .pcw-card--astra{min-height:0}
  .pcw-card--stat{
    display:flex;grid-template-areas:none;gap:0;
    min-height:0;padding:16px;align-items:stretch;
  }
  .pcw-stat-head,
  .pcw-big,
  .pcw-stat-note,
  .pcw-stat-row{grid-area:auto}
  .pcw-big{margin-top:12px}
  .pcw-stat-note{margin-top:6px;margin-bottom:0;max-width:40ch}
  .pcw-stat-row{
    grid-template-columns:1fr 1fr;gap:12px;
    margin-top:auto;padding-top:12px;
    border-top:1px solid rgba(18,18,18,.16);
  }
  .pcw-stat-cell + .pcw-stat-cell{padding-left:12px}
  .pcw-card--nebo{height:auto}
  .pcw-nebo-photo{flex:0 0 56%}
  .pcw-nebo-panel{padding:15px 16px}
  .pcw-card--cta{min-height:0;padding:16px;display:flex;grid-template-areas:none;gap:0;align-items:stretch}
  .pcw-cta-head,
  .pcw-cta-title,
  .pcw-cta-note,
  .pcw-cta-btn{grid-area:auto}
  .pcw-cta-title{margin-top:16px}
  .pcw-cta-note{margin-top:7px}
  .pcw-cta-btn{margin-top:auto;align-self:flex-start}
  .pcw-cta-title{font-size:clamp(24px,2.1vw,30px)}
  .pcw-cta-note{font-size:11.5px}
  .pcw-astra-photo{flex:1;aspect-ratio:auto}
}

@media (min-width:1280px){
  .pcw{padding-block:40px 46px}
  .pcw-wall{grid-template-rows:230px 230px 230px 230px}
  .pcw-name{font-size:22px}
  .pcw-card--hero .pcw-name{font-size:clamp(28px,2.2vw,36px)}
  .pcw-short{font-size:13px}
  .pcw-loft-thumb{width:108px}
  .pcw-cta-btn{font-size:11px}
}

@media (min-width:1440px){
  .pcw-title{font-size:73px}
  .pcw-title em{font-size:150px}
  .pcw-wall{grid-template-rows:244px 244px 244px 244px}
  .pcw-card--hero .pcw-name{font-size:38px}
  .pcw-name{font-size:23px}
  .pcw-card--hero .pcw-short{font-size:13.5px}
  .pcw-cta-title{font-size:31px}
}

@media (min-width:1921px){
  .pcw{padding-block:48px 54px}
  .pcw-watermark{font-size:320px;right:56px;top:42px}
  .pcw-wall{grid-template-rows:300px 300px 300px 300px;gap:12px}
  .pcw-card--hero .pcw-name{font-size:44px}
  .pcw-name{font-size:25px}
  .pcw-name--sm{font-size:22px}
  .pcw-card--hero .pcw-short{font-size:14.5px}
  .pcw-big{font-size:84px}
  .pcw-card--loft .pcw-big{font-size:84px}
  .pcw-loft-thumb{width:128px}
  .pcw-cta-title{font-size:34px}
  .pcw-cta-note{font-size:13px}
}

@media (max-width:620px){
  .pcw-title{font-size:clamp(36px,10.5vw,54px)}
}

@media (max-width:359px){
  .pcw{padding-block:22px 24px}
  .pcw-count span{display:none}
  .pcw-chips li{font-size:7px;padding:4px 7px}
  .pcw-hero-copy,.pcw-low,.pcw-loft-main{padding-left:12px;padding-right:12px}
  .pcw-card--loft{padding-left:14px;padding-right:14px}
  .pcw-loft-thumb{width:82px;right:12px}
  .pcw-loft-pill{font-size:6.5px}
}

@media (prefers-reduced-motion:reduce){
  .pcw-photo,.pcw-loft-thumb,.pcw-go i,.pcw-tag,.pcw-card--cta::before,.pcw-cta-btn{transition:none}
  .pcw-card:hover .pcw-photo,
  .pcw-card--loft:hover .pcw-loft-thumb,
  .pcw-card--cta:hover::before,
  .pcw-card--cta:hover .pcw-cta-btn{transform:none}
}