.practice-page .practice-intro{padding:55px 32px 38px}
.practice-case{max-width:1200px;margin:0 auto 64px;padding:0 28px}
.practice-case-head{display:flex;justify-content:space-between;align-items:end;gap:28px;border-top:1px solid #ccc;padding:28px 0}
.practice-case-number{font-size:10px;color:#777;letter-spacing:.05em}
.practice-case-head h2{margin:12px 0 0;font-size:clamp(25px,3vw,42px);font-weight:500;letter-spacing:-.04em}
.practice-case-head p{font-size:12px;line-height:1.9;margin:0;color:#555}
.practice-case-head p span{color:#888}
.practice-art{margin:0;min-width:0}
.practice-image{display:block;width:100%;padding:0;border:0;background:#f5f2ef;cursor:zoom-in}
.practice-image img{display:block;width:100%;height:auto}
.practice-art figcaption{padding:12px 0 0;color:#777;font-size:10px;letter-spacing:.04em;line-height:1.7}
.practice-film,.practice-development,.practice-story{margin-top:48px}
.practice-section-head{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #ddd;padding:20px 0}
.practice-section-head h3{margin:0;font-size:21px;font-weight:500}
.practice-section-head>span{font-size:10px;color:#888;letter-spacing:.04em}
.practice-development-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:24px;align-items:start}
.practice-scene-column{display:grid;gap:28px;min-width:0}
.practice-image:focus-visible{outline:3px solid #ad796a;outline-offset:4px}
.practice-viewer{position:fixed;inset:0;border:0;padding:54px 18px 18px;margin:auto;background:#f5f2ef;max-width:96vw;width:max-content;max-height:94dvh;overflow:auto}
.practice-viewer::backdrop{background:#171717b3;backdrop-filter:blur(5px)}
.practice-viewer>img{display:block;max-width:100%;max-height:80dvh;object-fit:contain;width:auto;height:auto;margin:auto}
.practice-viewer-close{position:fixed;right:4vw;top:4dvh;z-index:2;padding:12px 18px;border:1px solid #ddd;background:#fff;color:#222;cursor:pointer}
.collection-index{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:26px;font-size:12px}
.collection-index a{padding:8px 0;border-bottom:1px solid #bdbdbd}
.collection-index a:hover{border-color:#222}
.practice-case{scroll-margin-top:80px}
.collection-summary{font-size:14px;line-height:1.9;color:#666;margin:0 0 28px;max-width:660px}
.collection-section{margin-top:40px}
.collection-gallery{display:grid;gap:24px;align-items:start}
.collection-gallery-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.collection-gallery-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.collection-detail{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:24px}
.collection-note{max-width:340px;justify-self:center;padding:20px}
.collection-note h3{font-size:24px;font-weight:500;margin:0 0 24px}
.collection-note p{font-size:14px;line-height:2;color:#666;margin:0 0 18px}
.practice-crop{position:relative;display:block;width:100%;aspect-ratio:var(--crop-ratio);overflow:hidden}
.practice-crop img{position:absolute;width:var(--crop-width);max-width:none;height:auto;left:var(--crop-left);top:var(--crop-top)}
.practice-viewer-content>img{display:block;max-width:88vw;max-height:78dvh;width:auto;height:auto;margin:auto;object-fit:contain}
.practice-viewer-content>.practice-crop{width:min(88vw,var(--zoom-width));margin:auto}
.wangpo-origin .collection-gallery{grid-template-columns:.75fr 1fr 1fr}
.wangpo-final>.practice-art{max-width:720px;margin-inline:auto}
@media(max-width:700px){.collection-gallery{gap:18px}.collection-gallery-3{grid-template-columns:1fr}.collection-gallery-2{grid-template-columns:1fr 1fr;gap:12px}.collection-detail{grid-template-columns:1fr;gap:8px}.collection-detail>.practice-art{width:72%;margin:auto}.collection-note{max-width:none;padding:14px 0}.collection-note h3{font-size:20px;margin-bottom:12px}.collection-note p,.collection-summary{font-size:12px}.collection-section{margin-top:28px}.wangpo-origin .collection-gallery{grid-template-columns:1fr 1fr}.wangpo-origin .practice-art:first-child{grid-column:1/-1;max-width:55%;justify-self:center}.collection-gallery-3:not(.wangpo-origin .collection-gallery)>.practice-art{max-width:82%;margin:auto}.collection-index{gap:8px 20px;font-size:11px}}
@media(max-width:700px){.practice-case{padding:0 16px;margin-bottom:36px}.practice-case-head{display:block;padding:22px 0}.practice-case-head p{margin-top:16px}.practice-development-grid{grid-template-columns:1fr;gap:24px}.practice-film,.practice-development,.practice-story{margin-top:30px}.practice-section-head h3{font-size:19px}.practice-section-head>span{font-size:9px}.practice-story .practice-image{overflow-x:auto;cursor:zoom-in}.practice-story .practice-image img{min-width:640px}}
.practice-kicker{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:38px;font-size:10px;letter-spacing:.035em;color:#777}
.practice-kicker a:hover{text-decoration:underline;text-underline-offset:4px}
.practice-intro h1{margin:0;font-size:clamp(45px,5.7vw,86px);font-weight:450;line-height:1.15;letter-spacing:-.06em}
.practice-english{margin:14px 0 35px;font-size:16px;letter-spacing:-.025em;color:#777}
.practice-description{margin:0;max-width:750px;font-size:13px;line-height:2;color:#555}
.practice-notice{margin:24px 0 0;padding:15px 18px;border-left:3px solid #ffe430;background:#f5f5f5;font-size:12px;line-height:1.9;color:#555}
.practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:30px 24px;margin:0;padding:0 32px 65px}
.practice-grid figure{margin:0;min-width:0}
.practice-grid figure:last-child:nth-child(odd){grid-column:1/-1;max-width:850px;justify-self:center;width:100%}
.practice-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#f0f0f0;border:1px solid #e7e7e7}
.practice-grid .poster-placeholder{aspect-ratio:4/3}
.practice-grid figcaption{display:flex;justify-content:space-between;gap:20px;padding:13px 0;font-size:10px;line-height:1.8;color:#666}
.practice-grid figcaption span:last-child{color:#888}
.practice-next{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 32px;border-top:1px solid #ddd;font-size:13px}
.practice-next a{text-decoration:underline;text-underline-offset:5px}
.practice-next a:hover{background:#ffe430}
@media(max-width:700px){.practice-page .practice-intro{padding:35px 16px 28px}.practice-kicker{font-size:8px;line-height:1.8;gap:15px;margin-bottom:30px}.practice-intro h1{font-size:45px}.practice-english{font-size:13px;margin:12px 0 25px}.practice-description{font-size:12px;line-height:1.95}.practice-notice{font-size:10px;line-height:1.9;padding:13px 15px}.practice-grid{grid-template-columns:1fr;gap:22px;padding:0 16px 35px}.practice-grid figure:last-child:nth-child(odd){grid-column:auto}.practice-grid figcaption{font-size:9px;gap:12px;padding:11px 0}.practice-grid figcaption span:last-child{font-size:8px}.practice-next{padding:25px 16px;font-size:11px}}