.gallery-page .portfolio-hero{min-height:620px}.gallery-page .page-hero__photo{object-position:80% center}.gallery-page .page-hero__content{padding-block:72px 88px}.gallery-page .page-hero__content h1{font-size:clamp(38px,4vw,58px);margin-bottom:22px}.portfolio-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.portfolio-heading h2{margin-bottom:0}.portfolio-heading>p{font-size:16px;color:#66747e;max-width:360px;margin:0}.portfolio-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}.portfolio-filters button{padding:11px 20px;border:1px solid #dce1e4;border-radius:24px;background:#fff;color:var(--ink);font-size:15px;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.portfolio-filters button:hover{border-color:var(--gold)}.portfolio-filters button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.portfolio-count{margin:20px 0 28px!important;font-size:15px;color:#6b7780}.portfolio-grid{columns:3;column-gap:26px}.portfolio-card{break-inside:avoid;margin:0 0 26px;border:1px solid #e1e5e6;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #14253109}.portfolio-card[hidden]{display:none}.portfolio-photo{display:block;width:100%;padding:0;border:0;background:#e9ecec;position:relative;cursor:zoom-in;overflow:hidden}.portfolio-photo img{display:block;width:100%;height:auto;transition:transform .5s}.portfolio-photo:hover img{transform:scale(1.025)}.portfolio-expand{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffffffeb;color:var(--navy);box-shadow:0 3px 10px #0002}.portfolio-expand svg{width:18px;height:18px}.portfolio-card figcaption{padding:23px 24px 25px}.portfolio-category{font-size:15px;color:#96713b;font-weight:500}.portfolio-card h3{font-size:20px!important;line-height:1.35;margin:7px 0 15px!important;letter-spacing:-.4px}.portfolio-card a{font-size:15px;color:#607580;display:inline-flex;align-items:center;gap:10px}.portfolio-card a:hover{text-decoration:underline;color:#96713b}.portfolio-cta{display:flex;align-items:center;justify-content:space-between;gap:40px}.portfolio-cta h2{max-width:650px}.portfolio-cta__actions{display:flex;flex-direction:column;align-items:start;gap:22px;flex:none}.portfolio-home-link{font-size:15px;display:flex;gap:12px;align-items:center}.portfolio-home-link:hover{text-decoration:underline}.portfolio-dialog{width:min(1050px,calc(100% - 32px));max-height:94dvh;border:0;border-radius:12px;padding:54px 24px 24px;color:var(--ink);background:#fff;box-shadow:0 20px 80px #0005}.portfolio-dialog::backdrop{background:#10202bef;backdrop-filter:blur(6px)}.portfolio-dialog__close{position:absolute;right:14px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:#eef1f1;color:var(--navy);font-size:28px;cursor:pointer}.portfolio-dialog__image{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:16px}.portfolio-dialog__image img{width:100%;height:auto;max-height:70dvh;object-fit:contain}.portfolio-dialog__image button{height:42px;width:42px;border-radius:50%;border:1px solid #d4dce0;background:#fff;color:var(--navy);font-size:29px;cursor:pointer}.portfolio-dialog__image button:hover{background:var(--navy);color:#fff}.portfolio-dialog__caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.portfolio-dialog__caption h2{font-size:22px;line-height:1.35;margin:0}.portfolio-dialog__count{font-size:15px;color:#6c7780;flex:none}.customer-showcase{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#213542,#10202b);color:#fff;padding:76px 32px 90px}.customer-showcase::before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 40%,#ffffff04 40%,#ffffff04 75%,transparent 75%);z-index:-1}.customer-showcase__shell{max-width:1160px;margin:auto;display:grid;grid-template-columns:.85fr 1fr;gap:84px;align-items:center}.customer-showcase__copy .eyebrow{color:#dec39b;font-size:15px;letter-spacing:2px}.customer-showcase__copy h2{font-size:clamp(30px,3.6vw,46px);line-height:1.2;font-weight:700;margin:18px 0 24px}.customer-showcase__copy>p:not(.eyebrow){font-size:16px;line-height:1.75;color:#d3dce2;margin-bottom:30px;max-width:380px}.customer-showcase .page-button{font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--gold);color:#fff;border-radius:7px;padding:14px 22px;font-weight:700;line-height:1.5;transition:background .2s,transform .2s}.customer-showcase .page-button:hover{background:var(--gold-dark);transform:translateY(-2px)}.customer-carousel{min-width:0;width:100%;max-width:520px}.customer-carousel__slides{position:relative;border-radius:10px;overflow:hidden;background:#0d1c27;box-shadow:0 18px 40px #0003}.customer-slide{margin:0;position:relative;animation:customer-fade .5s ease}.customer-slide[hidden]{display:none}.customer-slide img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#101d28}.customer-slide figcaption{padding:19px 24px 23px;background:#f8f5ef;color:var(--ink);min-height:93px;display:flex;flex-direction:column;gap:5px}.customer-slide figcaption span{font-size:15px;color:#92703f}.customer-slide figcaption strong{font-size:20px;line-height:1.35}.customer-carousel__controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}.customer-carousel__dots,.customer-carousel__buttons{display:flex;gap:9px;align-items:center}.customer-slide-dot{position:relative;display:block;width:32px;height:40px;padding:0;border:0;background:none;cursor:pointer}.customer-slide-dot::after{content:"";position:absolute;top:16px;left:4px;width:24px;height:4px;background:#76838d;border-radius:2px;transition:background .2s}.customer-slide-dot[aria-pressed=true]::after{background:var(--gold)}.customer-carousel__buttons button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #74818b;border-radius:50%;background:transparent;color:#fff;font-size:28px;line-height:1;cursor:pointer}.customer-carousel__buttons button:hover{background:#ffffff17;border-color:#dec39b}.customer-carousel__buttons svg{width:17px;height:17px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes customer-fade{from{opacity:.45}to{opacity:1}}
@media(max-width:1000px){.portfolio-grid{columns:2}.portfolio-heading{gap:28px}.customer-showcase__shell{gap:38px;grid-template-columns:.85fr 1fr}.customer-showcase{padding:60px 32px}.customer-slide figcaption strong{font-size:18px}.gallery-page .portfolio-hero{min-height:590px}}
@media(max-width:700px){.gallery-page .portfolio-hero{min-height:0}.gallery-page .page-hero__photo{object-position:center 36%}.gallery-page .page-hero__content{padding-block:72px 74px}.gallery-page .page-hero__content h1{font-size:36px}.portfolio-heading,.portfolio-cta{flex-direction:column;align-items:start;gap:24px}.portfolio-grid{columns:2;column-gap:16px}.portfolio-card{margin-bottom:16px}.portfolio-card figcaption{padding:19px 18px}.portfolio-card h3{font-size:18px!important}.portfolio-filters{gap:8px;margin-top:30px}.portfolio-filters button{padding:10px 15px}.customer-showcase{padding:50px 24px 58px}.customer-showcase__shell{grid-template-columns:1fr;gap:34px}.customer-showcase__copy h2{font-size:34px}.customer-showcase__copy>p:not(.eyebrow){max-width:none}.customer-carousel{max-width:520px;margin-inline:auto}.portfolio-dialog{padding-inline:12px}.portfolio-dialog__image{grid-template-columns:32px minmax(0,1fr) 32px;gap:6px}.portfolio-dialog__image button{width:32px;height:38px}.portfolio-dialog__caption h2{font-size:18px}}
@media(max-width:480px){.portfolio-grid{columns:1}.customer-showcase{padding-inline:20px}.customer-carousel__dots{gap:0}.customer-slide-dot{width:27px}.customer-slide-dot::after{width:19px}.customer-carousel__buttons{gap:6px}.customer-slide figcaption{padding:18px 20px}.portfolio-dialog__caption{align-items:start}.gallery-page .inner-footer nav{gap:18px}}
@media(prefers-reduced-motion:reduce){.customer-slide{animation:none}.portfolio-photo img{transition:none}}