/* Brand layout. UIkit remains responsible for slideshow, sticky header and modals. */
:root { --cl-ink:#352c31; --cl-pink:#e87f91; --cl-rose:#a65068; --cl-paper:#fcf7f7; --cl-line:#eadde1; --prim-bg:#e87f91; --prim-bg-hover:#dc6d81; --button-weight:700; --button-radius:999px; --button-radius-s:999px; --button-radius-l:999px; }
html { scroll-behavior:smooth; scroll-padding-top:110px; }
body { color:var(--cl-ink); -webkit-font-smoothing:antialiased; }
.cl-socials { align-items:center; }
.cl-socials li { padding:0!important; margin:0; }
.cl-socials :is(img,svg) { display:block; filter:invert(40%) sepia(16%) saturate(1171%) hue-rotate(292deg); }
.cl-trust-item { text-align:center; margin-inline:auto; }
.cl-trust-item img { object-fit:contain; }
.cl-trust-item p { margin:0; }
.cl-cat-tile img,.cl-stage-tile img { transition:transform .5s; }
.cl-cat-tile:hover img,.cl-stage-tile:hover img { transform:scale(1.025); }
.cl-marquee { overflow:hidden; }
.cl-marquee__track { display:flex; width:max-content; animation:cl-marquee 55s linear infinite; }
.cl-marquee__group { display:flex; align-items:center; white-space:nowrap; text-transform:uppercase; }
@keyframes cl-marquee { to { transform:translateX(-50%); } }
.cl-claim-num { color:var(--cl-rose); }
a:focus-visible,button:focus-visible { outline:2px solid var(--cl-rose); outline-offset:5px; }
.uk-container-large { max-width:1280px; padding-inline:clamp(22px,5vw,80px); }
.cl-topbar { height:4px; background:var(--cl-pink); }
#header [uk-navbar],#header .uk-navbar-item { min-height:96px; }
#header .uk-navbar-item { padding:0; }
#header .uk-navbar-container { background:#fff; border-bottom:1px solid var(--cl-line); }
#header .uk-logo img { width:150px; height:58px; object-fit:contain; mix-blend-mode:multiply; }
.cl-header-links { display:flex; gap:32px; }
#header .cl-header-links { align-items:center; }
.cl-header-links a { color:#63555c; font-size:13px; font-weight:500; text-decoration:none; }
.cl-header-links a:hover { color:var(--cl-rose); }
.cl-socials { display:flex; gap:9px; margin:0; padding:0; list-style:none; }
.cl-socials a { display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--cl-line); border-radius:50%; }
.cl-socials a:hover { background:#fbeef1; border-color:var(--cl-pink); }
.cl-socials :is(img,svg) { width:14px; height:14px; }
.cl-eyebrow { display:block; margin:0 0 22px; color:var(--cl-rose); font-size:11px; font-weight:600; line-height:1.5; letter-spacing:.19em; text-transform:uppercase; }
.cl-button { display:inline-flex; align-items:center; justify-content:space-between; gap:38px; min-height:50px; padding:0 26px; border:1px solid var(--cl-rose); background:var(--cl-rose); color:#fff; font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; text-decoration:none; }
.cl-button:hover { color:#fff; background:#8f4057; text-decoration:none; }
.cl-arrow-up-right,.cl-cat-label::after,.cl-stage-label::after { display:block; width:20px; height:20px; flex-shrink:0; background-color:currentColor; -webkit-mask:url("../../templates/phosphor/regular/arrow-up-right.svg") center / contain no-repeat; mask:url("../../templates/phosphor/regular/arrow-up-right.svg") center / contain no-repeat; }
.cl-button .cl-arrow-up-right { width:22px; height:22px; }
#block-hero > .box { padding:0; }
#block-hero .uk-slideshow-items { height:clamp(560px,43vw,740px); }
#block-hero .cl-hero-slide { height:100%; background:#f6eded; }
#block-hero .cl-hero-slide img { position:absolute; inset:0 0 0 auto; width:53%; height:100%; object-fit:contain; object-position:center; background:#b5b0c8; }
#block-hero .uk-slideshow-items > :nth-child(1) .cl-hero-slide img { background:linear-gradient(#b5b0c8,#ba95ae); }
#block-hero .uk-slideshow-items > :nth-child(2) .cl-hero-slide img { background:linear-gradient(#aebd59,#c696a8); }
#block-hero .uk-slideshow-items > :nth-child(3) .cl-hero-slide img { background:linear-gradient(#edc8d0,#c3a88a); }
#block-hero .uk-slideshow-items > :nth-child(4) .cl-hero-slide img { background:#e6a7ba; }
#block-hero .uk-slideshow-items > :nth-child(5) .cl-hero-slide img { background:#000; }
#block-hero .cl-hero-veil { display:none; }
#block-hero .cl-hero-copy { box-sizing:border-box; width:47%; max-width:none; padding:40px clamp(26px,5vw,80px); animation:none; }
#block-hero .cl-hero-copy h1,#block-hero .cl-hero-copy h2 { margin:0 0 24px; color:var(--cl-ink); font-size:clamp(34px,3.5vw,56px); line-height:1.09; letter-spacing:-.045em; font-weight:300; }
#block-hero .cl-hero-copy .uk-text-lead { color:#78656d; font-size:14px; line-height:1.75; max-width:420px; margin:0; }
#block-hero .cl-hero-copy .uk-margin-medium-top { margin-top:30px!important; }
.cl-hero-controls { position:absolute; bottom:25px; left:clamp(26px,5vw,80px); width:calc(47% - clamp(52px,10vw,160px)); display:flex; align-items:center; justify-content:space-between; z-index:4; }
#block-hero .uk-dotnav { gap:12px; margin:0; }
#block-hero .uk-dotnav > * { padding:0; }
#block-hero .uk-dotnav > * > * { width:6px; height:6px; border:1px solid #a87686; background:transparent; }
#block-hero .uk-dotnav > .uk-active > * { background:var(--cl-rose); border-color:var(--cl-rose); }
.cl-hero-arrows { display:flex; gap:7px; }
.cl-hero-arrows button { display:grid; place-items:center; width:34px; height:34px; padding:0; border:1px solid #dcc8cf; border-radius:50%; background:transparent; color:var(--cl-rose); cursor:pointer; }
.cl-hero-arrows button:hover { background:#fff; }
.cl-hero-arrows svg { width:15px; height:15px; }
#block-cats { padding:64px 0 72px; }
#block-cats > .box,#stages > .box { max-width:1280px; padding-inline:clamp(22px,5vw,80px); }
.cl-section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:24px; margin-bottom:26px; }
.cl-section-heading h2 { font-size:27px; font-weight:400; letter-spacing:-.025em; margin:0; }
.cl-section-heading .cl-eyebrow { margin:0; }
#block-cats .uk-grid,#stages .uk-grid { display:grid; gap:14px; margin:0; }
#block-cats .uk-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
#block-cats .uk-grid > *,#stages .uk-grid > * { width:auto; margin:0; padding:0; min-width:0; }
.cl-cat-tile { display:block; position:relative; color:var(--cl-ink); text-decoration:none; min-height:0; overflow:visible; }
.cl-cat-tile img { display:block; width:100%; height:160px; min-height:0; object-fit:cover; border-radius:2px; }
.cl-cat-tile .cl-cat-label { display:block; position:relative; inset:auto; padding:17px 28px 0 0; background:none; color:var(--cl-ink); text-align:left; font-size:12px; font-weight:500; line-height:1.5; letter-spacing:0; text-transform:none; }
.cl-cat-label::after { content:''; position:absolute; top:14px; right:2px; color:var(--cl-rose); }
.cl-cat-tile:hover .cl-cat-label { background:none; color:var(--cl-rose); }
#block-claim { background:var(--cl-paper); padding:74px 0 66px; border-top:1px solid #f1e8eb; }
#block-claim .cl-claim-title { max-width:730px; margin-inline:auto; font-size:clamp(32px,4vw,52px); font-weight:300; line-height:1.15; letter-spacing:-.04em; color:var(--cl-ink); }
#block-claim .cl-claim-accent,.cl-claim-accent { display:block; color:var(--cl-rose); font-weight:300; }
#block-claim .uk-text-lead { margin:28px 0 12px; font-size:16px; }
#block-claim .cl-claim-num { font-weight:600; color:var(--cl-rose); }
#block-claim .uk-text-meta { font-size:10px; color:#817078; }
#about { background:var(--cl-paper); padding:10px 0 72px; }
#about .uk-grid { align-items:stretch; }
#about .cl-about-photo { position:relative; height:100%; min-height:450px; }
#about .cl-about-photo img { width:100%; height:100%; min-height:450px; object-fit:cover; }
#about h2 { font-size:34px; line-height:1.15; font-weight:300; letter-spacing:-.035em; margin:0 0 22px; }
#about p { font-size:13px; line-height:1.85; color:#75666d; }
#about p:last-child { color:var(--cl-rose); border-left:2px solid var(--cl-pink); padding-left:18px; }
#block-trust { padding:0 0 72px; background:var(--cl-paper); }
#block-trust .uk-grid { margin:0; border-top:1px solid var(--cl-line); padding-top:44px; }
#block-trust .uk-grid > * { padding-inline:14px; }
.cl-trust-item { max-width:185px; }
.cl-trust-item img { height:56px; width:56px; mix-blend-mode:multiply; margin-bottom:19px; }
.cl-trust-item p { font-size:11px; line-height:1.65; color:#6e5963; }
.cl-marquee { padding:25px 0; background:#e7a0b0; color:#fff; }
.cl-marquee__track { animation-duration:55s; }
.cl-marquee__group { gap:36px; padding-right:36px; font-size:11px; font-weight:500; letter-spacing:.14em; }
#stages { padding:80px 0 86px; }
#stages .cl-stages-title { font-size:clamp(32px,4vw,48px); line-height:1.17; letter-spacing:-.035em; font-weight:300; }
#stages .cl-stages-title .cl-claim-accent { display:block; }
#stages .uk-margin-medium-bottom { margin-bottom:38px!important; }
#stages .uk-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.cl-stage-tile { display:block; text-decoration:none; color:var(--cl-ink); min-height:0; overflow:visible; }
.cl-stage-image { overflow:hidden; position:relative; background:var(--cl-paper); }
.cl-stage-tile img { width:100%; height:310px; min-height:0; display:block; object-fit:cover; }
.cl-stage-tile .cl-stage-label { position:relative; inset:auto; display:flex; justify-content:space-between; padding:0; margin-top:18px; background:none; color:var(--cl-ink); font-size:20px; font-weight:400; text-transform:none; letter-spacing:0; }
.cl-stage-label::after { content:''; align-self:center; color:var(--cl-rose); }
.cl-stage-tile small { display:block; margin-top:8px; color:#88747d; font-size:11px; line-height:1.6; }
.cl-stage-tile:hover .cl-stage-label { color:var(--cl-rose); background:none; }
#footer { background:#f5eeef; border-top:1px solid var(--cl-line); }
#footer .uk-section { padding:55px 0 30px; }
#footer .uk-grid { align-items:start; }
#footer .cl-footer-logos img { width:125px; height:48px; object-fit:contain; mix-blend-mode:multiply; }
#footer .cl-footer-note { font-size:12px; line-height:1.8; color:#77666f; max-width:250px; }
#footer .cl-footer-docs { display:grid; gap:9px; background:none; padding:0; }
#footer .cl-footer-docs a { font-size:10px; color:#6e5c64; text-decoration:none; }
#footer .cl-footer-docs a:hover { color:var(--cl-rose); text-decoration:underline; }
.cl-footer-bottom { display:flex; justify-content:space-between; gap:20px; margin-top:40px; padding-top:22px; border-top:1px solid var(--cl-line); font-size:10px; letter-spacing:.05em; color:#87727c; }
.cl-footer-bottom a { color:inherit; }
#footer .cl-footer-bottom { padding-left:0; width:100%; }
#flips-cookie { z-index:1010; position:fixed; inset:auto auto 18px 22px; width:min(520px,calc(100% - 44px)); box-sizing:border-box; padding:22px 24px; border:1px solid var(--cl-line); box-shadow:0 8px 36px #46303b14; background:#fff; color:#78666e; }
.cl-cookie-content { display:flex; gap:24px; align-items:center; }
.cl-cookie-content p { font-size:11px; line-height:1.65; margin:0; }
#flips-cookie a { color:var(--cl-rose); }
.cl-cookie-content button { padding:12px 17px; background:var(--cl-rose); border:0; color:#fff; font:inherit; font-size:11px; cursor:pointer; white-space:nowrap; }
.uk-modal-dialog { border-radius:3px; background:var(--cl-paper); }
.uk-modal-body { padding:42px; }
.uk-modal-body h2 { font-weight:300; color:var(--cl-ink); }
.uk-modal-body p { line-height:1.8; color:#78666e; }
.panel-inview { animation:none; }
@media(min-width:1600px) { #block-hero .cl-hero-copy { padding-left:max(80px,calc((100vw - 1280px)/2)); } .cl-hero-controls { left:max(80px,calc((100vw - 1280px)/2)); width:350px; } }
@media(max-width:1100px) { .cl-header-links { gap:20px; } #header .uk-logo img { width:125px; } #block-hero .cl-hero-copy { padding-right:32px; } .cl-cat-tile img { height:130px; } .cl-stage-tile img { height:260px; } }
@media(max-width:959px) { .cl-header-links { display:none; } #header [uk-navbar],#header .uk-navbar-item { min-height:78px; } #block-hero .cl-hero-copy { width:50%; } #block-hero .cl-hero-slide img { width:50%; } #block-hero .uk-slideshow-items { height:590px; } .cl-hero-controls { width:calc(50% - 10vw); } #block-cats .uk-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px 16px; } .cl-cat-tile img { height:180px; } #about .cl-about-photo,#about .cl-about-photo img { min-height:340px; } #about .cl-about-photo img { max-height:420px; } #block-trust .uk-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); } #block-trust .uk-grid > * { width:auto; margin:0; padding:0 8px; } #stages .uk-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 20px; } .cl-stage-tile img { height:340px; } }
@media(max-width:639px) { html { scroll-padding-top:80px; } #header [uk-navbar],#header .uk-navbar-item { min-height:70px; } #header .uk-logo img { width:112px; height:44px; } .cl-socials { gap:5px; } .cl-socials a { width:27px; height:27px; } .cl-socials :is(img,svg) { width:12px; height:12px; } #block-hero .uk-slideshow-items { height:740px; } #block-hero .cl-hero-slide img { inset:auto 0 0; width:100%; height:300px; } #block-hero .uk-position-cover { align-items:flex-start; } #block-hero .cl-hero-copy { width:100%; padding:36px 24px 80px; } #block-hero .cl-hero-copy h1,#block-hero .cl-hero-copy h2 { font-size:36px; max-width:390px; margin-bottom:18px; } #block-hero .cl-hero-copy .uk-text-lead { font-size:12px; line-height:1.65; } #block-hero .cl-hero-copy .uk-margin-medium-top { margin-top:22px!important; } .cl-eyebrow { font-size:9px; margin-bottom:18px; } .cl-hero-controls { bottom:310px; left:24px; width:calc(100% - 48px); } .cl-button { min-height:44px; } #block-cats { padding:42px 0; } .cl-section-heading { align-items:start; flex-direction:column; gap:9px; } .cl-section-heading h2 { font-size:26px; } #block-cats .uk-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 12px; } .cl-cat-tile img { height:135px; } .cl-cat-tile .cl-cat-label { font-size:11px; padding-top:12px; } #block-claim { padding:48px 22px; } #block-claim .cl-claim-title { font-size:33px; } #block-claim .uk-text-lead { font-size:14px; } #about { padding-bottom:44px; } #about h2 { font-size:30px; } #about p { font-size:12px; } #about .cl-about-photo,#about .cl-about-photo img { min-height:260px; } #block-trust { padding-bottom:44px; } #block-trust .uk-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 10px; padding-top:32px; } #block-trust .uk-grid > :last-child { grid-column:1/-1; } .cl-trust-item img { width:48px; height:48px; margin-bottom:12px; } .cl-marquee { padding:20px 0; } .cl-marquee__group { gap:22px; padding-right:22px; font-size:9px; } #stages { padding:48px 0; } #stages .cl-stages-title { font-size:32px; } #stages .uk-grid { gap:26px 12px; } .cl-stage-tile img { height:220px; } .cl-stage-tile .cl-stage-label { font-size:16px; margin-top:12px; } .cl-stage-tile small { font-size:10px; } #footer .uk-grid { display:grid; grid-template-columns:1fr 1fr; gap:25px 18px; margin:0; } #footer .uk-grid > * { width:auto; margin:0; padding:0; } #footer .uk-grid > :nth-child(3),#footer .uk-grid > :nth-child(4) { grid-column:1/-1; } #footer .cl-footer-note { max-width:100%; } .cl-footer-bottom { margin-top:28px; font-size:9px; } #flips-cookie { left:12px; bottom:12px; width:calc(100% - 24px); padding:16px; } .cl-cookie-content { gap:14px; } .cl-cookie-content p { font-size:10px; } .uk-modal-body { padding:32px 24px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .cl-marquee__track { animation:none!important; } *,*::before,*::after { transition:none!important; } }
@media(max-width:639px) { #block-hero .cl-hero-copy h1,#block-hero .cl-hero-copy h2 { font-size:clamp(30px,9.2vw,36px); } }

/* Readable typography and rounded photography. */
.cl-header-links a { font-size:14px; }
.cl-eyebrow,.cl-button { font-size:12px; }
#block-hero .uk-slideshow-items { height:clamp(520px,35.4vw,680px); }
#block-hero .cl-hero-copy .uk-text-lead { font-size:16px; line-height:1.7; }
.cl-cat-tile .cl-cat-label { font-size:15px; }
#about p { font-size:16px; line-height:1.8; }
.cl-trust-item { max-width:240px; }
.cl-trust-item img { width:68px; height:68px; }
.cl-trust-item p { font-size:15px; line-height:1.65; }
#block-trust .uk-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
#block-trust .uk-grid > * { width:auto; padding:0; margin:0; }
.cl-marquee__group { font-size:13px; }
.cl-stage-tile small { font-size:14px; line-height:1.65; }
.cl-stage-image,#about .cl-about-photo { border-radius:12px; overflow:hidden; }
.cl-cat-tile img { border-radius:10px; }
#block-hero .cl-hero-slide img { border-radius:12px 0 0 12px; }
#footer .uk-grid { display:grid; grid-template-columns:170px 170px 1fr 1.35fr; gap:28px; margin:0; }
#footer .uk-grid > * { width:auto; padding:0; margin:0; }
#footer .cl-footer-logos img { width:170px; height:68px; max-width:100%; }
#footer .cl-footer-note { font-size:15px; line-height:1.7; max-width:290px; }
#footer .cl-footer-docs a { font-size:13px; line-height:1.6; }
.cl-footer-bottom { font-size:12px; }
.cl-cookie-content p { font-size:13px; }
.cl-cookie-content button { font-size:13px; }
#brand-leader { padding:68px 0; background:#eed3db; color:var(--cl-rose); }
.cl-leader-layout { display:grid; grid-template-columns:1fr 1.35fr; align-items:center; gap:70px; }
.cl-leader-mark { display:flex; align-items:baseline; gap:22px; }
.cl-leader-mark > span { font-size:26px; font-weight:300; }
.cl-leader-mark strong { font-size:clamp(100px,12vw,174px); line-height:.95; letter-spacing:-.065em; font-weight:300; color:inherit; }
.cl-leader-copy { border-left:1px solid #a6506840; padding-left:64px; }
.cl-leader-copy h2 { font-size:clamp(28px,3vw,42px); line-height:1.2; font-weight:300; letter-spacing:-.035em; color:var(--cl-ink); margin:0 0 24px; }
.cl-leader-copy p { font-size:12px; line-height:1.7; margin:0; color:#80616e; }
@media(max-width:1100px) { #footer .uk-grid { grid-template-columns:1fr 1fr; } .cl-leader-layout { gap:35px; } .cl-leader-copy { padding-left:35px; } }
@media(max-width:959px) { #block-hero .uk-slideshow-items { height:720px; } #block-trust .uk-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; } .cl-trust-item p { font-size:14px; } }
@media(max-width:639px) {
 .cl-eyebrow { font-size:11px; letter-spacing:.13em; }
 #block-hero .uk-slideshow-items { height:820px; }
 #block-hero .cl-hero-copy .uk-text-lead { font-size:15px; line-height:1.65; }
 #block-hero .cl-hero-slide img { border-radius:12px 12px 0 0; }
 .cl-cat-tile .cl-cat-label { font-size:14px; }
 #about p { font-size:15px; line-height:1.75; }
 #block-trust .uk-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 18px; }
 #block-trust .uk-grid > :last-child { grid-column:auto; }
 .cl-trust-item img { width:60px; height:60px; }
 .cl-trust-item p { font-size:14px; }
 .cl-marquee__group { font-size:12px; }
 .cl-stage-tile small { font-size:13px; }
 #footer .uk-grid { gap:28px 20px; }
 #footer .cl-footer-logos img { width:155px; height:62px; }
 .cl-footer-bottom { font-size:11px; }
 .cl-cookie-content p { font-size:12px; }
 #brand-leader { padding:44px 0; }
 .cl-leader-layout { grid-template-columns:1fr; gap:28px; }
 .cl-leader-mark { justify-content:center; }
 .cl-leader-mark strong { font-size:120px; }
 .cl-leader-copy { text-align:center; padding:26px 0 0; border-left:0; border-top:1px solid #a6506840; }
 .cl-leader-copy h2 { font-size:30px; }
 .cl-leader-copy p { font-size:12px; }
}
@media(max-width:359px) { #block-hero .uk-slideshow-items { height:900px; } }

/* Social assets retain their original brand colours. */
.cl-socials a { width:36px; height:36px; border:0; border-radius:8px; background:transparent; transition:transform .2s; }
.cl-socials a:hover { background:transparent; transform:translateY(-2px); }
.cl-socials :is(img,svg),.cl-socials a:hover :is(img,svg) { width:28px; height:28px; object-fit:contain; filter:none; }
.cl-socials a[aria-label="Telegram"] :is(img,svg) { width:33px; height:33px; }
@media(max-width:639px) {
 .cl-socials { gap:5px; }
 .cl-socials a { width:30px; height:32px; }
 .cl-socials :is(img,svg),.cl-socials a:hover :is(img,svg) { width:26px; height:26px; }
 .cl-socials a[aria-label="Telegram"] :is(img,svg) { width:31px; height:31px; }
}
@media(max-width:359px) {
 #header .uk-logo img { width:96px; }
 .cl-socials { gap:4px; }
 .cl-socials a { width:26px; height:30px; }
 .cl-socials :is(img,svg),.cl-socials a:hover :is(img,svg) { width:24px; height:24px; }
 .cl-socials a[aria-label="Telegram"] :is(img,svg) { width:28px; height:28px; }
}

/* Manufacturer pink, pill buttons and optically aligned brand icons. */
.cl-button,.uk-button,.cl-cookie-content button { border-radius:999px; font-weight:700; }
.cl-button,.cl-cookie-content button { background:var(--cl-pink); border-color:var(--cl-pink); color:#fff; }
.cl-button:hover,.cl-cookie-content button:hover { background:var(--prim-bg-hover); border-color:var(--prim-bg-hover); color:#fff; }
.cl-button { font-size:13px; letter-spacing:.08em; }
.cl-cookie-content button { padding-inline:21px; }
.cl-topbar,.cl-marquee { background:var(--cl-pink); }
.cl-marquee { color:#fff; }
.cl-marquee__group { font-weight:600; }
#brand-leader { background:#fbe7eb; }
#header .uk-logo img { width:190px; height:74px; }
.cl-socials { gap:5px; }
.cl-socials a { width:32px; height:34px; }
.cl-socials :is(img,svg),.cl-socials a:hover :is(img,svg) { width:24px; height:24px; }
.cl-socials a[aria-label="Telegram"] :is(img,svg) { width:24px; height:24px; }
.cl-socials a[aria-label="YouTube"] :is(img,svg) { width:34px; height:34px; }
@media(max-width:1100px) { #header .uk-logo img { width:165px; height:65px; } }
@media(max-width:639px) {
 #header .uk-logo img { width:144px; height:57px; }
 .cl-socials { gap:3px; }
 .cl-socials a { width:26px; height:30px; }
 .cl-socials :is(img,svg),.cl-socials a:hover :is(img,svg) { width:22px; height:22px; }
 .cl-socials a[aria-label="Telegram"] :is(img,svg) { width:22px; height:22px; }
 .cl-socials a[aria-label="YouTube"] :is(img,svg) { width:31px; height:31px; }
}
@media(max-width:359px) {
 #header .uk-logo img { width:122px; height:50px; }
 .cl-socials a { width:24px; }
}

/* Compact hero: smaller type from 1600px, stacked columns below 1400px. */
@media(max-width:1600px) {
 #block-hero .cl-hero-copy h1,#block-hero .cl-hero-copy h2 { font-size:clamp(32px,2.75vw,44px); }
}
@media(max-width:1399px) and (min-width:640px) {
 #block-hero { --hero-photo-height:clamp(320px,35vw,480px); --hero-copy-height:360px; }
 #block-hero .uk-slideshow-items { height:calc(var(--hero-copy-height) + var(--hero-photo-height)); }
 #block-hero .cl-hero-slide img { inset:auto 0 0; width:100%; height:var(--hero-photo-height); border-radius:12px 12px 0 0; }
 #block-hero .uk-position-cover { align-items:flex-start; }
 #block-hero .cl-hero-copy { width:100%; padding:28px clamp(28px,5vw,70px) 80px; }
 #block-hero .cl-hero-copy h1,#block-hero .cl-hero-copy h2 { max-width:900px; margin-bottom:20px; }
 #block-hero .cl-hero-copy .uk-text-lead { max-width:760px; }
 #block-hero .cl-hero-copy .uk-margin-medium-top { margin-top:22px!important; }
 .cl-hero-controls { left:clamp(28px,5vw,70px); bottom:calc(var(--hero-photo-height) + 20px); width:calc(100% - clamp(56px,10vw,140px)); }
}
@media(max-width:639px) {
 #block-hero .cl-hero-copy h1,#block-hero .cl-hero-copy h2 { font-size:clamp(30px,9.2vw,36px); }
}
@media(max-width:959px) and (min-width:640px) {
 #block-hero { --hero-copy-height:440px; }
}

/* Mobile slides follow their copy height so shorter captions leave no empty band. */
@media(max-width:639px) {
 #block-cats .cl-cat-lubricants { display:none; }
 #block-hero { --hero-photo-height:clamp(210px,66.667vw,320px); }
 #block-hero .uk-slideshow-items { height:calc(var(--hero-mobile-copy-height,400px) + 64px + var(--hero-photo-height)); }
 #block-hero .cl-hero-slide img { height:var(--hero-photo-height); }
 #block-hero .cl-hero-copy { padding:24px 24px 0; }
 #block-hero .cl-hero-copy h1,#block-hero .cl-hero-copy h2 { font-size:clamp(26px,7.7vw,32px); }
 #block-hero .cl-hero-copy .uk-text-lead { font-size:14px; }
 #block-hero .cl-hero-copy .uk-margin-medium-top { margin:20px 0 0!important; }
 .cl-hero-controls { bottom:calc(var(--hero-photo-height) + 15px); }
}