.service-card .card-top{margin-bottom:20px}
.service-photo{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;margin-bottom:24px;background:#22272b;isolation:isolate}
.service-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.service-photo:hover img{transform:scale(1.045)}
.photo-expand{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff65;background:#14171bc9;color:#fff;backdrop-filter:blur(8px);transition:background .2s}
.photo-expand svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}
.service-photo:hover .photo-expand{background:var(--red)}
.project-gallery{margin-bottom:112px;padding:64px 0 54px;background:#16191d;color:#fff;border-block:1px solid #2b3037;position:relative;isolation:isolate}
.project-gallery:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 0%,#cb142815,transparent 55%)}
.gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:30px}
.gallery-heading .eyebrow{color:#ee8290;margin-bottom:14px}
.gallery-heading h2{font-size:clamp(2.25rem,3.8vw,3.25rem)}
.gallery-heading p:not(.eyebrow){max-width:560px;color:#b9bdc4;margin-top:18px;font-size:1rem;line-height:1.6}
.gallery-all{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:48px;padding:13px 18px;border:1px solid #565c65;white-space:nowrap;font-size:.875rem;font-weight:700;transition:background .2s,border-color .2s}
.gallery-all:hover{background:#242930;border-color:#b8bec7}
.gallery-all svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.project-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}
.project-card{position:relative;display:block;min-width:0;height:390px;overflow:hidden;border:1px solid #3b4149;background:#22272e;isolation:isolate}
.project-card:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#070b1000 36%,#090c12a3 73%,#090c12f0 100%);pointer-events:none}
.project-card>img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.65,.3,1)}
.project-card:hover>img{transform:scale(1.045)}
.project-card:focus-visible{outline-offset:5px}
.project-card .photo-expand{top:16px;right:16px;bottom:auto;z-index:1}
.project-card:hover .photo-expand{background:var(--red);border-color:var(--red)}
.project-caption{position:absolute;z-index:1;left:23px;right:23px;bottom:24px;display:block}
.project-caption .photo-category{display:block;font-size:.75rem;letter-spacing:.12em;line-height:1.5;margin-bottom:10px;color:#e3e5e9;text-transform:uppercase}
.project-caption strong{display:block;max-width:310px;font-size:1.4rem;line-height:1.22;letter-spacing:-.025em}
.gallery-footnote{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;color:#aeb4bf;font-size:.875rem;line-height:1.5}
.gallery-footnote>span:last-child{font-size:.75rem;letter-spacing:.1em;color:#d2d6dc}
.photo-dialog{width:min(1180px,calc(100% - 40px));height:min(930px,calc(100dvh - 40px));max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;border:1px solid #505863;background:#101318;color:#fff;box-shadow:0 28px 100px #0009;border-radius:3px}
.photo-dialog::backdrop{background:#080b10e8;backdrop-filter:blur(12px)}
.photo-dialog[open]{animation:viewer-enter .18s ease-out}
.photo-viewer-inner{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0}
.photo-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:13px 20px;border-bottom:1px solid #333942;background:#1a1e25}
.photo-toolbar-brand{display:flex;align-items:center;gap:20px;font-size:.875rem;letter-spacing:.05em;line-height:1.4}
.photo-toolbar-brand>strong{font-size:.875rem;font-weight:700;letter-spacing:.09em}
.photo-position{color:#b9c1cd;font-variant-numeric:tabular-nums}
.photo-toolbar-actions,.photo-navigation{display:flex;align-items:center;gap:8px;flex-shrink:0}
.photo-control{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 13px;border:1px solid #515a67;background:#20262f;color:#fff;font-size:.875rem;font-weight:600;line-height:1.4;transition:background .18s,border-color .18s}
.photo-control:hover{background:#343d4a;border-color:#8c97a5}
.photo-control:disabled{cursor:default;opacity:.45}
.photo-control svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}
.photo-close{background:#f3f4f6;color:#11161d;border-color:#f3f4f6}
.photo-close:hover{background:#d6dce3;color:#11161d;border-color:#d6dce3}
.photo-figure{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;min-width:0}
.photo-stage{min-height:0;min-width:0;position:relative;overflow:hidden;background:#090b0e;display:grid;place-items:center;touch-action:pan-y pinch-zoom}
.photo-stage>img{height:100%;width:100%;min-height:0;object-fit:contain;transition:opacity .16s ease}
.photo-stage.is-loading>img{opacity:0}
.photo-stage.is-loading:before{content:"Loading photo…";position:absolute;color:#b7c0cd;font-size:.875rem}
.photo-stage.is-zoomed{display:block;overflow:auto;touch-action:auto;overscroll-behavior:contain}
.photo-stage.is-zoomed>img{max-width:none;width:200%;height:200%;object-fit:contain}
.photo-load-error{position:absolute;max-width:320px;padding:24px;text-align:center;color:#d3d8e1;font-size:1rem}
.photo-load-error[hidden]{display:none}
.photo-caption{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#171c23;border-top:1px solid #323942}
.photo-caption-copy{min-width:0}
.photo-caption .photo-category{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#ee8290;line-height:1.5;margin-bottom:6px}
.photo-caption h3{font-size:1.25rem;letter-spacing:-.02em;line-height:1.25}
.photo-description{font-size:.875rem;color:#b6bfcc;line-height:1.5;margin-top:6px}
.photo-thumbnails{display:flex;gap:8px;overflow-x:auto;min-width:0;padding:13px 20px 17px;background:#101318;scrollbar-width:thin;scrollbar-color:#525c6c #171c23;overscroll-behavior-x:contain}
.photo-thumbnail{flex:0 0 56px;height:60px;padding:2px;border:1px solid #46505d;background:#11161d;opacity:.65;transition:opacity .15s,border-color .15s}
.photo-thumbnail img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.photo-thumbnail:hover{opacity:1}
.photo-thumbnail[aria-pressed="true"]{opacity:1;border:2px solid #f24e62;padding:1px}
@keyframes viewer-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1080px){.project-gallery{margin-bottom:85px}.project-grid{gap:12px}.project-card{height:350px}.project-caption{left:18px;right:18px;bottom:21px}.project-caption strong{font-size:1.25rem}}
@media(max-width:800px){.gallery-heading{align-items:flex-start;flex-direction:column;gap:24px}.project-grid{grid-template-columns:1.15fr 1fr 1fr}.project-card{height:310px}.project-caption{left:15px;right:15px;bottom:20px}.project-caption strong{font-size:1.125rem}.project-caption .photo-category{font-size:.75rem;letter-spacing:.05em}.project-card .photo-expand{top:12px;right:12px;width:36px;height:36px}.photo-description{max-width:480px}}
@media(max-width:600px){.service-photo{aspect-ratio:16/9;margin-bottom:25px}.project-gallery{margin-bottom:66px;padding:42px 0 34px}.gallery-heading{gap:23px;margin-bottom:25px}.gallery-heading h2{font-size:2.5rem}.gallery-heading p:not(.eyebrow){margin-top:16px}.gallery-all{width:100%}.project-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 13px;scrollbar-width:thin;scrollbar-color:#626b79 #242a32;overscroll-behavior-x:contain}.project-card{flex:0 0 85%;height:350px;scroll-snap-align:start}.project-caption{left:21px;right:21px;bottom:24px}.project-caption strong{font-size:1.4rem}.project-caption .photo-category{letter-spacing:.1em}.gallery-footnote{align-items:flex-start;gap:14px;margin-top:14px}.gallery-footnote>span:first-child{max-width:200px}.gallery-footnote>span:last-child{white-space:nowrap}.photo-dialog{width:100%;height:100dvh;border:0;border-radius:0}.photo-toolbar{padding:max(10px,env(safe-area-inset-top)) 12px 10px;gap:10px}.photo-toolbar-brand{display:block;font-size:.875rem}.photo-toolbar-brand>strong{display:block;font-size:.75rem;letter-spacing:.06em}.photo-position{display:block;margin-top:3px;font-size:.875rem}.photo-toolbar-actions{gap:7px}.photo-control{padding:9px 11px;min-height:44px;font-size:.875rem}.photo-caption{padding:15px 15px 13px;gap:14px;align-items:flex-start}.photo-caption h3{font-size:1.125rem;line-height:1.3}.photo-caption .photo-category{font-size:.75rem;letter-spacing:.06em}.photo-description{font-size:.875rem;line-height:1.5}.photo-navigation{gap:6px}.photo-navigation .photo-control{width:44px;padding:9px}.photo-thumbnails{padding:10px 15px max(12px,env(safe-area-inset-bottom));gap:7px}.photo-thumbnail{flex-basis:49px;height:51px}.photo-stage{min-height:100px}}
@media(max-width:380px){.photo-zoom-label{display:none}.photo-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.photo-description{font-size:.875rem}.photo-toolbar-brand>strong{font-size:.75rem}.project-card{height:315px}}
@media(max-height:540px) and (orientation:landscape){.photo-dialog{height:100dvh;width:100%;border:0}.photo-toolbar{padding:6px 14px}.photo-figure{grid-template-columns:minmax(0,1fr) 250px;grid-template-rows:minmax(0,1fr)}.photo-caption{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:18px}.photo-thumbnails{padding:6px 14px}.photo-thumbnail{height:43px;flex-basis:46px}.photo-caption h3{font-size:1.125rem}}
@media(prefers-reduced-motion:reduce){.service-photo img,.project-card>img,.photo-dialog[open],.photo-stage>img{animation:none;transition:none}.service-photo:hover img,.project-card:hover>img{transform:none}}