.portfolio-hero{display:grid;grid-template-columns:1fr 1fr;background:#0d253b;color:#fff;min-height:620px}
.portfolio-copy{padding:32px 12% 40px 16%;display:flex;flex-direction:column;align-items:flex-start}
.portfolio-crumb{display:flex;gap:13px;font-size:11px;color:#a4b8c8;margin-bottom:48px}.portfolio-crumb a:hover{color:white}
.portfolio-copy .eyebrow{font-size:10px;letter-spacing:2.2px;margin-bottom:24px}
.portfolio-copy h1{font-size:clamp(44px,4.4vw,72px);line-height:1.12;font-weight:400;letter-spacing:-2px;margin-bottom:24px}.portfolio-copy h1 em{color:#a9c6db;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400}
.portfolio-lead{font-size:16px;line-height:1.8;color:#bacbd7;margin-bottom:28px}
.portfolio-explore{display:flex;align-items:center;gap:35px;border-bottom:1px solid #5b758b;padding-bottom:10px;font-size:13px}.portfolio-explore span{font-size:22px}.portfolio-explore:hover{color:#acd4ef}
.portfolio-facts{display:flex;gap:35px;margin-top:36px;padding-top:24px;width:100%;border-top:1px solid #ffffff20;font-size:11px;color:#afc0ce}.portfolio-facts strong{font-size:25px;font-weight:400;color:white;margin-right:7px}
.portfolio-cover{margin:0;position:relative;min-width:0;background:#233746;overflow:hidden}.portfolio-cover>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 65%}.portfolio-cover::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#071725b0);pointer-events:none}.portfolio-cover figcaption{position:absolute;z-index:1;bottom:32px;left:32px;right:32px;display:flex;justify-content:space-between;gap:14px;font-size:10px;letter-spacing:1.5px;color:#fff}.portfolio-cover figcaption span:last-child{letter-spacing:.3px;color:#e0e8ed}
.collection-nav{padding:0 8%;background:#fafbfc;align-items:stretch;scroll-margin-top:20px;border-bottom:1px solid #dce4e9}
.collection-nav>a,.collection-nav>a:first-child,.collection-nav>a:last-child{display:flex;align-items:center;justify-content:flex-start;flex:1;min-width:0;padding:28px 22px;gap:18px;border:0;border-right:1px solid #e0e6eb;transition:background .2s}
.collection-nav>a:first-child{padding-left:0}.collection-nav>a:last-child{border-right:0;padding-right:0}.collection-nav>a:hover{background:#edf3f7}.collection-nav .collection-index{font-size:11px;color:#6c8394;align-self:flex-start;padding-top:4px}.collection-nav strong{display:block;font-size:15px;font-weight:500;color:#102b45}.collection-nav small{display:block;margin-top:5px;font-size:11px;font-weight:400;color:#71808b}.collection-nav .collection-arrow{margin-left:auto;font-size:22px;color:#315e7a}
.collection{padding:80px 8%;scroll-margin-top:18px}.collection:nth-of-type(even){background:#f8fafb}.collection+.collection{border-color:#e0e6eb}.collection-heading{padding-bottom:24px;border-bottom:1px solid #d9e2e8;margin-bottom:32px}.collection-heading .eyebrow{font-size:10px;letter-spacing:2px}.collection-heading h2{font-size:clamp(32px,3.2vw,46px);font-weight:400}.collection-heading p:not(.eyebrow){font-size:14px;max-width:540px}.collection-heading>span{border:1px solid #d5dfe6;border-radius:30px;padding:7px 14px;font-size:11px}
.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;align-items:start}.photo-card{background:transparent}.photo-open{background:#edf1f4;border:1px solid #e0e6eb;border-radius:3px;box-shadow:0 4px 20px #102b4505}.photo-open img{aspect-ratio:3/4;object-fit:contain;transition:transform .4s ease}.photo-open:hover img{transform:scale(1.015)}.zoom-label{display:flex;align-items:center;gap:15px;right:14px;bottom:14px;padding:8px 12px;background:#ffffffed;color:#102b45;font-size:11px;backdrop-filter:blur(8px);border:1px solid #ffffff70;border-radius:2px}.zoom-label>span{font-size:16px}.photo-card figcaption{font-size:12px;padding:14px 1px;color:#4e6474}.photo-card figcaption>span:last-child{color:#8797a3;font-size:10px;letter-spacing:1px}
.photo-card[hidden]{display:none}.collection-more{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:50px;margin:35px auto 0;padding:12px 22px;background:transparent;border:1px solid #aebfcd;color:#183b55;border-radius:2px;font-size:12px;transition:background .2s}.collection-more:hover{background:#e8f0f6}
.portfolio-end{padding:75px 8%;text-align:center;background:#102b45;color:white}.portfolio-end h2{font-size:clamp(32px,4vw,50px);font-weight:400}.portfolio-end .eyebrow{font-size:10px}.portfolio-end .button{margin-top:8px}
#lightbox{border-radius:5px;box-shadow:0 20px 80px #0005}.viewer-top{border-bottom:1px solid #ffffff18;padding:18px 24px}.viewer-controls{border-top:1px solid #ffffff18}.image-stage{padding:18px}.viewer button{border-radius:3px;border-color:#536b7e}
@media(max-width:1000px){.portfolio-copy{padding-left:12%;padding-right:8%}.portfolio-copy h1{font-size:48px}.portfolio-cover figcaption{flex-direction:column}.collection-nav>a{padding:24px 14px;gap:12px}.collection-nav strong{font-size:13px}}
@media(max-width:760px){.portfolio-hero{grid-template-columns:1fr;min-height:0}.portfolio-copy{padding:26px 7% 35px}.portfolio-crumb{margin-bottom:30px}.portfolio-copy h1{font-size:48px}.portfolio-cover{height:440px}.portfolio-cover>img{object-position:center 65%}.portfolio-cover figcaption{left:24px;bottom:24px}.portfolio-facts{margin-top:28px}.collection-nav{padding:0 7%;flex-direction:column}.collection-nav>a,.collection-nav>a:first-child,.collection-nav>a:last-child{width:100%;padding:20px 0;border:0;border-bottom:1px solid #e0e6eb}.collection-nav>a:last-child{border-bottom:0}.collection-nav strong{font-size:15px}.collection-nav .collection-index{padding-top:3px}.collection-nav .collection-arrow{display:block}.collection{padding:50px 7%}.collection-heading{gap:15px}.collection-heading>span{display:none}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.photo-open img{aspect-ratio:3/4}.portfolio-end{padding:55px 7%}.zoom-label{right:8px;bottom:8px;padding:5px 8px;gap:8px}.viewer-top{padding:12px}.image-stage{padding:10px}}
@media(max-width:420px){.photo-grid{grid-template-columns:1fr}.photo-open img{aspect-ratio:auto;max-height:none}.portfolio-cover{height:380px}.portfolio-copy h1{font-size:42px}.portfolio-facts{gap:24px}}
@media(prefers-reduced-motion:reduce){.photo-open img,.collection-more,.collection-nav>a{transition:none}}
/* Stronger collection navigation contrast */
.collection-nav{background:#e5edf4;border-bottom:1px solid #b6c9d9;padding-top:18px;padding-bottom:18px;gap:12px}
.collection-nav>a,.collection-nav>a:first-child,.collection-nav>a:last-child{padding:24px 20px;background:#173c59;border:1px solid #244e6c;border-radius:4px;box-shadow:0 4px 12px #102b4510}
.collection-nav>a:nth-child(2){background:#205779;border-color:#2f6c91}
.collection-nav>a:nth-child(3){background:#23495f;border-color:#355f77}
.collection-nav strong{color:#fff;font-weight:600}.collection-nav small{color:#d5e4ef}.collection-nav .collection-index{color:#b9d3e6}.collection-nav .collection-arrow{color:#fff}
.collection-nav>a:hover,.collection-nav>a:focus-visible{background:#2b6b96;border-color:#3e80ad}
@media(max-width:760px){.collection-nav{gap:10px;padding-top:16px;padding-bottom:16px}.collection-nav>a,.collection-nav>a:first-child,.collection-nav>a:last-child{padding:18px;border:1px solid #355f77}}

.villa-slideshow>img{object-position:center}