@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Italiana&display=swap');
:root{--navy:#172b4d;--ink:#1c2940;--cream:#f7f3eb;--sage:#aeb9a5;--gold:#ad8d59;--white:#fffdf9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:'DM Sans',sans-serif;font-weight:300}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.announcement{height:34px;background:var(--navy);color:white;text-align:center;font-size:10px;letter-spacing:.13em;text-transform:uppercase;padding:10px}.announcement span{color:#c7ad7b;margin:0 14px}.header{height:106px;padding:0 5vw;display:grid;grid-template-columns:220px 1fr 220px;align-items:center;background:rgba(255,253,249,.97);position:relative;z-index:5;border-bottom:1px solid #e8e2d8}.brand{display:grid;width:max-content;grid-template-columns:46px auto;grid-template-rows:auto auto;column-gap:11px;align-items:center}.brand span{grid-row:1/3;border:1px solid var(--gold);border-radius:50%;height:42px;width:42px;display:grid;place-items:center;font-family:Italiana,serif;font-size:15px;color:var(--gold)}.brand strong{font:400 24px/1 Italiana,serif;letter-spacing:.03em}.brand small{text-transform:uppercase;letter-spacing:.19em;font-size:7px;margin-top:5px}.header nav{display:flex;justify-content:center;gap:38px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.header nav a:hover{color:var(--gold)}.headerCta{justify-self:end;border-bottom:1px solid var(--gold);padding:7px 0;text-transform:uppercase;letter-spacing:.14em;font-size:9px}.hero{height:calc(100vh - 140px);min-height:620px;position:relative;overflow:hidden}.hero>img{object-position:center 58%}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,30,52,.66) 0%,rgba(18,30,46,.25) 43%,transparent 70%),linear-gradient(0deg,rgba(0,0,0,.16),transparent 45%)}.heroContent{position:absolute;left:9vw;top:50%;transform:translateY(-50%);color:white;max-width:560px}.eyebrow{text-transform:uppercase;letter-spacing:.3em;font-size:10px;font-weight:500}.hero h1{font:400 clamp(66px,7vw,112px)/.88 Italiana,serif;margin:22px 0 28px;letter-spacing:-.03em}.heroContent>p:not(.eyebrow){max-width:500px;font:300 17px/1.7 'DM Sans';}.heroActions{display:flex;align-items:center;gap:30px;margin-top:38px}.button{display:inline-block;padding:17px 25px;text-transform:uppercase;font-size:9px;font-weight:600;letter-spacing:.18em}.button.light{background:white;color:var(--navy)}.button.navy{background:var(--navy);color:white}.textLink{font-size:10px;text-transform:uppercase;letter-spacing:.13em;border-bottom:1px solid rgba(255,255,255,.55);padding:8px 0}.textLink span{margin-left:9px}.textLink.dark{border-color:#bba988}.seal{position:absolute;right:7vw;bottom:50px;width:122px;height:122px;border-radius:50%;background:rgba(23,43,77,.9);color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;text-transform:uppercase;font-size:7px;letter-spacing:.2em}.seal strong{font:400 30px Italiana;margin:5px}.intro{text-align:center;padding:125px 7vw 110px;background:var(--cream)}.intro h2,.sectionHead h2,.styling h2,.visit h2{font:400 clamp(38px,4vw,64px)/1.15 Italiana,serif;margin:25px 0}.intro h2 em,.styling h2 em{color:#73836f;font-weight:400}.introCopy{max-width:700px;margin:0 auto;font-size:15px;line-height:1.9;color:#5e6671}.quietMarks{display:flex;justify-content:center;gap:80px;margin-top:55px}.quietMarks span{text-transform:uppercase;letter-spacing:.18em;font-size:9px}.quietMarks span:before{content:'◇';color:var(--gold);margin-right:12px}.collectionWrap{padding:110px 6vw 130px}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.sectionHead h2{margin-bottom:0}.collectionGrid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:25px;align-items:start}.imageFrame{height:510px;position:relative;overflow:hidden}.card2 .imageFrame,.card3 .imageFrame{height:420px}.imageFrame img{transition:transform .7s}.card:hover img{transform:scale(1.025)}.imageFrame span{position:absolute;left:16px;bottom:14px;background:rgba(255,253,249,.88);padding:9px 11px;font-size:9px;letter-spacing:.1em}.card h3{font:400 24px Italiana,serif;margin:22px 0 7px}.card p{margin:0;color:#7e7b75;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.styling{display:grid;grid-template-columns:1.12fr .88fr;min-height:720px;background:#e7e8df}.stylingImage{position:relative;min-height:620px}.stylingImage img{object-position:center}.monogram{position:absolute;right:-47px;top:50%;transform:translateY(-50%);height:94px;width:94px;border-radius:50%;background:var(--gold);color:white;display:grid;place-items:center;font:400 25px Italiana}.stylingCopy{padding:100px 10vw 90px 9vw;display:flex;flex-direction:column;justify-content:center}.stylingCopy>p:not(.eyebrow){font-size:15px;line-height:1.85;color:#59625d}.stylingCopy ul{list-style:none;padding:0;margin:20px 0 32px}.stylingCopy li{border-top:1px solid #c9cbbf;padding:14px 0;font-size:11px;letter-spacing:.07em}.stylingCopy li:last-child{border-bottom:1px solid #c9cbbf}.stylingCopy .button{align-self:flex-start}.testimonial{background:var(--navy);color:white;text-align:center;padding:105px 15vw}.testimonial>span{font:80px/1 Italiana;color:#c7ad7b}.testimonial blockquote{font:400 clamp(28px,3vw,46px)/1.35 Italiana,serif;max-width:950px;margin:0 auto 27px}.testimonial p{text-transform:uppercase;letter-spacing:.23em;font-size:8px}.visit{padding:110px 7vw;background:#f5f0e7;display:grid;grid-template-columns:1.1fr .7fr 1fr;gap:7vw}.visit>div:first-child>p:not(.eyebrow){line-height:1.8;max-width:420px}.contactBlock{border-left:1px solid #d5cbbb;padding-left:40px}.contactBlock h3{font:27px Italiana;margin-top:0}.contactBlock p,.contactBlock a{display:block;font-size:12px;line-height:1.8;margin-bottom:17px}.contactBlock a{text-decoration:underline;text-underline-offset:4px}form{display:flex;flex-direction:column;gap:17px}label{font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:500}input,select{width:100%;border:0;border-bottom:1px solid #bcb2a4;background:transparent;border-radius:0;padding:10px 0;color:var(--ink);font:13px 'DM Sans';outline:none}form button{border:0;background:var(--navy);color:white;padding:16px;text-transform:uppercase;letter-spacing:.18em;font-size:9px;cursor:pointer}footer{background:#101f38;color:white;padding:65px 6vw 35px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px}.footerBrand{grid-row:1/3}.footerBrand span{border-color:#c7ad7b}.footerBrand strong{font-size:30px}footer p{margin:0;text-align:right;font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:#c7ccd4}
@media(max-width:850px){.announcement{height:auto;line-height:1.5}.announcement span,.announcement span+*{display:none}.header{height:84px;padding:0 20px;display:flex;justify-content:space-between}.header nav{display:none}.headerCta{font-size:8px}.brand{grid-template-columns:38px auto}.brand span{width:34px;height:34px}.brand strong{font-size:20px}.hero{height:75vh;min-height:600px}.hero>img{object-position:63% center}.heroShade{background:linear-gradient(90deg,rgba(15,30,52,.75),rgba(15,30,52,.1))}.heroContent{left:25px;right:25px;top:auto;bottom:48px;transform:none}.hero h1{font-size:66px}.heroContent>p:not(.eyebrow){font-size:14px;max-width:330px}.heroActions{align-items:flex-start;flex-direction:column;gap:13px}.seal{display:none}.intro{padding:85px 24px}.intro h2 br{display:none}.quietMarks{gap:17px;flex-wrap:wrap}.collectionWrap{padding:80px 20px}.sectionHead{display:block}.sectionHead .textLink{display:inline-block;margin-top:18px}.collectionGrid{grid-template-columns:1fr;gap:48px}.imageFrame,.card2 .imageFrame,.card3 .imageFrame{height:440px}.styling{grid-template-columns:1fr}.stylingImage{min-height:500px}.monogram{right:20px;top:auto;bottom:-42px}.stylingCopy{padding:90px 25px 80px}.testimonial{padding:80px 25px}.visit{grid-template-columns:1fr;padding:80px 25px;gap:45px}.contactBlock{padding-left:22px}footer{grid-template-columns:1fr;align-items:start}.footerBrand{grid-row:auto}footer p{text-align:left}}
@media(max-width:500px){.headerCta{display:none}.hero h1{font-size:60px}.imageFrame,.card2 .imageFrame,.card3 .imageFrame{height:360px}.stylingImage{min-height:400px}.visit h2{font-size:46px}}

@media(min-width:851px){.collectionGrid{grid-template-columns:repeat(3,1fr)}.imageFrame,.card2 .imageFrame,.card3 .imageFrame{height:460px}}