:root{--ink: #20211f;--muted: #6f706a;--cream: #f2efe8;--paper: #faf9f5;--line: rgba(32, 33, 31, .16);--sage: #687064;--dark: #202722;--accent: #a76742}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4.5vw;background:#faf9f5f5;position:relative;z-index:10;border-bottom:1px solid rgba(0,0,0,.08)}.brand{display:inline-flex;align-items:center;gap:11px;font-size:17px;letter-spacing:-.03em;font-weight:700;width:fit-content}.brand-mark{width:29px;height:29px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-style:italic;font-weight:400}.site-header nav{display:flex;gap:clamp(22px,3vw,48px);font-size:13px}.site-header nav a{padding:8px 0;border-bottom:1px solid transparent}.site-header nav a:hover{border-color:currentColor}.header-cta{justify-self:end;font-size:13px;display:flex;gap:18px;align-items:center}.hero{height:min(790px,calc(100vh - 78px));min-height:620px;position:relative;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background:url(/modern-bathroom-hero.png) center / cover no-repeat;transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#131412b8,#1314123d 50%,#13141208 78%),linear-gradient(0deg,rgba(0,0,0,.22),transparent 40%)}.hero-copy{position:absolute;left:7vw;top:50%;transform:translateY(-48%);width:min(780px,72vw)}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.2em;font-weight:700;margin:0 0 24px;color:var(--accent)}.eyebrow.light{color:#ffffffb8}.hero h1,h2{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-.045em;line-height:.98;margin:0}.hero h1{font-size:clamp(54px,6.2vw,100px);text-wrap:balance}.hero h1 em{font-weight:400;color:#d8d1c4}.hero-lede{max-width:590px;font-size:clamp(16px,1.35vw,20px);line-height:1.65;margin:32px 0;color:#ffffffd1}.hero-actions{display:flex;align-items:center;gap:34px}.button{min-height:51px;padding:0 24px;display:inline-flex;justify-content:space-between;align-items:center;gap:28px;border:0;cursor:pointer;text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:700}.button-light{color:var(--ink);background:#f6f2e9}.button-dark{color:#fff;background:var(--dark)}.button:hover span{transform:translate(2px,-2px)}.text-link{font-size:13px;display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:6px}.light-link{color:#ffffffe6}.hero-note{position:absolute;right:4vw;bottom:4vw;display:grid;gap:5px;padding-left:18px;border-left:1px solid rgba(255,255,255,.55)}.hero-note span{text-transform:uppercase;letter-spacing:.13em;font-size:9px;color:#ffffffb3}.hero-note strong{font-family:Georgia,serif;font-size:20px;font-weight:400}.section-pad{padding:110px 7vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start;background:var(--paper)}h2{font-size:clamp(43px,5vw,76px)}.intro-copy>p{margin:5px 0 52px;font-size:clamp(18px,1.7vw,25px);line-height:1.65;color:#4e504c;max-width:680px}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:20px;gap:16px;font-size:12px;line-height:1.35}.principles span{display:flex;flex-direction:column;gap:12px}.principles b{color:var(--accent);font-size:10px}.ideas{background:#eae5db}.section-heading{display:grid;grid-template-columns:1fr minmax(280px,390px);align-items:end;gap:30px;margin-bottom:58px}.section-heading>p{color:#676963;line-height:1.7;margin:0}.idea-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:22px}.idea-card{background:var(--paper);min-width:0}.idea-visual{height:360px;position:relative;overflow:hidden;background:#c7bbaa}.idea-visual>span{position:absolute;z-index:2;top:18px;left:18px;background:#faf9f5e6;padding:5px 8px;font-size:10px}.scene{position:absolute;inset:0;transition:transform .5s ease}.idea-card:hover .scene{transform:scale(1.025)}.idea-warm .scene{background:linear-gradient(105deg,transparent 0 54%,rgba(32,39,34,.2) 54% 55%,transparent 55%),url(/modern-bathroom-hero.png) 73% center / cover no-repeat}.idea-compact .scene{background:linear-gradient(150deg,#ddd9d1 0 33%,transparent 33%),linear-gradient(90deg,#b8ad9d 0 19%,#ece8df 19% 55%,#a49c90 55% 58%,#d9d6cf 58%)}.idea-compact .scene:before{content:"";position:absolute;width:42%;height:30%;left:27%;bottom:18%;background:#88705c;box-shadow:0 -70px 0 -30px #f5f3ed}.idea-hotel .scene{background:radial-gradient(circle at 68% 29%,rgba(255,255,255,.9) 0 3%,transparent 4%),linear-gradient(90deg,#3f4640 0 20%,#858176 20% 22%,#bdb2a3 22% 70%,#5b554d 70%)}.idea-hotel .scene:before{content:"";position:absolute;width:54%;height:22%;left:25%;bottom:13%;background:#efece5;border-radius:50% 50% 12% 12%;box-shadow:0 -110px 0 -50px #242623cc}.idea-body{padding:28px}.idea-body h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:0 0 14px}.idea-body p{min-height:78px;color:#696a65;font-size:14px;line-height:1.6}.idea-body ul{list-style:none;display:flex;flex-wrap:wrap;padding:0;gap:7px;margin:22px 0 28px}.idea-body li{border:1px solid var(--line);border-radius:100px;padding:5px 9px;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.idea-body a{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;text-transform:uppercase;font-size:10px;letter-spacing:.13em;font-weight:700}.collections{color:#fff;background:var(--dark)}.compact-heading h2{color:#f2eee6}.compact-heading>p{color:#ffffff94}.collection-list{border-top:1px solid rgba(255,255,255,.2)}.collection-row{min-height:94px;display:grid;grid-template-columns:48px 45px 1fr 1fr 30px;align-items:center;gap:20px;border-bottom:1px solid rgba(255,255,255,.16);transition:background .2s,padding .2s}.collection-row:hover{background:#ffffff0b;padding:0 14px}.material-swatch{width:48px;height:48px;display:block;border-radius:50%;background:#777}.walnut{background:repeating-linear-gradient(12deg,#76523a 0 3px,#5c3e2c 3px 5px)}.glass{background:linear-gradient(135deg,#ffffffb3,#8ea8a43d);border:1px solid rgba(255,255,255,.45)}.stone{background:radial-gradient(circle at 30% 40%,#f3eee3,#b8ad9e)}.ceramic{background:#f2f1ec}.metal{background:linear-gradient(135deg,#dedbd1,#736f67 45%,#e3dfd5)}.graphite{background:#393b39;border:1px solid #72756f}.collection-index{font-size:10px;color:#ffffff73}.collection-row strong{font-family:Georgia,serif;font-size:clamp(21px,2vw,31px);font-weight:400}.collection-row>span:nth-last-child(2){color:#ffffff85;font-size:13px}.process{display:grid;grid-template-columns:1fr 1.05fr;gap:9vw;background:var(--paper)}.process ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.process li{display:grid;grid-template-columns:55px 1fr;padding:28px 0;border-bottom:1px solid var(--line)}.process li>span{font-size:10px;color:var(--accent);padding-top:6px}.process h3{margin:0 0 10px;font-size:19px}.process li p{color:var(--muted);margin:0;max-width:520px;line-height:1.65}.guidance{display:grid;grid-template-columns:1.35fr .65fr;padding-top:0;padding-bottom:0}.guide-feature{min-height:590px;padding:70px;color:#fff;background:linear-gradient(90deg,#181d19db,#181d1966),url(/modern-bathroom-hero.png) left center / cover no-repeat;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.guide-feature h2{max-width:630px}.guide-feature>p:not(.eyebrow){max-width:590px;color:#ffffffbf;line-height:1.75;margin:30px 0}.guidance aside{background:#c7b29d;padding:70px 48px}.guidance aside h3{font-family:Georgia,serif;font-size:34px;font-weight:400;line-height:1.15;margin:0 0 40px}.guidance dl{margin:0}.guidance dl div{border-top:1px solid rgba(32,33,31,.3);padding:18px 0}.guidance dt{font-weight:700;font-size:13px;margin-bottom:5px}.guidance dd{margin:0;font-size:12px;color:#5f5a53}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0}summary{cursor:pointer;list-style:none;padding:25px 0;display:flex;justify-content:space-between;gap:20px;font-size:17px;font-weight:600}summary::-webkit-details-marker{display:none}summary span{font-size:22px;font-weight:300}details[open] summary span{transform:rotate(45deg)}details p{margin:0 40px 25px 0;max-width:720px;color:var(--muted);line-height:1.75}.inquiry{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:#303a33;color:#fff}.inquiry-copy>p:not(.eyebrow){color:#ffffffad;max-width:520px;line-height:1.75;font-size:17px}.direct-contact{display:grid;gap:14px;margin-top:42px}.direct-contact a{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:12px;max-width:440px;font-size:13px}.inquiry-form{background:#f4f0e8;color:var(--ink);padding:42px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inquiry-form label{display:grid;gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-bottom:20px}.inquiry-form input:not([type=checkbox]),.inquiry-form select,.inquiry-form textarea{width:100%;border:0;border-bottom:1px solid #aaa79f;background:transparent;padding:10px 0;outline:none;border-radius:0;color:var(--ink)}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:var(--ink)}.inquiry-form textarea{resize:vertical}.inquiry-form .consent{grid-template-columns:16px 1fr;align-items:start;text-transform:none;letter-spacing:0;font-weight:400;font-size:11px;color:#686963}.consent input{margin:2px 0 0}.form-honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.cf-turnstile{margin:2px 0 20px;min-height:65px}.form-status{min-height:20px;margin:15px 0 0;color:#7e432a;font-size:12px;line-height:1.5}.form-note{font-size:10px;color:#797a75;margin:16px 0 0}footer{padding:65px 7vw 30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:start;background:#161a17;color:#fff}.footer-brand{font-size:18px}footer>p{color:#ffffff94;max-width:340px;margin:0;font-size:13px}footer>div{display:flex;justify-content:flex-end;gap:24px;font-size:12px}footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:22px;margin-top:38px;color:#ffffff6b}.whatsapp-float{position:fixed;z-index:20;right:24px;bottom:24px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#315c45;color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;box-shadow:0 8px 30px #00000040}.library-hero{min-height:510px;padding:105px 7vw 90px;color:#fff;background:linear-gradient(90deg,#161b17eb,#161b1747),url(/modern-bathroom-hero.png) center 46% / cover no-repeat;display:flex;flex-direction:column;justify-content:flex-end}.library-hero.products-hero{background-position:center 62%}.library-hero.cases-hero{background-position:center 36%}.library-hero h1,.article-hero h1{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-.045em;line-height:.98;margin:0;font-size:clamp(52px,6vw,92px);max-width:980px}.library-hero h1 em{color:#d8d1c4;font-weight:400}.library-hero>p:last-child{color:#ffffffb8;max-width:650px;line-height:1.7;font-size:17px;margin:28px 0 0}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.content-card{background:#f1ede4}.content-card-image{display:block;height:340px;overflow:hidden;background:#d8d2c7}.content-card-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.content-card:hover .content-card-image img{transform:scale(1.025)}.content-card-body{padding:34px}.content-card-body .eyebrow{margin-bottom:16px}.content-card-body h2{font-size:clamp(28px,3vw,43px);line-height:1.06;margin:0 0 18px}.content-card-body>p:not(.eyebrow){color:var(--muted);line-height:1.7;min-height:56px}.content-card-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:25px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700}.article-hero{min-height:650px;position:relative;color:#fff;display:flex;align-items:flex-end;overflow:hidden}.article-hero-image{position:absolute;inset:0;background-size:cover;background-position:center}.article-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#121613db,#12161326),linear-gradient(0deg,rgba(0,0,0,.5),transparent 55%)}.article-hero-copy{position:relative;z-index:1;padding:90px 7vw;max-width:1100px}.article-hero-copy>p:not(.eyebrow){color:#ffffffbf;font-size:18px;line-height:1.7;max-width:700px;margin:28px 0}.article-meta{display:flex;gap:24px;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#ffffff94}.breadcrumbs{padding:18px 7vw;display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;text-transform:capitalize}.breadcrumbs a:hover{color:var(--ink)}.article-shell{display:grid;grid-template-columns:270px minmax(0,760px);justify-content:center;gap:9vw;padding:105px 7vw}.article-shell aside{align-self:start;position:sticky;top:40px;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:13px;line-height:1.7}.article-shell aside .eyebrow{color:var(--accent)}.article-shell aside ol{margin:0;padding:0;list-style:none;display:grid;gap:10px}.article-shell aside li{margin:0}.article-shell aside li a{margin:0;border:0;padding:0;color:var(--muted)}.article-shell aside li a:hover{color:var(--ink)}.article-shell aside a{display:inline-block;color:var(--ink);border-bottom:1px solid var(--ink);margin-top:15px;padding-bottom:4px}.article-content{font-family:Georgia,Times New Roman,serif;font-size:19px;line-height:1.85;color:#40413e}.article-content>p:first-child{font-size:25px;line-height:1.65;color:var(--ink)}.article-content h2{font-size:43px;margin:60px 0 24px}.article-content h3{font-size:27px;margin:42px 0 18px}.article-content ul{padding-left:25px}.article-content li{margin:9px 0}.article-content strong{color:var(--ink)}.answer-summary{margin:0 0 48px;padding:26px 30px;border-left:3px solid var(--accent);background:#f0ece3;color:var(--ink)!important;font-size:21px!important;line-height:1.65!important}.recommendation-block,.article-gallery,.article-faq{margin-top:76px;padding-top:56px;border-top:1px solid var(--line)}.recommendation-block>h2,.article-gallery h2,.article-faq>h2{margin:0 0 30px}.recommendation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.recommendation-grid article{padding:24px;background:#f0ece3;font-family:Arial,Helvetica,sans-serif}.recommendation-grid article>span{color:var(--accent);font-size:10px;letter-spacing:.15em}.recommendation-grid h3{margin:14px 0 9px;font-family:Georgia,serif;font-size:22px;font-weight:400}.recommendation-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.recommendation-grid a{display:inline-block;margin-top:18px;padding-bottom:3px;border-bottom:1px solid currentColor;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gallery-grid figure{margin:0;background:#eee9df}.gallery-grid figure.gallery-wide{grid-column:1/-1}.gallery-grid img{width:100%;height:310px;display:block;object-fit:cover}.gallery-grid .gallery-wide img{height:460px}.gallery-grid figcaption{padding:13px 15px 16px;font-family:Arial,Helvetica,sans-serif;color:var(--muted);font-size:11px;line-height:1.55}.article-faq details p{font-family:Arial,Helvetica,sans-serif;font-size:14px}.article-cta{padding:90px 7vw;color:#fff;background:var(--dark);text-align:center;display:flex;flex-direction:column;align-items:center}.article-cta h2{max-width:850px}.article-cta>p:not(.eyebrow){max-width:620px;color:#ffffffa6;line-height:1.7;margin:28px 0}@media(max-width:960px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.idea-grid{grid-template-columns:1fr 1fr}.idea-card:first-child{grid-column:1/-1}.process,.faq,.inquiry,.guidance{grid-template-columns:1fr}.guide-feature{min-height:520px}footer{grid-template-columns:1fr 1fr}footer>div{justify-content:flex-start}.library-grid,.article-shell{grid-template-columns:1fr}.article-shell aside{position:static}}@media(max-width:680px){.site-header{height:67px;padding:0 20px}.brand{font-size:14px}.header-cta{font-size:0;gap:0}.header-cta span{font-size:18px}.hero{min-height:690px;height:calc(100svh - 67px)}.hero-image{background-position:61% center}.hero-shade{background:linear-gradient(90deg,#121412cc,#1214121f),linear-gradient(0deg,rgba(0,0,0,.45),transparent 55%)}.hero-copy{left:24px;right:24px;width:auto;top:46%}.hero h1{font-size:48px}.hero-lede{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-note{right:22px;bottom:22px}.section-pad{padding:76px 24px}.intro{grid-template-columns:1fr;gap:40px}h2{font-size:43px}.principles{grid-template-columns:1fr}.principles span{flex-direction:row}.section-heading{grid-template-columns:1fr;margin-bottom:35px}.idea-grid{grid-template-columns:1fr}.idea-card:first-child{grid-column:auto}.idea-visual{height:300px}.collection-row{grid-template-columns:38px 1fr 22px;min-height:86px;gap:14px}.material-swatch{width:38px;height:38px}.collection-index,.collection-row>span:nth-last-child(2){display:none}.guide-feature{padding:55px 28px;min-height:560px}.guidance aside{padding:55px 28px}.field-row{grid-template-columns:1fr;gap:0}.inquiry-form{padding:30px 22px}footer{grid-template-columns:1fr;padding:55px 24px 28px}footer>div{flex-wrap:wrap}.library-hero{min-height:500px;padding:80px 24px 55px}.content-card-image{height:270px}.content-card-body{padding:26px}.article-hero{min-height:620px}.article-hero-copy{padding:70px 24px}.article-hero h1{font-size:45px}.article-shell{padding:70px 24px}.article-content{font-size:17px}.article-content>p:first-child{font-size:21px}.article-content h2{font-size:36px}.recommendation-grid,.gallery-grid{grid-template-columns:1fr}.gallery-grid figure.gallery-wide{grid-column:auto}.gallery-grid img,.gallery-grid .gallery-wide img{height:280px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
