/* ripkagazmester.hu: direction B, dark page throughout, 3D renders dissolve into the background, Mona Sans */
@font-face{font-family:"Mona Sans";font-style:normal;font-display:swap;font-weight:200 900;src:url(/fonts/mona-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Mona Sans";font-style:normal;font-display:swap;font-weight:200 900;src:url(/fonts/mona-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bg:#080C11; --bg-2:#0C1218; --panel:#10171F; --panel-2:#151E28; --deep:#05080B;
  --ink:#F2F4F6; --ink-2:#C9D0D7; --muted:#97A2AE; --muted-2:#808B97;
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.16);
  --flame:#F98A1C; --flame-2:#FFB21C; --flame-ink:#1A0E02; --flame-t:rgba(249,138,28,.14); --flame-txt:#FFB066;
  --red:#E5482F; --red-bg:#1B0C0A; --red-line:rgba(229,72,47,.34); --red-txt:#FF9C87;
  --focus:#FFB21C;
  --r-xl:30px; --r-lg:24px; --r-md:18px;
  --font:"Mona Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --t-h1:clamp(44px,5.7vw,86px); --t-h2:clamp(30px,3.2vw,46px); --t-lead:clamp(17px,1.3vw,20px);
  --ease-out:cubic-bezier(0.23,1,0.32,1); --ease-drawer:cubic-bezier(0.32,0.72,0,1);
  --pad:clamp(18px,3.4vw,56px); --hd:80px;
  --bleed:calc(var(--pad) + max(0px, (100vw - 1360px) / 2));
  color-scheme:dark; interpolate-size:allow-keywords;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hd) + 24px);background:var(--bg)}
body{margin:0;position:relative;color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
::selection{background:rgba(249,138,28,.38);color:#fff}
[hidden]{display:none!important}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.2em}
p{margin:0;text-wrap:pretty}
h1,h2,h3{margin:0;text-wrap:balance;color:var(--ink)}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:16px;top:16px;z-index:200;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:12px}
.tnum{font-variant-numeric:tabular-nums}
.ic{flex:none;display:block}
.wrap{max-width:1360px;margin-inline:auto;padding-inline:var(--pad)}
.h2,.sh h2{font-size:var(--t-h2);line-height:1.04;letter-spacing:-.035em;font-weight:680}
.lead{font-size:var(--t-lead);line-height:1.55;color:var(--muted)}
.strong{font-weight:620;color:var(--ink)}
.glow{position:absolute;left:0;right:0;top:0;height:1100px;z-index:-1;pointer-events:none;background:radial-gradient(900px 520px at 78% 40%,rgba(249,138,28,.13),transparent 62%),radial-gradient(700px 480px at 8% 0%,rgba(74,148,255,.08),transparent 60%)}

/* ---------- buttons ---------- */
.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 28px;border:0;border-radius:999px;font:inherit;font-size:16px;font-weight:640;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;transition:transform 160ms var(--ease-out),background-color 200ms ease,color 200ms ease,box-shadow 200ms ease,filter 200ms ease}
.pill:active{transform:scale(.97)}
.pill[disabled]{opacity:.6;cursor:progress}
.p-sm{height:46px;padding:0 20px;font-size:15px}
.p-flame{background:linear-gradient(135deg,var(--flame),var(--flame-2));color:var(--flame-ink);box-shadow:0 14px 40px -16px rgba(249,138,28,.75)}
.p-ghost{background:rgba(255,255,255,.06);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
@media (hover:hover) and (pointer:fine){
  .p-flame:hover{filter:brightness(1.07);box-shadow:0 18px 44px -14px rgba(249,138,28,.85)}
  .p-ghost:hover{background:rgba(255,255,255,.11)}
}
.cnt{display:inline-grid;place-items:center;min-width:28px;height:24px;padding:0 7px;margin-left:2px;border-radius:999px;background:rgba(255,255,255,.1);font-size:13px;color:var(--ink-2)}
.tl{display:inline-flex;align-items:center;gap:8px;font-weight:620;text-decoration:none;color:var(--flame-txt)}
.tl .ic{transition:transform 200ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.tl:hover .ic{transform:translateX(3px)}}

/* ---------- header: solid dark bar, glass once the page scrolls ---------- */
.hd{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:20px;height:calc(var(--hd) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(var(--pad),calc(50% - 680px + var(--pad))) 0;transition:background-color 240ms ease,box-shadow 240ms ease}
.hd.solid{background:rgba(8,12,17,.84);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);box-shadow:inset 0 -1px 0 var(--line)}
.hd-logo{display:block;width:128px;height:44px;flex:none}
.hd-logo svg{display:block;width:100%;height:100%}
.hd-nav{display:flex;align-items:center;gap:4px}
.hd-nav>a,.dd-b{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 15px;border:0;border-radius:999px;background:none;color:var(--ink-2);font:inherit;font-size:15px;font-weight:540;text-decoration:none;cursor:pointer;transition:background-color 160ms ease,color 160ms ease}
.hd-nav>a[aria-current],.dd[data-cur] .dd-b,.dd.open .dd-b{color:#fff;background:rgba(255,255,255,.08)}
@media (hover:hover) and (pointer:fine){.hd-nav>a:hover,.dd-b:hover{color:#fff;background:rgba(255,255,255,.06)}}
.chev{flex:none;transition:transform 220ms var(--ease-out)}
.dd.open .chev{transform:rotate(180deg)}
.hd-act{display:flex;align-items:center;gap:8px}
.hd-ic{display:none;width:46px;height:46px;border:0;border-radius:50%;align-items:center;justify-content:center;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink);cursor:pointer;transition:transform 160ms var(--ease-out),background-color 200ms ease}
.hd-ic:active{transform:scale(.94)}
.hd-call{color:var(--flame-2)}
.hd-menu{flex-direction:column;gap:5px;padding:0}
.hd-menu span{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform 260ms var(--ease-out)}
.hd-menu[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.hd-menu[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}

/* dropdown grows from its trigger */
.dd{position:relative}
.dd-p{position:absolute;top:calc(100% + 14px);left:-6px;width:600px;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--panel);border-radius:24px;box-shadow:0 0 0 1px var(--line-2),0 34px 70px -24px rgba(0,0,0,.8);transform-origin:top left;opacity:0;transform:translateY(-6px) scale(.97);visibility:hidden;transition:opacity 150ms ease,transform 150ms ease,visibility 0s linear 150ms}
.dd-p::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.dd.open .dd-p{opacity:1;transform:none;visibility:visible;transition:opacity 200ms var(--ease-out),transform 240ms var(--ease-out),visibility 0s}
.dd-i{display:flex;align-items:center;gap:14px;padding:8px;border-radius:16px;text-decoration:none;font-size:15px;font-weight:560;color:var(--ink);transition:background-color 150ms ease}
.dd-i img{width:56px;height:56px;border-radius:12px;object-fit:cover;flex:none;background:var(--deep)}
.dd-i:hover,.dd-i:focus-visible,.dd-i[aria-current]{background:var(--panel-2)}

/* mobile menu: full-screen dark sheet under the bar */
.mm{position:fixed;z-index:59;inset:0;overflow:auto;overscroll-behavior:contain;padding:calc(var(--hd) + env(safe-area-inset-top,0px) + 8px) var(--pad) calc(28px + env(safe-area-inset-bottom,0px));background:var(--bg);opacity:0;transform:translateY(-8px);visibility:hidden;transition:opacity 160ms ease,transform 180ms ease,visibility 0s linear 180ms}
.mm.open{opacity:1;transform:none;visibility:visible;transition:opacity 220ms var(--ease-out),transform 320ms var(--ease-drawer),visibility 0s}
.mm-l{display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:0 4px;border-bottom:1px solid var(--line);font-size:23px;font-weight:620;letter-spacing:-.02em;color:var(--ink);text-decoration:none;cursor:pointer;list-style:none}
.mm-acc>summary::-webkit-details-marker{display:none}
.mm-acc .chev{width:18px;height:18px;color:var(--muted)}
.mm-acc[open] .chev{transform:rotate(180deg)}
.mm-subs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0}
.mm-s{display:flex;align-items:center;gap:10px;padding:6px;border-radius:14px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);font-size:14.5px;font-weight:560;text-decoration:none;line-height:1.2}
.mm-s img{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none;background:var(--deep)}
.mm-cta{display:grid;gap:10px;margin-top:22px}
@media (min-width:1100px){.mm{display:none}}

/* ---------- hero: text left, the render dissolves into the page on the right ---------- */
.hero{position:relative;isolation:isolate;overflow:clip;--hp-t:clamp(20px,3vw,40px);--hp-b:clamp(44px,5vw,80px)}
.hero-in{max-width:1360px;margin-inline:auto;padding:var(--hp-t) var(--pad) var(--hp-b);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.hero-home .hero-in{min-height:min(820px,calc(100svh - var(--hd)))}
.hero-txt{position:relative;z-index:2;max-width:660px}
/* the render runs to the right edge of the screen; left, top and bottom fade into the page */
.hero-vis{position:relative;z-index:1;align-self:stretch;min-height:clamp(440px,44vw,640px);margin:calc(-1 * var(--hp-t)) calc(-1 * var(--bleed)) calc(-1 * var(--hp-b)) -60px}
.hero-vis img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 45%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%),linear-gradient(180deg,transparent 0,#000 18%,#000 76%,transparent 100%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 38%),linear-gradient(180deg,transparent 0,#000 18%,#000 76%,transparent 100%);mask-composite:intersect}
.tag{display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 15px;border-radius:999px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line);font-size:14px;font-weight:500;color:var(--ink-2)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--flame);box-shadow:0 0 12px var(--flame)}
.hero h1{margin-top:24px;font-size:var(--t-h1);line-height:.97;letter-spacing:-.045em;font-weight:700}
.hero .lead{margin-top:24px;max-width:31em}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.facts{list-style:none;margin:46px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px clamp(24px,3vw,44px)}
.facts b{display:block;font-size:clamp(24px,2.1vw,30px);line-height:1.1;letter-spacing:-.03em;font-weight:680;color:var(--ink)}
.facts span{display:block;margin-top:5px;font-size:14px;color:var(--muted)}
/* sub-pages */
.hero-sub .hero-vis{min-height:clamp(380px,38vw,560px)}
.hero-sub .hero-vis img{object-position:50% 40%}
.hero-photo .hero-vis img{filter:saturate(.95) brightness(.8)}
.hero-plain .hero-in{grid-template-columns:minmax(0,1fr);padding-block:clamp(40px,6vw,96px) clamp(36px,4vw,64px)}
.hero-plain .hero-txt{max-width:860px}
.hero-sub h1{font-size:clamp(40px,4.7vw,72px)}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:var(--muted-2)}
.crumbs a{text-decoration:none;color:var(--ink-2)}
@media (hover:hover) and (pointer:fine){.crumbs a:hover{color:#fff}}
.hero-sub .crumbs+h1{margin-top:20px}
.meta-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.meta-chips span{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line);font-size:14px;color:var(--ink-2)}
/* the one load sequence */
.js .hero-txt>*{animation:up 900ms var(--ease-out) both}
.js .hero-txt>:nth-child(2){animation-delay:70ms}.js .hero-txt>:nth-child(3){animation-delay:140ms}.js .hero-txt>:nth-child(4){animation-delay:210ms}.js .hero-txt>:nth-child(5){animation-delay:280ms}.js .hero-txt>:nth-child(6){animation-delay:340ms}
.js .hero-vis img{animation:settle 1600ms var(--ease-out) both}
@keyframes up{from{opacity:0;transform:translateY(16px)}}
@keyframes settle{from{opacity:0;transform:scale(1.06)}}

/* ---------- sections ---------- */
.sec{padding-block:clamp(56px,7vw,104px)}
.sec-tight{padding-block:clamp(28px,3.4vw,52px)}
.sh{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 48px;margin-bottom:clamp(26px,3vw,40px)}
.sh p{max-width:32em;color:var(--muted);font-size:var(--t-lead);line-height:1.5}
.sh h2{flex:0 1 auto}
.sh p:last-child{margin-left:auto}
.sh .pill{margin-left:auto}
.sh p+.pill{margin-left:0}

/* ---------- service cards: render on top, text below ---------- */
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{position:relative;display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:var(--panel);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:background-color 300ms ease,border-color 300ms ease}
.ci{display:block;aspect-ratio:4/3.4;overflow:hidden;background:var(--deep)}
.ci img{width:100%;height:100%;object-fit:cover;transition:transform 800ms var(--ease-out)}
.ca{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:50%;background:rgba(8,12,17,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px var(--line-2);color:#fff;display:grid;place-items:center;transition:transform 300ms var(--ease-out),background-color 200ms ease,color 200ms ease}
.card-t{display:block;padding:18px 20px 22px}
.card-t b{display:block;font-size:19px;font-weight:640;letter-spacing:-.012em;line-height:1.25}
.card-t>span{display:block;margin-top:6px;font-size:14.5px;line-height:1.45;color:var(--muted)}
@media (hover:hover) and (pointer:fine){.card:hover{background:var(--panel-2);border-color:var(--line-2)}.card:hover .ci img{transform:scale(1.05)}.card:hover .ca{transform:rotate(-45deg);background:var(--flame);color:var(--flame-ink);box-shadow:none}}
.card-cta{justify-content:space-between;gap:20px;padding:24px;background:linear-gradient(160deg,rgba(249,138,28,.17),rgba(249,138,28,.03) 62%),var(--panel);border-color:rgba(249,138,28,.28)}
.card-cta b{display:block;font-size:22px;line-height:1.2;letter-spacing:-.02em;font-weight:660}
.card-cta p{margin-top:10px;color:var(--ink-2);font-size:15px}
.card-cta .pill{align-self:flex-start;padding:0 22px;height:50px;font-size:15px}

/* ---------- "Mi a gond?" ---------- */
.panel{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(22px,3.6vw,52px)}
.pick{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(24px,4vw,56px);align-items:start}
.pick-l .lead{margin-top:16px;max-width:26em}
.opts{display:grid;gap:8px;margin-top:28px}
.opt{display:flex;align-items:center;gap:14px;min-height:62px;padding:0 16px 0 12px;border:0;border-radius:18px;background:var(--panel);color:var(--ink);font:inherit;font-size:16px;font-weight:560;text-align:left;cursor:pointer;transition:background-color 160ms ease,color 160ms ease,transform 160ms var(--ease-out)}
.opt:active{transform:scale(.985)}
.oi{width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.06);color:var(--ink);display:grid;place-items:center;flex:none;transition:background-color 160ms ease,color 160ms ease}
.opt.urg .oi{color:var(--red-txt)}
.opt .ar{margin-left:auto;display:grid;opacity:0;transform:translateX(-6px);transition:opacity 160ms ease,transform 220ms var(--ease-out)}
.opt[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.opt[aria-pressed=true] .oi{background:rgba(8,12,17,.08);color:var(--bg)}
.opt.urg[aria-pressed=true] .oi{color:var(--red)}
.opt[aria-pressed=true] .ar{opacity:1;transform:none}
@media (hover:hover) and (pointer:fine){.opt[aria-pressed=false]:hover{background:var(--panel-2)}}
html:not(.js) .opts{display:none}
.answers{display:grid;gap:16px}
.ans{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:clamp(22px,3vw,38px);border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line)}
.ans h3{font-size:clamp(23px,2.1vw,30px);line-height:1.15;letter-spacing:-.025em;font-weight:660}
.ans p{color:var(--ink-2)}
.ans ul,.ans ol{list-style:none;margin:0;padding:0;display:grid;gap:12px;color:var(--ink-2)}
.ans ul li{position:relative;padding-left:36px;line-height:1.5}
.ans ul li::before{content:"";position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.08) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='m5 12.5 4.5 4.5L19 7.5' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/12px no-repeat}
.ans ol{counter-reset:n}
.ans ol li{counter-increment:n;position:relative;padding-left:40px;line-height:1.5}
.ans ol li::before{content:counter(n);position:absolute;left:0;top:-1px;width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:660}
.ans.urgent{background:radial-gradient(600px 300px at 0% 0%,rgba(229,72,47,.16),transparent 65%),var(--red-bg);border-color:var(--red-line)}
.ans.urgent h3,.ans.urgent .tl{color:var(--red-txt)}
.ans .strong{color:#fff}
.ans-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:4px}
.js .ans.swap{animation:swapIn 260ms var(--ease-out)}
@keyframes swapIn{from{opacity:0;filter:blur(2px);transform:translateY(6px)}}

/* ---------- work photos ---------- */
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;height:clamp(440px,46vw,640px)}
.bento figure,.wrow figure,.about-vis{position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;background:var(--panel)}
.bento img,.wrow img{width:100%;height:100%;object-fit:cover;transition:transform 800ms var(--ease-out)}
.b1{grid-column:1/3;grid-row:1/3}.b2{grid-column:3/4;grid-row:1/2}.b3{grid-column:4/5;grid-row:1/2}.b4{grid-column:3/5;grid-row:2/3}
.bento figcaption,.wrow figcaption,.about-vis figcaption{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:8px 12px;border-radius:12px;background:rgba(8,12,17,.74);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--line);font-size:13.5px;font-weight:540;line-height:1.3;color:#fff}
@media (hover:hover) and (pointer:fine){.bento figure:hover img,.wrow figure:hover img{transform:scale(1.04)}}
.cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.cats a{display:inline-flex;align-items:center;height:42px;padding:0 17px;border-radius:999px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);font-size:14.5px;font-weight:540;text-decoration:none;transition:background-color 160ms ease,color 160ms ease,transform 160ms var(--ease-out)}
.cats a:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.cats a:hover{background:var(--panel-2);color:#fff;box-shadow:inset 0 0 0 1px var(--line-2)}}
.wrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.wrow figure{aspect-ratio:4/5}

/* ---------- steps ---------- */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:s}
.steps li{counter-increment:s;display:flex;flex-direction:column;gap:10px;padding:26px 24px 28px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line)}
.steps li::before{content:counter(s);width:42px;height:42px;margin-bottom:8px;border-radius:50%;background:var(--flame-t);color:var(--flame-txt);display:grid;place-items:center;font-weight:680;font-size:16px}
.steps h3{font-size:20px;letter-spacing:-.015em;font-weight:640}
.steps p{color:var(--muted);font-size:15.5px;line-height:1.55}

/* ---------- about ---------- */
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.about-txt .lead{margin-top:22px;color:var(--ink)}
.about-txt p:not(.lead){margin-top:16px;color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:32px}
.stat{padding:18px;border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line)}
.stat b{display:block;font-size:clamp(20px,1.7vw,26px);letter-spacing:-.03em;font-weight:680;line-height:1.1}
.stat span{display:block;margin-top:6px;font-size:14px;color:var(--muted)}
.about-vis{aspect-ratio:4/4.3}
.about-vis .img,.about-vis img{width:100%;height:100%}
.about-vis img{object-fit:cover}

/* ---------- gas safety ---------- */
.safe{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(24px,4vw,56px);padding:clamp(24px,4vw,56px);border-radius:var(--r-xl);background:radial-gradient(760px 420px at 0% 0%,rgba(229,72,47,.2),transparent 62%),var(--red-bg);border:1px solid var(--red-line)}
.safe-ic{width:56px;height:56px;margin-bottom:22px;border-radius:18px;background:var(--red);color:#fff;display:grid;place-items:center}
.safe .lead{margin-top:16px;color:#E4B3A8}
.safe ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;counter-reset:g}
.safe li{counter-increment:g;display:flex;gap:14px;padding:20px;border-radius:var(--r-md);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(229,72,47,.22);font-weight:540;line-height:1.45;color:var(--ink)}
.safe li::before{content:counter(g);flex:none;width:32px;height:32px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:680;font-size:15px}
.safe .note{margin-top:16px;color:var(--red-txt);font-weight:580}

/* ---------- posts ---------- */
.posts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.posts.big{grid-template-columns:repeat(2,minmax(0,1fr))}
.post{display:flex;flex-direction:column;padding:8px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);text-decoration:none;transition:background-color 300ms ease,border-color 300ms ease}
.pi{display:block;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:var(--deep)}
.posts.big .pi{aspect-ratio:16/10}
.pi img{width:100%;height:100%;object-fit:cover;transition:transform 800ms var(--ease-out)}
.pt{display:flex;flex-direction:column;gap:8px;flex:1;padding:16px 14px 16px}
.posts.big .pt{padding:22px 20px 20px}
.pt b{font-size:19px;line-height:1.25;letter-spacing:-.015em;font-weight:640;color:var(--ink)}
.posts.big .pt b{font-size:clamp(22px,2vw,28px);letter-spacing:-.025em}
.pd{color:var(--muted);font-size:14.5px;line-height:1.5}
.posts.big .pd{font-size:16px}
.meta{margin-top:auto;padding-top:8px;font-size:13.5px;color:var(--muted-2)}
@media (hover:hover) and (pointer:fine){.post:hover{background:var(--panel-2);border-color:var(--line-2)}.post:hover .pi img{transform:scale(1.05)}}
.post-wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:var(--r-xl);overflow:hidden;background:var(--panel);border:1px solid var(--line);text-decoration:none}
.post-wide .pi{aspect-ratio:auto;min-height:340px;border-radius:0}
.post-wide .pt{justify-content:center;gap:14px;padding:clamp(24px,4vw,56px)}
.post-wide b{font-size:clamp(28px,2.8vw,42px);line-height:1.05;letter-spacing:-.035em;font-weight:680}
.post-wide .pd{font-size:var(--t-lead)}
.kick{font-size:14px;font-weight:580;color:var(--flame-txt)}
.post-wide .tl{margin-top:8px}
@media (hover:hover) and (pointer:fine){.post-wide:hover .pi img{transform:scale(1.04)}.post-wide:hover .tl .ic{transform:translateX(3px)}}

/* ---------- FAQ ---------- */
.faq{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(24px,5vw,80px);align-items:start}
.faq-side{position:sticky;top:calc(var(--hd) + 30px);display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.qa{display:grid;gap:10px}
.qa details{border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line);transition:border-color 200ms ease}
.qa details[open]{border-color:var(--line-2)}
.qa summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;font-size:17px;font-weight:600;line-height:1.35;color:var(--ink);cursor:pointer;list-style:none}
.qa summary::-webkit-details-marker{display:none}
.pl{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.07);display:grid;place-items:center;flex:none;transition:transform 260ms var(--ease-out),background-color 200ms ease,color 200ms ease}
.qa details[open] .pl{transform:rotate(45deg);background:var(--flame);color:var(--flame-ink)}
.qa .a{padding:0 22px 22px;color:var(--ink-2);line-height:1.6}
.qa details::details-content{block-size:0;overflow:hidden;transition:block-size 320ms var(--ease-out),content-visibility 320ms allow-discrete}
.qa details[open]::details-content{block-size:auto}

/* ---------- contact ---------- */
.contact-wrap{padding:clamp(16px,2vw,24px) var(--pad) 0}
.contact{max-width:calc(1360px - 2 * var(--pad));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start;padding:clamp(26px,5vw,72px);border-radius:var(--r-xl);background:radial-gradient(900px 520px at 0% 0%,rgba(249,138,28,.12),transparent 64%),var(--bg-2);border:1px solid var(--line)}
.big-tel{display:inline-block;margin-top:22px;font-size:clamp(34px,4.6vw,66px);font-weight:680;letter-spacing:-.04em;line-height:1;color:var(--flame);text-decoration:none;white-space:nowrap}
@media (hover:hover) and (pointer:fine){.big-tel:hover{color:var(--flame-2)}}
.contact .lead{margin-top:22px;max-width:24em}
.c-list{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:10px}
.c-list li{display:flex;align-items:center;gap:12px;font-weight:540;color:var(--ink)}
.c-list i{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;flex:none}
.c-meta{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:28px;font-size:15px;color:var(--muted-2)}
.c-meta a{color:var(--ink-2)}
.form{display:grid;gap:16px;padding:clamp(20px,2.8vw,34px);border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line-2);color:var(--ink)}
.form h3{font-size:22px;letter-spacing:-.02em;font-weight:660}
.f{min-width:0;margin:0;padding:0;border:0}
.f label,.f legend{display:block;margin-bottom:7px;padding:0;font-size:14px;font-weight:580;color:var(--ink-2)}
.opt-t{font-weight:400;color:var(--muted)}
.f input,.f textarea{width:100%;min-height:52px;padding:14px 16px;border:0;border-radius:14px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line-2);font:inherit;font-size:16px;color:var(--ink);caret-color:var(--flame);transition:box-shadow 160ms ease,background-color 160ms ease}
.f textarea{min-height:104px;resize:vertical}
.f input:focus,.f textarea:focus{outline:none;background:var(--deep);box-shadow:inset 0 0 0 2px var(--flame-2)}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.f .chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{height:40px;padding:0 14px;border:0;border-radius:999px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink-2);font:inherit;font-size:14px;font-weight:540;cursor:pointer;transition:background-color 160ms ease,color 160ms ease,transform 160ms var(--ease-out)}
.chip:active{transform:scale(.96)}
.chip[aria-pressed=true]{background:var(--ink);color:var(--bg);box-shadow:none}
.form .pill{justify-self:start}
.status{padding:12px 14px;border-radius:12px;background:var(--flame-t);color:var(--flame-txt);font-size:15px;font-weight:560}
.status.ok{background:rgba(61,220,132,.12);color:#8CE8B5}
.form-note{font-size:13.5px;color:var(--muted)}
.form-note a{color:var(--ink-2)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* ---------- service page ---------- */
.split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,80px);align-items:start}
.split-l .lead{margin-top:16px;max-width:24em}
.items{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.item{display:flex;gap:16px;padding:22px 22px 24px;border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line)}
.item .ck{width:34px;height:34px;border-radius:50%;background:var(--flame-t);color:var(--flame-txt);display:grid;place-items:center;flex:none}
.item h3{margin-top:5px;font-size:18px;font-weight:640;letter-spacing:-.01em;line-height:1.3}
.item p{margin-top:6px;color:var(--muted);font-size:15.5px;line-height:1.55}

/* ---------- gallery ---------- */
.sec-gal{padding-top:clamp(8px,1.4vw,20px)}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.flt{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 17px;border:0;border-radius:999px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);font:inherit;font-size:14.5px;font-weight:560;cursor:pointer;transition:background-color 160ms ease,color 160ms ease,transform 160ms var(--ease-out)}
.flt span{font-weight:450;color:var(--muted-2)}
.flt:active{transform:scale(.97)}
.flt[aria-pressed=true]{background:var(--ink);color:var(--bg);box-shadow:none}
.flt[aria-pressed=true] span{color:rgba(8,12,17,.6)}
@media (hover:hover) and (pointer:fine){.flt[aria-pressed=false]:hover{background:var(--panel-2);color:#fff}}
.sheet{columns:3;column-gap:16px}
.sheet figure{break-inside:avoid;margin:0 0 16px;padding:8px;border-radius:22px;background:var(--panel);border:1px solid var(--line)}
.sheet figure.out{display:none}
.sheet a{display:block;border-radius:16px;overflow:hidden;cursor:zoom-in;background:var(--deep)}
.sheet img{width:100%;height:auto;transition:transform 700ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.sheet a:hover img{transform:scale(1.03)}}
.sheet figcaption{padding:12px 10px 8px;font-size:14.5px;line-height:1.35;color:var(--ink)}
.sheet figcaption b{font-weight:580}
.sheet figcaption span{display:block;margin-top:3px;color:var(--muted);font-size:13.5px}
dialog.lb{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(4,6,9,.96);color:#fff}
dialog.lb::backdrop{background:transparent}
.lb-in{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:clamp(12px,3vw,40px)}
.lb-fig{margin:0;min-height:0;display:flex;align-items:center;justify-content:center;touch-action:pan-y}
.lb-fig img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:18px;transition:opacity 160ms ease}
.lb[open] .lb-in{animation:lbIn 240ms var(--ease-out)}
.lb-fig img.swap{animation:lbSwap 200ms var(--ease-out)}
@keyframes lbIn{from{opacity:0;transform:scale(.98)}}
@keyframes lbSwap{from{opacity:0;filter:blur(2px)}}
.lb-bar{display:flex;align-items:center;gap:10px;padding-top:14px}
.lb-cap{margin-right:auto;font-size:15px}
.lb-cap span{color:var(--muted)}
.lb-b{width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:inline-grid;place-items:center;cursor:pointer;transition:transform 160ms var(--ease-out),background-color 160ms ease}
.lb-b:active{transform:scale(.94)}
@media (hover:hover) and (pointer:fine){.lb-b:hover{background:rgba(255,255,255,.18)}}

/* ---------- article ---------- */
.art{display:grid;grid-template-columns:minmax(0,760px) minmax(0,300px);justify-content:center;gap:clamp(24px,4vw,64px);align-items:start}
.art-body{font-size:18px;line-height:1.72;color:var(--ink-2)}
.art-body>*+*{margin-top:1.05em}
.art-body h2{margin-top:1.9em;font-size:clamp(24px,2.2vw,30px);line-height:1.2;letter-spacing:-.025em;font-weight:680}
.art-body ol,.art-body ul{display:grid;gap:.5em;padding-left:1.25em}
.art-body li::marker{font-weight:680;color:var(--flame-txt)}
.art-body strong,.art-body b{color:var(--ink)}
.art-body figure{margin:2em 0}
.art-body figure img{width:100%;max-height:640px;object-fit:cover;border-radius:22px}
.art-body figcaption{margin-top:10px;font-size:14.5px;color:var(--muted)}
.art-body a{color:var(--ink);text-decoration-color:var(--flame);text-decoration-thickness:2px}
.callout{margin-top:2.2em!important;padding:clamp(22px,3vw,36px);border-radius:var(--r-lg);background:linear-gradient(160deg,rgba(249,138,28,.15),rgba(249,138,28,.03) 62%),var(--panel);border:1px solid rgba(249,138,28,.26)}
.callout h2{margin-top:0!important}
.callout ul{margin-top:14px}
.callout .pill{margin-top:22px}
.sources{margin-top:2.4em!important;font-size:14.5px;color:var(--muted)}
.sources h2{margin-top:0!important;font-size:15px!important;letter-spacing:0!important}
.sources ul{list-style:none;padding:0!important;margin-top:8px}
.sources a{color:var(--ink-2)}
.art-svc{position:sticky;top:calc(var(--hd) + 30px)}
.post-mini{display:flex;align-items:center;gap:14px;padding:10px;border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line);text-decoration:none;transition:background-color 200ms ease}
.post-mini img{width:64px;height:64px;border-radius:14px;object-fit:cover;flex:none;background:var(--deep)}
.post-mini b{display:block;font-size:17px;font-weight:640}
.post-mini .kick{display:block;font-size:13px}
.post-mini .ic{margin-left:auto;margin-right:6px;color:var(--muted)}
@media (hover:hover) and (pointer:fine){.post-mini:hover{background:var(--panel-2)}}

/* ---------- text pages ---------- */
.tp{max-width:780px;color:var(--ink-2)}
.tp>*+*{margin-top:1em}
.tp h2{margin-top:2em;font-size:clamp(22px,2vw,28px);line-height:1.2;letter-spacing:-.02em;font-weight:660}
.tp .lead{color:var(--ink)}
.tp a{color:var(--ink);text-decoration-color:var(--flame)}
.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.kv div{padding:16px 18px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}
.kv dt{font-size:13.5px;color:var(--muted)}
.kv dd{margin:3px 0 0;font-weight:580;color:var(--ink)}
.tp-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tp-links a{display:inline-flex;align-items:center;height:42px;padding:0 16px;border-radius:999px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;font-weight:560}

/* ---------- footer ---------- */
.ft{margin-top:clamp(56px,7vw,96px);padding:clamp(48px,6vw,80px) 0 calc(32px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}
.ft-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
.ft-logo{display:block;width:150px;height:52px}
.ft-brand p{margin-top:16px;max-width:24em;color:var(--muted);font-size:15px}
.ft-brand .ft-tel{color:var(--ink);font-weight:620;line-height:1.7}
.ft-tel a{text-decoration:none}
.ft-col h2{margin-bottom:14px;font-size:14px;font-weight:640}
.ft-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:15px}
.ft-col a{color:var(--muted);text-decoration:none}
@media (hover:hover) and (pointer:fine){.ft-col a:hover{color:var(--ink)}}
.ft-facts li{color:var(--ink-2)}
.ft-facts span{display:block;font-size:13px;color:var(--muted-2)}
.ft-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-size:14px;color:var(--muted-2)}
.ft-links{display:flex;gap:20px}
.ft-links a{color:var(--muted)}
.callbar{display:none}
.m-only{display:none}

/* ---------- responsive ---------- */
@media (max-width:1099px){
  .hd-nav,.hd-tel{display:none}
  .hd-ic{display:inline-flex}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .posts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wrow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .art{grid-template-columns:minmax(0,760px)}
  .art-svc{position:static}
  .ft-top{grid-template-columns:1fr 1fr}
  /* hero stacks: render on top, text below */
  .hero-in{grid-template-columns:minmax(0,1fr);gap:0;padding-top:0}
  .hero-home .hero-in{min-height:0}
  .hero-vis{order:-1;min-height:0;height:min(84vw,460px);margin:0 calc(-1 * var(--pad)) -30px}
  .hero-vis img{object-position:44% 42%;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 62%,transparent 100%),linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 62%,transparent 100%),linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%)}
  .hero-sub .hero-vis{min-height:0;height:min(72vw,390px)}
  .hero-txt{max-width:640px}
  .glow{background:radial-gradient(520px 420px at 60% 18%,rgba(249,138,28,.13),transparent 64%),radial-gradient(420px 360px at 0% 0%,rgba(74,148,255,.07),transparent 60%)}
}
@media (max-width:899px){
  .pick,.about,.safe,.faq,.split,.contact,.post-wide{grid-template-columns:minmax(0,1fr)}
  .faq-side{position:static}
  .sheet{columns:2}
  .post-wide .pi{min-height:0;aspect-ratio:16/10}
}
@media (max-width:760px){
  :root{--hd:68px;--r-xl:24px;--r-lg:20px}
  body{font-size:16.5px}
  .hd-logo{width:112px;height:39px}
  .hd-ic{width:44px;height:44px}
  .hero-home h1{font-size:clamp(38px,11.6vw,52px)}
  .hero-sub h1{font-size:clamp(34px,9.8vw,46px)}
  .hero .lead{margin-top:20px}
  .ctas{flex-direction:column;width:100%;margin-top:30px}
  .ctas .pill{width:100%}
  .facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}
  .facts b{font-size:clamp(17px,5vw,22px)}
  .facts span{font-size:12.5px;line-height:1.35}
  .sh{display:block}
  .sh p,.sh .pill{margin-top:12px;margin-left:0}
  .sh .pill{display:inline-flex}
  .cards,.cards-3{gap:10px}
  .card{border-radius:20px}
  .card-t{padding:12px 14px 14px}
  .card-t b{font-size:16px}
  .card-t>span{display:none}
  .ca{right:10px;top:10px;width:34px;height:34px}
  .card-cta{padding:16px}
  .card-cta b{font-size:17px}
  .card-cta p{display:none}
  .card-cta .pill{width:100%;padding:0 10px;height:44px;font-size:14px}
  .d-only{display:none}
  .m-only{display:inline}
  .bento{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px}
  .b1{grid-column:1/3;grid-row:auto;aspect-ratio:4/3.4}
  .b2,.b3{grid-column:auto;grid-row:auto;aspect-ratio:1/1.1}
  .b4{grid-column:1/3;grid-row:auto;aspect-ratio:16/10}
  .wrow{gap:10px}
  .steps,.posts,.posts.big,.items{grid-template-columns:minmax(0,1fr)}
  .stats{grid-template-columns:minmax(0,1fr);gap:8px}
  .stat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 16px}
  .stat span{margin-top:0;text-align:right}
  .safe ol{grid-template-columns:minmax(0,1fr)}
  .f-row,.kv{grid-template-columns:minmax(0,1fr)}
  .form .pill{justify-self:stretch}
  .big-tel{font-size:clamp(32px,9.6vw,40px)}
  .ans-acts{flex-direction:column;align-items:stretch}
  .ans-acts .pill{width:100%}
  .ft-top{grid-template-columns:minmax(0,1fr)}
  .ft{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
  .callbar{position:fixed;z-index:40;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));display:flex;gap:8px;padding:8px;border-radius:24px;background:rgba(16,23,31,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px var(--line-2),0 20px 40px -18px rgba(0,0,0,.8);transform:translateY(150%);transition:transform 320ms var(--ease-out)}
  .callbar.show{transform:none}
  .callbar .pill{flex:1 1 0;height:50px;padding:0 12px;font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .hero-txt>*,.js .hero-vis img,.js .ans.swap,.lb[open] .lb-in,.lb-fig img.swap{animation:none}
  .pill:active,.opt:active,.chip:active,.flt:active,.cats a:active,.hd-ic:active,.lb-b:active{transform:none}
  .ci img,.bento img,.wrow img,.pi img,.sheet img{transition:none}
  .mm,.mm.open,.dd-p,.dd.open .dd-p{transition:opacity 120ms ease,visibility 0s;transform:none}
}
/* per-render framing on the service heroes */
.hs-vizszereles .hero-vis img{object-position:78% 22%}
.hs-futesszereles .hero-vis img{object-position:62% 40%}
.hs-kazancsere .hero-vis img{object-position:50% 30%}
.hs-kemenybeleles .hero-vis img{object-position:50% 45%}
.hs-karbantartas .hero-vis img{object-position:50% 38%}
.hero-plain+.sec{padding-top:clamp(4px,1vw,12px)}
@media (max-width:1099px){.hero-home .hero-vis{height:min(80vw,440px)}.hero-home .hero-vis img{object-position:64% 40%}}