.video-intro{background:#fff9f5;overflow:hidden}.video-intro-inner{display:grid;grid-template-columns:46% 54%;align-items:center;min-height:340px}.video-copy{position:relative;z-index:1;padding:36px 0}.video-copy h1{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.05;letter-spacing:-.035em;margin:12px 0 16px;max-width:600px}.video-copy h1 span{color:#ff4025}.video-copy>p:not(.eyebrow){font-size:1.08rem;color:#506078;line-height:1.5;margin:0}.video-features{display:flex;gap:0;margin-top:32px}.video-features>div{display:flex;align-items:center;gap:10px;padding:0 17px;border-right:1px solid #ecdcd3;font-size:.83rem;line-height:1.3;color:#203b56}.video-features>div:first-child{padding-left:0}.video-features>div:last-child{border:0}.video-features b{font-size:1.35rem;color:#ff4f30}.video-hero-image{position:relative;min-width:0;height:340px;background:url('/assets/gelatherm/video-hero-site.png') center/contain no-repeat}.hero-play{position:absolute;left:3%;top:43%;width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fff,#f7e9e1);border:2px solid #fff;box-shadow:0 9px 25px #f15a3840;color:#ff4f30;font-size:26px;padding-left:4px}.video-library{padding-top:45px;padding-bottom:55px}.video-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.video-heading h2{font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.15;margin:8px 0 0}.video-heading>p{color:#667388;margin:0;font-size:.9rem;line-height:1.5}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.video-card{min-width:0}.video-screen{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:9px;background-image:linear-gradient(0deg,rgba(5,19,32,.68),rgba(5,19,32,.06) 75%),var(--video-image);background-size:cover;background-position:center;box-shadow:0 8px 18px rgba(22,25,27,.12);color:#fff}.video-number{position:absolute;top:12px;left:12px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ff4f30;font-size:.8rem;font-weight:800}.video-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.video-play{display:grid;place-items:center;width:54px;height:54px;border:2px solid #fff;border-radius:50%;background:#132b3c99;color:#ff4f30;padding-left:4px;font-size:23px}.video-coming{font-size:.8rem;font-weight:900;letter-spacing:.15em;text-shadow:0 1px 5px #000}.video-screen iframe{width:100%;height:100%;border:0}.video-contact{background:#fff7f1 url('/assets/gelatherm/video-quote-background.png') center/cover no-repeat}.video-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:330px;padding-top:42px;padding-bottom:42px}.video-contact-copy{max-width:470px;padding:16px 24px 16px 0}.video-contact-copy h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.13;margin:12px 0}.video-contact-copy>p:not(.eyebrow){color:#506078;line-height:1.5;margin:0 0 20px}.video-contact-benefits{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;font-size:.85rem;font-weight:700;color:#143052}.video-contact-details{background:#fffefcf0;border:1px solid #fff;border-radius:14px;box-shadow:0 10px 28px #563c2725;padding:21px 24px;display:grid;gap:15px;min-width:215px;color:#24405b;font-size:.9rem}.video-contact-details span::first-letter{color:#ff4f30}@media(max-width:850px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-intro-inner{grid-template-columns:1fr 1fr;min-height:270px}.video-hero-image{height:270px}.video-features>div{padding:0 8px;font-size:.75rem}.hero-play{width:50px;height:50px;font-size:18px}}@media(max-width:560px){.video-intro-inner{display:flex;flex-direction:column;align-items:stretch}.video-copy{padding:30px 0 0}.video-copy h1{font-size:2.1rem}.video-copy>p:not(.eyebrow){font-size:1rem}.video-features{margin-top:20px}.video-hero-image{height:auto;aspect-ratio:2/1;margin:5px 0;background-size:contain}.hero-play{left:4%;top:35%}.video-library{padding-top:30px;padding-bottom:40px}.video-heading{display:block}.video-heading>p{margin-top:10px;font-size:.85rem}.video-grid{grid-template-columns:1fr;gap:14px}.video-contact{background-position:67% center}.video-contact-inner{display:block;padding-top:28px;padding-bottom:28px}.video-contact-copy{background:#fff9f2e8;border-radius:12px;padding:20px}.video-contact-details{margin-top:14px;min-width:0;grid-template-columns:1fr 1fr;font-size:.8rem;padding:16px}}
/* A képek finoman olvadjanak a világos háttérbe. */
@media(min-width:851px){.video-intro-inner{grid-template-columns:43% 57%}.video-hero-image{background-size:auto 139%;background-position:right 50%;mask-image:linear-gradient(to right,transparent 0%,#000 22%)}.hero-play{left:4%;z-index:2}}
.video-intro{background:#fdf8f5}.video-features b{display:grid;place-items:center;width:25px;height:25px}.video-features svg{width:24px;height:24px;fill:none;stroke:#ff4f30;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.video-contact{background-image:linear-gradient(90deg,#fdf8f5 0%,rgba(253,248,245,.96) 24%,rgba(253,248,245,.65) 40%,rgba(253,248,245,0) 62%),url('/assets/gelatherm/video-quote-background.png')}.video-contact-copy{max-width:500px}.video-contact-details{background:#fffdfbf2}
@media(max-width:560px){.video-hero-image{mask-image:linear-gradient(to right,transparent 0%,#000 20%)}.video-contact{background-image:linear-gradient(90deg,rgba(253,248,245,.4),rgba(253,248,245,.08)),url('/assets/gelatherm/video-quote-background.png')}}
@media(min-width:851px){.video-hero-image{mask-image:none;background-image:linear-gradient(to right,#fdf8f5 0%,rgba(253,248,245,0) 30%),url('/assets/gelatherm/video-hero-site.png');background-size:100% 100%,auto 110%;background-position:center,right center;background-repeat:no-repeat}.hero-play{left:5%}}
/* Videóoldal: teljes szélességű, egymásba simuló képes szakaszok. */
@media(min-width:851px){.video-intro{position:relative;background:#fcf8f5}.video-intro-inner{min-height:390px;grid-template-columns:45% 55%}.video-copy{padding:38px 0}.video-hero-image{position:absolute;right:0;top:0;width:60%;height:100%;mask-image:none;background-image:linear-gradient(90deg,#fcf8f5 0%,rgba(252,248,245,.3) 28%,transparent 52%),url('/assets/gelatherm/video-hero-full.png');background-repeat:no-repeat;background-size:100% 100%,auto 100%;background-position:center,right center}.hero-play{left:6%;top:40%;width:90px;height:90px;font-size:33px;border:3px solid #fff;box-shadow:0 12px 28px #f2674055}.video-copy h1{font-size:clamp(2.6rem,4.2vw,4rem)}.video-library{padding-top:42px}.video-contact{background-image:linear-gradient(90deg,#fdf9f6 0%,#fdf9f6 28%,rgba(253,249,246,.85) 42%,rgba(253,249,246,0) 64%),url('/assets/gelatherm/video-quote-background.png');background-position:center,right center}.video-contact-inner{min-height:350px}.video-contact-copy{max-width:510px}.video-contact-details{margin-right:1.5%;padding:26px;gap:17px;border-radius:15px}.video-contact-benefits{gap:20px}.video-contact-benefits span{display:flex;align-items:center;gap:7px}.video-contact-benefits b{color:#ff4f30;font-size:1.3rem}}
@media(max-width:850px){.video-hero-image{background-image:linear-gradient(90deg,#fcf8f5 0%,transparent 30%),url('/assets/gelatherm/video-hero-full.png');background-size:100% 100%,contain;background-position:center,right center;background-repeat:no-repeat;mask-image:none}.video-contact-benefits span{display:flex;align-items:center;gap:5px}.video-contact-benefits b{color:#ff4f30;font-size:1.1rem}}
@media(min-width:851px){.video-intro-inner{min-height:365px}.video-hero-image{width:63%;height:100%;background-image:linear-gradient(90deg,#fcf8f5 0%,rgba(252,248,245,.45) 22%,transparent 42%),url('/assets/gelatherm/video-hero-grounded.png');background-size:100% 100%,auto 100%;background-position:center,right center;background-repeat:no-repeat}.hero-play{left:4%}}
@media(max-width:850px){.video-hero-image{background-image:linear-gradient(90deg,#fcf8f5 0%,transparent 25%),url('/assets/gelatherm/video-hero-grounded.png');background-size:100% 100%,contain;background-position:center,right center;background-repeat:no-repeat;mask-image:none}}

/* The hero image blends into the text area while the play mark has its own reserved space. */
@media (min-width:851px){
 .video-intro-inner{position:relative;min-height:365px;grid-template-columns:48% 52%}
 .video-copy{max-width:100%;z-index:2}
 .video-copy h1{font-size:clamp(2.5rem,3.6vw,3.7rem)}
 .video-hero-image{position:absolute;top:0;right:calc((min(100vw, 1450px) - 100vw)/2);width:60vw;height:100%;background:none}
 .video-hero-image::before{content:"";position:absolute;inset:0;background:url('/assets/gelatherm/video-hero-grounded.png') right center / auto 100% no-repeat;mask-image:linear-gradient(to right,transparent 0%,#000 55%)}
 .hero-play{left:51%;top:50%;transform:translateY(-50%);z-index:3;width:80px;height:80px;font-size:29px}
}
@media (max-width:850px){.hero-play{position:absolute;left:8%;top:50%;transform:translateY(-50%);z-index:3}.video-intro-inner{position:relative}.video-hero-image{position:relative}.hero-play{left:52%}}
@media (max-width:560px){.hero-play{left:8%;top:auto;bottom:8%;transform:none;width:52px;height:52px}.video-hero-image{margin:12px 0 0;aspect-ratio:3/2;background-size:100% 100%,contain}}
@media (min-width:851px){
 .video-copy h1 span{display:block}
 .video-hero-image{right:calc((100% - 100vw)/2);width:65vw}
 .video-hero-image::before{mask-image:linear-gradient(to right,transparent calc(100% - 548px),#000 calc(100% - 390px))}
}

/* A teljes termékképet balra helyezi a széles kijelzőkön, a termék képarányát megtartva. */
@media (min-width: 1200px) {
  .video-hero-image::before {
    background-position: calc(100% - clamp(80px, 11vw, 210px)) center;
    mask-image: linear-gradient(to right, transparent calc(100% - 548px - clamp(80px, 11vw, 210px)), #000 calc(100% - 390px - clamp(80px, 11vw, 210px)), #000 calc(100% - clamp(80px, 11vw, 210px) - 20px), transparent calc(100% - clamp(80px, 11vw, 210px)));
  }
}

/* Video banner: distinct copy, 16:9 preview and complete product image. */
.video-intro{overflow:hidden;background:#fffaf6}
.video-intro-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.85fr) minmax(0,1fr);align-items:center;gap:clamp(16px,2vw,30px);min-height:390px;padding-top:38px;padding-bottom:38px}
.video-copy{position:relative;padding:0;min-width:0;z-index:2}
.video-copy h1{font-size:clamp(2.1rem,3.1vw,3.55rem);line-height:1.06;max-width:none}
.video-copy h1 span{display:block}
.video-copy>p:not(.eyebrow){font-size:1rem}
.video-features{margin-top:28px}
.video-features>div{padding:0 10px;font-size:.75rem}
.video-hero-feature{position:relative;aspect-ratio:16/9;overflow:hidden;isolation:isolate;border:3px solid white;border-radius:14px;box-shadow:0 14px 32px #3c2d1f36;transform:rotate(-2deg);z-index:2}
.video-hero-feature img{width:100%;height:100%;display:block;object-fit:contain;background:#eadccf}
.video-hero-feature span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#ff4f30;color:white;font-size:clamp(.8rem,1.2vw,1.05rem);font-weight:900;letter-spacing:.04em;padding:11px 20px;border-radius:5px;box-shadow:0 8px 20px #47200c40}
.video-hero-product{min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center}
.video-hero-product img{display:block;width:100%;max-height:390px;object-fit:contain;mask-image:linear-gradient(to right,transparent 0%,#000 28%)}
@media(max-width:1000px){.video-intro-inner{grid-template-columns:1fr 1fr;gap:20px}.video-copy{grid-column:1/-1}.video-hero-product img{max-height:260px}.video-hero-feature{transform:none}}
@media(max-width:560px){.video-intro-inner{display:grid;grid-template-columns:1fr;padding-top:30px;padding-bottom:30px}.video-copy{grid-column:auto}.video-copy h1{font-size:2.1rem}.video-hero-feature{width:100%;max-width:420px}.video-hero-product img{max-height:none}.video-features{margin-top:20px}.video-features>div{padding:0 8px;font-size:.72rem}}

/* Approved video hero: continuous construction scene and foreground product. */
.video-intro{position:relative;overflow:visible;background:#fff;isolation:isolate;z-index:2}
.video-intro::before{content:"";position:absolute;inset:0 0 -90px;background:url('/assets/gelatherm/video-banner-approved-v2.png') center/100% 100% no-repeat;mask-image:linear-gradient(#000 0%,#000 88%,transparent 100%);z-index:-1;pointer-events:none}
.video-intro-inner{display:grid;grid-template-columns:47% 31% 22%;gap:0;min-height:390px;padding-top:40px;padding-bottom:48px;align-items:center}
.video-copy{grid-column:1;max-width:none;padding-right:16px}
.video-copy h1{font-size:clamp(30px,3.15vw,52px);line-height:1.08;letter-spacing:-.04em;margin:14px 0 18px}
.video-copy h1 span{display:block;white-space:nowrap}
.video-copy>p:not(.eyebrow){font-size:clamp(14px,1.35vw,20px)}
.video-features{margin-top:32px}.video-features>div{font-size:12px;padding:0 14px}
.video-hero-feature{grid-column:2;aspect-ratio:1.3;transform:perspective(1000px) rotateY(-9deg) rotate(-2deg);border:3px solid #fff;border-radius:15px;margin:0;align-self:center;box-shadow:0 16px 24px #352a273d}
.video-hero-feature img{object-fit:cover}.video-hero-feature span{font-size:clamp(16px,1.8vw,26px);font-style:italic;white-space:nowrap;padding:14px 18px;transform:translate(-50%,-50%) rotate(-4deg)}
@media(max-width:1000px) and (min-width:561px){.video-intro-inner{grid-template-columns:46% 31% 23%;min-height:330px}.video-copy{grid-column:1}.video-copy h1{font-size:30px}.video-copy h1 span{white-space:normal}.video-features>div{font-size:10px;padding:0 6px}.video-features{margin-top:20px}}
@media(max-width:560px){.video-intro{overflow:hidden}.video-intro::before{inset:auto 0 0;height:280px;background-size:auto 100%;background-position:right bottom;mask-image:linear-gradient(transparent,#000 20%,#000 92%,transparent)}.video-intro-inner{display:block;min-height:0;padding-top:28px;padding-bottom:25px}.video-copy{padding:0;max-width:none}.video-copy h1{font-size:32px;line-height:1.08;letter-spacing:-.04em}.video-copy h1 span{white-space:normal}.video-copy>p:not(.eyebrow){font-size:15px;max-width:330px}.video-features{margin-top:22px}.video-features>div{font-size:11px;padding:0 9px}.video-hero-feature{width:54%;aspect-ratio:1.3;margin:40px 0 35px;transform:rotate(-2deg);border-width:2px}.video-hero-feature span{font-size:14px;padding:10px}.video-intro-inner .video-copy{grid-column:auto}}
@media(min-width:1001px){.video-intro-inner{grid-template-columns:42% 29% 29%}.video-copy h1{font-size:clamp(30px,3vw,50px)}.video-intro::before{background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 25%,rgba(255,255,255,.5) 39%,transparent 51%),url('/assets/gelatherm/video-banner-approved-v2.png')}}