
/* CETYN GROUP immersive hero scenes */
.cg-heritage-hero{background:radial-gradient(ellipse at 80% 38%,#253442 0%,#0a1119 48%,#06090d 90%);min-height:700px}
.cg-heritage-hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 79px,#bca4770a 80px),repeating-linear-gradient(90deg,transparent 0 79px,#bca4770a 80px);pointer-events:none}
.cg-heritage-hero .cg-hero-content{z-index:4}
.cg-watch-hero,.cg-digital-hero{position:relative;isolation:isolate;overflow:hidden;min-height:640px;display:flex;align-items:center}
.cg-watch-hero{background:radial-gradient(ellipse at 82% 43%,#46382c 0%,#1a1514 36%,#080b0f 82%)}
.cg-watch-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#090b10 0%,#090b10f0 31%,#090b106b 59%,transparent 90%);pointer-events:none}
.cg-watch-hero>.wrap,.cg-digital-hero>.wrap{position:relative;z-index:3;width:100%;padding-top:95px;padding-bottom:95px;pointer-events:none}
.cg-watch-hero>.wrap>* ,.cg-digital-hero>.wrap>*{max-width:530px;pointer-events:auto}
.cg-watch-hero h1,.cg-digital-hero h1{font-size:clamp(49px,5.8vw,82px);line-height:1.06;text-shadow:0 4px 28px #080b0f}
.cg-watch-hero p,.cg-digital-hero p{max-width:460px;color:#c9c7c1;text-shadow:0 4px 18px #080b0f}
.cg-watch-carousel{position:absolute;z-index:0;right:0;top:0;bottom:0;width:66%;pointer-events:auto}
.cg-watch-slides,.cg-watch-slide{position:absolute;inset:0;margin:0}
.cg-watch-slide{opacity:0;transition:opacity 1s ease;display:flex;align-items:center;justify-content:center}
.cg-watch-slide.is-active{opacity:1}
.cg-watch-slide img{height:82%;width:85%;object-fit:contain;filter:drop-shadow(0 20px 35px #000b)}
.cg-watch-slide figcaption{position:absolute;bottom:46px;right:8%;font-size:11px;letter-spacing:.19em;color:#d9c39b}
.cg-watch-controls{position:absolute;z-index:4;right:8%;bottom:75px;display:flex;align-items:center;gap:15px}
.cg-watch-controls button{border:1px solid #d6b77a;background:#151a20d9;color:#eed7a6;border-radius:50%;width:39px;height:39px;cursor:pointer;font-size:25px}
.cg-watch-controls span{font-size:11px;color:#ead2a6;letter-spacing:.15em}
.cg-digital-hero{background:radial-gradient(ellipse at 75% 40%,#183b4a 0%,#0b1b27 36%,#080b12 85%)}
.cg-digital-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#080d14 0%,#080d14e9 32%,#080d1488 54%,transparent 86%),repeating-linear-gradient(0deg,transparent 0 56px,#65d9e10c 57px),repeating-linear-gradient(90deg,transparent 0 56px,#65d9e10c 57px);pointer-events:none}
.cg-digital-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.cg-orbit{position:absolute;border:1px solid #73cbd548;border-radius:50%;right:8%;top:11%;width:560px;height:560px;box-shadow:0 0 0 70px #72cbd50b,0 0 0 145px #72cbd506}
.cg-orbit-two{width:320px;height:320px;right:18%;top:30%;border-style:dashed;animation:cgSpin 45s linear infinite}
.cg-digital-panel{position:absolute;right:7%;top:24%;width:min(39%,490px);padding:23px;border:1px solid #79cbd76a;border-radius:15px;background:linear-gradient(150deg,#1a3545ee,#0c1724ed);box-shadow:0 25px 80px #000a,0 0 60px #4aa8bc24;transform:perspective(800px) rotateY(-9deg)}
.cg-panel-top{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.12em;color:#b4e6e9;border-bottom:1px solid #7ccbd438;padding-bottom:18px}
.cg-panel-dot{width:7px;height:7px;border-radius:50%;background:#76c7cc}
.cg-panel-top span:last-child{margin-left:auto}
.cg-panel-metrics{display:flex;gap:14px;margin-top:25px}
.cg-panel-metrics div{flex:1;border:1px solid #71c7d53b;padding:17px;background:#122d3a}
.cg-panel-metrics small{display:block;color:#8dbac7;font-size:10px}
.cg-panel-metrics strong{color:#e0f8f5;font-size:14px;letter-spacing:.08em}
.cg-bars{height:125px;display:flex;gap:10px;align-items:flex-end;padding:22px 0}
.cg-bars i{flex:1;background:linear-gradient(#8be6dc,#287c96);border-radius:3px 3px 0 0;height:55%}
.cg-bars i:nth-child(2n){height:85%}.cg-bars i:nth-child(3n){height:42%}.cg-bars i:nth-child(5n){height:95%}
.cg-panel-foot{border-top:1px solid #7ccbd438;padding-top:14px;font-size:10px;letter-spacing:.15em;color:#8ed6d9}
.cg-tech-chip{position:absolute;border:1px solid #7ed1dc88;background:#15303dd9;color:#a3e7e6;border-radius:6px;padding:10px 14px;font-size:11px;letter-spacing:.13em}
.cg-chip-one{right:37%;top:16%}.cg-chip-two{right:4%;bottom:17%}
@keyframes cgSpin{to{transform:rotate(360deg)}}
@media(max-width:780px){
.cg-watch-hero,.cg-digital-hero{min-height:810px;display:block}
.cg-watch-hero>.wrap,.cg-digital-hero>.wrap{padding-top:60px;padding-bottom:380px}
.cg-watch-hero h1,.cg-digital-hero h1{font-size:clamp(44px,10vw,64px)}
.cg-watch-hero:before{background:linear-gradient(180deg,#080b0f 0%,#080b0ff0 31%,#080b0f73 56%,transparent 85%)}
.cg-watch-carousel{width:100%;top:340px;height:450px}
.cg-watch-slide img{width:100%;height:90%}
.cg-watch-slide figcaption{bottom:12px}
.cg-watch-controls{bottom:45px}
.cg-digital-hero:before{background:linear-gradient(180deg,#080d14 0%,#080d14f0 32%,#080d1455 66%,transparent 95%)}
.cg-digital-scene{top:330px}
.cg-digital-panel{width:85%;right:7%;top:80px;transform:none}
.cg-orbit{width:380px;height:380px;right:-60px;top:30px}
.cg-chip-one{top:42px;right:65%}
.cg-chip-two{bottom:60px}
}
@media(prefers-reduced-motion:reduce){.cg-orbit-two{animation:none}.cg-watch-slide{transition:none}}
