/*
Theme Name: VECTOR Marketing — RU & EN
Author: VECTOR Marketing
Description: Адаптивная блочная тема VECTOR Marketing. Тексты и блоки редактируются в редакторе WordPress.
Version: 3.7.3
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: vector-marketing
License: GPL-2.0-or-later
*/
:root{--yellow:#ffd000;--ink:#171715;--cream:#f5f2e9;--line:rgba(23,23,21,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.55 Arial,Helvetica,sans-serif}p,h1,h2,h3,figure{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #2776d2;outline-offset:5px}button,input,textarea{font:inherit}img{max-width:100%;height:auto}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1,h2,h3{font-weight:600;line-height:1.04;letter-spacing:-.055em}h1{font-size:clamp(66px,7.5vw,116px)}h2{font-size:clamp(38px,4.8vw,70px)}h3{font-size:29px;letter-spacing:-.035em}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section{padding-block:110px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;margin-bottom:34px}.lead{font-size:20px;line-height:1.5;max-width:480px}.wp-block-button__link,.vector-form button{display:inline-flex;justify-content:center;align-items:center;background:var(--ink);color:var(--cream);padding:18px 25px;border:1px solid var(--ink);border-radius:0;font-weight:600;font-size:15px;transition:transform .2s,background .2s,color .2s;cursor:pointer}.wp-block-button__link:hover,.vector-form button:hover{background:var(--yellow);color:var(--ink);transform:translateY(-3px)}.wp-block-buttons{display:flex}.site-header{position:sticky;top:0;background:var(--cream);z-index:20;border-bottom:1px solid var(--line)}.header-inner{height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{width:90px;height:70px;overflow:hidden;flex-shrink:0}.logo img{width:90px;height:90px;object-fit:contain;transform:translateY(-10px);mix-blend-mode:multiply}.navigation{display:flex;gap:40px;align-items:center}.nav-links{display:flex;gap:30px;font-size:13px}.nav-links a:hover{text-decoration:underline;text-underline-offset:6px}.small .wp-block-button__link{padding:12px 19px;font-size:13px}.hero{overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;min-height:640px;align-items:center;padding-block:70px}.hero-copy h1{margin:20px 0 26px}.hero-copy .eyebrow{margin:0}.hero-copy .wp-block-buttons{margin-top:33px}.hero-note{margin-top:17px;font-size:12px}.hero-art{height:470px;background:var(--yellow);position:relative;transform:rotate(2deg);isolation:isolate;border-radius:240px 240px 4px 4px;box-shadow:16px 16px 0 var(--ink);margin:0 16px 16px 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:52px 25px 30px}.visual-kicker{font-size:12px;letter-spacing:.25em;font-weight:bold}.visual-arrow{position:absolute;z-index:-1;font-size:330px;line-height:1;top:35px;right:18px;color:rgba(23,23,21,.11)}.signals{position:relative;width:100%;height:210px}.signal{position:absolute;font-size:clamp(22px,2.5vw,34px);font-weight:600;letter-spacing:-.04em;padding:12px 26px;line-height:1.2;white-space:nowrap}.signal.one{top:0;left:4%;border:1px solid var(--ink);background:var(--cream);transform:rotate(-8deg)}.signal.two{top:72px;right:2%;background:var(--ink);color:var(--cream);transform:rotate(6deg)}.signal.three{top:145px;left:15%;border:1px solid var(--ink);background:var(--yellow);transform:rotate(-5deg)}.visual-caption{text-align:center;font-size:14px;line-height:1.35}.hero-art{animation:float 7s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px) rotate(-1deg)}}.ticker{background:var(--ink);color:var(--cream);overflow:hidden;padding:22px 0}.ticker p{width:max-content;white-space:nowrap;word-spacing:22px;font-size:17px;letter-spacing:.07em;animation:drift 20s ease-in-out infinite alternate}.ticker span{color:var(--yellow);margin:0 25px;font-size:23px}@keyframes drift{to{transform:translateX(-160px)}}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:62px}.task{border-top:1px solid var(--ink);padding-top:20px}.number{font-size:12px;font-weight:700;letter-spacing:.08em}.task h3{margin:28px 0 18px;max-width:280px}.task p:last-child{font-size:15px;max-width:330px}.services{background:var(--ink);color:var(--cream)}.services em{color:var(--yellow)}.section-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:end;margin-bottom:55px}.section-intro>p{max-width:350px;font-size:16px}.service{border-top:1px solid rgba(245,242,233,.3)}.service:last-child{border-bottom:1px solid rgba(245,242,233,.3)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.service summary{display:flex;align-items:center;gap:35px;padding:28px 0}.service-num{font-size:12px;color:var(--yellow)}.service-title{font-size:clamp(23px,3.4vw,42px);line-height:1.12;letter-spacing:-.04em}.service-title small{display:block;font-size:12px;line-height:1.5;letter-spacing:.02em;color:#c5c4bc;margin-top:8px}.plus{margin-left:auto;color:var(--yellow);font-size:40px;font-weight:300;line-height:1}.service[open] .plus{transform:rotate(45deg)}.service>p{max-width:750px;margin:0 60px 18px;font-size:17px}.service>p.muted{color:#c5c4bc;font-size:14px;margin-bottom:30px}.section-desc{max-width:600px;margin-top:27px}.niche-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.niche{padding:30px;border:1px solid var(--ink);min-height:350px;display:flex;flex-direction:column}.niche-1{background:var(--yellow)}.niche-2{background:var(--cream)}.niche-3{background:var(--ink);color:var(--cream)}.niche h3{margin-top:42px;margin-bottom:20px;font-size:33px}.niche>p:not(.number){font-size:15px}.niche .niche-note{margin-top:auto;padding-top:26px;font-size:11px!important;letter-spacing:.02em;opacity:.8}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.step{border-top:1px solid var(--ink);padding-top:20px}.step h3{font-size:24px;margin:30px 0 15px}.step p:last-child{font-size:15px}.focus+.section{padding-top:25px}.faq{background:#eae6dc}.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:90px}.faq-intro>p{margin-top:27px;font-size:16px}.question{border-top:1px solid var(--line)}.question:last-child{border-bottom:1px solid var(--line)}.question summary{padding:23px 35px 23px 0;position:relative;font-size:18px;line-height:1.4}.question summary:after{content:'+';position:absolute;right:0;top:17px;font-size:29px}.question[open] summary:after{content:'−'}.question p{padding-bottom:23px;font-size:15px;line-height:1.6;max-width:600px}.contact{background:var(--yellow)}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.contact .lead{margin-top:30px;font-size:18px}.vector-form{display:flex;flex-direction:column;gap:24px}.vector-form label{display:flex;flex-direction:column;font-size:13px;gap:7px;font-weight:600}.vector-form input:not([type=checkbox]),.vector-form textarea{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:12px 0;color:var(--ink);border-radius:0;resize:vertical;line-height:1.5;font-weight:400}.vector-form input::placeholder,.vector-form textarea::placeholder{color:#4b430b;opacity:.8}.vector-form .consent{display:flex;flex-direction:row;gap:12px;font-size:11px;font-weight:400;line-height:1.55;align-items:flex-start}.consent input{flex-shrink:0;margin-top:3px;accent-color:var(--ink);width:16px;height:16px}.vector-form button{width:100%;justify-content:space-between;font-size:16px}.vector-form button:hover{background:var(--cream)}.form-status{font-size:12px;line-height:1.5}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.site-footer{background:var(--ink);color:var(--cream);padding:35px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px}.footer-brand{font-size:14px;font-weight:bold;letter-spacing:.1em}.site-main{margin:0}.wp-site-blocks{padding:0}.wp-block-group{box-sizing:border-box}body .wp-site-blocks>*,body .wp-site-blocks main>*{margin-block-start:0}details[open]>p{animation:appear .25s ease-out}@keyframes appear{from{opacity:.2;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero-grid{min-height:740px}.hero-art{height:520px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero-grid{gap:30px}.hero-art{height:400px;padding-top:40px}.signals{transform:scale(.9)}.hero-copy .lead{font-size:18px}.section{padding-block:80px}.task-grid{gap:25px}.section-intro{gap:35px}.niche{padding:22px}.niche h3{font-size:28px}.faq-grid,.contact-grid{gap:45px}.steps{grid-template-columns:repeat(2,1fr);row-gap:35px}.navigation{gap:25px}.nav-links{gap:18px}}
@media(max-width:720px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 36px)}.header-inner{height:76px;gap:15px}.logo{width:75px;height:60px}.logo img{width:75px;height:75px;transform:translateY(-7px)}.nav-links{display:none}.small .wp-block-button__link{font-size:12px;padding:11px 14px}.hero-grid{grid-template-columns:1fr;padding-block:45px 55px;gap:45px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.12em}h1{font-size:clamp(58px,12vw,88px)}.hero-copy h1{margin:25px 0}.hero-copy .lead{font-size:18px;max-width:420px}.hero-art{width:min(390px,calc(100% - 16px));height:380px;justify-self:center}.signal{font-size:30px}.hero-art .signals{transform:none}.visual-arrow{font-size:290px}.section{padding-block:65px}.eyebrow{margin-bottom:25px;font-size:10px}h2{font-size:40px}.task-grid,.niche-grid{grid-template-columns:1fr;margin-top:35px;gap:24px}.task h3{margin:18px 0 13px;max-width:none}.task p:last-child{max-width:none}.section-intro{grid-template-columns:1fr;gap:24px;margin-bottom:35px}.section-intro>p{max-width:none}.service summary{gap:17px;padding:24px 0}.service-title{font-size:26px}.service-title small{font-size:11px}.service>p{margin-left:31px;margin-right:0;font-size:15px}.service>p.muted{font-size:13px}.plus{font-size:30px}.niche{min-height:270px;padding:26px}.niche h3{margin-top:22px}.niche p:not(.number){max-width:480px}.steps{gap:25px 18px;margin-top:35px}.step h3{font-size:22px}.step p:last-child{font-size:14px}.faq-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.faq-intro>p{margin-top:20px}.question summary{font-size:17px;padding-block:22px}.question p{font-size:14px}.contact .lead{font-size:17px;margin-top:24px}.footer-inner{flex-direction:column;align-items:flex-start;gap:15px}.ticker{padding:18px 0}.ticker p{font-size:14px}.ticker span{margin:0 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Version 2 — sculptural imagery and motion. */
:root{--cream:#f5f2e9}.page-progress{position:fixed;top:0;left:0;height:3px;z-index:100;background:var(--yellow);width:100%;transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none}.site-header{background:rgba(245,242,233,.92);backdrop-filter:blur(16px)}.logo{width:130px;height:70px}.logo img{width:130px;height:130px;transform:translateY(-23px);mix-blend-mode:normal}.hero{position:relative;isolation:isolate;background:var(--cream);min-height:710px}.hero-backdrop{position:absolute;inset:-35px;z-index:-2;transform:translate3d(var(--mx,0px),var(--my,0px),0) scale(1.04);transition:transform .7s ease-out;will-change:transform}.hero-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,242,233,.98) 0%,rgba(245,242,233,.94) 25%,rgba(245,242,233,.65) 39%,rgba(245,242,233,0) 63%);z-index:-1;pointer-events:none}.hero-grid{grid-template-columns:1fr .9fr;min-height:710px;padding-block:80px 105px}.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:clamp(72px,7.9vw,125px);letter-spacing:-.065em;max-width:650px}.hero-copy .lead{max-width:420px;font-size:19px}.hero-copy .wp-block-button__link{background:var(--yellow);color:var(--ink);border-color:var(--yellow);box-shadow:0 8px 30px #1717150d}.hero-copy .wp-block-button__link:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}.hero-decoration{height:450px;position:relative;pointer-events:none}.orbit-label{position:absolute;bottom:15px;right:0;padding:12px 20px;border:1px solid #1717155c;background:#f5f2e9a6;backdrop-filter:blur(12px);border-radius:50%;font-size:9px;letter-spacing:.15em;transform:rotate(-10deg);animation:label-float 5s ease-in-out infinite alternate}.hero-pointer{position:absolute;top:15px;right:20px;width:76px;height:76px;display:grid;place-items:center;font-size:50px;border:1px solid #17171540;border-radius:50%;background:#f5f2e966;backdrop-filter:blur(8px);animation:label-float 5s ease-in-out infinite alternate-reverse}.scroll-hint{position:absolute;bottom:25px;left:48px;font-size:9px;letter-spacing:.15em}.ticker{background:var(--yellow);color:var(--ink);padding-block:17px;transform:rotate(-1.4deg) scaleX(1.02);position:relative;z-index:3}.ticker span{color:var(--ink)}.ticker p{font-weight:600;font-size:18px}.section{position:relative}.task{transition:transform .4s ease,background .4s ease;padding:25px 15px 25px 0}.task:hover{transform:translateY(-8px)}.services{overflow:hidden}.services:before{content:'↗';position:absolute;top:20px;right:-30px;font-size:360px;line-height:1;color:#ffffff06;pointer-events:none}.service{position:relative}.service summary{transition:padding .3s ease,color .3s ease}.service:hover summary{padding-left:14px;color:var(--yellow)}.service summary .service-title{transition:transform .3s}.service .plus{transition:transform .35s ease}.service-title small{transition:color .3s}.service:after{content:'↗';position:absolute;right:100px;top:0;width:140px;height:90px;display:flex;align-items:center;justify-content:center;font:80px/1 Georgia,serif;background:var(--yellow);color:var(--ink);pointer-events:none;opacity:0;transform:translateY(15px) rotate(-12deg) scale(.8);transition:opacity .3s,transform .4s;box-shadow:9px 9px 0 #ffffff12}.service:nth-of-type(2):after{content:'▶';font-size:45px;border-radius:25px}.service:nth-of-type(3):after{content:'◎';font-size:65px;border-radius:50%}.service:nth-of-type(4):after{content:'↗';border:6px solid #e4ded0;background:#f5f2e9}.service:nth-of-type(5):after{content:'▷';background:#f5f2e9;color:#171715;border-radius:30px}.service:hover:after,.service:focus-within:after{opacity:1;transform:translateY(-12px) rotate(-8deg) scale(1)}.niche-grid{gap:24px}.niche{position:relative;padding:0 25px 25px;overflow:hidden;min-height:570px;transition:transform .45s,box-shadow .45s}.niche-1,.niche-2,.niche-3{background:var(--cream);color:var(--ink);border:0}.niche-3{background:var(--yellow)}.niche-1{background:var(--ink);color:var(--cream)}.niche-visual{height:260px;margin:0 -25px 25px;background-image:url('assets/niches-v2.webp');background-size:300% 100%;background-repeat:no-repeat;transition:transform .7s cubic-bezier(.2,.7,.2,1);transform-origin:center bottom}.niche-visual-1{background-position:left center}.niche-visual-2{background-position:center center}.niche-visual-3{background-position:right center}.niche:hover{transform:translateY(-10px) rotate(-.7deg);box-shadow:0 20px 40px #17171514}.niche:hover .niche-visual{transform:scale(1.05)}.niche h3{margin-top:22px}.niche .niche-note{font-size:10px!important}.steps{position:relative;isolation:isolate}.steps:before{content:'';height:3px;background:var(--yellow);position:absolute;top:-1px;left:0;right:0;transform:scaleX(var(--step-progress,0));transform-origin:left;transition:transform .3s linear;z-index:2}.step .number{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;transition:background .4s,transform .4s}.step.is-active .number{background:var(--yellow);border-color:var(--yellow);transform:none}.question summary{transition:padding .3s}.question summary:hover{padding-left:10px}.contact{overflow:hidden}.contact:before{content:'↗';font-size:550px;line-height:1;position:absolute;left:-40px;bottom:-230px;color:#17171508;pointer-events:none}.contact-email{margin-top:35px;font-size:clamp(13px,1.6vw,21px);letter-spacing:-.03em}.contact-email a{border-bottom:1px solid;padding-bottom:6px}.contact-email a:hover{opacity:.65}.footer-inner a:hover{color:var(--yellow)}.motion-ready .reveal{opacity:0;transform:translate3d(0,35px,0);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}.motion-ready .niche.reveal.is-visible:hover{transform:translateY(-10px) rotate(-.7deg)}@keyframes label-float{to{translate:0 -15px;rotate:4deg}}
@media(min-width:1600px){.hero,.hero-grid{min-height:800px}}
@media(max-width:1000px){.hero,.hero-grid{min-height:680px}.hero-backdrop img{object-position:58% center}.hero:after{background:linear-gradient(90deg,#f5f2e9 0%,#f5f2e9e6 30%,#f5f2e947 65%,transparent 100%)}.niche{min-height:560px}.niche-visual{height:220px}.service:after{right:65px;width:90px;font-size:60px}.service-title{position:relative;z-index:2}.scroll-hint{left:28px}}
@media(max-width:720px){.logo{width:110px;height:62px}.logo img{width:110px;height:110px;transform:translateY(-18px)}.hero{min-height:840px}.hero-grid{display:block;min-height:840px;padding:43px 0 0}.hero-copy h1{font-size:clamp(60px,13.8vw,90px);max-width:none;margin:24px 0}.hero-copy .lead{font-size:17px;max-width:360px}.hero-copy .wp-block-buttons{margin-top:25px}.hero-backdrop{inset:340px -45px -25px;transform:none!important}.hero-backdrop img{object-position:68% center;object-fit:cover}.hero:after{background:linear-gradient(180deg,var(--cream) 0%,var(--cream) 37%,#f5f2e9d9 45%,transparent 65%)}.hero-decoration{height:320px}.hero-pointer{top:70px;right:2px;width:54px;height:54px;font-size:36px}.orbit-label{bottom:5px;right:0;font-size:8px;padding:12px}.scroll-hint{left:18px;bottom:18px;font-size:8px}.ticker{padding-block:14px}.ticker p{font-size:14px}.service:after{display:none}.service:hover summary{padding-left:0}.niche{min-height:0;padding-bottom:28px}.niche-visual{height:300px;background-size:300% 100%}.niche h3{font-size:32px}.niche-grid{gap:28px}.niche .niche-note{padding-top:22px}.contact-email{font-size:18px}.section-intro h2{font-size:42px}.motion-ready .reveal{transform:translate3d(0,20px,0)}.steps:before{display:none}}
@media(prefers-reduced-motion:reduce){.hero-backdrop{transform:none!important}.motion-ready .reveal{opacity:1;transform:none!important}.niche:hover,.motion-ready .niche.reveal.is-visible:hover{transform:none}.service:hover summary{padding-left:0}}

html,body{overflow-x:clip}

.hero-backdrop img{animation:scene-breathe 14s ease-in-out infinite alternate;transform-origin:70% 50%}@keyframes scene-breathe{to{transform:scale(1.035) translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.hero-backdrop img{animation:none!important}}

/* Bilingual navigation and revised hero. */
.language-switch{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap;flex-shrink:0;order:2}.language-switch a{opacity:.5;padding:8px 2px}.language-switch a[aria-current=page]{opacity:1;font-weight:bold;text-decoration:underline;text-underline-offset:5px}.language-switch a:hover{opacity:1}.navigation .wp-block-buttons{order:3}.navigation{gap:28px}.hero{background:#f7f6f2}.hero-backdrop{inset:0;z-index:-2;transform:translate3d(var(--mx,0px),var(--my,0px),0)}.hero-backdrop img{object-fit:contain;object-position:right center;animation:scene-drift 12s ease-in-out infinite alternate}.hero:after{background:linear-gradient(90deg,#f7f6f2 0%,#f7f6f2ed 25%,#f7f6f280 40%,transparent 61%)}@keyframes scene-drift{to{transform:translateY(-7px)}}html[lang^=en] .hero-copy h1{font-size:clamp(68px,6.8vw,108px)}html[lang^=en] .hero-copy .lead{max-width:400px}.contact-email{overflow-wrap:anywhere}
@media(max-width:1000px){.navigation{gap:15px}.nav-links{gap:15px}.hero:after{background:linear-gradient(90deg,#f7f6f2 0%,#f7f6f2eb 26%,#f7f6f270 52%,transparent 75%)}}
@media(max-width:720px){.header-inner{gap:8px}.logo{width:90px;height:60px}.logo img{width:100px;height:100px;transform:translateY(-16px)}.navigation{gap:10px}.language-switch{font-size:11px;gap:5px}.small .wp-block-button__link{padding:10px;font-size:11px}.hero-backdrop{inset:345px -30px 0;transform:none!important}.hero-backdrop img{object-fit:cover;object-position:75% center}.hero:after{background:linear-gradient(180deg,#f7f6f2 0%,#f7f6f2 37%,#f7f6f2c4 45%,transparent 65%)}html[lang^=en] .hero-copy h1{font-size:clamp(52px,12vw,72px)}html[lang^=en] .section h2{font-size:37px}.hero-copy .lead{max-width:355px}.hero-copy .eyebrow{font-size:8px}.hero-decoration{pointer-events:none}.orbit-label{font-size:7px}}
@media(max-width:360px){.logo{width:77px}.logo img{width:90px;height:90px;transform:translateY(-12px)}.small .wp-block-button__link{font-size:10px;padding:10px 8px}.header-inner{gap:5px}.navigation{gap:7px}.hero-copy h1{font-size:55px}.hero-copy .lead{font-size:16px}.hero-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-backdrop img{animation:none!important}}

@media(max-width:720px){.hero,.hero-grid{min-height:910px}.hero-backdrop{inset:405px -30px 0}.hero-note{max-width:280px}}

@media(max-width:720px){.hero{display:flex;flex-direction:column;min-height:0}.hero-grid{order:1;min-height:0;padding:43px 0 28px;position:relative;z-index:1}.hero-backdrop{position:relative;order:2;inset:auto;width:100%;height:410px;z-index:0;overflow:hidden;flex-shrink:0}.hero-backdrop img{width:100%;height:410px;object-fit:cover;object-position:76% center;animation:none}.hero:after{display:none}.hero-decoration{display:none}.scroll-hint{z-index:2;bottom:12px;background:#f7f6f2b3;padding:5px;left:13px;font-size:7px}.hero-note{max-width:none}.hero-copy .lead{max-width:355px}}

/* Consistent brand frames; original brand files retain their proportions. */
.service:after,.service:hover:after,.service:focus-within:after{display:none!important;content:none!important}
.service-brand-icons{display:flex;align-items:center;justify-content:center;gap:16px;background:#fff;border-radius:10px;padding:10px;margin-left:auto;flex:0 0 160px;width:160px;height:76px;box-sizing:border-box;transition:transform .28s ease,box-shadow .28s ease;transform-origin:center;overflow:hidden}
.service-brand-icons img{display:block;object-fit:contain;filter:none;max-width:none;max-height:none;flex-shrink:0}
.service-brand-icons .square-brand{width:36px;height:36px}
.service-brand-icons .wordpress-brand{width:60px;height:60px}
.service-brand-icons .meta-brand{width:164px;height:auto}
.service-brand-icons .youtube-brand{width:158px;height:auto}
.service .plus{margin-left:12px;min-width:25px}
.service summary:hover .service-brand-icons,.service summary:focus-visible .service-brand-icons{transform:translateY(-4px) scale(1.08);box-shadow:0 10px 24px #0003}
/* Each third of the source scene is square: never stretch its background. */
.niche-visual{height:auto;aspect-ratio:2048 / 2049;background-size:300% auto}
.step .number,.step.is-active .number{transform:none;rotate:none;font-style:normal;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:0;vertical-align:middle}
.navigation{min-width:0}.navigation .wp-block-buttons{flex-shrink:0}.small .wp-block-button__link{white-space:nowrap}
@media(max-width:720px){
 .header-inner{min-height:78px;height:auto;padding-block:8px;gap:8px}.navigation{gap:10px}.navigation .wp-block-buttons{margin:0}.language-switch{margin:0}
 .service summary{flex-wrap:wrap;gap:15px}.service-title{flex:1;min-width:0}.service-brand-icons{order:4;margin-left:31px}.service .plus{margin-left:0}
 .niche-visual{height:auto;aspect-ratio:2048 / 2049;background-size:300% auto}
}
@media(max-width:380px){.small .wp-block-button__link{padding:9px 7px;font-size:10px}.navigation{gap:6px}.language-switch{gap:4px;font-size:10px}.header-inner{gap:5px}}
@media(prefers-reduced-motion:reduce){.service-brand-icons{transition:none}.service summary:hover .service-brand-icons,.service summary:focus-visible .service-brand-icons{transform:none}}

/* 3.3: a functional hero control and illustrated goal cards. */
.hero-pointer{padding:0;pointer-events:auto}.hero-pointer a{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;pointer-events:auto;transition:background .25s,transform .25s}.hero-pointer a:hover{background:var(--yellow);transform:rotate(45deg)}
.task-grid{gap:22px;align-items:stretch}.task{position:relative;display:flex;flex-direction:column;padding:28px!important;border:1px solid var(--line);border-radius:18px;background:#fffdf7;overflow:hidden;transition:transform .35s,box-shadow .35s}
.task:nth-child(1){background:var(--yellow);border-color:var(--yellow)}.task:nth-child(2){background:var(--ink);color:var(--cream);border-color:var(--ink)}.task .number{position:relative;z-index:1;margin:0;font-variant-numeric:tabular-nums;letter-spacing:.1em}.task h3{font-size:clamp(25px,2.2vw,32px);line-height:1.12;min-height:72px;margin:0 0 18px}.task p:not(.number){font-size:15px;line-height:1.65}.task-visual{height:160px;margin:0 -10px 26px;display:grid;place-items:center}.task-visual svg{display:block;width:100%;height:160px;max-width:310px;overflow:visible}.task-symbol,.task-orbit{transform-box:fill-box;transform-origin:center;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.task:hover{transform:translateY(-8px);box-shadow:0 18px 36px #17171516}.task:hover .task-symbol{transform:translateY(-7px)}.task:hover .task-orbit{transform:rotate(8deg)}
@media(max-width:1000px){.task{padding:22px!important}.task h3{min-height:90px;font-size:25px}}
@media(max-width:720px){.task-grid{gap:18px}.task{padding:25px!important}.task h3{min-height:0}.task-visual,.task-visual svg{height:140px}.task-visual{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.task,.task-symbol,.task-orbit,.hero-pointer a{transition:none}.task:hover,.task:hover .task-symbol,.task:hover .task-orbit,.hero-pointer a:hover{transform:none}}

/* Agency profiles: native WordPress social links, editable in the Site Editor. */
.vector-social-links{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0;padding:0;list-style:none;position:relative;z-index:1}
.vector-social-links .wp-social-link{margin:0;padding:0;list-style:none;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--cream);font-size:15px;transition:transform .25s,box-shadow .25s}
.vector-social-links .wp-social-link a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:11px 18px;color:inherit;text-decoration:none;line-height:1.25}
.vector-social-links .wp-social-link svg,.vector-social-links .wp-social-link img{width:24px;height:24px;flex-shrink:0;object-fit:contain;fill:currentColor}
.vector-social-links .wp-social-link img{background:#fff;border-radius:5px;padding:2px}
.vector-social-links .wp-social-link:hover,.vector-social-links .wp-social-link:focus-within{transform:translateY(-3px) scale(1.04);box-shadow:0 8px 18px #17171525}
.vector-social-links .wp-block-social-link-label{font-size:15px}
@media(max-width:360px){.vector-social-links{gap:9px}.vector-social-links .wp-social-link a{padding:10px 13px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.vector-social-links .wp-social-link{transition:none}.vector-social-links .wp-social-link:hover,.vector-social-links .wp-social-link:focus-within{transform:none}}

/* 3.5: isolated accordion controls and space for the cookie widget on mobile. */
@media(max-width:900px){
 .services .service > summary{display:grid;grid-template-columns:22px minmax(0,1fr) 36px;grid-template-rows:auto auto;column-gap:10px;row-gap:18px;align-items:start;padding:24px 0;list-style:none}
 .services .service > summary::-webkit-details-marker{display:none}
 .services .service > summary::marker{content:''}
 .services .service > summary > .service-num{grid-column:1;grid-row:1;margin:0;padding-top:7px;align-self:start}
 .services .service > summary > .service-title{grid-column:2;grid-row:1;min-width:0;max-width:100%;font-size:clamp(22px,5.8vw,30px);overflow-wrap:anywhere;word-break:normal}
 .services .service > summary > .plus{grid-column:3;grid-row:1;position:static;display:grid;place-items:center;align-self:start;justify-self:end;width:36px;min-width:36px;height:44px;margin:0;line-height:1;font-size:30px}
 .services .service > summary > .service-brand-icons{grid-column:2 / 4;grid-row:2;order:initial;justify-self:start;align-self:start;margin:0;width:160px;max-width:100%;height:76px}
 .services .service:hover > summary{padding-left:0}
}
@media(max-width:720px){
 .site-footer .footer-inner{display:flex;flex-direction:column;align-items:stretch;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px));gap:16px}
 .site-footer .footer-inner > p{min-width:0;overflow-wrap:anywhere}
 .site-footer .footer-inner > p:last-child{align-self:stretch;text-align:right;margin-top:4px}
 .site-footer .footer-inner > p:last-child a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #ffffff60;border-radius:999px;text-align:center}
}

/* Service documents use native editable WordPress content. */
.vector-service-page{max-width:900px;padding-top:64px}.vector-service-page h1{font-size:clamp(38px,5.2vw,70px);margin:28px 0}.vector-service-page h2{font-size:clamp(27px,3vw,40px);margin:42px 0 18px}.vector-service-page p{margin-bottom:18px}.vector-service-page ul{padding-left:24px;margin-block:20px}.vector-service-page li{margin-block:10px}.vector-breadcrumb{font-size:12px;letter-spacing:.02em}.vector-breadcrumb a,.vector-service-link a,.vector-related a{border-bottom:1px solid;padding-bottom:4px}.vector-related{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}.vector-service-link{margin-top:22px!important;font-size:14px!important}.vector-service-page .vector-breadcrumb{margin-bottom:28px}

/* 3.7: fit the full mobile composition, branded consent and useful 404. */
@media(max-width:720px){
 .hero-backdrop{height:auto;aspect-ratio:10 / 11;max-height:none;will-change:auto}
 .hero-backdrop img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:right center;animation:none;transform:none}
 .hero-copy h1{overflow-wrap:normal}
}
.vector-not-found{min-height:70vh;padding-top:60px;padding-bottom:80px;position:relative}
.vector-not-found h1{font-size:clamp(38px,5vw,70px);max-width:780px;margin:10px 0 24px}
.vector-not-found .lead{max-width:650px;font-size:18px}
.vector-not-found .wp-block-buttons{margin-top:30px}
.vector-error-mark{font-weight:700;font-size:clamp(88px,14vw,180px);line-height:1;letter-spacing:-.08em;color:var(--ink)}
.vector-error-mark span{display:inline-block;color:var(--yellow);padding-left:20px}
.vector-error-contact{margin-top:24px;font-size:14px;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}
/* Presentation only: consent storage, controls and blocking remain plugin-owned. */
body .cookieadmin_law_container{width:min(400px,calc(100% - 24px))!important;max-width:400px!important;font-family:Arial,Helvetica,sans-serif;--cookieadmin-secondary-color:#171715}
body .cookieadmin_law_container .cookieadmin_consent_inside{background:#f5f2e9!important;color:#171715!important;border:1px solid #171715!important;border-radius:8px!important;padding:16px!important;box-shadow:0 10px 35px #17171529;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
body .cookieadmin_law_container p#cookieadmin_notice_title{font-size:15px!important;line-height:1.35!important;color:#171715!important}
body .cookieadmin_law_container p#cookieadmin_notice{font-size:13px!important;line-height:1.5!important;color:#171715!important;overflow-wrap:anywhere}
body .cookieadmin_law_container .cookieadmin_consent_btns{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%}
body .cookieadmin_law_container button.cookieadmin_btn{min-height:44px!important;padding:10px 8px!important;font-size:12px!important;line-height:1.25!important;color:#171715!important;background:#ffd000!important;border:1px solid #171715!important;border-radius:3px!important}
body .cookieadmin_law_container .cookieadmin_consent_btns>button:first-child{grid-column:1 / -1}
body .cookieadmin_reconsent_wrap button.cookieadmin_re_consent,body button.cookieadmin_re_consent{background:#171715!important;border:2px solid #ffd000!important;bottom:calc(15px + env(safe-area-inset-bottom))!important}
@media(max-width:720px){
 body .cookieadmin_law_container{left:12px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;top:auto!important}
 body .cookieadmin_law_container .cookieadmin_consent_inside{padding:12px!important}
 body .cookieadmin_law_container p#cookieadmin_notice_title{font-size:14px!important}
}