.homepage{background:#f8f6f0;color:#203e4f}.site-header{height:100px;max-width:1536px;margin:auto;display:flex;align-items:center;gap:30px;padding:0 5.5%;background:#faf8f3}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#213e51;min-width:270px}.brand-fluke{width:48px;height:51px;fill:#254a5e}.brand strong{display:block;font:600 22px/1.05 Georgia,serif;letter-spacing:.14em}.brand small{display:block;font:10px/1.6 Arial,sans-serif;letter-spacing:.35em}.site-header nav{display:flex;justify-content:center;align-items:center;gap:clamp(12px,2.3vw,37px);flex:1}.site-header nav a{text-decoration:none;color:#294354;font:12px Arial,sans-serif;letter-spacing:.05em}.site-header nav a:hover,.site-header nav a.current{border-bottom:1px solid #294354;padding-bottom:5px}.nav-inquire{background:#25495d;color:#fff;text-decoration:none;padding:15px 19px;font:10px Arial,sans-serif;letter-spacing:.13em;white-space:nowrap}.nav-inquire span{margin-left:8px}.home-hero{max-width:1536px;margin:auto;min-height:645px;display:grid;grid-template-columns:48% 52%;background:#edece6}.hero-copy{padding:clamp(55px,8vw,132px) 7% 65px 12%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font:11px Arial,sans-serif;letter-spacing:.23em}.hero-copy h1{font-size:clamp(46px,5.4vw,84px);font-weight:400;line-height:1.11;letter-spacing:-.035em;margin:26px 0 20px}.homepage em{font-weight:400;color:#547c8b}.hero-copy p{font:17px/1.8 Georgia,serif;max-width:400px;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:#25495d;color:white;text-decoration:none;padding:19px 22px;font:11px Arial,sans-serif;letter-spacing:.13em}.primary-cta:hover,.nav-inquire:hover{background:#173547}.text-cta,.underlined-link{font:11px Arial,sans-serif;letter-spacing:.11em;color:#25495d;text-decoration:none;border-bottom:1px solid #25495d;padding-bottom:7px}.hero-visual{position:relative;padding:50px 11% 50px 3%;display:flex;flex-direction:column;justify-content:center}.photo-main{width:100%;aspect-ratio:4/3;background:#b3c5c6;padding:16px;box-shadow:17px 18px 0 #d5dedb}.photo-inner{height:100%;background:linear-gradient(140deg,#6b929a,#b3c5bf 45%,#d5c9b5);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:15px;color:#fff}.photo-marker{font:13px Arial,sans-serif;letter-spacing:.18em;border:1px solid #ffffffb3;padding:15px}.photo-note{font:italic 15px/1.6 Georgia,serif;max-width:290px}.hero-photo-caption{font:italic 17px Georgia,serif;color:#59727a;margin-top:30px;text-align:center}.side-decoration{position:absolute;left:-30px;bottom:100px;font-size:56px;color:#adc3c5}.coastal-divider{display:flex;align-items:center;justify-content:center;gap:45px;max-width:1200px;margin:60px auto 15px;padding:0 30px}.coastal-divider img{height:130px;width:290px;object-fit:contain;object-position:center}.coastal-line{height:1px;background:#c9d4d2;flex:1}.intro-section{text-align:center;max-width:820px;margin:0 auto;padding:65px 20px 105px}.intro-section h2,.closing-cta h2{font-size:clamp(38px,4.4vw,64px);font-weight:400;line-height:1.22;margin:25px 0}.intro-section p,.closing-cta p{font:18px/1.85 Georgia,serif;color:#51636b;max-width:620px;margin:0 auto 30px}.work-section{background:#e9edeb;padding:95px max(6%,calc((100vw - 1380px)/2)) 110px}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:38px}.work-heading h2{font-size:clamp(33px,3.4vw,52px);font-weight:400;margin:15px 0 0}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.work-card{color:#25475a;text-decoration:none}.work-image{aspect-ratio:4/5;background:linear-gradient(155deg,#d5d0c1,#849f9f 65%,#4e7889);display:flex;align-items:center;justify-content:center;padding:20px}.work-two .work-image{background:linear-gradient(140deg,#c6b6a0,#ddd7c7 48%,#8fa7a3)}.work-three .work-image{background:linear-gradient(140deg,#728e98,#a9c4c5 48%,#e6d9c5)}.work-image span{color:#fff;border:1px solid #ffffffb8;padding:14px;font:11px Arial,sans-serif;letter-spacing:.15em;text-align:center}.work-label{display:flex;flex-direction:column;gap:9px;padding-top:18px}.work-label span{font:10px Arial,sans-serif;letter-spacing:.2em}.work-label strong{font:24px Georgia,serif}.closing-cta{text-align:center;padding:115px 20px 125px;background:#f8f6f0}.closing-cta .primary-cta{margin-top:5px}.homepage footer{font-size:10px}@media(max-width:1100px){.site-header{gap:15px;padding:0 3%}.brand{min-width:220px}.brand strong{font-size:18px}.brand-fluke{width:39px}.site-header nav{gap:15px}.nav-inquire{display:none}.hero-copy{padding-left:8%}}@media(max-width:720px){.site-header{height:auto;min-height:105px;padding:18px;display:flex;flex-wrap:wrap;justify-content:center}.brand{min-width:0;justify-content:center}.site-header nav{width:100%;flex:0 0 100%;flex-wrap:wrap;gap:16px}.site-header nav a{font-size:11px}.home-hero{grid-template-columns:1fr}.hero-copy{padding:65px 8% 40px}.hero-copy h1{font-size:clamp(47px,11vw,70px)}.hero-visual{padding:20px 9% 60px}.photo-main{box-shadow:10px 10px 0 #d5dedb}.side-decoration{display:none}.coastal-divider{gap:12px;margin:35px auto 0}.coastal-divider img{width:180px;height:95px}.intro-section{padding:40px 25px 70px}.work-section{padding:65px 22px}.work-heading{display:block}.work-heading .underlined-link{display:inline-block;margin-top:20px}.work-grid{grid-template-columns:1fr;gap:35px}.work-image{aspect-ratio:5/4}.closing-cta{padding:80px 25px}}

/* V12: focused public galleries and private Pixieset entry */
.two-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1120px;margin-inline:auto}
.client-gallery-hero{text-align:center;padding:clamp(100px,12vw,165px) 22px clamp(90px,10vw,135px);background:linear-gradient(180deg,#f7f5ef 0%,#e9f2f3 100%);min-height:68vh}
.client-gallery-hero h1{font-family:Georgia,serif;font-size:clamp(45px,6vw,86px);font-weight:400;line-height:1.13;color:#1c3c4c;margin:26px 0}
.client-gallery-hero h1 em{font-weight:400}
.client-gallery-hero>p{max-width:650px;margin:0 auto 32px;line-height:1.8;color:#49606a}
.client-gallery-hero .primary-cta{display:inline-flex;gap:20px;align-items:center}
.client-gallery-hero .client-gallery-note{font-size:13px;max-width:530px;margin:26px auto 0}
.client-gallery-help{text-align:center;padding:85px 22px 105px;background:#faf8f3}
.client-gallery-help h2{font-family:Georgia,serif;font-weight:400;color:#1c3c4c;font-size:clamp(32px,4vw,54px);margin:18px 0}
.client-gallery-help p{max-width:550px;margin:0 auto 24px;line-height:1.8}
@media(max-width:720px){.two-gallery-grid{grid-template-columns:1fr}.client-gallery-hero{padding-top:85px}}

/* V14 image slots: actual photographs are separate files, driven by JSON. */
.photo-inner.has-photo,.work-image.has-photo{background-position:center;background-size:contain;background-repeat:no-repeat}
.photo-inner.has-photo .photo-marker,.photo-inner.has-photo .photo-note,.work-image.has-photo span{display:none}
.portfolio-gallery-section{padding:30px 6% 100px;background:#f8f6f0}
.gallery-block{max-width:1120px;margin:65px auto 0;scroll-margin-top:30px}
.gallery-block h2{font-size:clamp(36px,4vw,56px);font-weight:400;margin:14px 0 26px}
.photo-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gallery-tile{border:0;padding:0;cursor:pointer;background:#e3e9e7;aspect-ratio:4/3;overflow:hidden}
.gallery-tile img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .25s}
.gallery-tile:hover img{transform:scale(1.035)}
.gallery-empty{grid-column:1/-1;text-align:center;background:#e9edeb;padding:45px 20px;color:#526d77;font:16px/1.7 Georgia,serif}
.photo-lightbox{position:fixed;inset:0;max-width:none;max-height:none;width:100vw;height:100dvh;padding:50px 65px;background:#102632ed;color:white;border:0}
.photo-lightbox::backdrop{background:#102632dd}.photo-lightbox img{width:100%;height:calc(100% - 38px);object-fit:contain}
.photo-lightbox button{position:absolute;border:0;background:#fff2;color:white;cursor:pointer;font-size:40px;padding:5px 15px}
.photo-lightbox .lightbox-close{right:18px;top:10px}.photo-lightbox .lightbox-prev{left:10px;top:48%}.photo-lightbox .lightbox-next{right:10px;top:48%}
.lightbox-caption{text-align:center;font:14px Georgia,serif;margin:8px 0}
@media(max-width:720px){.photo-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.photo-lightbox{padding:55px 15px}.photo-lightbox button{font-size:28px}.gallery-block{margin-top:42px}}

/* V15: Jackie’s supplied logo and dolphin photography */
.site-header .brand{background:#213e51;border-radius:3px;min-width:190px;max-width:225px;height:82px;display:flex;align-items:center;justify-content:center;padding:5px 9px}.site-header .brand img{display:block;width:100%;height:100%;object-fit:contain}.dolphin-brand-gallery{max-width:1200px;margin:55px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dolphin-brand-gallery img{width:100%;height:230px;object-fit:contain;border-radius:2px}@media(max-width:720px){.site-header .brand{height:72px}.dolphin-brand-gallery{grid-template-columns:1fr 1fr;gap:9px}.dolphin-brand-gallery img{height:180px}.dolphin-brand-gallery img:last-child{grid-column:1/-1;height:220px}}

/* V16: seamless transparent logo; no dark box behind it */
.site-header .brand{background:transparent!important;border-radius:0!important;min-width:160px;max-width:235px;height:76px;padding:8px 0;box-shadow:none!important}
.site-header .brand img{width:100%;height:100%;object-fit:contain}
@media(max-width:720px){.site-header .brand{height:64px;max-width:190px}}

/* V25: uniform portfolio gallery thumbnails; full original visible in lightbox. */
.photo-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.photo-gallery-grid .gallery-tile{display:block;width:100%;aspect-ratio:4/5;border:0;border-radius:2px;overflow:hidden;padding:0;background:#e3e9e7}
.photo-gallery-grid .gallery-tile img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
@media(max-width:900px){.photo-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:600px){.photo-gallery-grid{grid-template-columns:1fr;gap:18px}.photo-gallery-grid .gallery-tile{max-width:520px;margin-inline:auto}}

/* V26: portfolio cover navigation and separate gallery pages. */
[hidden]{display:none!important}
.portfolio-overview .work-card{display:block;text-decoration:none}
.portfolio-overview .work-card:hover .work-image{filter:brightness(.96)}
.gallery-back{display:inline-block;color:#24485e;text-decoration:underline;text-underline-offset:5px;font:13px Arial,sans-serif;letter-spacing:.04em;margin:10px 0 20px}
#portfolio-galleries{min-height:65vh}
/* Keep a consistent 4:5 thumbnail grid while rendering originals in the lightbox. */
.photo-gallery-grid .gallery-tile img{image-rendering:auto;transform:none}