body.gallery-page{background:var(--paper)}
.gallery-hero,.category-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(226,189,105,.18),transparent 27%),linear-gradient(135deg,#061726 0%,#0c2943 56%,#081a2b 100%);color:#fff;padding:160px 0 86px}
.gallery-hero:after,.category-hero:after{content:"SEACOL";position:absolute;right:-20px;bottom:-32px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(90px,18vw,260px);line-height:.75;letter-spacing:-.06em;color:rgba(255,255,255,.025);pointer-events:none}
.gallery-hero .container,.category-hero .container{position:relative;z-index:2}
.gallery-hero h1,.category-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,7vw,92px);line-height:1.02;font-weight:500;letter-spacing:-.018em;margin:0;max-width:1000px}
.gallery-hero>div>p:not(.eyebrow),.category-intro{max-width:800px;color:rgba(255,255,255,.72);font-size:18px;line-height:1.7;margin:24px 0 0}
.back-link{display:inline-flex;margin-bottom:30px;color:var(--gold2);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.gallery-subnav{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}
.gallery-subnav a{border:1px solid rgba(226,189,105,.46);border-radius:999px;padding:10px 15px;color:#fff;font-size:11px;font-weight:760;letter-spacing:.02em;background:rgba(255,255,255,.035);transition:.25s}
.gallery-subnav a:hover,.gallery-subnav a.active{background:var(--gold2);color:var(--navy);border-color:var(--gold2);transform:translateY(-2px)}
.gallery-section{padding:88px 0}
.gallery-hub-section{background:var(--ivory)}
.gallery-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.gallery-hub-card{display:grid;grid-template-columns:.95fr 1.05fr;min-height:360px;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 18px 55px rgba(8,26,43,.07);transition:.3s}
.gallery-hub-card:hover{transform:translateY(-5px);box-shadow:0 28px 70px rgba(8,26,43,.14)}
.gallery-hub-card figure{position:relative;margin:0;min-height:100%;overflow:hidden;background:#ddd}
.gallery-hub-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.5s}
.gallery-hub-card:hover img{transform:scale(1.035)}
.gallery-hub-body{padding:32px;display:flex;flex-direction:column;justify-content:center}
.gallery-hub-body>span{color:#8b6a2f;font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:850}
.gallery-hub-body h2{font-family:Georgia,"Times New Roman",serif;font-size:32px;line-height:1.08;font-weight:500;margin:9px 0 12px}
.gallery-hub-body p{color:var(--muted);font-size:14px;line-height:1.65;margin:0 0 22px}
.gallery-hub-body strong{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--navy)}
.gallery-library-note{display:flex;justify-content:space-between;gap:30px;margin-top:28px;border-top:1px solid var(--line);padding-top:26px;color:var(--muted)}
.gallery-library-note strong{color:var(--navy);font-family:Georgia,serif;font-size:24px;font-weight:500}
.gallery-library-note span{max-width:520px;text-align:right}
.category-count{display:flex;align-items:baseline;gap:14px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.category-count strong{font-family:Georgia,serif;font-size:38px;font-weight:500;color:var(--navy)}
.category-count span{text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800;color:#7a776f}
.ba-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.ba-grid-large .ba-project:nth-child(odd):last-child{grid-column:1/-1;max-width:900px;justify-self:center;width:100%}
.ba-project{border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 18px 55px rgba(8,26,43,.08)}
.ba-copy{padding:24px 26px 21px}
.ba-copy>span{display:block;color:#8b6a2f;font-size:9px;text-transform:uppercase;letter-spacing:.16em;font-weight:850;margin-bottom:7px}
.ba-copy h2{font-family:Georgia,"Times New Roman",serif;font-size:28px;line-height:1.12;letter-spacing:.006em;font-weight:500;margin:0 0 9px}
.ba-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.62}
.gallery-comparison{aspect-ratio:16/10;border-radius:0;box-shadow:none;background:#ece8df;max-height:760px}.gallery-comparison>img,.gallery-comparison .comparison-after img{object-fit:contain!important;object-position:center!important;image-rendering:auto;transform:none!important}.gallery-comparison .comparison-after{background:#ece8df}
.gallery-comparison .label{top:15px}
.gallery-back-cta{margin-top:48px;padding:28px 32px;border-radius:18px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px}
.gallery-back-cta p{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:27px;line-height:1.15}
.process-masonry{columns:4 250px;column-gap:18px}
.process-tile{break-inside:avoid;margin:0 0 18px;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 12px 34px rgba(8,26,43,.07)}
.process-tile img{width:100%;height:auto;display:block}
.process-tile figcaption{padding:15px 16px 17px}
.process-tile strong{display:block;font-family:Georgia,serif;font-size:18px;font-weight:500;line-height:1.15;margin-bottom:5px}
.process-tile span{text-transform:uppercase;letter-spacing:.13em;font-size:8px;color:#8b6a2f;font-weight:800}
.process-hero{background:radial-gradient(circle at 78% 20%,rgba(226,189,105,.18),transparent 26%),linear-gradient(135deg,#081a2b,#102d48)}
@media(max-width:980px){.gallery-hub-grid{grid-template-columns:1fr}.gallery-hub-card{grid-template-columns:1fr 1fr}.ba-grid{grid-template-columns:1fr}.ba-grid-large .ba-project:nth-child(odd):last-child{grid-column:auto;max-width:none}.process-masonry{columns:3 220px}}
@media(max-width:700px){.gallery-hero,.category-hero{padding:126px 0 60px}.gallery-hero h1,.category-hero h1{font-size:47px;line-height:1.05}.gallery-hero>div>p:not(.eyebrow),.category-intro{font-size:16px}.gallery-subnav{display:grid;grid-template-columns:1fr 1fr}.gallery-subnav a{text-align:center}.gallery-section{padding:64px 0}.gallery-hub-card{grid-template-columns:1fr;min-height:0}.gallery-hub-card figure{min-height:270px}.gallery-hub-body{padding:24px}.gallery-library-note{flex-direction:column}.gallery-library-note span{text-align:left}.gallery-comparison{aspect-ratio:4/3}.gallery-back-cta{align-items:flex-start;flex-direction:column;padding:24px}.gallery-back-cta .button{width:100%}.process-masonry{columns:2 160px}}
@media(max-width:440px){.gallery-subnav{grid-template-columns:1fr}.process-masonry{columns:1}}
/* Preserve original composition in project comparisons; never crop photos to fill the card. */
.gallery-comparison[data-ratio-ready="true"]{aspect-ratio:var(--photo-ratio,16/10)}

/* Match the portrait before and landscape after around the complete vanity. */
.gallery-comparison.vanity-comparison{aspect-ratio:1/1;max-height:none}
.gallery-comparison.vanity-comparison>img{object-fit:cover!important;object-position:38% center!important}
.gallery-comparison.vanity-comparison .comparison-after img{object-fit:cover!important;object-position:center 65%!important}

/* Additional project photographs retain their complete original composition. */
.project-additions{margin-top:72px}
.project-additions h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(30px,4vw,46px);line-height:1.15;margin:0 0 30px}
.project-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:start}
.project-photo-grid figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:white}
.project-photo-grid img{display:block;width:100%;height:auto}
.project-photo-grid figcaption{padding:18px 22px;font-family:Georgia,serif;font-size:22px;color:var(--navy)}
@media(max-width:700px){.project-photo-grid{grid-template-columns:1fr;gap:20px}.project-additions{margin-top:48px}}

/* Comparison photos keep their slider geometry inside additional project cards. */
.project-photo-grid .comparison>img,.project-photo-grid .comparison-after img{position:absolute;inset:0;width:100%;height:100%}
.ba-grid{align-items:start}

/* Match landscape/portrait shelf photos in one focused frame. */
.gallery-comparison.shelving-comparison{aspect-ratio:4/5!important;max-height:none}
.gallery-comparison.shelving-comparison>img{object-fit:cover!important;object-position:50% 60%!important}
.gallery-comparison.shelving-comparison .comparison-after img{object-fit:cover!important;object-position:64% 50%!important}

/* Focus both deck views on the same railing and floor, using the original before file. */
.gallery-comparison.deck-restoration-comparison{aspect-ratio:3/4!important;max-height:none}
.gallery-comparison.deck-restoration-comparison>img{object-fit:cover!important;object-position:56% 50%!important}
.gallery-comparison.deck-restoration-comparison .comparison-after img{object-fit:cover!important;object-position:50% 0%!important}