*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f5ee;color:#163c46;font-family:Arial,Helvetica,sans-serif}header{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:27px clamp(20px,5vw,80px);color:#fff}header .brand{font-size:20px;font-weight:700;letter-spacing:.18em;line-height:1.3}header .brand small{display:block;font-size:10px;letter-spacing:.35em;font-weight:400}nav{display:flex;gap:26px;align-items:center}a{color:inherit;text-decoration:none}nav a{font-size:12px;letter-spacing:.12em;font-weight:600}.navcta,.btn{border:1px solid #f7f2e7;padding:14px 21px;display:inline-block;font-size:12px;font-weight:bold;letter-spacing:.13em}.hero{position:relative;height:min(850px,95svh);min-height:540px;background:#244e59;overflow:hidden;color:white}.video-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.15s ease}.video-layer.active{opacity:1}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,22,32,.48),rgba(0,24,34,.10) 35%,rgba(0,20,30,.48))}.hero-content{position:absolute;top:50%;left:50%;width:90%;transform:translate(-50%,-42%);text-align:center}.eyebrow{font-size:12px;letter-spacing:.33em;text-transform:uppercase}.hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(46px,7.5vw,110px);line-height:1.05;margin:20px auto;max-width:1000px}.hero p{font-size:clamp(15px,1.6vw,19px);letter-spacing:.04em;margin-bottom:35px}.btn{background:#f4eee1;color:#173e48;border-color:#f4eee1;padding:18px 29px}.bottomline{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.2em}.dots{display:flex;gap:9px}.dot{height:6px;width:6px;border-radius:50%;background:#ffffff77}.dot.on{background:white}.intro{text-align:center;padding:90px 22px 80px}.intro h2,.section h2{font-family:Georgia,serif;font-size:clamp(35px,4.5vw,62px);font-weight:400;margin:15px 0 25px}.intro p{max-width:640px;margin:auto;line-height:1.8;color:#526c70}.section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;padding:0 5vw 90px}.section video{width:100%;aspect-ratio:16/10;object-fit:cover;background:#234d55}.section p{line-height:1.8;color:#526c70;max-width:460px}.section .btn{background:#163e48;color:white;margin-top:18px}.footer{background:#163e48;color:white;text-align:center;padding:55px 20px}.footer h2{font-family:Georgia,serif;font-weight:400;font-size:34px}button{cursor:pointer}.controls{position:absolute;bottom:26px;right:5%;z-index:6;background:#ffffff20;border:1px solid #ffffff70;color:white;padding:8px 12px;font-size:11px;letter-spacing:.1em}@media(max-width:720px){header{padding:22px}nav a:not(.navcta){display:none}nav{gap:8px}.navcta{padding:11px;font-size:10px}.hero{height:82svh;min-height:560px}.hero h1{font-size:55px}.section{grid-template-columns:1fr;padding:0 22px 65px}.bottomline{bottom:70px}.controls{bottom:23px}}
.hs-embed{margin-top:22px}.hs-embed iframe{max-width:100%}
@media(prefers-reduced-motion:reduce){.video-layer{transition:none}}
/* Logo in header */
header .brand-logo{display:block;line-height:0}
header .brand-logo img{display:block;height:62px;width:auto;filter:drop-shadow(0 1px 8px rgba(0,20,30,.35))}
/* Keep slide dots clear of the Pause button */
.bottomline{padding-right:150px}
@media(max-width:720px){header .brand-logo img{height:46px}.bottomline{padding-right:0}}
/* Fixed header: transparent over the video, solid once you scroll */
header{position:fixed;transition:background-color .3s ease,padding .3s ease,box-shadow .3s ease}
header.scrolled{background:rgba(22,62,72,.96);padding-top:12px;padding-bottom:12px;box-shadow:0 2px 18px rgba(0,20,30,.18)}
header.scrolled .brand-logo img{height:46px}
header .brand-logo img{transition:height .3s ease}
html{scroll-padding-top:90px}
nav{gap:22px}
nav a{white-space:nowrap}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.menu-toggle{display:none;background:none;border:0;padding:10px;margin-left:auto;cursor:pointer}
.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;transition:transform .25s,opacity .25s}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1080px){nav{gap:16px}nav a{font-size:11px;letter-spacing:.1em}}
@media(max-width:960px){
  .menu-toggle{display:block}
  header nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:rgba(22,62,72,.98);padding:8px 22px 22px;display:none}
  header.open nav{display:flex}
  header.open{background:rgba(22,62,72,.98)}
  header nav a,header nav a:not(.navcta){display:block;padding:15px 0;font-size:13px;border-bottom:1px solid rgba(255,255,255,.12)}
  header nav a.navcta{margin-top:16px;text-align:center;padding:15px;border:1px solid #f7f2e7}
}
@media(max-width:720px){header{padding:16px 22px}header nav a:not(.navcta){display:block}}
/* Original homepage sections inside the new design */
.hs-legacy{font-family:'Jost',Arial,Helvetica,sans-serif}
.hs-legacy .intro{padding:0}
.hs-legacy .intro p{max-width:none}
.hs-legacy section{scroll-margin-top:80px}
/* Shop with product photos */
.hs-legacy .hs-shop-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;max-width:1080px;margin:0 auto}
.hs-legacy .hs-item{flex:0 1 320px;background:var(--cream,#fbf7f0);border:1px solid var(--line,rgba(28,43,48,.18));padding:18px 18px 26px;display:flex;flex-direction:column;align-items:center;text-align:center}
.hs-legacy .hs-photo{width:100%;aspect-ratio:1/1;background:#f3eee6;overflow:hidden;margin-bottom:18px}
.hs-legacy .hs-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s ease,transform .5s ease}
.hs-legacy .hs-item:hover .hs-photo img{transform:scale(1.03)}
.hs-legacy .hs-item h3{font-size:1.1rem;margin:0 0 4px;text-transform:uppercase}
.hs-legacy .hs-item .price{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--gold,#b98a4a);margin-bottom:6px}
.hs-legacy .hs-item p{font-size:.88rem;color:#3c4c47;margin:0 0 14px}
.hs-legacy .hs-styles{display:flex;gap:0;margin-bottom:14px;border:1px solid var(--navy,#1c2b30)}
.hs-legacy .hs-style{background:transparent;border:0;padding:7px 14px;font-family:'Jost',sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--navy,#1c2b30);cursor:pointer}
.hs-legacy .hs-style.is-on{background:var(--navy,#1c2b30);color:var(--cream,#fbf7f0)}
.hs-legacy .hs-swatches{display:flex;gap:10px;justify-content:center;margin-bottom:6px}
.hs-legacy .hs-swatch{width:24px;height:24px;border-radius:50%;background:var(--sw);border:1px solid rgba(28,43,48,.25);padding:0;cursor:pointer;box-shadow:0 0 0 0 transparent;transition:box-shadow .15s}
.hs-legacy .hs-swatch.is-on{box-shadow:0 0 0 2px var(--cream,#fbf7f0),0 0 0 3px var(--navy,#1c2b30)}
.hs-legacy .hs-swatch:focus-visible,.hs-legacy .hs-style:focus-visible{outline:2px solid var(--gold,#b98a4a);outline-offset:3px}
.hs-legacy .hs-colorname{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#6b7975;margin-bottom:16px;min-height:1em}
.hs-legacy .hs-item .hsc-dock{margin-top:auto}
@media(max-width:700px){.hs-legacy .hs-item{flex-basis:100%}}