/* CHABADEC V11 — self-contained 3D project tour, no global selectors */
#chbc-app .chbc360{--c360-ink:#262626;--c360-green:#00A0E3;--c360-gold:#F7B51F;display:grid;gap:clamp(15px,2.1vw,24px);width:100%;max-width:100%;min-width:0;margin-inline:auto;contain:layout style;font-family:inherit}
#chbc-app .chbc360 *{box-sizing:border-box}
#chbc-app .chbc360-heading{text-align:center;max-width:830px;margin:0 auto}
#chbc-app .chbc360-kicker{font-size:11px;font-weight:800;line-height:1.5;letter-spacing:.15em;text-transform:uppercase;color:#00A0E3}
#chbc-app .chbc360-heading .chbc360-kicker{display:block;margin:0 0 11px}
#chbc-app .chbc360-heading h2{margin:0 0 12px;color:#262626;font-size:clamp(27px,3.8vw,51px);letter-spacing:-.035em;line-height:1.12}
#chbc-app .chbc360-heading p:not(.chbc360-kicker){color:#343231;max-width:760px;font-size:clamp(14px,1.32vw,16px);line-height:1.7;margin:0 auto}
#chbc-app .chbc360-shell{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 85% 70% at 50% 49%,#262626 0%,#262626 60%,#262626 100%);border:1px solid rgba(245,245,244,.45);border-radius:clamp(17px,2.7vw,30px);box-shadow:0 22px 54px rgba(38,38,38,.17),inset 0 0 0 1px rgba(255,255,255,.06);color:#FFFFFF;padding:clamp(13px,2.6vw,26px);max-width:100%;min-width:0}
#chbc-app .chbc360-shell::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 58px,rgba(245,245,244,.018) 59px),radial-gradient(circle at 15% 45%,rgba(0,160,227,.16),transparent 35%),radial-gradient(circle at 80% 27%,rgba(247,181,31,.07),transparent 32%)}
#chbc-app .chbc360-shell-top,#chbc-app .chbc360-dashboard,#chbc-app .chbc360-milestones{position:relative;z-index:2}
#chbc-app .chbc360-shell-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1px}
#chbc-app .chbc360-brand{display:inline-flex;align-items:center;gap:8px;color:#FFFFFF;font-weight:900;font-size:clamp(12px,1.6vw,15px);letter-spacing:.075em}
#chbc-app .chbc360-brand em{font-style:normal;padding:3px 8px;border:1px solid rgba(248,224,28,.75);border-radius:20px;color:#F7B51F;letter-spacing:0}
#chbc-app .chbc360-live-dot{width:8px;height:8px;border-radius:50%;background:#00A0E3;box-shadow:0 0 0 4px rgba(0,160,227,.1),0 0 13px rgba(0,160,227,.7)}
#chbc-app .chbc360-counter{display:flex;gap:5px;align-items:baseline;color:#F5F5F4;white-space:nowrap;font-weight:700;font-variant-numeric:tabular-nums}
#chbc-app .chbc360-counter b{font-size:21px;color:#FFFFFF}
#chbc-app .chbc360-theater{position:relative;height:clamp(295px,39vw,510px);perspective:1100px;max-width:100%;overflow:hidden;touch-action:pan-y;user-select:none;outline-offset:-4px;cursor:grab}
#chbc-app .chbc360-theater:active{cursor:grabbing}
#chbc-app .chbc360-theater:focus-visible{outline:2px solid #F7B51F;border-radius:14px}
#chbc-app .chbc360-aura{position:absolute;left:50%;top:57%;width:55%;height:28%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(0,160,227,.13);filter:blur(35px);pointer-events:none}
#chbc-app .chbc360-theater::after{content:"";position:absolute;left:12%;right:12%;bottom:6%;height:2px;background:linear-gradient(90deg,transparent,rgba(248,224,28,.35),transparent);pointer-events:none}
#chbc-app .chbc360-deck{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
#chbc-app .chbc360-card{position:absolute;top:48%;left:50%;margin:0;width:min(65%,620px);height:min(75%,400px);border-radius:clamp(13px,1.9vw,20px);background:#262626;border:1px solid rgba(247,181,31,.5);overflow:hidden;box-shadow:0 19px 40px rgba(38,38,38,.32),0 0 0 3px rgba(255,255,255,.055);transform-origin:center center;transform:translate(-50%,-50%);transition:transform .9s cubic-bezier(.2,.82,.2,1),opacity .85s,filter .85s,border-color .55s;will-change:transform,opacity;backface-visibility:hidden;pointer-events:none}
#chbc-app .chbc360-card.is-active{border-color:#F7B51F;box-shadow:0 25px 52px rgba(38,38,38,.48),0 0 0 3px rgba(247,181,31,.22),0 0 35px rgba(78,174,50,.16)}
#chbc-app .chbc360-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:none}
#chbc-app .chbc360-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(38,38,38,.86),transparent 40%,transparent 75%);pointer-events:none}
#chbc-app .chbc360-card figcaption{position:absolute;z-index:1;bottom:0;inset-inline:0;padding:clamp(12px,1.7vw,22px);display:flex;gap:7px;flex-direction:column;align-items:flex-start;text-align:start;pointer-events:none}
#chbc-app .chbc360-card-step{font-size:11px;font-weight:900;letter-spacing:.13em;color:#F7B51F}
#chbc-app .chbc360-card strong{font-size:clamp(17px,2.1vw,23px);color:#FFFFFF;line-height:1.25}
#chbc-app .chbc360-stage-hint{position:absolute;z-index:1;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:center;gap:7px;color:#F5F5F4;white-space:nowrap;pointer-events:none;font-weight:700;font-size:12px}
#chbc-app .chbc360-dashboard{display:grid;grid-template-columns:auto minmax(120px,1fr) minmax(170px,.8fr);gap:clamp(10px,2vw,25px);align-items:center;margin-top:10px;padding:15px 18px;border:1px solid rgba(245,245,244,.15);border-radius:18px;background:rgba(38,38,38,.35);backdrop-filter:blur(8px)}
#chbc-app .chbc360-switches{display:flex;gap:6px;align-items:center;direction:ltr}
#chbc-app .chbc360-btn{appearance:none;display:grid;place-items:center;position:relative;border:1px solid rgba(247,181,31,.56);border-radius:12px;width:44px;height:44px;min-width:44px;padding:0;font:bold 29px/1 Arial,sans-serif;color:#F5F5F4;background:linear-gradient(145deg,rgba(38,38,38,.8),rgba(38,38,38,.92));box-shadow:inset 0 1px rgba(255,255,255,.13),0 7px 14px rgba(38,38,38,.14);cursor:pointer;transition:background .2s,transform .2s}
#chbc-app .chbc360-btn:hover{background:#00A0E3;transform:translateY(-1px)}
#chbc-app .chbc360-play{color:#262626;font-size:16px;border-color:#F7B51F;background:linear-gradient(135deg,#F8E01C,#F7B51F)}
#chbc-app .chbc360-play:hover{background:#F8E01C}
#chbc-app .chbc360-progress{min-width:0}
#chbc-app .chbc360-progress label{display:block;color:#F5F5F4;font-weight:700;font-size:12px;margin-bottom:9px}
#chbc-app .chbc360-slider{display:block;appearance:none;-webkit-appearance:none;width:100%;height:7px;min-height:7px;margin:0;border-radius:99px;outline-offset:6px;background:linear-gradient(90deg,#F7B51F 0%,#F7B51F var(--c360-percent,0%),rgba(255,255,255,.22) var(--c360-percent,0%),rgba(255,255,255,.22) 100%);cursor:pointer;direction:ltr}
#chbc-app .chbc360-slider::-webkit-slider-thumb{appearance:none;width:19px;height:19px;border-radius:50%;border:3px solid #FFFFFF;background:#F7B51F;box-shadow:0 2px 9px rgba(38,38,38,.22)}
#chbc-app .chbc360-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:3px solid #FFFFFF;background:#F7B51F;box-shadow:0 2px 9px rgba(38,38,38,.22)}
#chbc-app .chbc360-active-label{text-align:end;color:#FFFFFF;font-size:clamp(12px,1.22vw,15px);font-weight:800;line-height:1.35}
#chbc-app .chbc360-milestones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
#chbc-app .chbc360-phase{appearance:none;min-width:0;padding:11px 10px;background:rgba(255,255,255,.065);color:#F5F5F4;border:1px solid rgba(245,245,244,.22);border-radius:11px;font-size:clamp(11px,1.1vw,13px);font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:background .2s,border-color .2s}
#chbc-app .chbc360-phase span:first-child{color:#F7B51F;font:bold 11px/1 Arial,sans-serif}
#chbc-app .chbc360-phase:hover{background:rgba(0,160,227,.15)}
#chbc-app .chbc360-phase.is-selected{background:rgba(0,160,227,.29);color:#FFFFFF;border-color:#4EAE32}
#chbc-app .chbc360-result{min-width:0;border:1px solid rgba(38,38,38,.13);background:linear-gradient(150deg,#FFFFFF,#FFFFFF);padding:clamp(14px,2.3vw,25px);border-radius:clamp(14px,2vw,24px);box-shadow:0 14px 32px rgba(38,38,38,.07)}
#chbc-app .chbc360-result-head{text-align:center;margin:0 auto 16px;max-width:750px}
#chbc-app .chbc360-result-head h3{margin:7px 0 4px;font-size:clamp(22px,2.5vw,32px);color:#262626;line-height:1.18}
#chbc-app .chbc360-result-head p{font-size:clamp(13px,1.2vw,15px);line-height:1.5;color:#9B9B9B;margin:0}
#chbc-app .chbc360-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(9px,1.7vw,18px)}
#chbc-app .chbc360-duo figure{margin:0;min-width:0;background:white;border-radius:17px;overflow:hidden;box-shadow:0 6px 20px rgba(38,38,38,.08);border:1px solid #F5F5F4}
#chbc-app .chbc360-duo-media{position:relative;aspect-ratio:16/9;overflow:hidden}
#chbc-app .chbc360-duo-media img{display:block;width:100%;height:100%;object-fit:cover}
#chbc-app .chbc360-duo-media>span{position:absolute;top:12px;inset-inline-start:12px;border:1px solid rgba(255,255,255,.55);background:rgba(38,38,38,.91);border-radius:99px;color:#FFFFFF;font-weight:900;font-size:12px;padding:8px 12px;backdrop-filter:blur(7px)}
#chbc-app .chbc360-duo figure:last-child .chbc360-duo-media>span{background:#F7B51F;color:#262626}
#chbc-app .chbc360-duo figcaption{padding:12px 16px;color:#262626;font-size:clamp(12px,1.3vw,15px);font-weight:800}
#chbc-app .chbc360-note{text-align:center;margin:0 auto;color:#343231;font-size:12px;max-width:760px;line-height:1.55}
#chbc-app .chbc360-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#chbc-app .chbc360 button:focus-visible,#chbc-app .chbc360-slider:focus-visible{outline:3px solid #F7B51F;outline-offset:3px}
@media(max-width:820px){
 #chbc-app .chbc360-theater{height:350px}
 #chbc-app .chbc360-card{width:min(74%,530px);height:72%}
 #chbc-app .chbc360-dashboard{grid-template-columns:auto 1fr;gap:13px;padding:12px}
 #chbc-app .chbc360-active-label{grid-column:1/-1;text-align:center}
}
@media(max-width:520px){
 #chbc-app .chbc360{gap:13px}
 #chbc-app .chbc360-shell{padding:10px;border-radius:18px}
 #chbc-app .chbc360-heading h2{font-size:clamp(25px,7vw,35px)}
 #chbc-app .chbc360-theater{height:300px}
 #chbc-app .chbc360-card{width:82%;height:72%;border-radius:14px}
 #chbc-app .chbc360-card figcaption{padding:10px 12px}
 #chbc-app .chbc360-card strong{font-size:16px}
 #chbc-app .chbc360-dashboard{margin-top:3px;grid-template-columns:auto 1fr;border-radius:13px}
 #chbc-app .chbc360-btn{width:36px;min-width:36px;height:38px;border-radius:9px;font-size:24px}
 #chbc-app .chbc360-play{font-size:14px}
 #chbc-app .chbc360-progress label{font-size:11px;margin-bottom:6px}
 #chbc-app .chbc360-milestones{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}
 #chbc-app .chbc360-phase{font-size:11px;padding:9px 5px}
 #chbc-app .chbc360-duo{gap:8px}
 #chbc-app .chbc360-duo-media{aspect-ratio:4/3}
 #chbc-app .chbc360-duo-media>span{font-size:10px;top:7px;inset-inline-start:7px;padding:5px 8px}
 #chbc-app .chbc360-duo figcaption{padding:10px;font-size:11px}
 #chbc-app .chbc360-stage-hint{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 #chbc-app .chbc360 *,#chbc-app .chbc360 *::before,#chbc-app .chbc360 *::after{animation:none!important;transition:none!important}
}

/* Show one coherent image if JavaScript is unavailable. */
#chbc-app .chbc360-card:not(.is-active){opacity:0}