/* The project album keeps original screenshots intact; corners are CSS masks. */
.hero-art{border-radius:28px}.project-window{border-radius:18px;overflow:hidden}.project-window img{border-radius:0}.process-photo img{border-radius:22px}.nav-contact,.button{border-radius:8px}dialog{border-radius:22px}.wechat-number{border-radius:14px}input,select,textarea{border-radius:8px}.toast{border-radius:12px}.modal-open{overflow:hidden}
.projects-section{background:#f5f7fa}.project-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #d6e0e9;padding-bottom:25px}.project-filters{display:flex;gap:8px;flex-wrap:wrap}.project-filters button{background:transparent;color:#627185;font-size:12px;line-height:1.6;padding:10px 16px;border-radius:24px;min-height:40px;border:1px solid transparent}.project-filters button:hover{background:#e8eef5}.project-filters button[aria-pressed=true]{background:var(--blue);color:white}.project-toolbar>p{font-size:11px;color:var(--muted);white-space:nowrap;margin:0;font-variant-numeric:tabular-nums}
.project-row{display:grid;grid-template-columns:minmax(0,.73fr) minmax(0,1.27fr);gap:65px;align-items:start;padding:58px 0;border-bottom:1px solid #d6e0e9}.project-row:last-child{border-bottom:0;padding-bottom:20px}.case-copy{padding-top:9px;position:sticky;top:125px}.case-kicker{display:flex;align-items:center;gap:15px;color:var(--blue);font-size:11px;letter-spacing:.08em;margin-bottom:18px}.case-kicker>span{color:#9aa8b8;font-variant-numeric:tabular-nums;border-right:1px solid #cbd5e1;padding-right:15px;font-size:10px}.case-copy h3{font-family:var(--serif);font-size:clamp(25px,2.25vw,32px);line-height:1.6;margin:0 0 6px;font-weight:600}.case-repo{font-size:9px;letter-spacing:.025em;color:#8290a0;overflow-wrap:anywhere;line-height:1.6;margin-bottom:22px}.case-copy h4{font-size:14px;font-weight:500;line-height:1.9;margin:21px 0 12px;max-width:340px}.case-intro{font-size:12px;color:var(--muted);line-height:2.05;max-width:350px;margin-bottom:20px}.case-features{list-style:none;padding:0;margin:0 0 19px;font-size:11px;line-height:2.2;color:#41546d}.case-features li{position:relative;padding-left:16px;margin:5px 0}.case-features li:before{content:'';position:absolute;left:1px;top:10px;width:4px;height:4px;background:#608bb9;border-radius:50%}.case-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.case-links>.text-link{font-size:12px}.source-link{font-size:10px;color:#6e7d90;padding:12px 0;text-decoration:underline;text-underline-offset:5px}.case-note{font-size:10px;line-height:1.9;color:#7c899a;margin:18px 0 0;max-width:350px;border-left:2px solid #d3dfe9;padding-left:12px}
.album-shot{display:block;width:100%;padding:0;border:0;border-radius:16px;overflow:hidden;background:#eef1f5;text-align:left}.album-shot img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.shot-caption{display:flex;justify-content:space-between;gap:12px;padding:12px 15px;font-size:11px;background:#fff;color:var(--muted)}.shot-caption i{font-style:normal}.project-footnote{margin-top:35px}
#gallery-dialog{width:min(1440px,96vw);max-height:96dvh;padding:24px 28px 18px;background:#111d2c;color:#eff5fc;border:1px solid #334458;overflow:auto;box-shadow:0 35px 120px #0006}#gallery-dialog::backdrop{background:#08131ee6;backdrop-filter:blur(5px)}.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:17px}.viewer-header p{font-size:10px;letter-spacing:.06em;color:#8ea5bf;margin:0 0 5px}.viewer-header h2{font-family:var(--sans);font-size:20px;font-weight:500;margin:0;line-height:1.5}.viewer-close{background:#243447;color:#fff;border-radius:50%;width:42px;height:42px;font-size:27px;flex-shrink:0;line-height:1}.viewer-stage{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:14px;align-items:center}.viewer-stage>a{min-width:0;display:flex;align-items:center;justify-content:center;background:#09131f;border-radius:14px;overflow:hidden;min-height:200px}.viewer-stage img{width:auto;max-width:100%;height:auto;max-height:calc(96dvh - 295px);object-fit:contain}.viewer-arrow{background:#243447;color:#d8e6f7;border-radius:10px;font-size:32px;height:60px;padding:0;line-height:1}.viewer-arrow:hover{background:#345374}.viewer-arrow:disabled{opacity:.2;cursor:default}.viewer-description{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 50px}.viewer-description p{font-size:12px;margin:0}.viewer-description>span{font-size:11px;color:#91a9c3;font-variant-numeric:tabular-nums}#gallery-thumbnails{display:flex;gap:9px;justify-content:center;overflow:auto;padding:0 0 4px}#gallery-thumbnails>button{padding:0;background:#17293d;border:2px solid transparent;border-radius:7px;overflow:hidden;width:80px;height:47px;flex-shrink:0;position:relative;opacity:.5}#gallery-thumbnails>button[aria-pressed=true]{border-color:#8abbf0;opacity:1}#gallery-thumbnails img{width:100%;height:100%;object-fit:contain}#gallery-thumbnails span{position:absolute;bottom:0;right:0;padding:1px 4px;background:#071526b3;color:white;font-size:9px}#gallery-note{font-size:10px!important;line-height:1.7!important;color:#8ea5bf!important;text-align:center;max-width:1000px;margin:10px auto 0!important}.viewer-help{font-size:9px!important;color:#667e98!important;text-align:center;margin:7px 0 0!important}
@media(min-width:1600px){.projects-section>.container{width:min(1320px,calc(100% - 120px))}.project-row{gap:90px}}
@media(max-width:1100px){.project-row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:35px}.project-album{padding:12px;border-radius:21px}.album-strip{gap:9px;margin-top:9px}.album-bottom>span{display:none}.album-bottom{justify-content:flex-end}.case-copy{top:112px}.project-filters button{padding:9px 12px;font-size:11px}}
@media(max-width:760px){.hero-art{border-radius:22px}.project-window{border-radius:14px}.project-toolbar{align-items:flex-start;gap:10px;padding-bottom:20px}.project-toolbar>p{padding-top:12px;font-size:9px}.project-filters{gap:5px;max-width:300px}.project-filters button{padding:8px 11px;min-height:36px;font-size:10px}.project-row{grid-template-columns:1fr;gap:25px;padding:35px 0}.case-copy{position:static;padding-top:0}.case-kicker{margin-bottom:12px;font-size:10px}.case-copy h3{font-size:27px}.case-repo{font-size:9px;margin-bottom:17px}.case-copy h4{font-size:13px;max-width:none;margin-top:16px}.case-intro{font-size:12px;max-width:none;margin-bottom:14px}.case-features{font-size:11px;line-height:1.9;margin-bottom:10px}.case-note{max-width:none;font-size:9px;margin-top:12px}.project-album{padding:11px;border-radius:20px}.album-top{padding:0 3px 12px;font-size:9px}.album-shot{border-radius:12px}.album-strip{gap:9px;margin-top:9px}.album-cover .shot-caption{font-size:10px;padding:10px 11px}.album-strip .shot-caption{font-size:9px;padding:8px 9px;gap:5px}.album-bottom>span{display:block;font-size:8px}.album-bottom{justify-content:space-between;padding-top:11px}.album-toggle,.album-view{font-size:10px;min-height:38px}.album-expanded{grid-template-columns:1fr;gap:11px}.album-expanded>.album-shot{grid-column:1!important}.shot-caption{font-size:10px}#gallery-dialog{width:calc(100% - 16px);max-height:96dvh;padding:17px 12px 16px;border-radius:18px}.viewer-header{margin-bottom:15px;gap:15px}.viewer-header h2{font-size:16px;line-height:1.5}.viewer-header p{font-size:9px}.viewer-close{height:36px;width:36px;font-size:25px}.viewer-stage{grid-template-columns:25px minmax(0,1fr) 25px;gap:5px}.viewer-arrow{height:50px;font-size:27px;border-radius:8px}.viewer-stage>a{border-radius:9px;min-height:0}.viewer-stage img{max-height:calc(96dvh - 295px)}.viewer-description{padding:12px 7px}.viewer-description p{font-size:11px}.viewer-description>span{font-size:10px}#gallery-thumbnails{justify-content:flex-start;padding:0 7px 4px}#gallery-thumbnails>button{width:67px;height:42px}#gallery-note{font-size:9px!important;padding:0 7px;line-height:1.8!important}.viewer-help{font-size:8px!important}}

/* Reference: overlapping image deck, action label + separate total-count badge. */
.project-row{align-items:center;min-height:530px}.case-copy{position:static}.project-album{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:25px;min-width:0;background:transparent;border:0;border-radius:0;padding:18px 0;box-shadow:none}.album-control{align-self:center}.album-toggle{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:9px 20px;background:#e5e7e9;border-radius:999px;color:#73777c;font-weight:400;font-size:16px;line-height:1.5;white-space:nowrap;transition:background .18s,color .18s}.album-toggle:hover{background:#d9dde2;color:#3c4754}.album-toggle>span{margin:0}.album-action{font-size:16px}.album-count{font-size:15px;font-variant-numeric:tabular-nums;color:#96999d}.album-stack{display:block;width:100%;min-width:0;position:relative;aspect-ratio:16/9;border:0;padding:0 39px 0 0;background:transparent;text-align:left;isolation:isolate;cursor:zoom-in;margin-bottom:25px;transition:filter .2s}.stack-layer{display:block;position:absolute;top:0;left:0;width:calc(100% - 39px);height:100%;border-radius:18px;overflow:hidden;box-shadow:0 3px 10px #152e4814;background:#e4e9ef}.stack-layer img{width:100%;height:100%;object-fit:contain;object-position:center;background:#e4e9ef}.stack-front{z-index:3}.stack-back{transform-origin:50% 100%;transform:translate(calc(var(--depth)*17px),calc(var(--depth)*10px)) rotate(calc(var(--depth)*2deg));z-index:calc(3 - var(--depth));filter:brightness(.92)}.album-stack:hover{filter:drop-shadow(0 5px 8px #132c4712)}.album-stack:focus-visible{outline:3px solid var(--blue);outline-offset:7px;border-radius:18px}.album-stack.single-image{padding-right:0;margin-bottom:0}.single-image .stack-layer{width:100%}.project-album:has(.single-image){grid-template-columns:minmax(0,1fr)}.project-album:has(.single-image) .album-control{display:none}.album-expanded{display:flex;flex-direction:column;gap:18px;min-width:0}.album-expanded>.album-shot{grid-column:auto!important}.is-expanded{align-items:start}.is-expanded .album-control{position:sticky;top:125px;align-self:start}.is-expanded .album-toggle{margin-top:12px}.is-expanded .album-shot{box-shadow:0 3px 16px #152e4809}.is-expanded .album-shot:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.album-stack{aspect-ratio:auto}.stack-front{position:relative;aspect-ratio:16/9;width:100%;height:auto}.stack-front img{display:block;aspect-ratio:16/9;height:auto}
.album-deck{position:relative;min-width:0}.project-album:has(.single-image){grid-template-columns:minmax(0,1fr)}.album-stack{margin-bottom:27px}.deck-arrow{position:absolute;top:calc(50% - 23px);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0;border:1px solid #d9e1e9;border-radius:50%;background:#fffffff2;color:#3b536d;box-shadow:0 3px 14px #102c4a24;cursor:pointer;z-index:5;transition:background .15s,box-shadow .15s}.deck-arrow span{font:29px/1 Arial,sans-serif;transform:translateY(-1px)}.deck-previous{left:-16px}.deck-next{right:-12px}.deck-arrow:hover{background:#eaf2fc;box-shadow:0 4px 18px #102c4a30}.deck-arrow:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.stack-position{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:10px;color:#7e8c9d;margin:0 39px 0 0;line-height:1.8;min-height:18px}.stack-index{white-space:nowrap;font-variant-numeric:tabular-nums;color:#8b99aa}.stack-front{animation:deck-reveal .16s ease-out}@keyframes deck-reveal{from{opacity:.65}to{opacity:1}}@media(prefers-reduced-motion:reduce){.stack-front{animation:none}}
@media(min-width:761px){#gallery-dialog{width:min(1760px,96vw)}}
@media(max-width:1100px){.project-album{padding:16px 0;gap:18px;border-radius:0}.album-toggle{font-size:14px;gap:9px;min-height:46px;padding:9px 16px}.album-action{font-size:14px}.album-count{font-size:13px}.stack-layer{border-radius:15px}.project-row{min-height:500px}}
@media(max-width:760px){.project-row{min-height:0;gap:21px}.project-album{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:6px 0 15px;border-radius:0}.album-toggle{padding:9px 14px;min-height:44px;gap:8px;min-width:80px}.album-action{font-size:13px}.album-count{font-size:12px}.album-stack{padding-right:26px;margin-bottom:17px}.stack-layer{width:calc(100% - 26px);border-radius:12px}.stack-back{transform:translate(calc(var(--depth)*11px),calc(var(--depth)*7px)) rotate(calc(var(--depth)*2deg))}.is-expanded{grid-template-columns:minmax(0,1fr);gap:17px}.is-expanded .album-control{position:static;justify-self:start}.is-expanded .album-toggle{margin-top:0}.album-expanded{display:flex;gap:14px}.single-image .stack-layer{width:100%}.album-stack.single-image{padding-right:0}.case-copy{position:static}}
@media(max-width:760px){.deck-arrow{min-width:44px;min-height:44px;top:calc(50% - 18px)}.deck-arrow span{font-size:27px}.deck-previous{left:-11px}.deck-next{right:-9px}.stack-position{margin-right:26px;font-size:9px;gap:8px}.stack-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-stack{margin-bottom:22px}}