/* Artwork-first gallery: generous space, fine gold rules, restrained motion. */
body[data-design=gallery-v08]{--line:#e7ddc9;--gold:#bda26b;--text:#142c40;--red:#b23e36}
body[data-design=gallery-v08] .section-shell{width:min(1400px,calc(100% - 112px))}
body[data-design=gallery-v08] .header{min-height:116px;border-bottom:1px solid var(--line);margin-bottom:40px}
body[data-design=gallery-v08] .brand{font-size:23px;letter-spacing:.07em}
body[data-design=gallery-v08] .brand-en{font-size:9px;margin-left:12px}
body[data-design=gallery-v08] .header nav{font-size:12px;gap:28px}
body[data-design=gallery-v08] .footer{margin-top:36px;border-top:1px solid var(--line);padding-block:28px}
.signal-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:12px}
.gallery-intro-top{display:flex;justify-content:space-between;align-items:center;gap:20px}
.gallery-count{font:10px Arial,sans-serif;letter-spacing:.12em;color:var(--muted)}
body[data-design=gallery-v08] .ai-page-intro{position:relative;padding:32px 0 64px;border-bottom:0}
body[data-design=gallery-v08] .ai-page-intro .eyebrow{margin:0;font-size:10px}
body[data-design=gallery-v08] .ai-page-intro h1{font-size:clamp(60px,7vw,106px);font-weight:400;letter-spacing:-.04em;line-height:1.15;margin:40px 0 12px}
body[data-design=gallery-v08] .ai-page-intro h2{font-size:28px;letter-spacing:.025em}
body[data-design=gallery-v08] .ai-page-intro>p{font-size:11px;letter-spacing:.09em;margin:18px 0 32px}
body[data-design=gallery-v08] .ai-page-jumps{gap:32px;font-size:12px}
body[data-design=gallery-v08] .ai-page-jumps a{padding:6px 0 10px}
body[data-design=gallery-v08] .ai-collection{padding:42px 0 70px;border-top:1px solid var(--line);border-bottom:0}
body[data-design=gallery-v08] .ai-collection-heading{margin-bottom:38px}
body[data-design=gallery-v08] .ai-collection-heading h2{font-size:28px}
body[data-design=gallery-v08] .ai-collection-heading .eyebrow{font-size:9px;color:var(--accent)}
body[data-design=gallery-v08] .landscape-grid{display:grid;grid-template-columns:1fr;gap:66px;counter-reset:work}
body[data-design=gallery-v08] .landscape-grid .ai-card{display:grid;grid-template-columns:minmax(0,1fr) auto;position:relative;counter-increment:work}
body[data-design=gallery-v08] .landscape-grid .ai-card-cover{grid-column:1/-1;grid-row:1}
body[data-design=gallery-v08] .landscape-grid .ai-card h3{grid-column:1;grid-row:3;font-size:30px;margin:0 0 5px;letter-spacing:.02em}
body[data-design=gallery-v08] .landscape-grid .ai-card-type{grid-column:1;grid-row:2;margin-top:23px;margin-bottom:7px;color:var(--accent);font-size:10px;letter-spacing:.09em}
body[data-design=gallery-v08] .landscape-grid .ai-card-description{grid-column:1;grid-row:4;font-size:12px;margin:0;max-width:700px}
body[data-design=gallery-v08] .landscape-grid .ai-card-watch{grid-column:2;grid-row:3;align-self:center;margin:0 0 0 30px;font-size:12px}
body[data-design=gallery-v08] .landscape-grid .ai-card-cover:after{content:'0' counter(work);position:absolute;left:24px;top:20px;font:italic 18px Georgia,serif;color:white;text-shadow:0 1px 5px #0008;pointer-events:none}
body[data-design=gallery-v08] .ai-card-cover{border:1px solid var(--gold)}
body[data-design=gallery-v08] .ai-card-cover img{object-fit:contain;transition:filter .4s;transform:none!important}
body[data-design=gallery-v08] .ai-card:hover .ai-card-cover img{filter:brightness(1.04)}
body[data-design=gallery-v08] .ai-card .card-arrow{width:52px;height:52px;right:24px;bottom:24px;border:1px solid #ffffff99;background:#142c40c9;color:#fff;font-size:22px}
body[data-design=gallery-v08] .portrait-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
body[data-design=gallery-v08] .portrait-grid h3{font-size:20px;margin:17px 0 6px}
body[data-design=gallery-v08] .portrait-grid .ai-card-description{font-size:11px}
body[data-design=gallery-v08] .ai-card-date{font:10px Arial,'Microsoft YaHei',sans-serif;color:var(--accent);margin:13px 0 0;letter-spacing:.04em}
body[data-design=gallery-v08] .artwork-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}
body[data-design=gallery-v08] .artwork-grid button{background:#faf9f6;border-color:var(--line);height:290px;overflow:hidden}
body[data-design=gallery-v08] .artwork-grid img{height:100%;width:100%;aspect-ratio:auto;object-fit:contain}
body[data-design=gallery-v08] .artwork-grid figcaption{font-size:11px;line-height:1.8}
body[data-design=gallery-v08][data-portfolio=film] .hero-frame{border:1px solid var(--gold);aspect-ratio:16/9}
body[data-design=gallery-v08][data-portfolio=film] .hero-image{object-fit:contain}
body[data-design=gallery-v08][data-portfolio=film] .intro{padding:56px 0 84px;gap:70px}
body[data-design=gallery-v08][data-portfolio=film] .intro h1{font-size:clamp(30px,3vw,43px);line-height:1.5;font-weight:400}
body[data-design=gallery-v08][data-portfolio=film] .collection-heading{width:min(1400px,calc(100% - 112px));margin:auto;border-top:1px solid var(--line);text-align:left;padding:38px 0 20px}
body[data-design=gallery-v08][data-portfolio=film] .collection-heading h2{font-size:37px;letter-spacing:0}
body[data-design=gallery-v08][data-portfolio=film] .project-grid{grid-template-columns:1fr;gap:56px}
body[data-design=gallery-v08][data-portfolio=film] #featured-projects>.project-card:first-child{grid-column:1/-1;margin-bottom:20px}
body[data-design=gallery-v08][data-portfolio=film] .project-image{border:1px solid var(--gold)}
body[data-design=gallery-v08][data-portfolio=film] .project-caption h3{font-size:20px}
body[data-design=gallery-v08][data-portfolio=film] #featured-projects>.project-card:first-child h3{font-size:30px}
body[data-design=gallery-v08][data-portfolio=film] .ai-focus{background:#faf9f6;border:1px solid var(--line);padding:40px;margin-top:65px}
body[data-design=gallery-v08][data-portfolio=film] .about{border-top:1px solid var(--line);margin-top:60px}
@media(max-width:1100px){body[data-design=gallery-v08] .section-shell,body[data-design=gallery-v08][data-portfolio=film] .collection-heading{width:calc(100% - 64px)}body[data-design=gallery-v08] .brand-en{display:none}body[data-design=gallery-v08] .portrait-grid{gap:18px}body[data-design=gallery-v08] .artwork-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-design=gallery-v08] .artwork-grid button{height:320px}body[data-design=gallery-v08][data-portfolio=film] .project-caption h3{font-size:17px}}
@media(max-width:700px){body[data-design=gallery-v08] .section-shell,body[data-design=gallery-v08][data-portfolio=film] .collection-heading{width:calc(100% - 36px)}body[data-design=gallery-v08] .header{min-height:105px;margin-bottom:18px;padding-block:17px}body[data-design=gallery-v08] .brand{font-size:20px}body[data-design=gallery-v08] .header nav{gap:12px;font-size:11px}body[data-design=gallery-v08] .ai-page-intro{padding:24px 0 36px}.gallery-count{display:none}body[data-design=gallery-v08] .ai-page-intro .eyebrow{font-size:8px}body[data-design=gallery-v08] .ai-page-intro h1{font-size:64px;margin:27px 0 12px}body[data-design=gallery-v08] .ai-page-intro h2{font-size:23px}body[data-design=gallery-v08] .ai-page-intro>p{font-size:9px;letter-spacing:.02em;margin:13px 0 23px}body[data-design=gallery-v08] .ai-page-jumps{gap:14px;font-size:10px}body[data-design=gallery-v08] .ai-page-jumps small{margin-left:5px;font-size:8px}body[data-design=gallery-v08] .ai-collection{padding:28px 0 40px}body[data-design=gallery-v08] .ai-collection-heading{margin-bottom:22px}body[data-design=gallery-v08] .ai-collection-heading h2{font-size:23px}body[data-design=gallery-v08] .ai-collection-heading>p{font-size:9px}body[data-design=gallery-v08] .landscape-grid{gap:38px}body[data-design=gallery-v08] .landscape-grid .ai-card h3{font-size:23px}body[data-design=gallery-v08] .landscape-grid .ai-card-type{font-size:8px;margin-top:16px}body[data-design=gallery-v08] .landscape-grid .ai-card-description{font-size:10px;grid-column:1/-1}body[data-design=gallery-v08] .landscape-grid .ai-card-watch{font-size:10px;margin-left:14px}body[data-design=gallery-v08] .landscape-grid .ai-card-cover:after{left:12px;top:10px;font-size:13px}body[data-design=gallery-v08] .ai-card .card-arrow{width:34px;height:34px;right:12px;bottom:12px;font-size:17px}body[data-design=gallery-v08] .portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}body[data-design=gallery-v08] .portrait-grid .ai-card-cover{max-width:none}body[data-design=gallery-v08] .portrait-grid h3{font-size:17px}body[data-design=gallery-v08] .portrait-grid .ai-card-type{font-size:8px}body[data-design=gallery-v08] .portrait-grid .ai-card-description{display:none}body[data-design=gallery-v08] .ai-card-date{font-size:9px;letter-spacing:0}body[data-design=gallery-v08] .artwork-grid{gap:18px 14px}body[data-design=gallery-v08] .artwork-grid button{height:210px}body[data-design=gallery-v08] .artwork-grid figure:nth-child(n){grid-column:auto}body[data-design=gallery-v08][data-portfolio=film] .intro{padding:30px 0 42px;gap:16px}body[data-design=gallery-v08][data-portfolio=film] .intro h1{font-size:27px}body[data-design=gallery-v08][data-portfolio=film] .collection-heading{padding:28px 0 12px}body[data-design=gallery-v08][data-portfolio=film] .collection-heading h2{font-size:29px}body[data-design=gallery-v08][data-portfolio=film] .project-grid{grid-template-columns:1fr;gap:32px}body[data-design=gallery-v08][data-portfolio=film] #featured-projects>.project-card:first-child{margin-bottom:0}body[data-design=gallery-v08][data-portfolio=film] #featured-projects>.project-card:first-child h3{font-size:22px}body[data-design=gallery-v08][data-portfolio=film] .ai-focus{padding:24px;margin-top:40px}body[data-design=gallery-v08][data-portfolio=film] .about{margin-top:35px}body[data-design=gallery-v08] .footer{margin-top:12px}}
@media(prefers-reduced-motion:reduce){body[data-design=gallery-v08] *{transition:none!important}}
