/* Chinese V3 composition from the supplied desktop and mobile designs. */
.series-v3 { height:auto; min-height:61.4vw; padding:21.875vw 0 5.2vw; background:#061d2d; color:#fff; }
.series-v3 *, .series-v3 *::before, .series-v3 *::after { box-sizing:border-box; }
.series-v3 .scene-background img { left:-4.231%; top:-5.3vw; width:107.527%; height:auto; }
.series-v3 .scene-background::after { content:""; position:absolute; left:0; right:0; bottom:0; height:20vw; background:url('/assets/series-bg-desktop-beacon.webp') center bottom/107.527% auto no-repeat; mask-image:linear-gradient(transparent,#000 75%); }
.series-v3 .series-characters { top:-1.7vw; right:1%; width:30.5%; opacity:.43; }
.series-v3 .design-title { left:24.8%; top:1.65vw; width:46.5%; margin:0; }
.series-v3 .design-title img { width:100%; height:auto; }
.series-v3-subtitle { position:absolute; top:47%; left:0; width:100%; height:12.3%; display:flex; align-items:center; justify-content:center; background:linear-gradient(90deg,transparent,#ba8705b8 17%,#a77400c7 79%,transparent); font-family:"Noto Serif TC","PMingLiU",serif; font-weight:500; font-size:clamp(10px,1.32vw,34px); line-height:1.2; letter-spacing:.35em; white-space:nowrap; color:#fff; }
.series-v3 .series-options { position:relative; inset:auto; display:grid; grid-template-columns:36.7% 36.7%; align-items:stretch; justify-content:space-between; gap:0; width:83%; margin:0 0 0 8%; }
.series-v3 .series-option { width:auto; min-width:0; min-height:34.3vw; padding:1.5vw 3.35vw 1.5vw; border:1px solid #e4d4ba; border-radius:1.55vw; background:linear-gradient(127deg,#80abc374,#315a6b73 60%,#24516c69); backdrop-filter:blur(14px); box-shadow:inset 0 0 30px #e6f8ff18,0 4px 16px #0004; }
.series-v3 .series-option .logo { width:29%; min-width:0; }
.series-v3 .series-option .logo-free { margin:.1vw auto .1vw; }
.series-v3 .series-option .logo-heart { width:28%; }
.series-v3 .series-option h2 { flex:none; width:calc(100% + 6.7vw); height:3.8vw; margin:1vw -3.35vw 1.35vw; font-size:inherit; line-height:0; }
.series-v3 .series-option--free h2 { background:linear-gradient(90deg,transparent,#299bc2b3 20%,#258bacad 80%,transparent); }
.series-v3 .series-option h2 img { width:100%; height:100%; object-fit:fill; }
.series-v3-free-caption-art { display:block; width:60%; height:100%; margin:auto; }
.series-v3-chinese-copy, .series-v3-english-copy { width:100%; font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif; color:white; font-size:clamp(13px,1vw,26px); line-height:1.65; letter-spacing:.03em; text-shadow:0 1px 3px #102c40; }
.series-v3-chinese-copy p, .series-v3-english-copy p { margin:0 0 .65em; }
.series-v3-chinese-copy .series-v3-tagline { margin:0 0 .6em; font-size:clamp(14px,1.13vw,29px); line-height:1.5; font-weight:800; letter-spacing:.015em; }
.series-v3-tagline span { display:inline; }
.series-v3 .series-link { margin-top:auto; width:63%; min-height:38px; padding:.55vw .4vw; font-size:clamp(14px,1.27vw,32px); line-height:1.35; font-weight:700; letter-spacing:.28em; border-color:#e1e8e7; }
.series-v3 .series-link:focus-visible { outline:3px solid #f3da94; outline-offset:5px; }
.series-v3 [hidden] { display:none!important; }
.series-v3[data-series-locale="en"] .series-v3-subtitle { position:static; display:block; height:auto; white-space:normal; font:400 clamp(12px,1.1vw,25px)/1.7 Arial,sans-serif; letter-spacing:.02em; padding:.4em 1em; margin-top:1.2vw; }
.series-v3[data-series-locale="en"] .series-v3-chinese-copy, .series-v3[data-series-locale="en"] .series-v3-free-caption-art, .series-v3[data-series-locale="en"] .series-v3-caption>img { display:none; }
.series-v3 .series-v3-english-caption { display:flex; align-items:center; justify-content:center; height:100%; padding:0 1em; color:white; font:500 clamp(17px,1.4vw,32px)/1.25 Georgia,serif; text-align:center; }
.series-v3[data-series-locale="en"] .series-option--heart h2 { background:linear-gradient(90deg,transparent,#bc3b4c9e 20%,#bb3c4894 80%,transparent); }
@media (min-width:768px) and (max-width:1200px) {
  .series-v3 .series-options { grid-template-columns:42% 42%; width:90%; margin-left:5%; }
  .series-v3 .series-option { padding:2vw 2.3vw 2vw; }
  .series-v3 .series-option h2 { width:calc(100% + 4.6vw); margin-left:-2.3vw; margin-right:-2.3vw; height:4.8vw; }
  .series-v3 .series-link { margin-top:1.8vw; }
}
@media (max-width:767px) {
  .series-v3 { min-height:177.778vw; padding-top:87.65vw; padding-bottom:7vw; }
  .series-v3 .scene-background img { left:-.602%; top:-30vw; width:102.676%; height:auto; }
  .series-v3 .scene-background::after { height:45vw; background-image:url('/assets/series-bg-mobile-beacon.webp'); background-size:102.676% auto; }
  .series-v3 .design-title { left:7%; top:15vw; width:86%; }
  .series-v3-subtitle { font-size:clamp(8px,2.45vw,19px); letter-spacing:.22em; }
  .series-v3 .series-options { grid-template-columns:repeat(2,minmax(0,1fr)); gap:4.35vw; width:86.1%; margin:0 auto; }
  .series-v3 .series-option { min-height:83.4vw; padding:3.2vw 4vw 3vw; border-radius:2.2vw; background:linear-gradient(145deg,#356e9e9c,#173a60d9 80%); backdrop-filter:blur(10px); }
  .series-v3 .series-option .logo { width:47%; }
  .series-v3 .series-option .logo-heart { width:48%; }
  .series-v3 .series-option h2 { width:calc(100% + 8vw); height:6.7vw; margin:2.3vw -4vw 3vw; }
  .series-v3-free-caption-art { width:86%; }
  .series-v3-chinese-copy, .series-v3-english-copy { font-size:clamp(10px,2.35vw,18px); line-height:1.55; letter-spacing:.015em; }
  .series-v3-chinese-copy p { margin-bottom:.8em; }
  .series-v3-chinese-copy .series-v3-tagline { margin-bottom:.65em; font-size:clamp(10px,2.38vw,19px); line-height:1.45; letter-spacing:0; }
  .series-v3-tagline span { display:block; }
  .series-v3 .series-link { width:86%; min-height:34px; margin-top:auto; padding:1.1vw 0; font-size:clamp(12px,2.6vw,20px); letter-spacing:.2em; }
  .series-v3 .series-v3-english-caption { font-size:clamp(10px,2.9vw,21px); padding:0 .25em; }
  .series-v3[data-series-locale="en"] .series-v3-subtitle { font-size:clamp(11px,2.6vw,20px); margin-top:3vw; }
  .series-v3[data-series-locale="en"] .series-option h2 { min-height:12vw; }
  .series-v3[data-series-locale="en"] .series-v3-english-copy { font-size:clamp(11px,2.7vw,20px); }
}
.series-v3 .lighthouse-toggle { position:absolute; }
.series-v3-chinese-copy, .series-v3-english-copy { font-weight:400; }
@media (min-width:768px) and (max-width:1200px) { .series-v3 .series-link { margin-top:auto; } }
.series-v3-chinese-copy, .series-v3-english-copy { font-family:Arial,"Microsoft JhengHei","PingFang TC",sans-serif; }
@media (max-width:767px) {
  .series-v3 { padding-bottom:17vw; }
  .series-v3 .lighthouse-toggle { bottom:8px; }
}
@media (min-width:768px) {
  .series-v3-chinese-copy .series-v3-tagline { font-size:clamp(12px,1vw,26px); letter-spacing:0; }
}
@media (max-width:767px) {
  .series-v3-tagline span:first-child { font-size:clamp(8px,2.2vw,17px); letter-spacing:-.025em; white-space:nowrap; }
}
@media (min-width:768px) {
  .series-v3 .series-option--heart .series-v3-tagline { font-size:clamp(11px,.94vw,24px); }
  .series-v3-tagline span:last-child { display:inline-block; }
}