/* LightSite theme skin "agency" (2026-10-30, docs/reports/lightseo-redesign-v4.md): the LightSEO agency look.
   Loaded on every page of a site with theme.skin = agency (body.ls-skin--agency), after theme.css.
   Part A – core: tokens, type, buttons, header, footer, hero (video), ticker, image_text, stats, logos.
   Mock: migration/lightseo/home-style/a2-h6.html. Every rule is scoped under body.ls-skin--agency; agency.js adds
   body.ls-header--over (header over the first-screen video), .ag-rv/.is-in (reveal), .ag-tile (ransom-note words).
   Grounds: ls-bg--default = white, ls-bg--light = light grey, ls-bg--dark = pale coral with dark text (this skin has no
   dark sections), ls-bg--accent = coral. Section heads: the title is a coral Oswald display line, the eyebrow becomes the
   handwritten Marck Script phrase under it (theme.font_heading_alt = marck-script, --ls-font-head-alt). */

/* 1. Tokens */
body.ls-skin--agency{--ag-ink:#141414;--ag-ink2:#3b3b40;--ag-mut:#5f6068;--ag-g:#f6f6f7;--ag-line:#e2e3e8;--ag-coral:#ff715e;--ag-coral-d:#e85a47;--ag-coral-t:#c23a28;--ag-coral-pale:#fff2ef;--ag-coral-light:#ffd6cf;--ag-clip:#4f86c6;--ag-ease:cubic-bezier(.2,.7,.2,1);--ag-script:var(--ls-font-head-alt,'Marck Script'),'Marck Script','Segoe Script',cursive;--ag-shadow:0 34px 60px -34px rgba(20,20,40,.32),0 2px 8px rgba(20,20,40,.05);
  --ls-surface:var(--ag-g);--ls-muted:var(--ag-mut);--ls-border:var(--ag-line);--ls-on-primary:#fff;--ls-font-ui:var(--ls-font-body);--ls-container:1320px;--ls-gutter:clamp(16px,4vw,48px);--ls-fs-lead:clamp(1.02rem,.96rem + .3vw,1.2rem);
  --ls-shadow-sm:0 1px 2px rgba(20,20,40,.05),0 2px 8px -2px rgba(20,20,40,.06);--ls-shadow:0 2px 4px rgba(20,20,40,.04),0 18px 40px -18px rgba(20,20,40,.22);--ls-shadow-lg:0 4px 10px rgba(20,20,40,.05),0 40px 80px -30px rgba(20,20,40,.3);
  --_muted:var(--ag-mut);--_line:var(--ag-line);--_card-line:var(--ag-line);background:#fff;color:var(--ag-ink)}
body.ls-skin--agency ::selection{background:var(--ag-coral-light)}
body.ls-skin--agency :focus-visible{outline:2px solid var(--ag-ink);outline-offset:3px;border-radius:2px}

/* 2. Grounds: dark sections become the pale-coral ground with dark text; neighbours alternate white / grey / pale coral */
body.ls-skin--agency .ls-block.ls-bg--dark{--_bg:var(--ag-coral-pale);--_fg:var(--ag-ink);--_head:var(--ag-ink);--_muted:var(--ag-mut);--_line:#ecd3cc;--_card:#fff;--_card-line:var(--ag-line);--_ink:var(--ls-accent-ink);--_disp:var(--ls-accent-display);--_deco:var(--ag-coral);--_deco-fg:var(--ag-ink);--_tile:var(--ag-ink);--_tile-fg:#fff;--_tile-line:#0000;--_mark:var(--ag-ink);--_hl-c:var(--ag-ink);--_hl-line:var(--ag-coral);background:var(--_bg);color:var(--_fg)}
body.ls-skin--agency .ls-block.ls-bg--light{--_bg:var(--ag-g);--_card:#fff;--_card-line:var(--ag-line)}

/* 3. Type: Oswald capitals for every heading, Inter text, coral display titles in section heads, the eyebrow of a section
   head as the handwritten phrase under the title (ink), the *accent* word in coral */
body.ls-skin--agency :is(h1,h2,h3,h4){text-transform:uppercase;font-weight:600;line-height:1.04;letter-spacing:0}
body.ls-skin--agency .ls-richtext :is(h2,h3,h4){text-transform:none;letter-spacing:-.01em;line-height:1.15}
body.ls-skin--agency .ls-hl{color:var(--ag-coral-d);text-decoration:none}
/* a coral ground survives only in the part-A blocks (part B turns bg=accent of the other blocks white, SPEC: agency-blocks.css §1) */
body.ls-skin--agency :is(.ls-block--hero,.ls-block--image_text,.ls-block--stats,.ls-block--logos,.ls-block--ticker).ls-bg--accent .ls-hl{color:#fff}
body.ls-skin--agency .ls-subtitle{font-size:var(--ls-fs-lead);line-height:1.55;color:var(--ag-ink2);max-width:46ch}
body.ls-skin--agency .ls-head{display:flex;flex-direction:column;align-items:flex-start;max-width:min(100%,1040px);margin-bottom:clamp(34px,4.5vw,64px)}
body.ls-skin--agency .ls-head--center{align-items:center}
body.ls-skin--agency .ls-head > .ls-title{order:1;max-width:100%;font:700 clamp(2.4rem,1.1rem + 4vw,5.2rem)/.95 var(--ls-font-head);text-transform:uppercase;letter-spacing:-.01em;color:var(--ag-coral);-webkit-text-stroke:1px var(--ag-coral);text-wrap:balance;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual}
body.ls-skin--agency .ls-head > .ls-title .ls-hl{color:var(--ag-ink);-webkit-text-stroke-color:var(--ag-ink)}
body.ls-skin--agency :is(.ls-block--hero,.ls-block--image_text,.ls-block--stats,.ls-block--logos,.ls-block--ticker).ls-bg--accent .ls-head > .ls-title{color:var(--ag-ink);-webkit-text-stroke-color:var(--ag-ink)}
body.ls-skin--agency :is(.ls-block--hero,.ls-block--image_text,.ls-block--stats,.ls-block--logos,.ls-block--ticker).ls-bg--accent .ls-head > .ls-title .ls-hl{color:#fff;-webkit-text-stroke-color:#fff}
body.ls-skin--agency :is(.ls-split,.ls-formblock__aside,.ls-contacts__info,.ls-features-split,.ls-steps-split,.ls-faq-split) .ls-head > .ls-title{font-size:clamp(2.2rem,1.2rem + 3.2vw,4.4rem)}
body.ls-skin--agency .ls-v--columns .ls-text .ls-head > .ls-title{font-size:clamp(2rem,1rem + 2.4vw,3.4rem)}
/* the handwritten phrase hangs just under the baseline of the title (mock: "КЕЙСИ / і магазини наших клієнтів") */
body.ls-skin--agency .ls-head > .ls-eyebrow{order:2;display:block;position:relative;z-index:1;max-width:100%;margin:0;font:400 clamp(1.5rem,.8rem + 2.3vw,3.1rem)/1 var(--ag-script);letter-spacing:0;text-transform:none;color:var(--ag-ink);rotate:-4deg;transform-origin:0 50%;overflow-wrap:anywhere}
body.ls-skin--agency .ls-head > .ls-eyebrow:has(+ .ls-title){margin:-.06em 0 0 .5em}
body.ls-skin--agency .ls-head--center > .ls-eyebrow:has(+ .ls-title){margin:-.05em 0 0;rotate:-3deg}
@media (max-width:767px){
  body.ls-skin--agency .ls-head > .ls-eyebrow{font-size:1.35rem;rotate:-3deg}
  body.ls-skin--agency .ls-head > .ls-eyebrow:has(+ .ls-title){margin:-.04em 0 0 .3em}
  body.ls-skin--agency .ls-head--center > .ls-eyebrow:has(+ .ls-title){margin:-.03em 0 0}
}
body.ls-skin--agency .ls-head > .ls-eyebrow::before,body.ls-skin--agency .ls-head > .ls-eyebrow::after{display:none}
body.ls-skin--agency .ls-head > .ls-subtitle{order:3;margin-top:clamp(18px,2vw,28px)}
body.ls-skin--agency .ls-head > .ls-eyebrow:has(+ .ls-title) ~ .ls-subtitle{margin-top:clamp(22px,2.4vw,34px)}

/* 4. Buttons: rectangular, ink fill with an arrow (primary), ink outline (secondary / outline), coral only on hover */
body.ls-skin--agency .ls-btn.ls-btn:not(.ls-btn--link){--_b-bg:var(--ag-ink);--_b-fg:#fff;--_b-line:var(--ag-ink);min-height:56px;padding:12px 28px;border-width:1.5px;border-radius:2px;font:600 .95rem/1.2 var(--ls-font-body);letter-spacing:.01em;box-shadow:none;transition:background-color .2s,color .2s,border-color .2s,box-shadow .25s var(--ag-ease),transform .15s var(--ag-ease)}
body.ls-skin--agency .ls-btn.ls-btn--primary:hover{--_b-bg:#000;--_b-line:#000;box-shadow:none;transform:none}
body.ls-skin--agency .ls-btn.ls-btn:not(.ls-btn--link):active{transform:translateY(1px);box-shadow:none}
body.ls-skin--agency .ls-btn.ls-btn:is(.ls-btn--secondary,.ls-btn--outline){--_b-bg:#fff;--_b-fg:var(--ag-ink);--_b-line:var(--ag-ink)}
body.ls-skin--agency .ls-btn.ls-btn:is(.ls-btn--secondary,.ls-btn--outline):hover{--_b-bg:#fff;--_b-fg:var(--ag-ink);--_b-line:var(--ag-ink);box-shadow:4px 4px 0 var(--ag-coral);transform:translate(-1px,-1px)}
body.ls-skin--agency .ls-bg--accent .ls-btn.ls-btn:is(.ls-btn--secondary,.ls-btn--outline):hover{box-shadow:4px 4px 0 var(--ag-ink)}
body.ls-skin--agency .ls-btn--primary:not(.ls-btn--arrow,.ls-btn--sm,.ls-header__cta)::after{content:"";flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:var(--ls-arrow) center / contain no-repeat;mask:var(--ls-arrow) center / contain no-repeat;transition:transform .25s var(--ag-ease)}
body.ls-skin--agency .ls-btn--primary:hover::after{transform:translateX(3px)}
body.ls-skin--agency .ls-btn--arrow::after{width:16px;height:16px}
body.ls-skin--agency .ls-btn.ls-btn--sm{min-height:44px;padding:8px 20px;font-size:.88rem}
body.ls-skin--agency .ls-btn.ls-btn--lg{min-height:60px;padding:14px 34px;font-size:1rem}
body.ls-skin--agency .ls-btn--link{--_b-fg:var(--ag-ink);min-height:48px;padding:8px 0;gap:10px;font:600 .95rem/1 var(--ls-font-body);background:linear-gradient(currentColor,currentColor) 0 calc(100% - 9px) / calc(100% - 26px) 1.5px no-repeat;transition:color .2s}
body.ls-skin--agency .ls-btn--link:hover{background-image:linear-gradient(var(--ag-coral),var(--ag-coral));background-size:calc(100% - 26px) 1.5px}
body.ls-skin--agency .ls-btn--link:not(.ls-btn--arrow){background-size:100% 1.5px}
body.ls-skin--agency .ls-btn--link:not(.ls-btn--arrow):hover{background-size:100% 1.5px}
body.ls-skin--agency .ls-btn:focus-visible{outline:2px solid var(--ag-ink);outline-offset:3px}
body.ls-skin--agency .ls-btn.is-loading::before{border-color:var(--_b-fg);border-right-color:#0000}

/* 5. Header: white with a hairline, uppercase Inter menu, white dropdowns with a soft shadow, ink burger, light drawer;
   over the first-screen video (image hero as the first block) it is transparent until the page scrolls */
body.ls-skin--agency{--ls-logo-h:32px}
body.ls-skin--agency .ls-header{--_bg:#fff;--_fg:var(--ag-ink);--_head:var(--ag-ink);--_ink:var(--ag-ink);--_muted:var(--ag-mut);--_line:var(--ag-line);border-bottom:1px solid var(--_line);box-shadow:none;transition:background-color .3s var(--ag-ease),border-color .3s var(--ag-ease)}
body.ls-skin--agency .ls-header.is-scrolled{box-shadow:none}
body.ls-skin--agency .ls-header .ls-logo__img{height:var(--ls-logo-h);max-width:min(100%,220px)}
body.ls-skin--agency .ls-logo__text{font-weight:700;text-transform:uppercase;letter-spacing:.02em}
body.ls-skin--agency .ls-nav__caret{width:12px;height:12px;stroke-width:2.2}
body.ls-skin--agency .ls-header__phone{font:600 .88rem/1 var(--ls-font-body);letter-spacing:.01em;color:var(--ag-ink)}
body.ls-skin--agency .ls-header__phone:hover{color:var(--ag-coral-t)}
body.ls-skin--agency .ls-header__tools > .ls-header__phone .ls-icon{display:none}
body.ls-skin--agency .ls-header__call{color:var(--ag-ink)}
body.ls-skin--agency .ls-lang__btn{gap:4px;padding:8px 6px;font:600 .74rem/1 var(--ls-font-body);letter-spacing:.1em;color:var(--ag-ink)}
body.ls-skin--agency .ls-lang__btn > span:first-of-type{border-bottom:2px solid var(--ag-coral);padding-bottom:1px}
body.ls-skin--agency .ls-lang__btn:hover{color:var(--ag-coral-t)}
body.ls-skin--agency .ls-lang__btn .ls-nav__caret{width:12px;height:12px}
body.ls-skin--agency .ls-lang__menu{min-width:190px;padding:8px;border:1px solid var(--ag-line);border-radius:4px;background:#fff;box-shadow:var(--ag-shadow)}
body.ls-skin--agency .ls-lang__menu a{border-radius:3px;font-size:.9rem;color:var(--ag-ink)}
body.ls-skin--agency .ls-lang__menu a:hover{background:var(--ag-g);color:var(--ag-coral-t)}
body.ls-skin--agency .ls-lang__code{font:700 .74rem/1 var(--ls-font-body);letter-spacing:.08em}
body.ls-skin--agency .ls-burger{width:48px;height:48px;margin-left:6px;border-radius:2px;background:var(--ag-ink);color:#fff}
body.ls-skin--agency .ls-burger span,body.ls-skin--agency .ls-burger::before,body.ls-skin--agency .ls-burger::after{left:14px;right:14px}
body.ls-skin--agency .ls-burger::before{top:17px}
body.ls-skin--agency .ls-burger span{top:23px}
body.ls-skin--agency .ls-burger::after{top:29px}
body.ls-skin--agency .ls-burger:focus-visible{outline-offset:2px}
body.ls-skin--agency .ls-header__social{background:var(--ag-ink);color:#fff}
body.ls-skin--agency .ls-header__social:hover{background:var(--ag-coral);color:var(--ag-ink)}
@media (min-width:1200px){
  body.ls-skin--agency:not(.ls-nav-compact) .ls-header__inner{gap:20px}
  body.ls-skin--agency:not(.ls-nav-compact) .ls-nav__list{gap:0}
  body.ls-skin--agency:not(.ls-nav-compact) .ls-nav__link{position:relative;min-height:44px;padding:8px clamp(8px,.8vw,13px);font:600 .74rem/1 var(--ls-font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ag-ink)}
  body.ls-skin--agency:not(.ls-nav-compact) .ls-nav__link::after{content:"";position:absolute;left:clamp(8px,.8vw,13px);right:clamp(8px,.8vw,13px);bottom:5px;height:1.5px;background:var(--ag-coral);transform:scaleX(0);transform-origin:0 50%;transition:transform .25s var(--ag-ease)}
  body.ls-skin--agency:not(.ls-nav-compact) .ls-nav__item:is(:hover,.is-open,:focus-within,.is-active) > .ls-nav__link::after,body.ls-skin--agency:not(.ls-nav-compact) .ls-nav__link[aria-current="page"]::after{transform:scaleX(1)}
  body.ls-skin--agency:not(.ls-nav-compact) .ls-nav__link:hover,body.ls-skin--agency:not(.ls-nav-compact) .ls-nav__item.is-open > .ls-nav__link,body.ls-skin--agency:not(.ls-nav-compact) .ls-nav__link[aria-current="page"],body.ls-skin--agency:not(.ls-nav-compact) .ls-nav__item.is-active > .ls-nav__link{color:var(--ag-ink)}
  body.ls-skin--agency:not(.ls-nav-compact) .ls-nav__toggle{margin-left:-11px;padding:8px 8px 8px 2px;color:var(--ag-ink)}
  body.ls-skin--agency:not(.ls-nav-compact) .ls-nav__item.is-open > .ls-nav__toggle .ls-nav__caret{transform:rotate(180deg)}
  body.ls-skin--agency:not(.ls-nav-compact) .ls-nav__sub{top:calc(100% + 4px);min-width:320px;padding:12px;border:1px solid var(--ag-line);border-radius:4px;background:#fff;box-shadow:var(--ag-shadow);--_fg:var(--ag-ink);--_ink:var(--ag-coral-t)}
  body.ls-skin--agency:not(.ls-nav-compact) .ls-nav__sublink{padding:9px 12px;border-radius:3px;font:500 .9rem/1.35 var(--ls-font-body);color:var(--ag-ink2)}
  body.ls-skin--agency:not(.ls-nav-compact) .ls-nav__sublink:hover,body.ls-skin--agency:not(.ls-nav-compact) .ls-nav__sublink[aria-current="page"],body.ls-skin--agency:not(.ls-nav-compact) .ls-nav__subitem.is-open > .ls-nav__sublink,body.ls-skin--agency:not(.ls-nav-compact) .ls-nav__subitem.is-active > .ls-nav__sublink{background:var(--ag-g);color:var(--ag-coral-t)}
  body.ls-skin--agency:not(.ls-nav-compact) .ls-nav__subitem--has-sub > .ls-nav__sublink{padding-right:40px}
  body.ls-skin--agency:not(.ls-nav-compact) .ls-nav .ls-nav__subitem > .ls-nav__sub--l3{top:-13px}
  body.ls-skin--agency:not(.ls-nav-compact) .ls-lang__btn > .ls-icon:first-child{display:none}
  body.ls-skin--agency:not(.ls-nav-compact) .ls-header__tools{gap:14px}
  body.ls-skin--agency:not(.ls-nav-compact) .ls-header__cta{margin:0 0 0 6px}
}
/* the labels never wrap: a row that does not fit overflows, so theme.js switches to the icon phone / burger (fit()) */
@media (min-width:1200px){
  body.ls-skin--agency:not(.ls-nav-compact) :is(.ls-nav__list,.ls-nav__item){flex-wrap:nowrap}
  body.ls-skin--agency:not(.ls-nav-compact) .ls-nav__item{flex:none}
  body.ls-skin--agency:not(.ls-nav-compact) :is(.ls-nav__link,.ls-header__phone,.ls-lang__btn){white-space:nowrap}
}
@media (min-width:1200px) and (max-width:1499px){
  body.ls-skin--agency:not(.ls-nav-compact) .ls-header__inner{gap:14px}
  body.ls-skin--agency:not(.ls-nav-compact) .ls-nav__link{padding-inline:7px;letter-spacing:.04em}
  body.ls-skin--agency:not(.ls-nav-compact) .ls-nav__link::after{left:7px;right:7px}
  body.ls-skin--agency:not(.ls-nav-compact) .ls-header__tools{gap:10px}
}
@media (min-width:1200px) and (max-width:1359px){body.ls-skin--agency:not(.ls-nav-compact) .ls-header__tools > .ls-header__phone span{display:inline}}
@media (min-width:1200px) and (max-width:1279px){body.ls-skin--agency:not(.ls-nav-compact) .ls-header__tools > .ls-header__phone{display:none}}
/* drawer (phones, tablets and the compact mode of theme.js): white panel, Oswald capitals for the first level, coral rails */
@media (max-width:1199px){
  body.ls-skin--agency .ls-nav{width:min(440px,100%);background:#fff;color:var(--ag-ink);--_fg:var(--ag-ink);--_ink:var(--ag-coral-t);--_line:var(--ag-line);box-shadow:-20px 0 60px -30px rgba(20,20,40,.3)}
  body.ls-skin--agency .ls-nav__link{min-height:60px;font:600 1.5rem/1 var(--ls-font-head);text-transform:uppercase;color:var(--ag-ink)}
  body.ls-skin--agency .ls-nav__toggle{color:var(--ag-ink)}
  body.ls-skin--agency .ls-nav__item.is-open > .ls-nav__link,body.ls-skin--agency .ls-nav__item.is-open > .ls-nav__toggle{color:var(--ag-coral-t)}
  body.ls-skin--agency .ls-nav__sub{margin:0 0 14px;padding:0 0 0 14px;border-left:1.5px solid var(--ag-coral)}
  body.ls-skin--agency .ls-nav__sublink{min-height:46px;padding:8px 0;border-left:0;font:600 1.05rem/1.25 var(--ls-font-body);color:var(--ag-ink);opacity:1}
  body.ls-skin--agency .ls-nav__sub--l3{padding:0 0 4px 14px;border-left:1.5px solid var(--ag-line)}
  body.ls-skin--agency .ls-nav__sub--l3 .ls-nav__sublink{min-height:44px;font:400 .95rem/1.3 var(--ls-font-body);color:var(--ag-ink2)}
  body.ls-skin--agency .ls-nav__sublink:hover,body.ls-skin--agency .ls-nav__sublink[aria-current="page"],body.ls-skin--agency .ls-nav__subitem.is-active > .ls-nav__sublink{color:var(--ag-coral-t)}
  body.ls-skin--agency .ls-nav__extra{gap:18px;margin-top:28px}
  body.ls-skin--agency .ls-nav__extra .ls-header__phone{font-size:1.05rem}
  body.ls-skin--agency .ls-langs-inline a{min-width:46px;border:1.5px solid var(--ag-line);border-radius:2px;font:600 .8rem/1 var(--ls-font-body);letter-spacing:.1em}
  body.ls-skin--agency .ls-langs-inline a[aria-current="true"]{border-color:var(--ag-ink);color:var(--ag-ink)}
  body.ls-skin--agency.ls-menu-open::after{background:rgba(20,20,20,.35)}
}
/* owner 2026-10-30: on phones the ticker that follows the video hero stands right under the fixed header, above the hero;
   the hero then takes its natural height (no full-screen gap above the video) */
@media (max-width:767px){
  body.ls-skin--agency .ls-main:has(> .ls-block--hero.ls-v--image:first-child + .ls-block--ticker){display:flex;flex-direction:column}
  body.ls-skin--agency .ls-main > .ls-block--hero.ls-v--image:first-child + .ls-block--ticker{order:-1;padding-top:calc(65px + 16px);padding-bottom:8px}
  body.ls-skin--agency .ls-main:has(> .ls-block--hero.ls-v--image:first-child + .ls-block--ticker) > .ls-block--hero:first-child{min-height:0 !important;padding-top:22px !important}
  /* the 16:9 desktop loop shows only an empty cropped corner on a phone: no video there, the ticker carries the motion */
  body.ls-skin--agency .ls-main:has(> .ls-block--hero.ls-v--image:first-child + .ls-block--ticker) > .ls-block--hero:first-child .ls-cover{display:none}
  body.ls-skin--agency .ls-main:has(> .ls-block--hero.ls-v--image:first-child + .ls-block--ticker) > .ls-block--hero:first-child .ls-hero__inner{padding-bottom:36px !important}
}
@media (max-width:1199px){body.ls-skin--agency,body.ls-skin--agency.ls-header--over{--ls-logo-h:40px}}   /* owner 2026-10-30: the two-line logo was too small on phones */
@media (max-width:767px){body.ls-skin--agency,body.ls-skin--agency.ls-header--over{--ls-logo-h:38px}}
/* over the video: body.ls-header--over (agency.js) or, before it runs, the first block being the photo / video hero */
body.ls-skin--agency:is(.ls-header--over,:has(.ls-main > .ls-block--hero.ls-v--image:first-child)) .ls-header{position:absolute;left:0;right:0;top:0;--_bg:#0000;border-bottom-color:#0000;-webkit-backdrop-filter:none;backdrop-filter:none}
body.ls-skin--agency.ls-sticky-header:is(.ls-header--over,:has(.ls-main > .ls-block--hero.ls-v--image:first-child)) .ls-header{position:fixed}
body.ls-skin--agency:is(.ls-header--over,:has(.ls-main > .ls-block--hero.ls-v--image:first-child)) .ls-header:is(.is-scrolled,:has(.is-open)),body.ls-skin--agency.ls-menu-open:is(.ls-header--over,:has(.ls-main > .ls-block--hero.ls-v--image:first-child)) .ls-header{--_bg:#fff;border-bottom-color:var(--ag-line);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
body.ls-skin--agency:is(.ls-header--over,:has(.ls-main > .ls-block--hero.ls-v--image:first-child)) .ls-main > .ls-block--hero.ls-v--image:first-child{padding-top:calc(var(--ls-header-h) + 32px)}
body.ls-skin--agency:is(.ls-header--over,:has(.ls-main > .ls-block--hero.ls-v--image:first-child)) .ls-main > .ls-block--hero.ls-v--image.ls-hero--h-full:first-child{min-height:100vh;min-height:100svh}
body.ls-skin--agency:is(.ls-header--over,:has(.ls-main > .ls-block--hero.ls-v--image:first-child)) .ls-main > .ls-block--hero.ls-v--image.ls-hero--h-large:first-child{min-height:min(92vh,920px)}

/* 6. Hero. Variant image = the first-screen video: a white scrim from the left over the photo / video, dark text, the
   eyebrow as a plain Inter line, Oswald capitals with the *accent* word in coral, ink button, link with an arrow, the
   bullets as one quiet proof line; phones: the text first on white, the loop as a band under it */
body.ls-skin--agency .ls-block--hero .ls-eyebrow{display:block;margin:0 0 clamp(12px,1.2vw,20px);font:600 clamp(17px,1.35vw,24px)/1.25 var(--ls-font-body);letter-spacing:-.005em;text-transform:none;color:var(--ag-ink2)}
body.ls-skin--agency .ls-block--hero .ls-eyebrow::before,body.ls-skin--agency .ls-block--hero .ls-eyebrow::after{display:none}
body.ls-skin--agency .ls-block--hero .ls-hero__title{font-weight:600;line-height:1;letter-spacing:-.005em;color:var(--_head)}
body.ls-skin--agency .ls-block--hero .ls-hero__subtitle{margin-top:clamp(20px,1.9vw,30px);max-width:44ch;font:400 clamp(16px,1.2vw,20px)/1.55 var(--ls-font-body);color:var(--ag-ink2)}
body.ls-skin--agency .ls-block--hero .ls-btns{gap:14px 28px;margin-top:clamp(26px,2.4vw,40px)}
body.ls-skin--agency .ls-block--hero .ls-hero__bullets{gap:6px 14px;margin-top:clamp(26px,2.6vw,44px);padding-top:0;border-top:0;font:500 .875rem/1.4 var(--ls-font-body);color:var(--ag-ink2)}
body.ls-skin--agency .ls-block--hero .ls-hero__bullets li{gap:0}
body.ls-skin--agency .ls-block--hero .ls-hero__bullets .ls-icon{display:none}
body.ls-skin--agency .ls-block--hero .ls-hero__bullets li + li::before{content:"";flex:none;width:4px;height:4px;margin-right:14px;border-radius:50%;background:var(--ag-coral)}
body.ls-skin--agency .ls-block--hero.ls-v--image{--_bg:#eef0f3;--_fg:var(--ag-ink);--_head:var(--ag-ink);--_muted:var(--ag-ink2);--_line:var(--ag-line);--_card:#fff;--_card-line:var(--ag-line);--_ink:var(--ls-accent-ink);--_disp:var(--ls-accent-display);--_deco:var(--ag-coral);--_deco-fg:var(--ag-ink);--_tile:var(--ag-ink);--_tile-fg:#fff;--_tile-line:#0000;--_mark:var(--ag-ink);--_hl-c:var(--ag-coral-d);--_hl-line:#0000;display:flex;align-items:center;background:#eef0f3;color:var(--ag-ink)}
body.ls-skin--agency .ls-block--hero.ls-v--image > .ls-container{flex:1}
body.ls-skin--agency .ls-block--hero.ls-v--image .ls-cover{background:#eef0f3}
body.ls-skin--agency .ls-block--hero.ls-v--image :is(.ls-cover__img,.ls-cover__video){object-position:70% 50%}
body.ls-skin--agency .ls-block--hero.ls-v--image .ls-cover::after{background:linear-gradient(180deg,rgba(255,255,255,.72) 0,rgba(255,255,255,0) 180px),linear-gradient(90deg,rgba(255,255,255,.96) 0,rgba(255,255,255,.92) 34%,rgba(255,255,255,.62) 54%,rgba(255,255,255,0) 78%)}
body.ls-skin--agency .ls-block--hero.ls-v--image .ls-hero__content{max-width:min(1180px,74%)}
body.ls-skin--agency .ls-block--hero.ls-v--image .ls-hero__title{max-width:min(640px,100%);font-size:clamp(40px,1.99vw + 26px,72px);-webkit-hyphens:manual;hyphens:manual}
/* agency.js wraps the text before the first colon ("Діджитал агенція LightSEO:") into .ag-h1-lead: a small Inter line, the
   Oswald lines under it, the *accent* word alone on the last line (mock) */
body.ls-skin--agency .ag-h1-lead{display:block;margin-bottom:.45em;font:600 clamp(17px,1.35vw,24px)/1.25 var(--ls-font-body);letter-spacing:-.005em;text-transform:none;color:var(--ag-ink2)}
body.ls-skin--agency .ls-block--hero.ls-v--image .ls-hero__title .ls-hl:last-child{display:block}
body.ls-skin--agency .ls-block--hero.ls-v--image .ls-btn.ls-btn:is(.ls-btn--secondary,.ls-btn--outline){--_b-bg:#0000}
body.ls-skin--agency .ls-block--hero.ls-v--image .ls-vtoggle{left:auto;right:calc(max(var(--ls-gutter),(100% - var(--ls-container)) / 2) + 72px)}   /* bottom right, left of the chat toggle (.ls-float, 56 px + 20 px) */
/* the fade under the text is also a mask on the media itself: Chrome on Windows may draw a playing <video> as a hardware
   overlay above the ::after scrim, so the text column must not depend on the scrim alone */
body.ls-skin--agency .ls-block--hero.ls-v--image .ls-cover::after{z-index:1}
/* owner 2026-10-30: the video starts at once (no photo zoom first, theme.js waits for it), no pause buttons on the
   video and the ticker, the ticker keeps moving under the mouse */
body.ls-skin--agency .ls-block--hero.ls-v--image .ls-cover__img{animation:none !important}
body.ls-skin--agency .ls-block--hero.ls-v--image .has-video :is(.ls-cover__img,.ls-hero__img){transition-duration:.5s}
body.ls-skin--agency .ls-block--hero .ls-vtoggle,body.ls-skin--agency .ls-ticker__toggle{display:none !important}
body.ls-skin--agency .ls-ticker:is(:hover,:focus-within) .ls-ticker__move{animation-play-state:running}
@media (min-width:1101px){
  body.ls-skin--agency .ls-block--hero.ls-v--image .ls-cover{background:#fff}
  body.ls-skin--agency .ls-block--hero.ls-v--image .ls-cover::after{background:linear-gradient(180deg,rgba(255,255,255,.72) 0,rgba(255,255,255,0) 180px),linear-gradient(90deg,rgba(255,255,255,.97) 0,rgba(255,255,255,.92) 32%,rgba(255,255,255,.5) 45%,rgba(255,255,255,0) 58%)}
  body.ls-skin--agency .ls-block--hero.ls-v--image :is(.ls-cover__img,.ls-cover__video){object-position:70% 50%;translate:6% 0;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.06) 32%,rgba(0,0,0,.5) 45%,#000 58%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.06) 32%,rgba(0,0,0,.5) 45%,#000 58%)}
}
@media (min-width:768px) and (max-width:1100px){
  body.ls-skin--agency .ls-block--hero.ls-v--image .ls-cover{background:#fff}
  body.ls-skin--agency .ls-block--hero.ls-v--image :is(.ls-cover__img,.ls-cover__video){-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.04) 0,rgba(0,0,0,.12) 45%,rgba(0,0,0,.55) 75%,rgba(0,0,0,.85) 100%);mask-image:linear-gradient(90deg,rgba(0,0,0,.04) 0,rgba(0,0,0,.12) 45%,rgba(0,0,0,.55) 75%,rgba(0,0,0,.85) 100%)}
}
@media (max-width:1100px){
  body.ls-skin--agency .ls-block--hero.ls-v--image .ls-hero__content{max-width:680px}
  body.ls-skin--agency .ls-block--hero.ls-v--image .ls-cover::after{background:linear-gradient(180deg,rgba(255,255,255,.72) 0,rgba(255,255,255,0) 160px),linear-gradient(90deg,rgba(255,255,255,.96) 0,rgba(255,255,255,.88) 45%,rgba(255,255,255,.45) 75%,rgba(255,255,255,.15) 100%)}
}
@media (min-width:768px) and (max-width:1100px) and (orientation:landscape){body.ls-skin--agency .ls-block--hero.ls-v--image :is(.ls-cover__img,.ls-cover__video){object-position:82% 50%}}
@media (max-width:767px),(max-width:1100px) and (orientation:portrait){
  body.ls-skin--agency .ls-block--hero.ls-v--image{--_bg:#fff;align-items:flex-start;background:#fff}
  body.ls-skin--agency .ls-block--hero.ls-v--image .ls-cover{top:auto;bottom:0;height:72vw;background:#fff;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%);mask-image:linear-gradient(180deg,transparent 0,#000 14%)}
  body.ls-skin--agency .ls-block--hero.ls-v--image .ls-cover::after{display:none}
  body.ls-skin--agency .ls-block--hero.ls-v--image :is(.ls-cover__img,.ls-cover__video){object-position:50% 72%}
  body.ls-skin--agency .ls-block--hero.ls-v--image .ls-hero__inner{padding-bottom:calc(72vw + 8px)}
  body.ls-skin--agency .ls-block--hero.ls-v--image .ls-hero__content{max-width:none}
  body.ls-skin--agency .ls-block--hero.ls-v--image .ls-vtoggle{left:var(--ls-gutter);right:auto;bottom:calc(72vw - 56px)}   /* the chat toggle owns the bottom-right corner */
  body.ls-skin--agency:is(.ls-header--over,:has(.ls-main > .ls-block--hero.ls-v--image:first-child)) .ls-main > .ls-block--hero.ls-v--image:first-child{padding-top:calc(var(--ls-header-h) + 20px)}
}
@media (max-width:767px){
  body.ls-skin--agency .ls-block--hero .ls-eyebrow{font-size:16px}
  body.ls-skin--agency .ls-block--hero.ls-v--image .ls-hero__title{font-size:clamp(34px,10.2vw,46px);line-height:1.02}
  body.ls-skin--agency .ls-block--hero .ls-hero__subtitle{margin-top:14px;font-size:16px}
  body.ls-skin--agency .ls-block--hero .ls-btns{margin-top:20px;gap:8px 24px}
  body.ls-skin--agency .ls-block--hero .ls-hero__bullets{flex-direction:column;align-items:flex-start;gap:3px;margin-top:16px;font-size:.84rem}
  body.ls-skin--agency .ls-block--hero .ls-hero__bullets li + li::before{display:none}
}
/* pause button (theme.js shows it once the video plays) */
body.ls-skin--agency .ls-vtoggle{width:44px;height:44px;border:1px solid rgba(20,20,20,.18);border-radius:2px;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ag-ink)}
body.ls-skin--agency .ls-vtoggle:hover{background:#fff;border-color:rgba(20,20,20,.45)}
body.ls-skin--agency .ls-vtoggle:focus-visible{outline:2px solid var(--ag-ink);outline-offset:3px;border-radius:2px}
body.ls-skin--agency .ls-vtoggle .ls-icon{width:14px;height:14px}
body.ls-skin--agency .ls-hero__media .ls-vtoggle{--_bg:#fff;--_fg:var(--ag-ink);background:rgba(255,255,255,.85)}
/* inner-page heroes (split, simple, index): the same light language – Oswald capitals, Inter eyebrow line, coral offset
   behind the photo, white price tag with an ink line and a coral offset */
body.ls-skin--agency .ls-block--hero.ls-v--split .ls-hero__title{font-size:clamp(2.1rem,1.3rem + 2.5vw,3.6rem)}
body.ls-skin--agency .ls-hero--long .ls-hero__title{font-size:clamp(1.9rem,1.15rem + 2.1vw,3.1rem) !important;line-height:1.02}
body.ls-skin--agency .ls-hero__media::before{inset:16px -14px -14px 16px;border:0;border-radius:var(--ls-r-lg);background:var(--ag-coral)}
body.ls-skin--agency .ls-hero__img{border:1.5px solid var(--ag-ink);border-radius:var(--ls-r-lg);box-shadow:none}
body.ls-skin--agency .ls-hero__media--deco::before{display:block;inset:6% -5% -5% 8%;border-radius:40px;background:var(--ag-coral);transform:rotate(-3deg);z-index:-1}
body.ls-skin--agency .ls-hero__media--deco > .ls-hero__img{border:0}
body.ls-skin--agency .ls-hero__media--art::before{display:none}
body.ls-skin--agency .ls-frame--browser{border:1.5px solid var(--ag-ink);border-radius:16px;box-shadow:none}
body.ls-skin--agency .ls-frame__bar{background:var(--ag-g);border-bottom:1px solid var(--ag-line)}
body.ls-skin--agency .ls-frame__bar i{background:var(--ag-line)}
body.ls-skin--agency .ls-frame__bar i:first-child{background:var(--ag-coral)}
body.ls-skin--agency .ls-frame__bar span{color:var(--ag-mut)}
body.ls-skin--agency .ls-frame--phone{background:var(--ag-ink);box-shadow:0 30px 50px -22px rgba(120,40,30,.45)}
body.ls-skin--agency .ls-hero__phone{background:var(--ag-ink);box-shadow:0 22px 40px -18px rgba(20,20,20,.45)}
body.ls-skin--agency .ls-hero__caption{color:var(--ag-mut);font-weight:500}
body.ls-skin--agency .ls-hero__media:has(.ls-hero__phone) .ls-hero__caption{margin-right:clamp(110px,24%,170px)}   /* the phone frame stands at the right edge */
body.ls-skin--agency .ls-ptag{border:1.5px solid var(--ag-ink);border-radius:20px;background:#fff;color:var(--ag-ink);box-shadow:8px 8px 0 var(--ag-coral);--_muted:var(--ag-mut);--_line:var(--ag-line)}
body.ls-skin--agency .ls-ptag__price{font-weight:700;letter-spacing:-.02em}
body.ls-skin--agency .ls-ptag__rows div:has(> dd:empty) dt{color:var(--ag-ink)}
body.ls-skin--agency .ls-v--simple.ls-block--hero::before,body.ls-skin--agency .ls-v--simple.ls-block--hero::after{display:none}
body.ls-skin--agency .ls-v--simple .ls-hero__title{font-size:clamp(2.4rem,1.4rem + 3.4vw,4.6rem);line-height:.98}
body.ls-skin--agency .ls-hero--404 .ls-hero__content::before{font-weight:700;color:var(--ag-coral);-webkit-text-stroke:1px var(--ag-coral)}
@media (max-width:959px){
  body.ls-skin--agency .ls-hero__media{margin-right:14px}
  body.ls-skin--agency .ls-hero__media::before{inset:16px -14px -14px 16px}
  body.ls-skin--agency .ls-hero__media--deco::before{inset:6% 0 -5% 6%}
}
/* no-photo heroes (editorial art icon): a white ring with an ink line instead of the dark disc */
body.ls-skin--agency .ls-block--hero .ls-art{color:var(--ag-ink)}
body.ls-skin--agency .ls-block--hero .ls-art__ring,body.ls-skin--agency .ls-bg--dark .ls-art__ring{background:#fff;box-shadow:inset 0 0 0 1.5px var(--ag-ink)}
body.ls-skin--agency .ls-art__ring::after{border-color:var(--ag-coral)}
/* bullets of the other heroes: a short list with coral dots (long lines wrap under their own dot) */
body.ls-skin--agency .ls-block--hero:not(.ls-v--image) .ls-hero__bullets{display:grid;gap:8px;max-width:60ch}
body.ls-skin--agency .ls-block--hero:not(.ls-v--image) .ls-hero__bullets li{align-items:flex-start}
body.ls-skin--agency .ls-block--hero:not(.ls-v--image) .ls-hero__bullets li::before{content:"";display:block;flex:none;width:6px;height:6px;margin:.45em 12px 0 0;border-radius:50%;background:var(--ag-coral)}

/* 7. Ticker: a slanted black tape over a pale-coral tape, Oswald capitals, every second word and the dots in coral */
body.ls-skin--agency .ls-block--ticker{padding-block:clamp(26px,3vw,40px);overflow:hidden}
body.ls-skin--agency .ls-block--ticker::before{content:"";position:absolute;left:-3%;right:-3%;top:50%;z-index:0;height:52px;margin-top:-26px;background:var(--ag-coral-light);transform:rotate(1.4deg)}
body.ls-skin--agency .ls-ticker{position:relative;z-index:1;width:106%;margin-left:-3%;padding-block:16px;background:var(--ag-ink);color:#fff;--_fg:#fff;--_bg:var(--ag-ink);--_deco:var(--ag-coral);transform:rotate(-1.6deg)}
body.ls-skin--agency .ls-ticker__viewport{padding-block:4px}
body.ls-skin--agency .ls-ticker__track li{gap:44px;padding-right:44px;font:700 clamp(20px,1.6vw,26px)/1 var(--ls-font-head);letter-spacing:.02em;text-transform:uppercase}
body.ls-skin--agency .ls-ticker__track li:nth-child(even){color:var(--ag-coral)}
body.ls-skin--agency .ls-ticker--m-dot .ls-ticker__track li::after{width:9px;height:9px;background:var(--ag-coral)}
body.ls-skin--agency .ls-ticker--m-slash .ls-ticker__track li::after{color:var(--ag-coral);opacity:1}
body.ls-skin--agency .ls-ticker__toggle{width:36px;height:36px;margin:0 calc(3% + var(--ls-gutter)) 0 12px;border:1px solid rgba(255,255,255,.4);border-radius:2px;color:#fff}
body.ls-skin--agency .ls-ticker__toggle:hover{border-color:#fff;background:rgba(255,255,255,.1)}
body.ls-skin--agency .ls-ticker__toggle:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:2px}
@media (max-width:767px){
  body.ls-skin--agency .ls-block--ticker{padding-block:22px}
  body.ls-skin--agency .ls-block--ticker::before{height:40px;margin-top:-20px}
  body.ls-skin--agency .ls-ticker{padding-block:12px}
  body.ls-skin--agency .ls-ticker__track li{gap:28px;padding-right:28px;font-size:18px}
}
@media (prefers-reduced-motion:reduce){
  body.ls-skin--agency .ls-ticker__track{row-gap:10px;padding-inline:4%}
  body.ls-skin--agency .ls-ticker__track li{white-space:normal}
}

/* 8. image_text ("Про нас"): the picture in a white card with an ink line, a coral offset behind it, a paper clip drawn in
   CSS; image_style = framed shows an illustration whole (contain) on white padding */
body.ls-skin--agency .ls-block--image_text .ls-split{gap:clamp(28px,5vw,90px)}
body.ls-skin--agency .ls-block--image_text .ls-split__media{position:relative;padding:28px 0 0}
body.ls-skin--agency .ls-block--image_text .ls-media:is(.ls-media--rounded,.ls-media--framed,.ls-media--plain){padding:0;isolation:isolate}
body.ls-skin--agency .ls-block--image_text .ls-media:is(.ls-media--rounded,.ls-media--framed,.ls-media--plain)::before{content:"";position:absolute;inset:6% -7% -4% 7%;z-index:-1;border:0;border-radius:44px;background:var(--ag-coral);transform:rotate(-4deg)}
body.ls-skin--agency .ls-block--image_text .ls-media:is(.ls-media--rounded,.ls-media--framed,.ls-media--plain) img{position:relative;border:1.5px solid var(--ag-ink);border-radius:36px;background:#fff;box-shadow:none;transform:rotate(2deg)}
body.ls-skin--agency .ls-block--image_text .ls-media--framed img,body.ls-skin--agency .ls-block--image_text .ls-media--plain img{object-fit:contain;padding:clamp(18px,3vw,34px) clamp(14px,2.4vw,26px)}
body.ls-skin--agency .ls-block--image_text .ls-media:is(.ls-media--rounded,.ls-media--framed,.ls-media--plain)::after{content:"";position:absolute;top:-30px;right:18%;z-index:4;width:30px;height:64px;border:3px solid var(--ag-clip);border-radius:16px;pointer-events:none}
body.ls-skin--agency .ls-block--image_text .ls-split__media:has(> .ls-media:is(.ls-media--rounded,.ls-media--framed,.ls-media--plain))::after{content:"";position:absolute;top:10px;right:calc(18% + 6px);z-index:5;width:20px;height:48px;border:3px solid var(--ag-clip);border-top:0;border-radius:0 0 10px 10px;pointer-events:none}
body.ls-skin--agency .ls-block--image_text .ls-split__body .ls-head{margin-bottom:clamp(26px,3vw,44px)}
body.ls-skin--agency .ls-block--image_text .ls-richtext{max-width:46ch;font-size:clamp(16px,1.3vw,20px);line-height:1.55;color:var(--ag-ink2)}
body.ls-skin--agency .ls-block--image_text .ls-richtext > * + *{margin-top:14px}
/* the bullets of the block as small uppercase captions with a coral dot (mock: "LIGHTSEO · МУКАЧЕВО"), no check icons */
body.ls-skin--agency .ls-block--image_text .ls-checks{gap:8px;margin-top:22px}
body.ls-skin--agency .ls-block--image_text .ls-checks li{display:flex;align-items:center;gap:10px;font:600 12px/1.4 var(--ls-font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ag-mut)}
body.ls-skin--agency .ls-block--image_text .ls-checks li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--ag-coral)}
body.ls-skin--agency .ls-block--image_text .ls-checks .ls-icon{display:none}
/* "Про нас" (home): a display title, the figure tiles of the stats block that follows moved into the text column by agency.js
   (.ag-about / .ag-stats-in; the emptied stats block gets .ag-merged); without JS the tiles stay a row under the split */
body.ls-skin--agency #about .ls-head > .ls-title{font-size:clamp(3rem,1rem + 6vw,8rem)}
body.ls-skin--agency .ls-block--image_text.ag-about .ls-split__body{display:flex;flex-direction:column;align-self:stretch}
@media (max-width:959px){body.ls-skin--agency .ls-block--image_text.ag-about .ls-split__media{order:-1}}   /* phones: the illustration first, then the title, the text and the tiles (mock) */
body.ls-skin--agency .ls-block--image_text.ag-about .ag-stats-in{margin-top:auto;padding-top:clamp(28px,3vw,44px)}
body.ls-skin--agency .ls-block--image_text.ag-about .ag-stats-in.ls-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.ls-skin--agency .ls-block--image_text.ag-about .ag-stats-in > .ls-stat{min-height:120px;padding:20px 16px 18px;border-radius:22px}
body.ls-skin--agency .ls-block--image_text.ag-about .ag-stats-in > .ls-stat .ls-stat__value{font-size:clamp(26px,2.2vw,38px)}
body.ls-skin--agency .ls-block--stats.ag-merged{display:none}
@media (max-width:959px){body.ls-skin--agency .ls-block--image_text .ls-media:is(.ls-media--rounded,.ls-media--framed,.ls-media--plain)::before{inset:6% 0 -4% 6%}}
@media (max-width:767px){
  body.ls-skin--agency .ls-block--image_text .ls-media:is(.ls-media--rounded,.ls-media--framed,.ls-media--plain)::before{border-radius:32px}
  body.ls-skin--agency .ls-block--image_text .ls-media:is(.ls-media--rounded,.ls-media--framed,.ls-media--plain) img{border-radius:26px}
}

/* 9. stats: three tiles (coral / ink / white outline), Oswald figures, small uppercase labels; agency.js counts up */
body.ls-skin--agency .ls-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));grid-auto-flow:row;gap:14px;max-width:none;border:0}
body.ls-skin--agency .ls-stats > .ls-stat{display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:132px;padding:22px 20px 20px;border:0;border-radius:26px;background:var(--ag-coral);color:var(--ag-ink);text-align:left;container-type:normal}
body.ls-skin--agency .ls-stats > .ls-stat::before{display:none}
body.ls-skin--agency .ls-stats > .ls-stat:nth-child(3n+2){background:var(--ag-ink);color:#fff}
body.ls-skin--agency .ls-stats > .ls-stat:nth-child(3n){background:#fff;color:var(--ag-ink);box-shadow:inset 0 0 0 1.5px var(--ag-ink)}
body.ls-skin--agency .ls-stats > .ls-stat .ls-stat__icon,body.ls-skin--agency .ls-stats > .ls-stat .ls-stat__emoji{display:none}
body.ls-skin--agency .ls-stats > .ls-stat .ls-stat__value{margin:0;font:700 clamp(28px,2.6vw,46px)/.95 var(--ls-font-head);letter-spacing:0;color:inherit;white-space:nowrap;text-wrap:initial;font-variant-numeric:lining-nums tabular-nums}
body.ls-skin--agency .ls-stats > .ls-stat .ls-stat__value .ls-hl{color:inherit}
body.ls-skin--agency .ls-stats > .ls-stat .ls-stat__label{margin:0;font:600 11px/1.3 var(--ls-font-body);letter-spacing:.1em;text-transform:uppercase;color:inherit;max-width:26ch}
body.ls-skin--agency .ls-block--stats .ls-head{margin-bottom:clamp(26px,3vw,44px)}
@media (max-width:767px){
  body.ls-skin--agency .ls-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body.ls-skin--agency .ls-stats > .ls-stat{min-height:104px;padding:14px 12px;border-radius:20px}
  body.ls-skin--agency .ls-stats > .ls-stat:last-child:nth-child(odd){grid-column:1 / -1;min-height:0}
  body.ls-skin--agency .ls-stats > .ls-stat .ls-stat__value{font-size:clamp(22px,6.6vw,30px)}
  body.ls-skin--agency .ls-stats > .ls-stat .ls-stat__label{font-size:11px;letter-spacing:.05em}
  body.ls-skin--agency .ls-block--image_text.ag-about .ag-stats-in.ls-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body.ls-skin--agency .ls-block--image_text.ag-about .ag-stats-in > .ls-stat{min-height:104px;padding:14px 12px;border-radius:20px}
  body.ls-skin--agency .ls-block--image_text.ag-about .ag-stats-in > .ls-stat .ls-stat__value{font-size:clamp(22px,6.6vw,30px)}
}

/* 10. logos: title on the left, white tiles on the right, grey logos that colour on hover, ink line + coral offset */
body.ls-skin--agency .ls-block--logos > .ls-container:has(> .ls-head){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(28px,4vw,72px);align-items:center}
body.ls-skin--agency .ls-block--logos .ls-head{margin:0;max-width:none;align-items:flex-start;text-align:left}
body.ls-skin--agency .ls-block--logos .ls-head > .ls-title{font-size:clamp(2rem,.9rem + 2.6vw,3.6rem)}
body.ls-skin--agency .ls-block--logos .ls-head > .ls-eyebrow{font-size:clamp(1.5rem,1rem + 1.6vw,2.4rem)}
body.ls-skin--agency .ls-block--logos .ls-head > .ls-subtitle{margin-top:22px;max-width:30ch;font-size:15px}
body.ls-skin--agency .ls-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.ls-skin--agency .ls-logos__item{min-height:112px;padding:16px 22px;border:0;border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--ag-line);transition:transform .3s var(--ag-ease),box-shadow .3s var(--ag-ease)}
body.ls-skin--agency .ls-logos__item img{max-height:56px;max-width:82%;filter:grayscale(1) contrast(1.15);opacity:.85;transition:filter .3s,opacity .3s}   /* grey in the skin, colour on hover (mock) */
body.ls-skin--agency .ls-logos__item:focus-within{transform:translateY(-4px);box-shadow:0 0 0 1.5px var(--ag-ink),6px 6px 0 var(--ag-coral)}
body.ls-skin--agency .ls-logos__item:focus-within img{filter:none;opacity:1}
@media (hover:hover){
  body.ls-skin--agency .ls-logos__item:has(a):hover{transform:translateY(-4px);box-shadow:0 0 0 1.5px var(--ag-ink),6px 6px 0 var(--ag-coral)}
  body.ls-skin--agency .ls-logos__item:hover img{filter:none;opacity:1}
}
@media (hover:none){body.ls-skin--agency .ls-logos__item img{filter:none;opacity:1}}
body.ls-skin--agency .ls-logos__item a:focus-visible{outline:none}
body.ls-skin--agency .ls-v--row .ls-logos__item{box-shadow:none;background:none;min-height:0;padding:0;border-radius:0}
@media (max-width:1100px){body.ls-skin--agency .ls-block--logos > .ls-container:has(> .ls-head){grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  body.ls-skin--agency .ls-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.ls-skin--agency .ls-logos__item{min-height:88px;padding:14px 18px}
  body.ls-skin--agency .ls-logos__item img{max-height:42px}
}

/* 11. footer: light grey with an ink top rule, Oswald column titles, Inter links, uppercase copyright line */
body.ls-skin--agency .ls-footer{--_bg:var(--ag-g);--_fg:var(--ag-ink);--_head:var(--ag-ink);--_ink:var(--ag-coral-t);--_muted:var(--ag-ink2);--_line:#d6d7dd;--_tile:#fff;--_tile-fg:var(--ag-ink);--_tile-line:var(--ag-line);border-top:1.5px solid var(--ag-ink);background:var(--_bg);color:var(--_muted);font-size:.9rem}
body.ls-skin--agency .ls-footer::before{display:none}
body.ls-skin--agency .ls-footer__top{gap:32px 28px;padding-block:clamp(48px,5vw,72px) clamp(32px,4vw,48px);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:960px){
  body.ls-skin--agency .ls-footer__top{grid-template-columns:minmax(0,1.5fr) repeat(auto-fit,minmax(150px,1fr))}
  body.ls-skin--agency .ls-footer__top:has(> .ls-footer__brand + * + * + :last-child) > .ls-footer__brand{grid-column:auto;padding-right:32px}
}
@media (min-width:960px) and (max-width:1199px){body.ls-skin--agency .ls-footer__top:has(> .ls-footer__brand + * + * + * + :last-child){grid-template-columns:repeat(3,minmax(0,1fr))}body.ls-skin--agency .ls-footer__top:has(> .ls-footer__brand + * + * + * + :last-child) > .ls-footer__brand{grid-column:1 / -1;padding-right:0}}
body.ls-skin--agency .ls-footer__logo{margin-bottom:16px}
body.ls-skin--agency .ls-footer__logo img{height:32px}
body.ls-skin--agency .ls-footer__logo .ls-logo__img--light{filter:brightness(0)}
body.ls-skin--agency .ls-footer__logo .ls-logo__img--dark{filter:none}
body.ls-skin--agency .ls-footer__logo.ls-logo__text{color:var(--ag-ink);font-weight:700;text-transform:uppercase}
body.ls-skin--agency .ls-footer__text{max-width:30ch;font-size:.9rem;line-height:1.55;color:var(--ag-ink2)}
body.ls-skin--agency .ls-footer__title{margin-bottom:10px;font:700 1rem/1.1 var(--ls-font-head);letter-spacing:.02em;text-transform:uppercase;color:var(--ag-ink)}
body.ls-skin--agency .ls-footer__links{gap:0}
body.ls-skin--agency .ls-footer__links a{min-height:34px;padding:5px 0;font-size:.875rem;line-height:1.35;color:var(--ag-ink2)}
body.ls-skin--agency .ls-footer__links a:hover,body.ls-skin--agency .ls-footer__links a[aria-current="page"]{color:var(--ag-coral-t)}
body.ls-skin--agency .ls-footer .ls-contact-list{gap:12px}
body.ls-skin--agency .ls-footer .ls-contact__icon{width:34px;height:34px;border-radius:2px;background:#fff;border:1px solid var(--ag-line);color:var(--ag-ink)}
body.ls-skin--agency .ls-footer .ls-contact__label{color:var(--ag-mut);font-family:var(--ls-font-body)}
body.ls-skin--agency .ls-footer .ls-contact__value{font-size:.9rem;font-weight:600;color:var(--ag-ink)}
body.ls-skin--agency .ls-footer a.ls-contact__value:hover{color:var(--ag-coral-t)}
body.ls-skin--agency .ls-footer .ls-socials{margin-top:20px;gap:8px}
body.ls-skin--agency .ls-footer .ls-social{border:1.5px solid var(--ag-ink);border-radius:2px;color:var(--ag-ink);background:#fff;font-family:var(--ls-font-body)}
body.ls-skin--agency .ls-footer .ls-social .ls-icon{background:none;color:currentColor}
body.ls-skin--agency .ls-footer .ls-social:hover{background:var(--ag-ink);color:#fff;border-color:var(--ag-ink)}
body.ls-skin--agency .ls-footer__bottom{gap:12px 24px;padding-block:22px 28px;border-top:1px solid #d6d7dd;font:600 .74rem/1.4 var(--ls-font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ag-ink2)}
body.ls-skin--agency .ls-footer__bottom a,body.ls-skin--agency .ls-footer__cookie{color:var(--ag-ink2);font:inherit}
body.ls-skin--agency .ls-footer__bottom a:hover,body.ls-skin--agency .ls-footer__cookie:hover{color:var(--ag-coral-t)}
body.ls-skin--agency .ls-footer__attr{letter-spacing:0;text-transform:none}
@media (max-width:759px){body.ls-skin--agency .ls-footer__bottom{flex-direction:column;align-items:flex-start;gap:10px}}
@media (max-width:1023px){
  body.ls-skin--agency .ls-footer__links a{min-height:44px;padding:10px 0}
  body.ls-skin--agency .ls-footer .ls-contact__value{min-height:44px;display:inline-flex;align-items:center}
  body.ls-skin--agency .ls-badge__link{display:inline-block;padding:10px 0}
}

/* 12. reveal on scroll (agency.js adds .ag-rv to the block children theme.js leaves alone, then .is-in in view) */
@media (prefers-reduced-motion:no-preference){
  body.ls-skin--agency:not(.ls-anim--off) .ag-rv{opacity:0;translate:0 24px;transition:opacity .6s var(--ag-ease),translate .6s var(--ag-ease);transition-delay:calc(var(--ag-i,0) * 70ms)}
  body.ls-skin--agency:not(.ls-anim--off) .ag-rv.is-in{opacity:1;translate:0 0}
  body.ls-skin--agency .ls-reveal{transform:translateY(24px)}
}
@media (prefers-reduced-motion:reduce){
  body.ls-skin--agency .ag-rv{opacity:1 !important;translate:0 0 !important}
  body.ls-skin--agency .ls-logos__item,body.ls-skin--agency .ls-btn,body.ls-skin--agency .ls-nav__link::after{transition:none}
}