:root{--navy:#102f54;--ink:#20384b;--sea:#d9eef0;--cream:#faf9f5;--gold:#d8b77b;--white:#fff;--muted:#5e6e73}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Arial,Helvetica,sans-serif;line-height:1.7}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.15}h1{font-size:clamp(2.6rem,5vw,5.5rem);letter-spacing:-.04em}h2{font-size:clamp(2rem,3.6vw,3.8rem);letter-spacing:-.03em}h2 em,h1 em{font-weight:400}button{cursor:pointer}.topline{height:5px;background:linear-gradient(90deg,#0e3763,#62b5c0,#c8e7e7)}.shell{max-width:1190px;margin:auto;padding-inline:30px}.site-header{height:105px;background:white;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(22px,5vw,80px);gap:25px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy)}.brand img{width:180px;height:70px;object-fit:contain}.brand span{font:600 .76rem Arial;letter-spacing:.19em;white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:clamp(12px,2vw,33px)}.site-header nav a{text-decoration:none;font-size:.89rem;white-space:nowrap;color:var(--navy)}.site-header nav a:hover{text-decoration:underline;text-underline-offset:6px}.menu-toggle{display:none;border:0;background:none;font-size:1.7rem;color:var(--navy)}.hero{display:grid;grid-template-columns:53% 47%;min-height:660px;background:var(--navy)}.hero-image{overflow:hidden;min-height:660px}.hero-image img{height:100%;width:100%;object-fit:cover;object-position:center center}.hero-copy{color:white;display:flex;flex-direction:column;justify-content:center;align-items:start;padding:70px clamp(35px,6vw,105px)}.eyebrow{font-size:.73rem;letter-spacing:.2em;font-weight:700;color:#a9dbe1;margin-bottom:22px}.eyebrow.dark{color:#467b88}.hero-copy h1{max-width:550px;margin-bottom:26px}.hero-copy h1 em{color:#b3dee4}.gold-rule{width:73px;height:2px;background:var(--gold);margin-bottom:24px}.hero-copy p{max-width:490px}.hero-copy .lead{font-size:1.24rem;line-height:1.6;color:white}.hero-copy>p:not(.lead,.eyebrow,.hero-caption){color:#c4d3dc}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:#b8e0e0;color:#123650;padding:14px 23px;text-decoration:none;font-size:.87rem;font-weight:700;letter-spacing:.01em;margin-top:24px}.button:hover{background:white}.hero-copy .hero-caption{margin-top:34px;font-size:.78rem;color:#a2c2d0}.intro{padding-block:105px 110px;text-align:center}.intro h2{color:var(--navy);margin-bottom:24px}.intro>p:not(.eyebrow){max-width:760px;margin-inline:auto;font-size:1.06rem;color:#536570}.process-link{display:flex;align-items:center;justify-content:center;gap:12px;color:#517a85;font-size:.83rem;letter-spacing:.045em;margin-top:35px}.small-circle{width:36px;height:36px;border:1px solid #aecdd1;border-radius:50%;display:grid;place-items:center}.collections{padding-bottom:115px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}.section-heading h2{color:var(--navy);margin-bottom:0}.section-heading>p{max-width:255px;color:var(--muted);font-size:.94rem}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.art-card{margin:0;background:white;border:1px solid #e6e9e5;box-shadow:0 10px 30px #0e31530a}.art-card img{width:100%;aspect-ratio:1.22;object-fit:cover}.art-card div{padding:19px 23px 23px}.art-card span{font-size:.66rem;letter-spacing:.15em;color:#698c92;font-weight:700}.art-card h3{font-size:1.55rem;color:var(--navy);margin:6px 0 0}.collection-note{text-align:center;font-size:.8rem;color:#76888c;margin-top:28px}.spotlight{background:#eaf2f0}.spotlight-inner{display:grid;grid-template-columns:43% 57%;align-items:center;gap:85px;padding-block:85px}.spotlight-image{max-width:390px;justify-self:center;box-shadow:24px 23px 0 #d1e5e5}.spotlight-image img{width:100%;max-height:475px;object-fit:cover}.spotlight-copy{padding-right:40px}.spotlight-copy h2{color:var(--navy)}.spotlight-copy p{max-width:460px}.spotlight-copy .subtle{color:#698186}.quiet-tag{display:inline-block;color:#3f7481;border-top:1px solid #a6c6c8;padding-top:16px;margin-top:15px;font-size:.84rem}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-block:115px}.two-up h2{color:var(--navy)}.two-up p{color:#536570}.two-up .quote{font:italic 1.35rem/1.5 Georgia,serif;color:#547a87;margin-top:32px}.process-photo{position:relative}.process-photo img{height:410px;width:100%;object-fit:cover;object-position:center 55%}.process-photo span{display:block;font-size:.76rem;color:#76888c;margin-top:11px}.closing{background:linear-gradient(120deg,#123658,#0b516b);text-align:center;color:white}.closing-inner{padding-block:96px}.closing h2{margin-bottom:22px}.closing h2 em{color:#a6dce2}.closing p:not(.eyebrow){max-width:550px;margin-inline:auto}.closing .small-disclaimer{color:#accbd4;font-size:.77rem}.button.light{background:white;color:var(--navy)}footer{background:#f3f7f6}.footer-inner{display:flex;justify-content:space-between;gap:50px;align-items:end;padding-block:58px}.footer-wave{max-width:155px;margin-bottom:8px}.footer-inner h3{font-size:1.2rem;color:var(--navy);margin-bottom:8px}.footer-inner p{font-size:.77rem;color:#6b7c82}.footer-contact{text-align:right}.footer-contact span{font-size:.68rem;letter-spacing:.16em;color:#5d8790;font-weight:700}.footer-contact a{display:block;color:var(--navy);font-size:1rem;margin-top:10px}.footer-contact p{margin-top:25px}@media(max-width:1000px){.brand span{display:none}.hero{grid-template-columns:51% 49%}.hero-copy{padding:45px}.site-header{padding-inline:25px}.site-header nav{gap:16px}.spotlight-inner{gap:45px}}@media(max-width:740px){.site-header{height:80px;position:relative}.brand img{width:140px;height:60px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;z-index:10;box-shadow:0 12px 22px #102f5420;padding:16px 25px;flex-direction:column;align-items:start;gap:15px}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-image{min-height:0;height:410px}.hero-copy{padding:55px 30px}.hero h1{font-size:3.1rem}.shell{padding-inline:23px}.intro{padding-block:72px}.section-heading{display:block}.section-heading>p{max-width:480px}.art-grid{grid-template-columns:repeat(2,1fr);gap:14px}.art-card h3{font-size:1.25rem}.art-card div{padding:14px}.spotlight-inner{grid-template-columns:1fr;gap:55px;padding-block:65px}.spotlight-image{max-width:320px}.spotlight-copy{padding:0}.two-up{grid-template-columns:1fr;gap:40px;padding-block:75px}.footer-inner{display:block}.footer-contact{text-align:left;margin-top:35px}}@media(max-width:450px){.art-grid{grid-template-columns:1fr}.hero-image{height:340px}.hero h1{font-size:2.7rem}}

/* Version 2: gallery-first, light coastal Home page. */
body{background:#fffdf9}
.hero{display:flex;flex-direction:column;align-items:center;min-height:0;background:linear-gradient(180deg,#eaf6f5 0%,#f8fbfa 55%,#fffdf9 100%);padding:68px 30px 78px;gap:0}
.hero-copy{color:#173c5a;display:block;text-align:center;padding:0;max-width:900px}
.hero-copy .eyebrow{color:#39788c;margin-bottom:17px}
.hero-copy h1{max-width:none;margin:0 0 18px;font-size:clamp(2.5rem,4.5vw,4.5rem);line-height:1.17}
.hero-copy h1 em{color:#457e93}
.hero-copy .lead{font-size:clamp(1.03rem,1.8vw,1.25rem);color:#405b69;max-width:770px;margin:0 auto 39px}
.hero-image{width:min(100%,980px);min-height:0;margin:0;background:transparent;overflow:visible}
.hero-image img{width:100%;height:auto;max-height:none;object-fit:contain;box-shadow:0 13px 45px rgba(25,67,82,.12)}
.hero-image figcaption{text-align:center;color:#577582;font-size:.86rem;padding-top:13px}
.hero-explore{display:inline-block;margin-top:22px;border-bottom:1px solid #477e8a;padding:0 3px 5px;text-decoration:none;font-weight:700;font-size:.9rem;color:#1a526d}
.hero-explore:hover{color:#092f4e}
.closing{background:#e2f0ef;color:#173c5a}
.closing h2 em{color:#457e93}
.closing .eyebrow{color:#39788c}
.closing .small-disclaimer{color:#627984}
.closing .button.light{background:#173c5a;color:white}
.closing .button.light:hover{background:#2f6d80}
@media(max-width:1000px){.hero{display:flex;min-height:0}.hero-copy{padding:0}.hero-image{min-height:0}}
@media(max-width:740px){.hero{padding:48px 20px 55px}.hero-copy{padding:0}.hero h1{font-size:clamp(2.25rem,8vw,3.3rem)}.hero-image{height:auto;min-height:0}.hero-image img{height:auto}}
@media(max-width:450px){.hero-image{height:auto}.hero h1{font-size:2.25rem}}

/* Version 4: actual combined studio logo, tighter header and hero rhythm. */
.site-header{height:118px;padding-block:6px;gap:18px}
.brand{gap:0;flex-shrink:0}
.brand img{width:245px;height:auto;max-height:113px;object-fit:contain}
.site-header nav{gap:clamp(14px,1.65vw,27px)}
.hero{padding:31px 24px 52px}
.hero-copy .eyebrow{margin-bottom:7px}
.hero-copy h1{margin-bottom:9px;font-size:clamp(2.35rem,4.05vw,4.1rem)}
.hero-copy .lead{margin-bottom:24px}
.hero-image{width:min(100%,900px)}
.hero-image figcaption{padding-top:10px}
.hero-explore{margin-top:15px}
.footer-wave{max-width:205px}
footer .footer-inner h3{display:none}
@media(max-width:1060px){.brand img{width:210px}.site-header{height:105px;padding-inline:25px}.site-header nav{gap:13px}.site-header nav a{font-size:.83rem}}
@media(max-width:740px){.site-header{height:88px;padding:5px 20px}.brand img{width:170px;max-height:82px}.site-header nav{top:88px}.hero{padding:28px 18px 45px}.hero-copy .lead{margin-bottom:20px}.hero-image{width:100%}}

/* Version 5: plain transparent wave, smaller title and more compact hero image. */
.brand img{width:212px;max-height:82px}
.hero-copy h1{font-size:clamp(2.1rem,3.35vw,3.35rem)}
.hero-image{width:min(100%,760px)}
.footer-wave{width:145px;max-width:100%;height:auto}
@media(max-width:740px){.brand img{width:155px;max-height:67px}.hero-copy h1{font-size:clamp(2rem,6.5vw,2.7rem)}}

/* Version 6: compact navigation, rigorously centered hero text. */
.site-header{height:86px;padding:4px clamp(20px,3vw,46px);gap:20px}
.brand img{width:178px;height:70px;max-height:70px;object-fit:contain}
.site-header nav{gap:clamp(14px,1.65vw,25px)}
.site-header nav a{font-size:.91rem}
.hero{padding:25px 24px 47px}
.hero-copy{width:100%;max-width:1100px;margin:0 auto;text-align:center}
.hero-copy .eyebrow,.hero-copy h1,.hero-copy .lead{width:100%;max-width:none;text-align:center;margin-left:auto;margin-right:auto}
.hero-copy .eyebrow{margin-bottom:6px}
.hero-copy h1{margin-top:0;margin-bottom:9px}
.hero-copy .lead{margin-top:0;margin-bottom:24px}
@media(max-width:1060px){.site-header{height:82px;padding-inline:20px}.brand img{width:165px;height:65px;max-height:65px}.site-header nav{gap:13px}.site-header nav a{font-size:.83rem}}
@media(max-width:740px){.site-header{height:76px;padding:4px 18px}.brand img{width:148px;height:60px;max-height:60px}.site-header nav{top:76px}.hero{padding:25px 18px 45px}.hero-copy .lead{margin-bottom:20px}}

/* Version 7: keep approved hero, bring the process section closer, harmonize headings. */
.hero{padding-bottom:27px}
.intro{padding-top:46px;padding-bottom:95px}
.intro h2{font-size:clamp(2.1rem,3.35vw,3.35rem);line-height:1.17}
@media(max-width:740px){
  .hero{padding-bottom:28px}
  .intro{padding-top:39px;padding-bottom:70px}
  .intro h2{font-size:clamp(2rem,6.5vw,2.7rem)}
}

/* Version 8: retain approved opening and first transition; tighten later sections. */
.intro{padding-bottom:55px}
.collections{padding-bottom:58px}
.section-heading{margin-bottom:27px}
.spotlight-inner{padding-block:56px}
.two-up{padding-block:65px}
.closing-inner{padding-block:64px}
.footer-inner{padding-block:40px}
@media(max-width:740px){
  .intro{padding-bottom:48px}
  .collections{padding-bottom:48px}
  .spotlight-inner{padding-block:50px}
  .two-up{padding-block:55px}
  .closing-inner{padding-block:55px}
  .footer-inner{padding-block:36px}
}

/* Clickable Home collection cards preserve the approved appearance. */
.home-category-link{text-decoration:none;display:block}.home-category-link .art-card{height:100%}.home-category-link:hover .art-card,.home-category-link:focus-visible .art-card{box-shadow:0 14px 38px #0e31532c}.home-category-link:focus-visible{outline:2px solid #2f7890;outline-offset:3px}

/* Website artwork copyright notice */
.footer-contact .copyright-line{margin-top:22px;margin-bottom:4px}
.footer-contact .rights-notice{margin:0 0 0 auto;max-width:380px;font-size:.72rem;line-height:1.5;color:#6b7c82}
@media(max-width:740px){.footer-contact .rights-notice{margin-left:0}}