:root{--ink:#17363d;--ink2:#0f272c;--cream:#f6f0e4;--sand:#ebe2d0;--gold:#a9814e;--line:rgba(169,129,78,.35)}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{font-family:'Jost',sans-serif;background:var(--cream);color:var(--ink);font-size:1.02rem;line-height:1.75}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:400;line-height:1.12;color:var(--ink)}
.eyebrow,.navbar .nav-link,.btn,.tiny{font-family:'Jost',sans-serif;font-size:.7rem;letter-spacing:.28em;text-transform:uppercase}
.eyebrow{color:var(--gold);display:block;margin-bottom:1rem}
em{font-family:'Cormorant Garamond',serif;font-style:italic}
/* nav */
.topnav{background:rgba(23,54,61,.95);backdrop-filter:blur(12px);padding:.6rem 0;position:sticky;top:0;z-index:50}
.brandname{display:block;text-align:center;color:var(--cream);font-family:'Cormorant Garamond',serif;font-size:1.5rem;letter-spacing:.34em;text-transform:uppercase;text-decoration:none}
.brandname small{display:block;font-family:'Jost',sans-serif;font-size:.6rem;letter-spacing:.35em;color:var(--gold);margin-top:2px}
.navbar .nav-link{color:rgba(246,240,228,.8);padding:.5rem 1.1rem;transition:.3s}
.navbar .nav-link:hover{color:#fff}
.navbar-toggler{border-color:rgba(246,240,228,.4);margin:0 auto}
.navbar-toggler-icon{filter:invert(1)}
.btn{border-radius:0;padding:15px 36px;transition:.3s}
.btn-gold{background:var(--gold);color:#fff;border:1px solid var(--gold)}
.btn-gold:hover{background:transparent;color:var(--gold)}
.btn-ghost{border:1px solid rgba(23,54,61,.4);color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--cream)}
.on-dark .btn-ghost{border-color:rgba(246,240,228,.4);color:var(--cream)}
.on-dark .btn-ghost:hover{background:var(--cream);color:var(--ink)}
/* hero */
.hero{padding:72px 0 80px;position:relative}
.hero h1{font-size:clamp(2.7rem,5.8vw,4.8rem);margin-bottom:1.2rem}
.hero .sub{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.4rem;opacity:.85;max-width:30em}
.hero-photo{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 40%;max-height:min(66vh,480px);border-radius:2px;outline:1px solid var(--line);outline-offset:10px}
.fact{display:flex;gap:2rem;flex-wrap:wrap;margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--line)}
.fact div{font-size:.9rem}
.fact b{display:block;font-family:'Jost';font-weight:400;font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}
/* tide line */
.tide{display:block;width:100%;height:28px;color:var(--gold);opacity:.55}
section{padding:96px 0}
.dark{background:var(--ink);color:var(--cream)}
.dark h2,.dark h3,.dark h4{color:var(--cream)}
.sand{background:var(--sand)}
h2{font-size:clamp(2.2rem,4.4vw,3.4rem);margin-bottom:1.4rem}
.lede{max-width:760px}
.welcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:3rem;border-top:1px solid var(--line)}
.welcome-grid div{padding:2rem 2rem 0 0;margin-right:2rem;border-right:1px solid var(--line)}
.welcome-grid div:last-child{border:0}
.welcome-grid h3{font-size:1.7rem}
/* services */
.svc{border-top:1px solid var(--line);padding:2.4rem 0}
.svc h3{font-size:2.1rem}
.svc ul{columns:2;list-style:none;padding:0;margin:1rem 0 0}
.svc li{padding:.15rem 0;font-size:.95rem}
.svc li:before{content:"~ ";color:var(--gold)}
.laser{display:grid;grid-template-columns:1fr auto;gap:1rem 2rem;padding:1.4rem 0;border-top:1px solid rgba(246,240,228,.18)}
.laser h4{font-size:1.6rem;margin:0}
.laser p{margin:.3rem 0 0;font-size:.93rem;opacity:.85}
.price{font-family:'Cormorant Garamond',serif;font-size:1.35rem;color:#d3b48a;white-space:nowrap;align-self:start}
/* photo bands */
.band{width:100%;height:clamp(220px,32vw,380px);object-fit:cover;display:block}
.photo{width:100%;aspect-ratio:4/5;object-fit:cover;outline:1px solid var(--line);outline-offset:8px}
/* team */
.member{display:grid;grid-template-columns:200px 1fr;gap:2.4rem;padding:2.4rem 0;border-top:1px solid var(--line)}
.member img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 25%}
.member h3{font-size:2rem;margin:0}
.role{display:block;color:var(--gold);margin:.3rem 0 1rem}
.member p{font-size:.95rem;margin-bottom:.8rem}
/* quotes */
.q{border-left:1px solid var(--gold);padding:.2rem 0 .2rem 1.6rem;margin-bottom:2rem}
.q p{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.45rem;line-height:1.4;margin:0 0 .5rem}
/* products */
.prods{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin-top:2rem}
.prods figure{margin:0;text-align:center;border:1px solid var(--line);padding:1.2rem}
.prods img{height:190px;width:100%;object-fit:contain}
.prods figcaption{font-size:.85rem;margin-top:.8rem}
/* contact */
.contact a{color:var(--cream)}
.contact .tiny{color:var(--gold);display:block;margin:1.6rem 0 .3rem}
iframe{border:0;width:100%;height:400px;filter:saturate(.7)}
footer{background:var(--ink2);color:rgba(246,240,228,.75);padding:48px 0;text-align:center;font-size:.85rem}
footer .lg{display:inline-block;background:var(--cream);padding:8px 16px;margin-bottom:1rem}
footer .lg img{height:64px;width:auto;display:block}
footer a{color:var(--cream)}
@media(max-width:991px){
 .navbar-collapse{text-align:center;padding:.6rem 0}
 .welcome-grid{grid-template-columns:1fr}.welcome-grid div{border:0;border-top:1px solid var(--line);margin:0;padding:1.6rem 0}
 .prods{grid-template-columns:repeat(2,1fr)}
 .hero{padding:40px 0 56px}.hero-photo{margin-top:2rem}
}
@media(max-width:600px){
 section{padding:64px 0}
 .brandname{font-size:1.05rem;letter-spacing:.2em}
 .svc ul{columns:1}.member{grid-template-columns:1fr}.member img{max-width:220px}
 .laser{grid-template-columns:1fr}
 .hero-photo{outline-offset:6px}
}