@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Italiana&display=swap');
:root{--ink:#1d1b18;--ivory:#f1eee6;--cream:#e4ded0;--wine:#481916;--gold:#bc9561;--line:rgba(29,27,24,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);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}.site-header{height:88px;position:absolute;z-index:10;top:0;left:0;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;color:white;border-bottom:1px solid rgba(255,255,255,.25)}.brand{font-size:18px;letter-spacing:.3em;font-weight:500}.brand span{font-family:"Italiana";font-size:31px;letter-spacing:0}.nav{display:flex;gap:38px;font-size:12px;letter-spacing:.08em}.nav a,.header-cta{transition:opacity .2s}.nav a:hover,.header-cta:hover{opacity:.6}.header-cta{justify-self:end;font-size:12px;border-bottom:1px solid;padding-bottom:7px}.header-cta span{margin-left:15px}.menu{display:none}.hero{height:100svh;min-height:760px;position:relative;color:white;background:#351511;overflow:hidden}.hero img{position:absolute;inset:0}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,10,8,.72) 0%,rgba(34,10,8,.26) 48%,rgba(34,10,8,.08)),linear-gradient(0deg,rgba(20,5,4,.4),transparent 38%)}.hero-copy{position:absolute;left:8vw;top:23%;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:500}.eyebrow.dark{color:#735d4e}.hero h1,.manifesto h2,.finishes h2,.showroom h2,.contact h2{font-family:"Italiana",serif;font-weight:400;line-height:.87;letter-spacing:-.035em;margin:35px 0;font-size:clamp(70px,9.2vw,145px)}em{font-weight:400}.hero h1 em{color:#efd5c0}.hero-intro{font-family:"Italiana";font-size:20px;max-width:320px;line-height:1.4}.circle-link{position:absolute;left:55vw;top:65%;width:154px;height:154px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.16em;transition:.3s}.circle-link b{position:absolute;bottom:21px;font-size:16px}.circle-link:hover{background:white;color:var(--wine)}.hero-foot{position:absolute;bottom:30px;left:4vw;right:4vw;border-top:1px solid rgba(255,255,255,.35);padding-top:20px;display:flex;gap:50px;text-transform:uppercase;font-size:9px;letter-spacing:.2em}.manifesto{padding:130px 8vw 150px}.manifesto h2{font-size:clamp(52px,7vw,105px);max-width:1100px;line-height:1}.manifesto h2 em,.contact h2 em{color:#99684e}.manifesto-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:60px;margin-top:90px}.manifesto-grid .rule{border-top:1px solid var(--line)}.manifesto-grid p{font-size:14px;line-height:1.9;margin:0}.collections{padding:110px 6vw;background:#d9d1c2}.section-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:15px}.section-top>p:last-child{font-family:"Italiana";font-size:17px;margin:0}.collection-row{display:grid;grid-template-columns:70px minmax(300px,1.1fr) 1fr;gap:4vw;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.collection-no{font-size:10px;align-self:start;padding-top:10px}.collection-image{height:330px;overflow:hidden}.collection-image img{transition:transform .7s}.collection-row:hover img{transform:scale(1.03)}.collection-copy h3{font-family:"Italiana";font-size:clamp(42px,5vw,75px);font-weight:400;margin:0 0 20px;line-height:1}.collection-copy p{max-width:400px;line-height:1.7;font-size:13px}.collection-copy a,.showroom-card a{display:inline-flex;justify-content:space-between;width:210px;border-bottom:1px solid;padding:18px 0 8px;margin-top:45px;text-transform:uppercase;font-size:10px;letter-spacing:.16em}.finishes{background:#221d19;color:#eae3d6;padding:130px 8vw}.finishes>div:first-child{display:grid;grid-template-columns:1fr 2fr}.finishes h2{font-size:clamp(58px,7.5vw,110px);margin:30px 0 70px;grid-column:2}.finishes h2 em{color:#c6a678}.finish-intro{margin-left:33.3%;max-width:520px;line-height:1.8}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:100px}.swatch i{display:block;height:105px;margin-bottom:17px}.swatch span{text-transform:uppercase;font-size:9px;letter-spacing:.14em}.showroom{min-height:800px;background:url('assets/bath.jpg') center/cover fixed;display:flex;align-items:center;justify-content:flex-end;padding:7vw}.showroom-card{background:var(--wine);color:white;width:min(570px,95%);padding:75px}.showroom h2{font-size:73px;margin:35px 0}.showroom h2 em{color:#d8a585}.showroom-card>p:not(.eyebrow){line-height:1.8;max-width:390px}.contact{text-align:center;padding:140px 5vw}.contact h2{font-size:clamp(65px,8vw,120px);line-height:.95}.contact-link{display:flex;justify-content:space-between;max-width:560px;margin:70px auto 0;padding:15px 0;border-bottom:1px solid;font-size:13px;letter-spacing:.08em}footer{background:#171411;color:#e9e2d5;padding:80px 5vw 40px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:start}footer>div{display:flex;gap:80px;font-size:11px;line-height:1.8}.legal{justify-content:flex-end;align-self:end;text-transform:uppercase;letter-spacing:.1em;font-size:8px!important}.inverse{color:white}
@media(max-width:800px){.site-header{grid-template-columns:1fr auto;height:72px}.nav{position:absolute;top:72px;left:0;width:100%;background:var(--ivory);color:var(--ink);display:none;flex-direction:column;padding:30px}.nav.open{display:flex}.header-cta{display:none}.menu{display:flex;background:none;border:0;width:30px;height:30px;padding:8px 0;flex-direction:column;justify-content:center;gap:6px}.menu i{width:25px;border-top:1px solid white}.hero{min-height:690px}.hero-copy{left:7vw;top:22%}.hero h1{font-size:18vw}.circle-link{left:auto;right:6vw;top:auto;bottom:90px;width:110px;height:110px}.hero-foot{gap:20px}.manifesto,.finishes{padding:90px 7vw}.manifesto-grid{grid-template-columns:1fr;gap:25px;margin-top:55px}.collection-row{grid-template-columns:32px 1fr;gap:15px}.collection-image{height:250px}.collection-copy{grid-column:2}.section-top>p:last-child{display:none}.finishes>div:first-child{display:block}.finishes h2{grid-column:auto}.finish-intro{margin-left:0}.swatches{grid-template-columns:repeat(2,1fr);margin-top:60px}.showroom{min-height:700px;padding:18px;background-attachment:scroll}.showroom-card{padding:45px 30px}.showroom h2{font-size:55px}footer{grid-template-columns:1fr}.legal{justify-content:flex-start;flex-wrap:wrap}footer>div{gap:35px}}
