/* ============================================================
   section#banner — 影片主視覺＋玻璃透鏡球（參考影片效果）
============================================================ */
section#banner{padding:9.5rem 0 5rem;overflow:hidden;background:
	radial-gradient(1100px 620px at 88% -8%,rgba(var(--primary-rgb),.14),transparent 62%),
	var(--paper);}
/* 巨型描邊字：JS 驅動位移，與透鏡同步 */
section#banner .ghost_word{top: 30%;opacity:.95;position: absolute;}
section#banner .ghost_word span{animation:none;padding-right:.6em;}
/* —— 玻璃透鏡球 —— */

/* section#banner .orb{position:absolute;top:9rem;right:8%;width:clamp(240px,26vw,300px);aspect-ratio:1;border-radius:50%;z-index:3;pointer-events:none;will-change:transform; background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.65) 0%,rgba(255,214,186,.28) 22%,rgba(var(--primary-rgb),.16) 48%,rgba(var(--primary-rgb),.34) 78%,rgba(160,45,0,.42) 100%); box-shadow:0 44px 90px rgba(var(--primary-rgb),.28), inset 0 0 0 1px rgb(216 108 65), inset -26px -34px 70px rgb(180 50 0 / 52%), inset 22px 26px 60px rgba(255,255,255,.5 );}
*/

section#banner .orb {
  --orb-mask:url("/images/37/icon-logo.svg");position:absolute;top:8rem;right:8%;width:clamp(170px,18vw,320px);aspect-ratio:172.3/252.68;z-index:3;pointer-events:none;will-change:transform;background:radial-gradient(
			circle at 34% 26%,rgba(255,255,255,.68) 0%,rgba(255,214,186,.30) 22%,rgba(var(--primary-rgb),.16) 48%,rgba(var(--primary-rgb),.34) 78%,rgba(160,45,0,.44) 100%
		);-webkit-mask:var(--orb-mask) center/contain no-repeat;mask:var(--orb-mask) center/contain no-repeat;filter:drop-shadow(0 28px 34px rgba(var(--primary-rgb),.24))
		drop-shadow(0 8px 12px rgba(160,45,0,.16));z-index:0;
}
section#banner .orb::before,section#banner .orb::after { content: ""; position: absolute; inset: 0; -webkit-mask: var(--orb-mask) center/contain no-repeat; mask: var(--orb-mask) center/contain no-repeat; }
section#banner .orb::before {background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.72) 0%,rgba(255,255,255,.28) 18%,rgba(255,255,255,0) 48%);mix-blend-mode:screen;}
section#banner .orb::after {background:radial-gradient(circle at 76% 82%,rgba(142,38,0,.48) 0%,rgba(180,50,0,.20) 22%,rgba(180,50,0,0) 52%);mix-blend-mode:multiply;}
@media(max-width:768px) {
  section#banner .orb { top: 5rem; right: -1rem; width: 150px; }
}
section#banner .orb .lens{position:absolute;inset:0;border-radius:50%;overflow:hidden;}
/* 透鏡內鏡射放大的描邊字（折射感） */
section#banner .orb .lens .refract{position:absolute;top:50%;left:50%;white-space:nowrap;font-family:var(--font-en);font-weight:900;font-size:clamp(8rem,24vw,22rem);line-height:1;letter-spacing:.02em;color:transparent;-webkit-text-stroke:2px rgba(var(--primary-rgb),.55);filter:blur(.4px);will-change:transform;}
section#banner .orb .lens::after{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 52%,rgba(255,255,255,.14) 74%,rgba(255,255,255,.4) 100%);}
/* 頂部高光 */
section#banner .orb .hi{position:absolute;top:7%;left:16%;width:34%;height:22%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.95),transparent 70%);transform:rotate(-24deg);filter:blur(2px);}
section#banner .orb .hi2{position:absolute;bottom:9%;right:14%;width:24%;height:12%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,190,150,.8),transparent 70%);transform:rotate(-20deg);filter:blur(3px);}
/* 球影 */
section#banner .orb_shadow{position:absolute;top:calc(9rem + clamp(240px,26vw,400px) - 14px);right:calc(8% + 4%);width:clamp(160px,18vw,280px);height:34px;border-radius:50%;background:radial-gradient(closest-side,rgba(29,28,26,.22),transparent 72%);z-index:1;filter:blur(4px);pointer-events:none;will-change:transform;}

section#banner .hero_head{position:relative;z-index:2;}
section#banner .hero_head .sec_eyebrow{margin-bottom:1.2rem;}
section#banner .title *{font-size: clamp(2.4rem,6.2vw,3.5rem);font-weight: 700;line-height:1.28;letter-spacing:.04em;}
section#banner .title .stroke{}
section#banner .title .em{color:var(--primary);position:relative;display:inline-block;}
section#banner .title .em::after{content:'';position:absolute;left:0;bottom:.06em;width:100%;height:.14em;background:rgba(var(--primary-rgb),.25);border-radius:99px;transform:scaleX(0);transform-origin:left;animation:emUnder 1s .9s cubic-bezier(.6,0,.2,1) forwards;}
@keyframes emUnder{to{transform:scaleX(1);}}
section#banner .hero_sub{margin-top: 1rem;color: #747474;font-family: var(--font-en);font-weight: 500;text-transform: uppercase;font-size: 17px;line-height: 2;padding-top: 30px;letter-spacing: 1px;}
section#banner .line_in{display:block;overflow:hidden;}
section#banner .line_in>span{display:block;transform:translateY(110%);animation:lineUp 1s cubic-bezier(.22,.8,.26,.99) forwards;}
section#banner .line_in:nth-child(2)>span{animation-delay:.14s;}
@keyframes lineUp{to{transform:none;}}
section#banner .video_card{position:relative;z-index:2;margin-top: 3.8rem;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16/7.4;background:var(--secondary);box-shadow: 0 20px 50px rgba(29,28,26,.15);transform:scale(.94);transition:transform 1.1s cubic-bezier(.22,.8,.26,.99);will-change:transform;}
section#banner .video_card.grown{transform:scale(1);}
section#banner .video_card .img{position:absolute;inset:0;}
section#banner .video_card .video_box{position:absolute;inset:0;}
section#banner .video_card .video_box video{width:100%;height:100%;object-fit:cover;}
section#banner .video_card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,28,26,.35),transparent 40%,rgba(29,28,26,.55));pointer-events:none;}
section#banner .video_card .kpis{position:absolute;top: 2.4rem;right: 3.6rem;z-index:3;display:flex;gap:1.8em;}
section#banner .video_card .kpis div{color:#fff;text-align:right;}
section#banner .video_card .kpis b{display:block;font-family:var(--font-en);font-weight:800;font-size:clamp(1.2rem,2.4vw,1.8rem);line-height:1.1;}
section#banner .video_card .kpis small{font-size:.68rem;letter-spacing:.12em;opacity:.75;}
section#banner .video_card .cap{position:absolute;color:#fff;z-index: 10;left: 3.6rem;top: 6vw;max-width: 44vw;}
section#banner .video_card .cap strong{display:block;font-weight: 600;font-size: clamp(1.7rem, 3.4vw, 2.8rem);line-height: 1.4;letter-spacing: .04em;word-spacing: 100vw;text-transform: uppercase;}
section#banner .video_card .cap span{opacity:.8;margin-top: 20px;font-size: 1.1rem;letter-spacing: .1em;display: inline-block;width: min(80% , 400px);}
section#banner .scroll_down{position:absolute;left: 3.2rem;bottom:2rem;z-index:5;display:flex;flex-direction:column;align-items: flex-start;gap:.9em;font-family:var(--font-en);font-weight:700;font-size:.68rem;letter-spacing:.34em;writing-mode:vertical-rl;color:var(--secondary);align-content: flex-start;}
section#banner .scroll_down .rail{width:1px;height: 240px;background:rgba(var(--secondary-rgb),.2);position:relative;overflow:hidden;}
section#banner .scroll_down .rail::after{content:'';position:absolute;left:0;top:-40%;width:100%;height:40%;background:var(--primary);animation:railRun 1.8s cubic-bezier(.6,0,.4,1) infinite;}
@keyframes railRun{to{top:110%;}}
section#banner .scroll_down:hover{color:var(--primary);}

/* —— 正式版：多筆 Banner 交叉淡入 —— */
section#banner .video_card .banner_list{position:absolute;inset:0;}
section#banner .video_card .banner_list .item{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;}
section#banner .video_card .banner_list .item.act{opacity:1;z-index:2;}
section#banner .video_card .banner_list .item .banner-link{position:absolute;inset:0;z-index:4;display:block;}
section#banner .video_card .banner_list .item .img{position:absolute;inset:0;}
@media (max-width:760px){
	section#banner{padding-top:7.5rem;}
	section#banner .scroll_down{display:none;}
	section#banner .orb{top:auto;bottom:38%;right:-14%;width:56vw;opacity:.9;}
	section#banner .orb_shadow{display:none;}
	section#banner .video_card{aspect-ratio:4/3.4;}
	section#banner .video_card .kpis{gap:1em;right:1rem;top:1rem;}
}
@media (prefers-reduced-motion:reduce){
	section#banner .video_card{transform:none;}
}