/* A photographic portfolio within the approved Glial visual identity. */
.nav{gap:24px}.nav a[aria-current=page]{color:var(--blue)}
.work-intro{display:grid;grid-template-columns:1.35fr 1fr;gap:70px;align-items:end;padding-block:36px 64px}
.work-intro h1{font-size:clamp(40px,4.65vw,64px);color:var(--navy);line-height:1.1;letter-spacing:-.045em}
.work-intro .page-intro{margin:0;font-size:17px;line-height:1.8;max-width:440px}.work-intro .text-link{margin-top:24px}
.work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-block:23px 34px}
.work-filters{display:flex;flex-wrap:wrap;gap:6px}.work-filters button{font-size:14px;font-weight:600;background:white;border:1px solid transparent;border-radius:4px;padding:10px 14px;min-height:44px;color:var(--muted)}.work-filters button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white}.work-filters button:hover{border-color:#bdc8d9;color:var(--navy)}.work-filters button[aria-pressed=true]:hover{color:#fff}
#work-count{font-size:13px;color:var(--muted);white-space:nowrap}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 32px}
.work-card{min-width:0;scroll-margin-top:30px}.work-image,.detail-image{position:relative;display:block;background:#eeefed;border-radius:5px;overflow:hidden}.work-image{aspect-ratio:4/3}.work-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.work-image:hover img,.detail-image:hover img{transform:scale(1.02)}
.image-action{position:absolute;right:16px;bottom:16px;background:#ffffffed;color:var(--navy);font-size:12px;font-weight:600;padding:9px 13px;border-radius:3px;display:flex;align-items:center;gap:18px;box-shadow:0 2px 9px #182c4e08}
.work-card-copy{padding:22px 2px 0}.work-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;line-height:1.6;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--blue);margin-bottom:9px}.work-meta span{color:#6c7789;font-weight:400;letter-spacing:.03em}
.work-card h2,.work-card h3{font-size:28px;line-height:1.25;letter-spacing:-.035em}.work-card-copy>p:not(.work-meta){font-size:16px;line-height:1.75;color:var(--muted);margin-top:13px;max-width:510px}.work-card-copy .text-link{font-size:14px;margin-top:22px;gap:20px}
.work-tags{display:flex;flex-wrap:wrap;gap:7px 15px;margin-top:17px}.work-tags span{font-size:12px;color:#5a6b83;line-height:1.5}.work-tags span+span:before{content:'·';color:#a3aebe;margin-right:15px}
.work-caption{font-size:13px;color:var(--muted);max-width:760px;padding-block:47px 74px;line-height:1.8}
.work-details{background:#f3f5f8}.work-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.work-detail-grid figure{margin:0}.detail-image{aspect-ratio:1}.detail-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.work-detail-grid figcaption{margin-top:24px}.work-detail-grid h3{font-size:22px;line-height:1.3}.work-detail-grid p{font-size:15px;line-height:1.75;color:var(--muted);margin-top:11px}
.selected-work{border-bottom:1px solid var(--line)}.work-featured{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.work-featured .work-image{aspect-ratio:4/3}.work-featured .work-card h3{font-size:23px}.work-featured .work-card-copy>p:not(.work-meta){font-size:15px}.work-featured .work-tags{display:none}
#work-viewer{width:min(1180px,calc(100% - 40px));padding:0;max-height:92vh;overflow:auto;background:#fff}
#work-viewer .close-dialog{position:sticky;display:block;top:14px;margin:14px 14px -54px auto;z-index:2;width:40px;height:40px;background:white;border:1px solid var(--line);box-shadow:0 1px 8px #0001}
.work-viewer-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);align-items:stretch}
.work-viewer-media{background:#eeefed;min-width:0}.work-viewer-image{min-height:240px;display:flex;justify-content:center;align-items:center}.work-viewer-image img{width:100%;height:65vh;max-height:670px;object-fit:contain}
.work-photo-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 24px;border-top:1px solid #dce0e2}.work-photo-controls button{background:transparent;min-width:44px;min-height:40px;font-size:23px;border-radius:3px}.work-photo-controls button:hover{background:#fff8}.work-photo-controls p{font-size:12px;color:#536077;text-align:center}
#work-thumbnails{display:flex;justify-content:center;gap:10px;padding:0 20px 20px;flex-wrap:wrap}#work-thumbnails button{width:70px;height:60px;border:2px solid transparent;border-radius:3px;padding:3px;background:#fff9;opacity:.65}#work-thumbnails button[aria-pressed=true]{border-color:var(--navy);opacity:1}#work-thumbnails img{width:100%;height:100%;object-fit:contain}
.work-viewer-copy{padding:70px 34px 38px;align-self:center}.work-viewer-copy .eyebrow{margin-bottom:13px}.work-viewer-copy h2{font-size:34px;line-height:1.16;margin-bottom:19px}.work-viewer-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.8}.work-viewer-copy .work-tags{margin-top:22px}.work-viewer-copy .work-viewer-note{font-size:13px!important;border-top:1px solid var(--line);margin-top:30px;padding-top:22px}.work-viewer-copy .button{margin-top:23px;font-size:14px;gap:22px;white-space:normal;width:100%}
.work-reference{background:#eef3fb;border-left:3px solid var(--blue);padding:14px 17px;margin-bottom:25px}.work-reference p{font-size:14px;font-weight:600}.work-reference button{background:none;padding:7px 0 0;color:var(--blue);font-size:12px;text-decoration:underline}
@media(max-width:1150px){.nav{gap:18px;font-size:15px}.header{gap:20px}.logo{width:170px}.work-intro{gap:38px}.work-grid{gap:44px 25px}.work-featured{gap:20px}.work-featured .work-card h3{font-size:21px}.work-card h2{font-size:26px}.work-viewer-copy{padding-inline:26px}.work-viewer-copy h2{font-size:30px}}
@media(max-width:1050px){.nav,.header>.button{display:none}#menu{display:flex;flex-direction:column;gap:6px;padding:12px;background:none;width:48px;height:44px;justify-content:center}#menu span{display:block;width:24px;height:2px;background:var(--navy)}#menu[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}#menu[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}}
@media(max-width:960px){.work-intro{grid-template-columns:1fr;gap:25px}.work-intro .page-intro{max-width:630px}.work-toolbar{align-items:flex-start;flex-direction:column;gap:15px}.work-detail-grid{gap:18px}.work-detail-grid h3{font-size:19px}.work-viewer-layout{grid-template-columns:1fr}.work-viewer-image img{height:52vh}.work-viewer-copy{padding:28px 32px}.work-viewer-copy .button{width:auto}.work-viewer-copy .work-viewer-note{margin-top:20px}.work-featured{grid-template-columns:repeat(2,minmax(0,1fr))}.work-featured .work-card:last-child{grid-column:1/-1;max-width:520px}}
@media(max-width:650px){.logo{width:180px}.work-intro{padding-block:20px 36px;gap:23px}.work-intro h1{font-size:34px;line-height:1.15}.work-intro .page-intro{font-size:16px}.work-toolbar{padding-block:18px 26px}.work-filters{gap:5px}.work-filters button{font-size:13px;padding:9px 11px}.work-grid,.work-detail-grid,.work-featured{grid-template-columns:1fr;gap:40px}.work-featured .work-card:last-child{grid-column:auto;max-width:none}.work-card-copy{padding-top:19px}.work-card h2,.work-card h3,.work-featured .work-card h3{font-size:26px}.work-card-copy>p:not(.work-meta),.work-featured .work-card-copy>p:not(.work-meta){font-size:16px}.work-meta{font-size:11px}.image-action{right:12px;bottom:12px;padding:8px 11px;font-size:11px}.work-tags{gap:7px 12px}.work-tags span+span:before{margin-right:12px}.work-caption{padding-block:32px 50px}.work-detail-grid h3{font-size:23px}.work-detail-grid p{font-size:16px}.detail-image{aspect-ratio:4/3}#work-viewer{width:calc(100% - 24px);max-height:93vh}.work-viewer-copy{padding:24px}.work-viewer-copy h2{font-size:28px}.work-viewer-image img{height:45vh}.work-photo-controls{padding:7px 14px}.work-photo-controls p{font-size:11px}#work-thumbnails{gap:8px;padding-bottom:14px}#work-thumbnails button{width:59px;height:51px}.work-viewer-copy .button{width:100%;font-size:14px;gap:12px}.work-reference p{font-size:13px}}
@media(max-width:370px){.work-intro h1{font-size:32px}.work-card h2,.work-card h3,.work-featured .work-card h3{font-size:24px}.work-filters button{font-size:12px;padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.work-image img,.detail-image img{transition:none}}