/* WORK-only additions. The shared site design remains in site.css. */
.work-page .work-card{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.work-page .work-visual,.work-page .work-info{min-width:0}
.work-page .work-cover{padding:0;position:relative;min-height:420px}
.work-cover img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.work-page .work-info h2{overflow-wrap:anywhere;line-height:1.15}
.work-page .work-info h2 a:hover{text-decoration:underline;text-underline-offset:5px}
.work-metadata{display:grid;gap:12px;font-size:10px;letter-spacing:.1em;line-height:1.5}
.work-page .work-growth .work-visual{background:var(--acid);color:#080808}
.work-page .work-growth .work-visual b{font-size:clamp(56px,8.8vw,140px);letter-spacing:-.08em}
.project-intro{padding:clamp(54px,7vw,110px) var(--pad) clamp(36px,5vw,72px);border-bottom:1px solid var(--line)}
.project-intro h1{font-size:clamp(44px,7.4vw,116px);line-height:.9;letter-spacing:-.065em;margin:0 0 32px;max-width:1250px}
.project-intro h1 span{display:block}
.project-subtitle{font-size:clamp(12px,1.4vw,18px);letter-spacing:.04em;margin:0 0 24px}
.project-meta{display:flex;flex-wrap:wrap;gap:12px 32px;color:var(--muted);font-size:11px;letter-spacing:.08em;line-height:1.5}
.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,700px));justify-content:center;align-items:start;gap:24px;max-width:2098px;margin-inline:auto;padding:clamp(16px,2.5vw,42px) var(--pad) clamp(40px,6vw,90px)}
.gallery-item{display:block;width:100%;max-width:var(--thumb-desktop-width);justify-self:center;min-width:0;margin:0;line-height:0}
.gallery-item picture{display:block}
.gallery-item img{width:100%;height:auto;display:block}
@media(min-width:1600px){.project-gallery{grid-template-columns:repeat(3,minmax(0,650px));gap:32px}}
.gallery-item:focus-visible,.lightbox button:focus-visible{outline:2px solid white;outline-offset:5px}
.project-back{display:block;padding:28px var(--pad);border-top:1px solid var(--line);font-size:12px;letter-spacing:.08em}
.project-back:hover{text-decoration:underline;text-underline-offset:5px}
.lightbox{position:fixed;inset:0;z-index:200;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#000;color:#fff;overflow:hidden}
.lightbox:not([open]){display:none}
.lightbox[open]{display:grid;grid-template-rows:64px minmax(0,1fr) 64px}
.lightbox::backdrop{background:#000}
.lightbox-top,.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px max(18px,env(safe-area-inset-left));font-size:11px;letter-spacing:.08em}
.lightbox-top{padding-top:max(8px,env(safe-area-inset-top))}
.lightbox-bottom{padding-bottom:max(8px,env(safe-area-inset-bottom))}
.lightbox button{min-width:48px;min-height:44px;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;padding:10px}
.lightbox-close{margin-left:auto}
.lightbox-stage{min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;padding:0 18px;touch-action:pan-y}
.lightbox-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.lightbox-stage img[hidden]{display:none}
.lightbox-status{color:#aaa;font-size:11px;text-align:center}
.lightbox-status:empty{display:none}
@media(max-width:820px){
 .work-page .work-card{grid-template-columns:minmax(0,1fr);min-height:0}
 .work-page .work-visual{min-height:66vw}
 .work-page .work-cover{min-height:0;aspect-ratio:3/2}
 .work-page .work-info{grid-column:auto;min-height:180px;padding:28px var(--pad) 32px}
 .work-page .work-info h2{font-size:24px}
 .work-page .work-growth .work-visual b{font-size:18vw}
 .project-intro h1{font-size:clamp(42px,10.6vw,78px);line-height:.96;letter-spacing:-.06em}
 .project-intro{padding:54px 16px 34px}
 .project-subtitle{font-size:11px;letter-spacing:.035em}
 .project-meta{gap:10px 18px;font-size:10px}
 .lightbox-stage{padding:0}
}
@media(max-width:699px){
 .project-gallery{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px 16px 42px}
 .gallery-item{max-width:var(--thumb-mobile-width)}
}