/* Нові зображення: локальне впровадження 04.10.2026. */
.hero-editorial{position:relative;isolation:isolate;min-height:850px;padding:158px 0 178px;background:#063541;color:#fff}
.hero-editorial .hero-content{position:relative;z-index:2;display:block;width:min(1240px,calc(100% - 64px));margin:0 auto}
.hero-editorial .kicker{margin:0 0 25px;color:#ffd12f}
.hero-editorial h1{max-width:610px;font-size:clamp(62px,5.8vw,84px);line-height:1.03;margin:0 0 26px;letter-spacing:-.055em}
.hero-editorial .hero-copy{max-width:460px;margin:0 0 28px;color:#e4edf0;font-size:16px;line-height:1.7}
.hero-editorial .hero-actions{display:flex;max-width:520px;gap:12px}
.hero-editorial .hero-visual{position:absolute;z-index:0;inset:0;width:100%;height:100%;margin:0;pointer-events:none}
.hero-editorial .hero-picture{position:absolute;inset:0;border:0;background:#063541}
.hero-editorial .hero-picture picture{display:block;width:100%;height:100%}
.hero-editorial .hero-picture img{width:100%;height:100%;object-fit:cover;object-position:center;animation:none}
.hero-editorial .hero-picture::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,26,33,.66),rgba(3,26,33,.57) 44%,rgba(3,26,33,.33) 58%,transparent 80%)}
.hero-editorial .hero-visual>figcaption{position:absolute;left:max(32px,calc((100vw - 1240px)/2));right:max(32px,calc((100vw - 1240px)/2));bottom:98px;z-index:1;padding:12px 18px;border:1px solid #b8d9e52b;background:#052633d9;color:#dae8eb;min-height:62px}
.hero-editorial .hero-routes{position:absolute;z-index:3;left:max(32px,calc((100vw - 1240px)/2));right:max(32px,calc((100vw - 1240px)/2));bottom:24px;width:auto;margin:0;background:#052633e8;border:1px solid #b8d9e52b}
.hero-editorial .hero-routes a{padding:17px 18px!important;color:#e1ebef;border-right:1px solid #b8d9e52b}
.hero-editorial .hero-routes a:last-child{border-right:0}
.hero-editorial .hero-routes a:hover{background:#10495c}
.hero-editorial .button-ghost{background:#082f3fd9;border-color:#8daab6}
.hero-editorial .button-ghost:hover{background:#124456;border-color:#dcebf1}
.about-material{margin:32px 0 0;overflow:hidden;background:#ede0c9;border-radius:3px}
.about-material img{width:100%;height:232px;object-fit:cover;object-position:72% center}
.about-material figcaption{padding:9px 12px;color:#5b4233;font-size:10px;background:#f3eadd}
.creative-directions{padding-top:0;padding-bottom:76px}
.creative-directions .section-heading{margin-bottom:27px}
.creative-directions h2{font-size:34px;letter-spacing:-.04em;margin-bottom:0}
.direction-art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.direction-art-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:end;min-width:0;min-height:260px;padding:28px 30px;overflow:hidden;border-radius:3px;color:#fff;background:#062640}
.direction-art-card>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.direction-art-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,22,66,.62),rgba(4,22,66,.48) 55%,transparent 88%)}
.direction-art-card.music::before{background:linear-gradient(90deg,#061929b3,transparent 85%)}
.direction-art-card .eyebrow{position:absolute;top:28px;left:30px;margin:0;font-size:10px;letter-spacing:.12em;color:#fff}
.direction-art-card .eyebrow::before{display:none}
.direction-art-card h3{font-size:32px;letter-spacing:-.04em;line-height:1.1;margin:0 0 9px;max-width:240px}
.direction-art-card p{font-size:12px;line-height:1.5;margin:0;max-width:205px;color:#f1f5fb}
.direction-art-card .arrow{position:absolute;bottom:25px;right:28px;font-size:28px;line-height:1;background:#06223eb8;width:38px;height:38px;text-align:center;border-radius:50%}
.direction-clef{position:absolute;left:30px;top:65px;width:36px;height:62px;fill:none;stroke:#ffd12f;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.direction-clef circle{fill:#ffd12f;stroke:none}
.direction-art-card:hover .arrow{background:#06223e}
.creative-directions .art-note{font-size:10px;color:#596777;margin:14px 0 0}
.project-feature-image img{object-position:88% center}
.project-feature-image figcaption{max-width:calc(100% - 40px);background:#062c3be8;color:#fff;line-height:1.5}
@media(max-width:1100px){
.hero-editorial{min-height:850px}.hero-editorial h1{font-size:70px;max-width:550px}
.hero-editorial .hero-copy{max-width:430px}
.hero-editorial .hero-picture::after{background:linear-gradient(90deg,#031a21c7,#031a2199 50%,transparent 88%)}
}
@media(max-width:760px){
.hero-editorial{min-height:0;padding:120px 0 0;background:#063541}
.hero-editorial .hero-content{width:calc(100% - 40px);display:block}
.hero-editorial .kicker{font-size:10px;margin-bottom:21px}
.hero-editorial h1{font-size:clamp(44px,12vw,65px);max-width:590px;margin-bottom:23px;line-height:1.03}
.hero-editorial .hero-copy{font-size:15px;line-height:1.65;margin-bottom:24px;max-width:520px}
.hero-editorial .hero-actions{display:flex;flex-wrap:wrap;gap:10px;max-width:none}
.hero-editorial .button{padding:12px 14px;min-height:46px;font-size:12px}
.hero-editorial .hero-visual{position:relative;inset:auto;width:100%;height:auto;margin:30px 0 0;pointer-events:auto}
.hero-editorial .hero-picture{position:relative;inset:auto;height:310px;border-top:1px solid #aad2de40}
.hero-editorial .hero-picture img{height:310px;object-position:center}
.hero-editorial .hero-picture::after{display:none}
.hero-editorial .hero-visual>figcaption{position:relative;inset:auto;margin:0;padding:15px 20px;border:0;border-bottom:1px solid #aad2de40;background:#063541;gap:12px;font-size:10px}
.hero-editorial .hero-scope{gap:16px;flex-wrap:wrap}
.hero-editorial .hero-routes{position:relative;inset:auto;width:calc(100% - 40px);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:0;background:#063541}
.hero-editorial .hero-routes a{padding:16px 8px!important;font-size:10px;border:0}
.hero-editorial .hero-routes a:nth-child(odd){padding-left:0!important}
.about-material{margin-top:24px}.about-material img{height:220px}
.creative-directions{padding-top:0;padding-bottom:54px}
.creative-directions h2{font-size:29px}
.direction-art-grid{grid-template-columns:1fr;gap:18px}
.direction-art-card{min-height:245px;padding:27px 24px}
.direction-art-card .eyebrow{left:24px}
.direction-clef{left:24px}
.direction-art-card h3{font-size:30px}
.project-feature-image{min-height:330px}.project-feature-image img{object-position:88% center}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}