/* A single visual surface connects the introduction to the event details. */
.workshop-bridge{position:fixed;left:0;top:0;z-index:11;overflow:hidden;border-radius:24px;background:rgba(24,25,43,.24);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);box-shadow:inset 0 1px 0 #ffffff70,inset 1px 0 0 #ffffff30,inset -1px -1px 0 #ffffff20,0 20px 60px #08091526;pointer-events:none;transform-origin:0 0;will-change:transform;}
.workshop-bridge__preview{position:absolute;inset:0;padding:28px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#ffffff20,transparent 45%,#ffdbbc12);text-shadow:0 1px 12px #0b0d2430;}
.workshop-bridge__label{font-size:12px;letter-spacing:.14em;color:#ffffffbf;font-weight:600;}
.workshop-bridge__date{font-size:64px;line-height:1;letter-spacing:-.065em;font-weight:500;}
.workshop-bridge__date small{font-size:16px;letter-spacing:0;margin-left:10px;}
.workshop-bridge__foot{font-size:14px;line-height:1.8;display:flex;align-items:end;justify-content:space-between;gap:12px;}
.workshop-bridge__arrow{font-size:24px;}
.workshop-bridge__detail.vwr__card{position:absolute;left:0;top:0;margin:0;max-width:none;transform-origin:0 0;box-shadow:none;}
html[data-workshop-bridge="flying"] .vwr__stage>.vwr__card{visibility:hidden;}
@media(min-width:901px){.h-copy{width:52vw;max-width:760px}.h-sub{max-width:100%}}
@media(prefers-reduced-motion:reduce){.workshop-bridge{display:none}}

@property --rim-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.workshop-bridge__rim{position:absolute;inset:0;z-index:3;padding:2px;border-radius:inherit;opacity:0;pointer-events:none;background:conic-gradient(from var(--rim-angle),transparent 0deg,transparent 210deg,#48baffaa 245deg,#9c79ff 275deg,#ed9cfa 310deg,#ffffff 333deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;}

.workshop-bridge__halo{position:fixed;left:0;top:0;z-index:12;border-radius:24px;pointer-events:none;filter:blur(7px);}
.workshop-bridge__halo .workshop-bridge__rim{inset:-2px;padding:5px;}

/* 2026-09-13: 縦並びの幅でもガラスカードを出す。面積が小さいぶん、中の文字だけ詰める。
   出現→縁のグロー一周→自動スクロール→着地、という順番はPCと同じ。 */
@media(max-width:900px){
 .workshop-bridge__preview{padding:20px;}
 .workshop-bridge__label{font-size:11px;letter-spacing:.12em;}
 .workshop-bridge__date{font-size:42px;letter-spacing:-.055em;}
 .workshop-bridge__date small{font-size:13px;margin-left:7px;}
 .workshop-bridge__foot{font-size:12px;line-height:1.7;gap:8px;}
 .workshop-bridge__arrow{font-size:19px;}
}