/* PHACE · правки Юли 26.10 (поверх стилей служебного Zero в Header) */

/* 6. Без скруглений у видео и всех элементов (кроме точки REC) */
#allrecords *:not(.ph-rec),.ph-hd *:not(.ph-rec),.ph-lb *{border-radius:0!important}
.ph-case,.ph-nosda .ph-case{border-radius:0!important}

/* 2. Подписи вместо курсива Cormorant: Onest, строчными */
.ph-lab .tn-atom{font-family:'Onest',Arial,sans-serif!important;font-style:normal!important;text-transform:lowercase}
.ph-row .tn-atom{font-family:'Onest',Arial,sans-serif!important;font-style:normal!important}
.ph-card--all em{font:500 15px/1 'Onest',Arial,sans-serif!important;font-style:normal!important;text-transform:lowercase}

/* 8. Все заголовки капсом */
#allrecords h1.tn-atom,#allrecords h2.tn-atom,#allrecords h3.tn-atom,#allrecords .t585__title{text-transform:uppercase}

/* 4, 7. Видео кейсов сразу на всю ширину: без «вырастания», без подложки и обложки по краям */
.ph-case,.ph-nosda .ph-case,.ph-nosda .ph-case.is-in{animation:none!important;transform:none!important}
.ph-case .ph-kin iframe{left:0!important;top:50%!important;width:100%!important;height:calc((100vw - var(--sbw,0px)) * .5625)!important;min-height:100%;transform:translateY(-50%) scale(var(--z,1))!important}
.ph-case:has(.ph-kin.is-on)>img{opacity:0}
.ph-case{background:#0c0c0c!important}
/* 5. Кейс с бегущей строкой – отбивка, без кнопки и клика */
.ph-case--band{pointer-events:none;cursor:default}
.ph-case--band .ph-play{display:none!important}

/* 9. Услуги: 6 карточек по 3 в ряд, нижний ряд – название под фото, наведение – рамка видоискателя */
.ph-sec--services{background-image:none!important}
.ph-cols__row{border-bottom:1px solid #1d1a18}
.ph-cols__row .ph-col+.ph-col{border-left:1px solid #ebe7e1}
.ph-cols__row--mirror .ph-col__lab{border-bottom:0!important;border-top:1px solid #ebe7e1}
.ph-col__img:after{clip-path:none!important;mix-blend-mode:normal!important;width:44%!important;aspect-ratio:16/10!important;transform:translate(-50%,-50%) scale(.85)!important;background:
 linear-gradient(#fff,#fff) left top/30px 2px no-repeat,linear-gradient(#fff,#fff) left top/2px 30px no-repeat,
 linear-gradient(#fff,#fff) right top/30px 2px no-repeat,linear-gradient(#fff,#fff) right top/2px 30px no-repeat,
 linear-gradient(#fff,#fff) left bottom/30px 2px no-repeat,linear-gradient(#fff,#fff) left bottom/2px 30px no-repeat,
 linear-gradient(#fff,#fff) right bottom/30px 2px no-repeat,linear-gradient(#fff,#fff) right bottom/2px 30px no-repeat,
 linear-gradient(#fff,#fff) center/22px 2px no-repeat,linear-gradient(#fff,#fff) center/2px 22px no-repeat!important}
@media (hover:hover) and (min-width:960px){.ph-col:hover .ph-col__img:after{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important}}
@media (max-width:959px){.ph-cols__row .ph-col+.ph-col{border-left:0;border-top:1px solid #1d1a18}}

/* 10. Ниши: крупные слова вразброс по всей ширине; старые плашки в блоке форматов скрыты */
.ph-sec--formats .tn-group:has(.ph-chip),.ph-sec--formats [data-group-id="1792417873016000001"]{display:none!important}
.ph-nichwrap,.ph-nichwrap .tn-atom{overflow:visible!important;height:auto!important}
.ph-nich{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 .35em;padding:.2em 0;font:800 clamp(30px,5.6vw,88px)/.95 'Onest',Arial,sans-serif;letter-spacing:-.035em;text-transform:uppercase}
.ph-nich a{position:relative;z-index:1;display:inline-block;margin:-.06em 0;color:#1d1a18!important;text-decoration:none!important;font-size:calc(1em * var(--s,1));transform:translate(var(--x,0),var(--y,0)) rotate(var(--r,0));transition:transform .5s cubic-bezier(.22,1,.36,1),text-shadow .5s ease,color .3s ease;white-space:nowrap}
.ph-nich a:nth-child(3n+2){color:#8a847d!important}
.ph-nich a:hover,.ph-nich a:focus-visible{z-index:3;color:#ff3b1f!important;transform:translate(var(--x,0),calc(var(--y,0) - .08em)) rotate(0) scale(1.14);text-shadow:0 .12em .35em rgba(0,0,0,.28)}
@media (max-width:639px){.ph-nich{gap:.1em .3em}.ph-nich a{transform:translate(0,var(--y,0)) rotate(var(--r,0));white-space:normal}}

/* 14. Буквы Й, Ф, Ж, А в крупных словах этапов не обрезаются */
.ph-wd{overflow:visible!important;clip-path:inset(-0.6em -100vw -0.08em -0.6em)}
.ph-wd .tn-atom{padding-right:.08em}

/* 15. Частые вопросы: черный фон, белый текст */
.ph-sec--faq{background:#0c0c0c!important}
.ph-sec--faq .tn-atom{color:#fff!important}
#allrecords .t585{background:#0c0c0c}
#allrecords .t-rec:has(.t585){background:#0c0c0c!important}
#allrecords .t585 .t585__title,#allrecords .t585 .t585__text,#allrecords .t585 .t585__text *{color:#fff!important}
#allrecords .t585 .t585__icon svg path,#allrecords .t585 .t585__icon svg line,#allrecords .t585 .t585__icon svg g{stroke:#fff!important}
#allrecords .t585 .t585__border{border-color:#3a3a3a!important}

/* 16. Подвал: меню 4 колонками слева, PHACE вертикально справа */
.ph-vwm,.ph-vwm .tn-atom{overflow:visible!important}
.ph-vwm .tn-atom{height:100%;display:flex;align-items:flex-end;justify-content:flex-end}
.ph-vwm__t{writing-mode:vertical-rl;transform:rotate(180deg);font:800 170px/.8 'Onest',Arial,sans-serif;letter-spacing:-.04em;color:#fff;white-space:nowrap;user-select:none}
@media (max-width:1199px){.ph-vwm__t{font-size:136px}}

/* 17. Мобилка */
.ph-burger{color:#ff3b1f!important}
@media (hover:none){
 .ph-hero__strip .tn-atom{clip-path:none!important}
 .ph-strip{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}
 .ph-strip::-webkit-scrollbar{display:none}
 .ph-strip__track.is-run{animation:none!important}
 .ph-card{scroll-snap-align:start}
 .ph-card[aria-hidden="true"]{display:none}
}
/* форма: поле телефона с флагом – одна линия снизу на всю ширину */
#allrecords .t690 .t-input-phonemask__wrap{border:0!important;border-bottom:1px solid #1d1a18!important;background:transparent!important}
#allrecords .t690 .t-input-phonemask__wrap .t-input,#allrecords .t690 .t-input-phonemask__wrap input{border:0!important;background:transparent!important}
#allrecords .t690 .t-input-phonemask__select{border:0!important;background:transparent!important}

/* 18. Подвал: подпись production к знаку PHACE, разрядка на всю высоту знака (Node, 01.11). Если не совпадает по высоте – менять letter-spacing */
.ph-vwm .tn-atom::after{content:'production';writing-mode:vertical-rl;transform:rotate(180deg);font:500 22px/1 'Onest',Arial,sans-serif;letter-spacing:43px;color:#fff;white-space:nowrap;margin-left:14px;user-select:none}
@media (max-width:1199px){.ph-vwm .tn-atom::after{font-size:18px;letter-spacing:34px}}
.ph-fwm .tn-atom::after{content:'production';display:block;font:500 17px/1 'Onest',Arial,sans-serif;letter-spacing:.5px;margin-top:10px;user-select:none}

/* 19. Теги кейсов без ссылки – с той же обводкой, что и теги-ссылки (Node, 01.11) */
.ph-tag .tn-atom:not(:has(a)){display:inline-flex;align-items:center;height:32px;padding:0 14px;border:1px solid #3a3a3a;white-space:nowrap}