/* Restored from main (fdfc1b7): pointer tilt on the card frame plus a thin metallic glint that runs around the edge,
   its angle following the pointer. Timing uses the shared motion tokens from signal.css. Transform/opacity only. */
.glass-card{position:relative;isolation:isolate}
.glass-card::after{
 content:"";position:absolute;inset:0;z-index:8;padding:1.5px;border-radius:inherit;pointer-events:none;
 background:conic-gradient(from var(--card-light-angle,135deg),rgba(255,255,255,.08),rgba(255,255,255,.7) 12%,rgba(255,255,255,.1) 28%,rgba(0,0,0,.18) 48%,rgba(255,255,255,.45) 64%,rgba(255,255,255,.06) 82%);
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;mask-composite:exclude;
 opacity:.18;transition:opacity var(--motion-base,480ms) var(--motion-ease,ease);
}
.glass-card:is(.is-card-hover,:focus-visible,:focus-within)::after{opacity:.85}
.media-card-shell{width:100%;margin:0}
.case-page .media-card-shell-video{width:min(100%,calc(76svh * 9 / 16));margin-inline:auto}
.case-page .media-card-shell-video>.detail-video{width:100%;margin:0}
@media(max-width:760px){.case-page .media-card-shell-video{width:min(100%,calc(72svh * 9 / 16))}}
.morrow-concept-feature>a.glass-card{display:block}
@supports not ((mask-composite:exclude) or (-webkit-mask-composite:xor)){
 .glass-card::after{background:none;padding:0;border:1px solid rgba(255,255,255,.25)}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .glass-card:not(.glass-card-existing-motion){
  transform:perspective(1400px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));
  transform-origin:center;transition:transform var(--motion-slow,720ms) var(--motion-ease,ease),scale var(--motion-base,480ms) var(--motion-ease,ease),border-color var(--motion-fast,200ms) var(--motion-ease,ease);
 }
 .glass-card.is-card-hover:not(.glass-card-existing-motion){transition-duration:var(--motion-track,320ms),var(--motion-base,480ms),var(--motion-fast,200ms);will-change:transform}
 .glass-card:not(.glass-card-existing-motion):is(:hover,:focus-visible){scale:1.012}
 .glass-card .whole-screen-art:is(:hover,:focus-visible),.glass-card .site-image{scale:1}
 .bridge-enhanced:not(.bridge-landed) .project.glass-card{transform:none;scale:1}
}
@media(prefers-reduced-motion:reduce){.glass-card::after{transition:none}}