@charset "UTF-8";
/* p6-katalog.css — круг 5, раунд 2 (17.09): каталог программ (programmy.html) · карточка программы (programma.html?id=) · артисты (artisty.html).
   Закон — site/mandarin/DESIGN.md; общие токены и классы — k5.css (грузится последним). Здесь только цвета-токены
   (--fir --mint --cream --white --ink --ink-2 --ink-3 --line --line-2 --t1 --t2 --t3 --line-d --line-d2 --fir-2), кегли шкалы
   13·15·17·20·24·32·44·64, радиусы --r-1/--r-2/--r-pill, тени --sh-1/--sh-2/--sh-d. Движение — transform, opacity и clip-path; html.still гасит. */

/* ---------- шапка: печать k5 одноцветная (p6.css прячет ::before у brand__seal — возвращаем); телефоны не рвутся ---------- */
.brand .seal.brand__seal{--s:46px;background:none;box-shadow:none;transform:rotate(-6deg);overflow:visible;padding:0}
.brand .seal.brand__seal::before{display:block}
.brand .seal.brand__seal .seal__big{font-size:var(--fs-17);letter-spacing:.01em}
a[href^="tel:"],.tel{white-space:nowrap}
.pk-tel{font:500 var(--fs-17)/1.5 var(--f-text);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-2)}
.pk-tel:hover{border-color:var(--ink)}
.k5-dark .pk-tel{color:var(--t1);border-color:var(--line-d2)}

/* ---------- вкладки-фильтры: подчёркивание 2 px, кнопки с aria-pressed ---------- */
.pk-tabs{display:flex;flex-wrap:wrap;gap:4px clamp(20px,2.4vw,32px);margin:0;border-bottom:1px solid var(--line)}
.pk-tabs button{appearance:none;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:12px 0;font:500 var(--fs-15)/1.2 var(--f-text);color:var(--ink-2);cursor:pointer;border-radius:0;transition:color .2s var(--curve),border-color .2s var(--curve)}
.pk-tabs button:hover{color:var(--ink)}
.pk-tabs button[aria-pressed="true"]{color:var(--ink);border-bottom-color:var(--fir)}
.pk-tabs__n{margin-left:6px;font:500 var(--fs-13)/1 var(--f-text);color:var(--ink-3);letter-spacing:.02em}
.pk-tabs--sticky{position:sticky;top:var(--header-h);z-index:5;background:var(--white);padding-top:8px}
.k5-dark .pk-tabs{border-bottom-color:var(--line-d)}
.k5-dark .pk-tabs button{color:var(--t2)}
.k5-dark .pk-tabs button:hover{color:var(--t1)}
.k5-dark .pk-tabs button[aria-pressed="true"]{color:var(--t1);border-bottom-color:var(--t1)}
.k5-dark .pk-tabs__n{color:var(--t3)}

/* ---------- герой как на главной: текст слева на сплошной ели, кадр справа с растушёвкой левого края, без фильтра по кадру ---------- */
.pk-hero{position:relative;overflow:hidden;background:var(--fir);color:var(--t1);min-height:min(84vh,780px);display:grid;align-items:center}
.pk-hero--short{min-height:min(66vh,640px)}
.pk-hero__frame{position:absolute;top:0;bottom:0;right:0;left:46%;margin:0;z-index:0;-webkit-mask:linear-gradient(90deg,transparent 0,var(--fir) 160px);mask:linear-gradient(90deg,transparent 0,var(--fir) 160px)}
.pk-hero--cap .pk-hero__frame{bottom:calc(clamp(56px,7vw,104px) + 52px)}
.pk-hero__frame img{width:100%;height:100%;object-fit:cover;object-position:60% 30%;display:block}
.pk-hero__frame img.is-portrait{object-position:center 22%}
.pk-hero__frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,color-mix(in srgb,var(--fir) 80%,transparent) 0,transparent 26%),linear-gradient(180deg,color-mix(in srgb,var(--fir) 72%,transparent) 0,color-mix(in srgb,var(--fir) 24%,transparent) 11%,transparent 24%)}
.pk-hero__in{position:relative;z-index:2;padding-block:calc(var(--header-h) + clamp(48px,6vw,88px)) clamp(40px,5vw,64px)}
.pk-hero__text{max-width:min(52%,720px)}
.pk-hero .h1{color:var(--t1);max-width:20ch}
.pk-hero .lead{color:var(--t2);margin-top:20px;max-width:44ch}
.pk-hero__row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:32px}
.pk-hero__cat{margin-top:20px;color:var(--t3)}
.pk-hero__cat a,.pk-hero__cap a{color:var(--t2);text-decoration:none;border-bottom:1px solid var(--line-d2);transition:color .2s var(--curve),border-color .2s var(--curve)}
.pk-hero__cat a:hover,.pk-hero__cap a:hover{color:var(--t1);border-color:var(--t1)}
/* подпись под кадром (только когда на кадре другая программа раздела): на сплошной ели под нижним краем кадра, не на градиенте */
.pk-hero__cap{position:absolute;right:var(--gutter);bottom:calc(clamp(56px,7vw,104px) + 14px);z-index:2;margin:0;max-width:40ch;text-align:right;color:var(--t3)}
.pk-hero .k5-seam,.pk-hero .k5-seam-shadow{z-index:3}

/* ---------- каталог на белом: заголовок, разделы, сетка плит 3 в ряд; последний ряд всегда полный — остаток закрывает полоса ---------- */
.pk-katalog{padding-block:clamp(64px,8vw,112px) clamp(96px,10vw,128px)}
.pk-katalog__head{display:grid;gap:16px;margin-bottom:clamp(32px,4vw,48px)}
.pk-katalog__head .lead{max-width:56ch}
.pk-groups{margin-top:clamp(32px,4vw,56px)}
.pk-group{margin-top:clamp(72px,8vw,112px)}
.pk-group:first-child{margin-top:0}
.pk-group[hidden]{display:none}
.pk-group__head{display:flex;align-items:baseline;gap:8px 24px;flex-wrap:wrap;margin-bottom:clamp(24px,3vw,36px)}
.pk-group__h{font-size:var(--fs-32);line-height:1.15;max-width:none}
.pk-group__c{font:400 var(--fs-15)/1.5 var(--f-text);color:var(--ink-2)}
.pk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(36px,4vw,56px) clamp(20px,2.4vw,32px);align-items:start;margin:0;padding:0;list-style:none}
.pk-card{position:relative;margin:0;gap:14px}
.pk-card__ph{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:var(--r-2);background:var(--mint);box-shadow:var(--sh-1);transition:box-shadow .2s var(--curve),transform .2s var(--curve)}
.pk-card .pk-card__ph img{width:100%;height:100%;object-fit:cover;object-position:center 40%;border-radius:0;outline:0}
.pk-card:hover .pk-card__ph{box-shadow:var(--sh-2);transform:translateY(-2px)}
.pk-card__body{display:grid;gap:6px;align-content:start;font:400 var(--fs-15)/1.5 var(--f-text);letter-spacing:0;color:var(--ink-2)}
.pk-card__name{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-family:var(--f-display);font-size:var(--fs-24);line-height:1.2;letter-spacing:-.01em;color:var(--ink)}
.pk-card__name a{color:inherit;text-decoration:none;text-wrap:balance}
.pk-card__name a::before{content:"";position:absolute;inset:0;border-radius:var(--r-2)}
.pk-card__name a:focus-visible{outline:none}
.pk-card:has(.pk-card__name a:focus-visible) .pk-card__ph{outline:2px solid var(--fir);outline-offset:3px}
.pk-card__name::after{content:"\2192";flex:none;font:400 var(--fs-20)/1 var(--f-text);color:var(--ink);transition:transform .2s var(--curve)}
.pk-card:hover .pk-card__name::after{transform:translateX(4px)}
.pk-card__meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}
.pk-card__meta span{color:var(--ink-2)}
.pk-card__meta b{font:500 var(--fs-17)/1.3 var(--f-text);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.pk-card__meta b.is-ask{font-weight:400;font-size:var(--fs-15);color:var(--ink-2);white-space:normal}
/* полоса: плита поперёк ряда — фото в первой колонке, текст рядом; закрывает остаток 1 (на весь ряд) или 2 (две колонки) */
.pk-card--band{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:clamp(20px,2.4vw,32px)}
.pk-card--band2{grid-column:span 2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(20px,2.4vw,32px)}
.pk-card--band .pk-card__ph{aspect-ratio:3/2}
.pk-card--band2 .pk-card__ph{aspect-ratio:3/2}
.pk-card--band .pk-card__body,.pk-card--band2 .pk-card__body{align-self:start}
/* программы без фото — список строками под сеткой раздела */
.pk-rows{margin:clamp(32px,4vw,48px) 0 0;padding:0;list-style:none;border-top:1px solid var(--line-2)}
.pk-rows--first{margin-top:0}
.pk-row{border-bottom:1px solid var(--line)}
.pk-row__a{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;gap:8px clamp(16px,2vw,28px);align-items:baseline;padding:16px 0;text-decoration:none;color:var(--ink);transition:color .2s var(--curve)}
.pk-row__t{display:block;min-width:0}
.pk-row__t b{display:block;font:400 var(--fs-24)/1.2 var(--f-display);letter-spacing:-.01em;transition:color .2s var(--curve)}
.pk-row__t span{display:block;margin-top:4px;font:400 var(--fs-15)/1.45 var(--f-text);color:var(--ink-2);max-width:56ch}
.pk-row__p{font:500 var(--fs-17)/1.3 var(--f-text);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.pk-row__p small{display:block;font:400 var(--fs-15)/1.3 var(--f-text);color:var(--ink-2);white-space:normal;max-width:14ch}
.pk-row__arr{font-size:var(--fs-20);line-height:1;color:var(--ink);text-align:right;transition:transform .2s var(--curve)}
.pk-row__a:hover .pk-row__arr,.pk-row__a:focus-visible .pk-row__arr{transform:translateX(4px)}
.pk-row__a:hover .pk-row__t b{color:var(--ink-2)}
.pk-row.is-hl{background:var(--mint)}
.pk-card.is-hl .pk-card__ph{outline:2px solid var(--fir);outline-offset:4px}
.pk-katalog__foot{margin-top:clamp(40px,5vw,64px);max-width:62ch}

/* ---------- каталог: две колонки вопрос–ответ на мяте ---------- */
.pk-qa{padding-block:clamp(88px,9vw,128px) clamp(96px,10vw,136px)}
.pk-qa__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:start}
.pk-qa__grid .lead{margin-top:16px}
.pk-qa__list{margin:0;border-top:1px solid var(--line-2)}
.pk-qa__row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8px clamp(20px,3vw,40px);padding:clamp(20px,2.4vw,28px) 0;border-bottom:1px solid var(--line)}
.pk-qa__row dt{font:400 var(--fs-24)/1.2 var(--f-display);letter-spacing:-.01em;color:var(--ink)}
.pk-qa__row dd{margin:0;font:400 var(--fs-17)/1.55 var(--f-text);color:var(--ink-2);max-width:56ch}

/* ---------- карточка программы: две колонки — текст программы дословно, справа лист с ценой и кнопкой ---------- */
.pp-body{padding-block:clamp(64px,8vw,104px) clamp(96px,10vw,128px)}
.pp-body__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:start}
.pp-what .h2{margin-bottom:clamp(24px,3vw,32px)}
.pp-what__intro{display:grid;gap:12px;margin:0}
.pp-what__intro p{font:400 var(--fs-17)/1.6 var(--f-text);color:var(--ink);max-width:62ch;margin:0}
.pp-what__list{margin:clamp(20px,2.4vw,28px) 0 0;padding:0;list-style:none;display:grid;gap:0}
.pp-what__list li{position:relative;padding:10px 0 10px 18px;border-bottom:1px solid var(--line);font:400 var(--fs-15)/1.5 var(--f-text);color:var(--ink)}
.pp-what__list li::before{content:"";position:absolute;left:0;top:18px;width:6px;height:6px;border-radius:50%;background:var(--fir)}
.pp-what__list + .pp-what__intro{margin-top:clamp(20px,2.4vw,28px)}
.pp-what__empty{font:400 var(--fs-17)/1.55 var(--f-text);max-width:52ch;margin:0}
/* лист — единственный бумажный предмет страницы: крем, r-2, тень sh-1, липнет под шапкой; цена и длительность — один раз, в шапке листа */
.pp-sheet{position:sticky;top:calc(var(--header-h) + 24px);background:var(--cream);border-radius:var(--r-2);box-shadow:var(--sh-1);padding:clamp(24px,2.6vw,32px) clamp(24px,2.8vw,36px) clamp(24px,2.6vw,32px)}
.pp-sheet__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid var(--line-2)}
.pp-sheet__price .price{font-size:var(--fs-32)}
.pp-sheet .price--none{font:500 var(--fs-17)/1.4 var(--f-text);color:var(--ink-2);letter-spacing:0}
.pp-sheet__price .small{color:var(--ink-2)}
.pp-sheet__rows{display:grid}
.pp-price{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 20px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line);font:400 var(--fs-15)/1.45 var(--f-text);color:var(--ink)}
.pp-price--head{grid-template-columns:1fr;padding-top:16px;font:500 var(--fs-13)/1.4 var(--f-text);letter-spacing:.04em;color:var(--ink-3)}
.pp-price--note{grid-template-columns:1fr;color:var(--ink-2)}
.pp-price__v{font:500 var(--fs-15)/1.4 var(--f-text);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.pp-price--only .pp-price__v{grid-column:1 / -1;text-align:left}
.pp-sheet__notes{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:4px}
.pp-sheet__notes li{font:400 var(--fs-13)/1.45 var(--f-text);color:var(--ink-2)}
.pp-sheet__noprice{margin:0;font:400 var(--fs-15)/1.5 var(--f-text);color:var(--ink-2)}
.pp-sheet__cta{display:grid;gap:12px;justify-items:start;margin-top:24px;padding-top:20px;border-top:1px solid var(--line-2)}
.pp-sheet__cta .btn{width:100%;justify-content:center;text-align:center;display:inline-flex;align-items:center}
.pp-sheet__cta .k5-meta{max-width:34ch}
.pp-sheet__cta .k5-meta a{color:var(--ink-2)}
/* вопросы на мяте и «ещё в разделе» на белом */
.pp-faq{padding-block:clamp(88px,9vw,128px) clamp(96px,10vw,136px)}
.pp-more{padding-block:clamp(72px,8vw,104px) clamp(96px,10vw,128px)}
.pp-more__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 32px;margin-bottom:clamp(24px,3vw,40px)}
.pp-more .pk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
/* без ?id= — список всех программ, не 404 */
.pp-all{padding-block:clamp(64px,8vw,104px) clamp(96px,10vw,128px)}
.pp-all__head{margin-bottom:clamp(24px,3vw,40px)}
.pp-all__head .lead{margin-top:12px}
.pp-all .pk-group{margin-top:clamp(48px,5vw,72px)}
.pp-all .pk-group:first-child{margin-top:0}

/* ---------- артисты: ель — H1, одна строка, вкладки, сетка пар 5 × 2:3 ---------- */
.pa-hero{padding-block:clamp(64px,7vw,96px) 0;overflow:hidden}
.pa-hero__head{position:relative;z-index:1;display:grid;gap:20px;max-width:56ch}
.pa-hero__head .h1{max-width:16ch}
.pa-hero__head .lead{color:var(--t2);margin:0}
.pa-hero .pk-tabs{position:relative;z-index:1;margin-top:clamp(28px,3vw,40px)}
.pa-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(48px,5vw,72px) clamp(16px,2vw,24px);align-items:start;margin-top:clamp(40px,5vw,64px)}
.pa-card{display:grid;gap:14px;min-width:0;align-content:start}
.pa-card[hidden]{display:none}
.pa-card__fig{gap:0}
/* приём compare: кадр «в жизни» поверх «в образе», clip-path по --x; ручка 1 px --white с кружком «‹ ›» видна при наведении; --x: 100% — виден образ */
.pa-cmp{--x:100%}
.pa-cmp__box{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:var(--r-2);background:var(--fir-2);outline:1px solid var(--line-d);outline-offset:-1px;touch-action:pan-y;cursor:ew-resize}
.pa-cmp__box:focus-visible{outline:2px solid var(--white);outline-offset:3px}
.pa-cmp .pa-cmp__box img,.k5-dark .pa-cmp .pa-cmp__box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;outline:0;background:none;pointer-events:none}
.pa-cmp .pa-cmp__obraz{object-position:center 30%}
.pa-cmp .pa-cmp__life{object-position:center 24%;clip-path:inset(0 0 0 var(--x))}
.pa-cmp__handle{position:absolute;inset:0;pointer-events:none;border-left:1px solid var(--white);transform:translateX(var(--x));opacity:0;transition:opacity .2s var(--curve)}
.pa-cmp__box:hover .pa-cmp__handle,.pa-cmp__box:focus-visible .pa-cmp__handle,.pa-cmp.is-touch .pa-cmp__handle{opacity:1}
.pa-cmp__knob{position:absolute;left:0;top:50%;width:28px;height:28px;border-radius:50%;border:1px solid var(--white);background:color-mix(in srgb,var(--fir) 55%,transparent);transform:translate(-50%,-50%)}
.pa-cmp__knob::before,.pa-cmp__knob::after{content:"";position:absolute;top:50%;width:5px;height:5px;border-top:1px solid var(--white);border-left:1px solid var(--white)}
.pa-cmp__knob::before{left:7px;transform:translateY(-50%) rotate(-45deg)}
.pa-cmp__knob::after{right:7px;transform:translateY(-50%) rotate(135deg)}
.pa-cmp.is-back .pa-cmp__life{transition:clip-path .4s var(--curve)}
.pa-cmp.is-back .pa-cmp__handle{transition:transform .4s var(--curve),opacity .2s var(--curve)}
/* пара без чистого кадра «в образе»: две карточки-портрета «в жизни» одна над другой в той же плите 2:3 */
.pa-two__box{display:grid;grid-template-rows:1fr 1fr;gap:4px;aspect-ratio:2/3;border-radius:var(--r-2);overflow:hidden}
.pa-two .pa-two__box img,.k5-dark .pa-two .pa-two__box img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 22%;border-radius:0;outline:0}
.pa-card__h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:var(--fs-24);line-height:1.2;max-width:none;color:var(--t1)}
.pa-card__h .tag{font-size:var(--fs-13)}
/* био: первое предложение видно, остальное под «подробнее» (кнопка-текст, раскрытие без анимации) */
.pa-card__sum{margin:0;font:400 var(--fs-15)/1.5 var(--f-text);color:var(--t2)}
.pa-card__bio{display:grid;gap:8px}
.pa-card__bio p{margin:0;font:400 var(--fs-15)/1.5 var(--f-text);color:var(--t2);max-width:none}
.pa-card__bio b{font-weight:500;color:var(--t1)}
.pa-bio__rest[hidden]{display:none}
.pa-card.is-open .pa-bio__rest{display:inline}
.pa-card.is-open p.pa-bio__rest{display:block}
.pa-card__foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.pa-more{appearance:none;background:none;border:0;padding:0;margin:0;font:500 var(--fs-15)/1.2 var(--f-text);color:var(--t2);cursor:pointer;border-bottom:1px solid var(--line-d);transition:color .2s var(--curve),border-color .2s var(--curve)}
.pa-more:hover{color:var(--t1);border-color:var(--t1)}
.pa-more::after{content:"\2193";display:inline-block;margin-left:6px}
.pa-card.is-open .pa-more::after{content:"\2191"}
.pa-card .k5-more{color:var(--t1);border-color:var(--line-d2)}
.pa-card .k5-more:hover{border-color:var(--t1)}
.pa-card__hint{margin:0;color:var(--t3)}
.pa-hero__foot{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-top:clamp(48px,5vw,64px);padding-bottom:clamp(32px,4vw,48px)}
.pa-hero__foot .small{max-width:60ch;margin:0;color:var(--t2)}
.pa-hero__foot .small a{color:var(--t1)}
.pa-hero__empty{position:relative;z-index:1;margin:32px 0 0;color:var(--t2)}
.pa-hero__empty .tel{color:var(--t1)}

/* ---------- артисты: белое поле гарантий — одна крупная строка и три мелких, пиктограммы heroicons ---------- */
.pa-why{padding-block:clamp(88px,10vw,128px) clamp(96px,10vw,136px)}
.pa-why__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,6vw,96px);align-items:center}
.pa-why__big{display:grid;grid-template-columns:32px minmax(0,1fr);gap:16px;align-items:start;margin:clamp(28px,3.4vw,44px) 0 0;font:400 var(--fs-32)/1.25 var(--f-display);letter-spacing:-.01em;color:var(--ink);max-width:24ch;text-wrap:balance}
.pa-why .ico{width:28px;height:28px;flex:none;color:var(--fir);fill:none;stroke:currentColor}
.pa-why__big .ico{margin-top:.2em;width:32px;height:32px}
.pa-why__list{margin:clamp(24px,3vw,36px) 0 0;padding:0;list-style:none;display:grid;gap:14px;max-width:56ch}
.pa-why__list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;align-items:start;padding-top:14px;border-top:1px solid var(--line);font:400 var(--fs-17)/1.5 var(--f-text);color:var(--ink)}
.pa-why__list .ico{margin-top:.1em}
.pa-why__note{margin:clamp(20px,2.4vw,28px) 0 0;max-width:56ch}
.pa-why__note a{color:var(--ink)}
.pa-why__ph{gap:10px}
.pa-why__ph img{aspect-ratio:3/4;object-position:center 20%;box-shadow:var(--sh-1)}
.pa-why .pa-why__ph img{height:auto}

/* ---------- узкие экраны ---------- */
@media (max-width:1180px){
  .pa-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .pk-hero{min-height:0;display:block}
  .pk-hero__frame{position:relative;left:0;height:64vw;min-height:280px;-webkit-mask:none;mask:none}
  .pk-hero--cap .pk-hero__frame{bottom:auto}
  .pk-hero__frame img,.pk-hero__frame img.is-portrait{object-position:center 24%}
  .pk-hero__frame::after{background:linear-gradient(0deg,var(--fir) 0,color-mix(in srgb,var(--fir) 55%,transparent) 14%,transparent 40%)}
  .pk-hero__in{padding-block:0 40px;margin-top:-6vw}
  .pk-hero__text{max-width:none}
  .pk-hero__cap{position:static;text-align:left;margin:-4px 0 20px;max-width:none;padding-inline:var(--gutter)}
  .pk-hero--cap .pk-hero__in{margin-top:0}
  .pk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}
  .pk-card--band,.pk-card--band2{grid-column:1 / -1}
  .pk-tabs--sticky{position:static;padding-top:0}
  .pk-qa__grid,.pp-body__grid,.pa-why__grid{grid-template-columns:1fr}
  .pk-qa__row{grid-template-columns:1fr}
  .pp-sheet{position:static}
  .pp-more .pk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pa-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 16px}
  .k5-darkhero main>section.pa-hero:first-child{padding-top:clamp(40px,8vw,64px)}
  .pa-why__ph{max-width:420px}
}
@media (max-width:600px){
  .pk-grid{grid-template-columns:1fr;gap:20px}
  .pk-card,.pk-card--band,.pk-card--band2{grid-column:auto;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:14px}
  .pk-card--band .pk-card__ph,.pk-card--band2 .pk-card__ph{aspect-ratio:3/2}
  .pk-card__body{gap:4px}
  .pk-card__name::after{display:none}
  .pk-row__a{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}
  .pk-row__arr{display:none}
  .pp-more .pk-grid{grid-template-columns:1fr}
  .pa-grid{grid-template-columns:1fr;gap:40px}
  .pa-card{grid-template-columns:150px minmax(0,1fr);grid-template-areas:"fig head" "fig bio" "foot foot" "hint hint";column-gap:16px;row-gap:12px;align-items:start}
  .pa-card__fig{grid-area:fig}
  .pa-card__h{grid-area:head;font-size:var(--fs-24)}
  .pa-card__bio{grid-area:bio;align-self:start}
  .pa-card__foot{grid-area:foot}
  .pa-card__hint{grid-area:hint}
  .pa-why__big{font-size:var(--fs-24);grid-template-columns:28px minmax(0,1fr)}
  .pa-why__big .ico{width:28px;height:28px}
}