.cover-media{display:block;position:relative;width:100%;height:100%;overflow:hidden}.cover-media>img,.cover-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-video{display:block;width:100%;height:100%;object-fit:cover}.commercial-scene>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-cover-badge{position:absolute;top:13px;left:13px;z-index:2;font:9px Arial;letter-spacing:.15em;background:#051321bb;border:1px solid #e2efff66;border-radius:18px;padding:7px 9px;backdrop-filter:blur(8px)}#detailMedia>.cover-media{height:auto;aspect-ratio:3/4;max-height:78vh}#detailMedia>.cover-media>img{position:relative;object-fit:contain}#detailMedia>.cover-media>video{object-fit:contain}.clear-video{display:block;border:1px solid #617e9d66;border-radius:6px;background:#102438;color:#b5cce4;font:11px system-ui;padding:9px;margin-top:10px}.commercial-intro-copy{pointer-events:none}.commercial-intro-copy .enter-gallery{pointer-events:auto}
/* AIGC: floating image fragments */
[data-section="aigc"] .commercial-gallery{background:radial-gradient(ellipse at 72% 45%,#223f6a99,transparent 60%),#020914}
[data-section="aigc"] .orbital-ring{border-style:dashed;opacity:.35;transform:rotate(-16deg);top:14%;height:60%}
[data-section="aigc"] .project-cards{inset:0;perspective:1600px}
[data-section="aigc"] .project-card{--x:48%;--y:13%;--angle:0deg;left:var(--x);top:var(--y);width:clamp(155px,16vw,260px);height:60%;transform:translateX(-50%) rotate(var(--angle)) rotateY(-8deg);z-index:5;filter:brightness(.9)}
[data-section="aigc"] .project-card:nth-child(1){--x:21%;--y:8%;--angle:-12deg;height:40%}
[data-section="aigc"] .project-card:nth-child(2){--x:52%;--y:8%;--angle:6deg;height:67%}
[data-section="aigc"] .project-card:nth-child(3){--x:81%;--y:16%;--angle:9deg;height:40%}
[data-section="aigc"] .project-card:nth-child(4){--x:25%;--y:43%;--angle:6deg;height:48%}
[data-section="aigc"] .project-card:nth-child(5){--x:78%;--y:60%;--angle:-9deg;height:32%;width:29%}
[data-section="aigc"] .project-card:nth-child(6){--x:52%;--y:76%;--angle:8deg;height:20%;width:25%}
[data-section="aigc"] .project-card.selected{z-index:10;filter:brightness(1.1);box-shadow:0 0 30px #9cc7ff77}
[data-section="aigc"] .project-card:hover,[data-section="aigc"] .project-card:focus-visible{z-index:50;transform:translateX(-50%) translateY(-22px) rotate(0deg) rotateX(var(--rx)) rotateY(var(--ry)) scale(1.09)}
[data-section="aigc"] .card-info{padding:35px 12px 14px;gap:5px}[data-section="aigc"] .card-number{font-size:18px}[data-section="aigc"] .card-info strong{font-size:16px}[data-section="aigc"] .card-info small{font-size:8px}
/* Visual design: a poster exhibition wall */
[data-section="visual"] .commercial-gallery{background:linear-gradient(90deg,#02080fbb,#0b152366),repeating-linear-gradient(90deg,#111c2c 0%,#17243a 19%,#060d18 20%,#111c2c 22%)}
[data-section="visual"] .orbital-ring,[data-section="visual"] .exhibition:after{display:none}
[data-section="visual"] .exhibition{height:auto;min-height:620px;padding:40px 3% 50px}
[data-section="visual"] .project-cards{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;align-items:start;perspective:1300px}
[data-section="visual"] .project-card{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:3/4;transform:none;filter:brightness(.9);border:1px solid #c3ddff88;padding:8px;background:#a9caff0c;box-shadow:0 0 0 4px #aecdfc0c,0 20px 32px #000a}
[data-section="visual"] .project-card:nth-child(3n+2){margin-top:40px}
[data-section="visual"] .project-card:hover,[data-section="visual"] .project-card:focus-visible{transform:translateY(-18px) rotateX(var(--rx)) rotateY(var(--ry)) scale(1.04);filter:brightness(1.1)}
[data-section="visual"] .project-card>img{display:block;position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px)}
[data-section="visual"] #galleryHint{bottom:0}
/* Film: widescreen cinema and a scrolling reel */
[data-section="film"] .commercial-gallery{background:radial-gradient(ellipse at 65% 45%,#3e315b66,#060b14 65%)}
[data-section="film"] .exhibition{height:min(67vh,740px);min-height:480px;margin-left:23%;perspective:none}
[data-section="film"] .orbital-ring{top:4%;height:80%;border-radius:18px;opacity:.25;transform:none}
[data-section="film"] .project-cards{display:flex;align-items:center;gap:35px;position:absolute;inset:4% 0 10%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:40px 8%;scrollbar-width:thin;perspective:1300px}
[data-section="film"] .project-card{position:relative;flex:0 0 87%;left:auto;top:auto;height:auto;width:auto;aspect-ratio:16/9;transform:rotateY(-4deg);scroll-snap-align:center;filter:brightness(.75);overflow:visible;border:8px solid #101926;outline:1px solid #b9d6fe77;box-shadow:0 0 20px #b7d0ff22,0 30px 40px #000b}
[data-section="film"] .project-card>img,[data-section="film"] .cover-media{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
[data-section="film"] .project-card:before{content:'';position:absolute;inset:-20px -8px;border-top:7px dashed #9eb5d14d;border-bottom:7px dashed #9eb5d14d;pointer-events:none}
[data-section="film"] .project-card.selected{filter:brightness(1);transform:none}
[data-section="film"] .project-card:hover,[data-section="film"] .project-card:focus-visible{transform:translateY(-12px) rotateX(var(--rx)) rotateY(var(--ry));filter:brightness(1.1)}
[data-section="film"] .exhibition:after{bottom:12%;opacity:.3}
/* Awards: framed records on a quiet display wall */
[data-section="awards"] .commercial-gallery{background:radial-gradient(ellipse at 75% 0%,#bba77b26,transparent 60%),repeating-linear-gradient(90deg,#070d14 0 30%,#182434 32%,#070d14 35%)}
[data-section="awards"] .orbital-ring,[data-section="awards"] .exhibition:after{display:none}
[data-section="awards"] .exhibition{height:auto;min-height:580px;padding:45px 4% 55px}
[data-section="awards"] .project-cards{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 28px}
[data-section="awards"] .project-card{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:4/5;transform:none;border:8px ridge #8896a7;background:#111820;box-shadow:0 20px 30px #000b,inset 0 0 0 3px #d9e0eb;filter:brightness(.9)}
[data-section="awards"] .project-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
[data-section="awards"] .project-card:hover,[data-section="awards"] .project-card:focus-visible{transform:translateY(-14px) rotateY(var(--ry));filter:brightness(1.12);box-shadow:0 0 25px #f4dfae33,0 25px 45px #000c}
[data-section="awards"] .project-card.selected{border-color:#c4ba9b}
[data-section="awards"] #galleryHint{bottom:0}
@media(max-width:700px){[data-section="aigc"] .exhibition{height:600px}[data-section="aigc"] .project-card{width:145px}[data-section="aigc"] .project-card:nth-child(5){width:40%}[data-section="aigc"] .card-info strong{font-size:13px}[data-section="visual"] .exhibition,[data-section="awards"] .exhibition{margin-left:0;padding:25px 7% 55px}[data-section="visual"] .project-cards,[data-section="awards"] .project-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}[data-section="visual"] .project-card:nth-child(3n+2){margin-top:0}[data-section="visual"] .project-card:nth-child(even){margin-top:24px}[data-section="visual"] .card-info,[data-section="awards"] .card-info{padding:35px 10px 14px;gap:5px}[data-section="visual"] .card-info strong,[data-section="awards"] .card-info strong{font-size:14px}[data-section="visual"] .card-number,[data-section="awards"] .card-number{font-size:19px}[data-section="visual"] .card-info small,[data-section="awards"] .card-info small{font-size:7px}[data-section="film"] .exhibition{margin-left:0;height:380px;min-height:360px}[data-section="film"] .project-cards{padding:30px 8%;gap:24px}[data-section="film"] .card-info{padding:35px 12px 14px;gap:5px}[data-section="film"] .card-info strong{font-size:16px}[data-section="film"] .card-number{font-size:20px}}
@media(prefers-reduced-motion:reduce){#commercialRoot .project-card:hover,#commercialRoot .project-card:focus-visible{transform:none}.cover-video{animation:none}}