/* V241 — Immersive showcase hero with no visual void / no harsh crop */

body.v14-home .v188-hero-image.v241-stage-mode{
  isolation:isolate;
  min-height:clamp(470px,60vw,700px);
  background:
    radial-gradient(circle at 82% 16%,rgba(242,138,24,.22),transparent 16rem),
    radial-gradient(circle at 18% 88%,rgba(22,117,109,.14),transparent 19rem),
    linear-gradient(145deg,#080808 0%,#15100c 56%,#090807 100%);
}
body.v14-home .v241-hero-stage{position:absolute;inset:0;z-index:0;overflow:hidden}
body.v14-home .v241-hero-scene{
  position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .85s ease,visibility .85s ease;
}
body.v14-home .v241-hero-scene.is-active{opacity:1;visibility:visible}
body.v14-home .v241-hero-bg{
  position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;object-position:center center;
  filter:blur(18px) brightness(.52) saturate(1.12);
  transform:scale(1.15);
}
body.v14-home .v241-hero-scene::before{
  content:"";position:absolute;inset:0;opacity:.16;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23f0bd72' stroke-opacity='.42'%3E%3Cpath d='M48 8 58 28 80 20 68 40 88 48 68 56 80 76 58 68 48 88 38 68 16 76 28 56 8 48 28 40 16 20 38 28Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size:96px 96px;
}
body.v14-home .v241-hero-scene::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(8,8,8,.54),rgba(8,8,8,.10) 28%,rgba(8,8,8,.20) 100%),
    linear-gradient(0deg,rgba(0,0,0,.52),rgba(0,0,0,.06) 45%,rgba(0,0,0,.34));
}
body.v14-home .v241-hero-frame{
  position:absolute;inset:24px 26px 114px 26px;z-index:3;display:flex;align-items:center;justify-content:center;
  padding:14px;border-radius:28px;overflow:hidden;
  border:1px solid rgba(255,215,140,.20);
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 28px 70px rgba(0,0,0,.32);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
}
body.v14-home .v241-hero-frame::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 35%,transparent 70%,rgba(242,138,24,.08));
}
body.v14-home .v241-hero-frame-glow{
  position:absolute;inset:10% 12%;border-radius:22px;pointer-events:none;
  background:radial-gradient(circle,rgba(242,138,24,.14),transparent 60%);
  filter:blur(20px);
}
body.v14-home .v241-hero-fit{
  position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;object-position:center center;
  transform:scale(1);transition:transform 5.6s ease;
  filter:drop-shadow(0 20px 40px rgba(0,0,0,.32));
}
body.v14-home .v241-hero-scene.is-active .v241-hero-fit{transform:scale(1.035)}
body.v14-home .v241-hero-meta{
  position:absolute;left:18px;top:18px;z-index:6;display:grid;gap:4px;min-width:180px;max-width:min(44%,280px);
  padding:12px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.16);
  background:rgba(8,8,8,.48);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);
  box-shadow:0 16px 40px rgba(0,0,0,.22);
}
body.v14-home .v241-hero-meta small{color:#ffbf62;font:900 9px/1 'Cairo',sans-serif;letter-spacing:.12em}
body.v14-home .v241-hero-meta b{color:#fff;font:800 13px/1.55 'Cairo',sans-serif}
body.v14-home .v241-hero-dots{
  position:absolute;left:18px;bottom:18px;z-index:10;display:flex;align-items:center;gap:7px;
  padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);
  background:rgba(7,7,7,.44);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
}
body.v14-home .v241-hero-dots button{
  appearance:none;border:0;cursor:pointer;width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.32);
  transition:transform .25s ease,background .25s ease,box-shadow .25s ease;
}
body.v14-home .v241-hero-dots button.is-active{background:#ffb248;transform:scale(1.22);box-shadow:0 0 0 4px rgba(242,138,24,.18)}
body.v14-home .v241-hero-arch{
  position:absolute;z-index:5;right:8%;top:8%;width:min(255px,29vw);aspect-ratio:1/1.18;pointer-events:none;
  border:1px solid rgba(255,190,85,.22);border-radius:48% 48% 10px 10px;
  box-shadow:inset 0 0 0 1px rgba(255,245,223,.07),0 0 0 14px rgba(255,190,85,.03);
  opacity:.86;
}
body.v14-home .v241-hero-arch::before,
body.v14-home .v241-hero-arch::after{
  content:"";position:absolute;inset:14px;border-radius:48% 48% 10px 10px;border:1px solid rgba(255,245,223,.10)
}
body.v14-home .v241-hero-arch::after{inset:28px;border-color:rgba(242,138,24,.18)}
body.v14-home .v188-hero-image.v241-stage-mode .v14-photo-glow{z-index:2!important;opacity:.52}
body.v14-home .v188-hero-image.v241-stage-mode .v191-latest-news{left:18px;bottom:66px;z-index:9!important}
body.v14-home .v188-hero-image.v241-stage-mode .v191-latest-card img{transition:opacity .28s ease,transform .45s ease}
body.v14-home .v188-hero-image.v241-stage-mode .v191-latest-card:hover img{transform:scale(1.03)}
body.v14-home .v188-hero-image.v241-stage-mode .v235-live-dock{right:18px;bottom:18px;z-index:9;width:min(330px,52%)}

@media (min-width:961px){
  body.v14-home .v188-hero-image.v241-stage-mode{min-height:690px}
}
@media (max-width:1200px){
  body.v14-home .v241-hero-frame{inset:22px 20px 108px 20px}
}
@media (max-width:960px){
  body.v14-home .v241-hero-frame{inset:16px 16px 96px 16px;padding:12px;border-radius:22px}
  body.v14-home .v241-hero-meta{max-width:250px}
  body.v14-home .v241-hero-arch{width:min(190px,30vw);right:6%}
}
@media (max-width:760px){
  body.v14-home .v188-hero-image.v241-stage-mode{min-height:480px}
  body.v14-home .v241-hero-scene::after{background:linear-gradient(0deg,rgba(0,0,0,.58),rgba(0,0,0,.06) 48%,rgba(0,0,0,.34))}
  body.v14-home .v241-hero-frame{inset:12px 12px 86px 12px;padding:10px;border-radius:18px}
  body.v14-home .v241-hero-fit{filter:drop-shadow(0 12px 28px rgba(0,0,0,.28))}
  body.v14-home .v241-hero-meta{left:10px;top:10px;min-width:0;max-width:58%;padding:10px 12px;border-radius:14px}
  body.v14-home .v241-hero-meta small{font-size:8px}
  body.v14-home .v241-hero-meta b{font-size:11px;line-height:1.45}
  body.v14-home .v241-hero-dots{left:10px;bottom:10px;padding:7px 8px;gap:6px}
  body.v14-home .v241-hero-dots button{width:8px;height:8px}
  body.v14-home .v241-hero-arch{right:10px;top:12px;width:min(122px,32vw);opacity:.70}
  body.v14-home .v188-hero-image.v241-stage-mode .v191-latest-news{left:10px;bottom:56px;max-width:40%!important}
  body.v14-home .v188-hero-image.v241-stage-mode .v235-live-dock{right:10px;bottom:10px;width:min(240px,58%)}
}
@media (max-width:480px){
  body.v14-home .v241-hero-meta{display:none}
  body.v14-home .v241-hero-frame{bottom:76px;padding:9px;border-radius:16px}
  body.v14-home .v241-hero-arch{width:102px;top:10px;right:10px;opacity:.58}
  body.v14-home .v188-hero-image.v241-stage-mode .v191-latest-news{bottom:58px;max-width:42%!important}
}

html[data-theme="light"] body.v14-home .v188-hero-image.v241-stage-mode{
  background:
    radial-gradient(circle at 82% 16%,rgba(242,138,24,.18),transparent 18rem),
    radial-gradient(circle at 18% 88%,rgba(22,117,109,.10),transparent 18rem),
    linear-gradient(145deg,#20160f,#16120e 58%,#0e0b09)!important;
}
html[data-theme="light"] body.v14-home .v241-hero-meta,
html[data-theme="light"] body.v14-home .v241-hero-dots{
  background:rgba(19,12,7,.40)!important;border-color:rgba(255,236,204,.12)!important;
}
html[data-theme="light"] body.v14-home .v241-hero-frame{
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  border-color:rgba(255,223,163,.22);
}
html[data-theme="light"] body.v14-home .v241-hero-arch{border-color:rgba(255,213,150,.28)!important}
html[data-theme="light"] body.v14-home .v241-hero-arch::before{border-color:rgba(255,247,235,.12)!important}
html[data-theme="light"] body.v14-home .v241-hero-arch::after{border-color:rgba(255,191,97,.18)!important}

@media(prefers-reduced-motion:reduce){
  body.v14-home .v241-hero-scene,body.v14-home .v241-hero-fit{transition:none!important;transform:none!important}
}
