﻿.castle-crossover{--crossover-ice: #bcecff;--crossover-gold: #e2c761;width:min(1440px,100%);margin:0 auto;padding:clamp(64px,8vw,112px) clamp(18px,5vw,76px);overflow:hidden;color:#f4fbff;background:radial-gradient(circle at 8% 8%, rgba(76, 191, 225, 0.25), transparent 30%),radial-gradient(circle at 92% 90%, rgba(212, 177, 52, 0.18), transparent 34%),linear-gradient(145deg, #061521, #0c2735 52%, #17160f);font-family:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif}.castle-crossover *,.castle-crossover *::before,.castle-crossover *::after{box-sizing:border-box}.castle-crossover-heading{display:grid;gap:12px;justify-items:center;max-width:840px;margin:0 auto clamp(32px,5vw,56px);text-align:center}.castle-crossover-heading>span{color:var(--crossover-gold);font-family:Georgia,"Times New Roman",serif;font-size:.72rem;font-weight:700;letter-spacing:.34em}.castle-crossover-heading h2{margin:0;color:#fff;font-size:clamp(2rem,4.4vw,4.5rem);font-weight:500;line-height:1.15;letter-spacing:.04em;white-space:nowrap;text-shadow:0 0 28px rgba(132,220,247,.2)}.castle-crossover-heading p{margin:0;color:#b7d1db;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:clamp(.9rem,1.3vw,1.05rem);font-weight:600;line-height:1.8}.castle-crossover-grid{display:grid;grid-template-columns:minmax(0, 1.55fr) minmax(280px, 0.65fr);gap:clamp(18px,3vw,34px);align-items:stretch}.castle-crossover-video{position:relative;overflow:hidden;aspect-ratio:16/9;background:#000;border:1px solid rgba(174,229,245,.36);box-shadow:0 24px 50px rgba(0,0,0,.42)}.castle-crossover-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.castle-sister-card{position:relative;display:grid;gap:16px;align-content:space-between;justify-items:center;min-height:100%;padding:clamp(22px,3vw,38px) 22px 24px;overflow:hidden;color:#fff;border:1px solid rgba(191,231,242,.3);text-align:center;text-decoration:none;isolation:isolate;transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease}.castle-sister-card::before,.castle-sister-card::after{position:absolute;inset:0;z-index:-2;content:""}.castle-sister-inuyama::before{background:url("/assets/inuyama-hakutei/hero-pc.webp") center/cover}.castle-sister-nagoya::before{background:url("/assets/nagoya-kinshachi/pack/nagoya-castle-hero-pc.webp") center/cover}.castle-sister-card::after{z-index:-1;background:linear-gradient(rgba(2, 16, 26, 0.62), rgba(2, 12, 19, 0.96));backdrop-filter:blur(2px)}.castle-sister-card>span{color:var(--crossover-ice);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:.7rem;font-weight:900;letter-spacing:.14em}.castle-sister-logo{width:min(250px,88%);filter:drop-shadow(0 8px 12px rgba(0, 0, 0, 0.52))}.castle-sister-pack{width:min(128px,42%);max-height:230px;object-fit:contain;filter:drop-shadow(0 16px 15px rgba(0, 0, 0, 0.5));transition:transform 220ms ease}.castle-sister-card strong{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:9px 14px;color:#06131c;background:linear-gradient(135deg, #f8feff, #87d9ee);border:1px solid #fff;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:.84rem;font-weight:900;letter-spacing:.06em}.castle-sister-card strong::after{margin-left:.7em;content:"›";font-size:1.4em}.castle-sister-card:hover,.castle-sister-card:focus-visible{border-color:rgba(199,239,250,.9);box-shadow:0 0 34px rgba(89,195,225,.25);outline:none;transform:translateY(-4px)}.castle-sister-card:hover .castle-sister-pack,.castle-sister-card:focus-visible .castle-sister-pack{transform:scale(1.04) rotate(2deg)}@media(max-width: 1380px){.castle-crossover-grid{grid-template-columns:1fr}.castle-sister-card{grid-template-columns:minmax(0, 1fr) 120px;gap:12px 20px;align-items:center;min-height:310px;text-align:left}.castle-sister-card>span,.castle-sister-logo,.castle-sister-card strong{grid-column:1}.castle-sister-pack{grid-row:1/4;grid-column:2;width:100%;max-height:250px}}@media(max-width: 520px){.castle-crossover-heading h2{font-size:clamp(1.7rem,9vw,2.5rem);white-space:nowrap}.castle-crossover-heading h2 span{display:block}.castle-sister-card{grid-template-columns:minmax(0, 1fr) 90px;min-height:260px;padding:22px 16px}.castle-sister-logo{width:100%}.castle-sister-card strong{font-size:.75rem}}@media(prefers-reduced-motion: reduce){.castle-sister-card,.castle-sister-pack{transition:none}}
