@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@300;400;500;600&display=swap');
:root{--ink:#191919;--muted:#62625e;--paper:#fff;--sand:#efeee9;--line:#d9d9d3;--accent:#665e50}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:white;font:16px/1.65 'DM Sans',sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #967951}button:disabled{cursor:default}img{display:block;max-width:100%}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:15px;background:white;padding:15px;z-index:20}.skip:focus{top:10px}header{padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:white;border-bottom:1px solid var(--line)}.brand{display:block;flex-shrink:0}.brand img{width:300px;height:100px;object-fit:contain}nav{display:flex;gap:24px;font-size:13px}nav a:hover{border-bottom:1px solid}button.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);background:var(--ink);color:white;padding:15px 24px;font-weight:500;font-size:14px;line-height:1.5;transition:background .2s}.button:hover{background:#444}.button.small{padding:11px 17px;white-space:nowrap}.button.light{background:white;color:var(--ink);border-color:white}.button.light:hover{background:#eae8e2}.hero{position:relative;min-height:660px;height:min(780px,80vh);display:flex;align-items:center;background:#575953;color:white}.hero-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000a 0%,#0005 48%,#0000 90%)}.hero-copy{position:relative;z-index:1;margin:50px 7%;max-width:610px}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:600;color:var(--accent);margin-bottom:24px}.hero .eyebrow{color:#f3f0e9}h1{font-size:clamp(50px,5.5vw,83px);line-height:1.08;letter-spacing:-3px;margin-bottom:28px}.lead{font-size:18px;max-width:470px;color:#f3f0e9}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:32px}.text-link{border-bottom:1px solid;padding-bottom:4px;font-size:14px}.hero-credit{position:absolute;right:25px;bottom:12px;font-size:11px;z-index:1;text-shadow:0 1px 4px black}.hero-credit a{text-decoration:underline}.ribbon{display:flex;justify-content:space-around;gap:20px;background:var(--sand);padding:18px 5%;font-size:12px;letter-spacing:.6px}.section{padding:88px 6%;scroll-margin-top:20px}h2{font-size:clamp(32px,3.3vw,49px);line-height:1.2;letter-spacing:-1.5px;margin-bottom:22px}h3{font-size:23px;line-height:1.4}.introduction{display:grid;grid-template-columns:1.2fr 1fr;column-gap:10%;padding-top:95px;padding-bottom:65px}.introduction>.eyebrow{grid-column:1/-1}.introduction>p:not(.eyebrow){color:var(--muted);align-self:center;max-width:470px}.collection-links{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:32px}.collection-links a{font-size:14px;border-top:1px solid var(--line);padding-top:18px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.section-head h2{margin-bottom:0}.section-head>p{font-size:15px;color:var(--muted);margin:0;max-width:410px}.gallery-section{border-top:1px solid var(--line)}#piedras{background:#f5f4f0}.gallery-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:18px}.gallery-controls label{flex:1;min-width:140px;font-size:12px}.gallery-controls .search-field{flex:2;min-width:220px}.gallery-controls select,.gallery-controls input{font-size:13px;padding:11px}.reset-filters{padding:12px 4px;border:0;background:transparent;text-decoration:underline;font-size:12px;color:var(--muted)}.catalog-count{font-size:12px;color:var(--muted);margin-bottom:24px}.catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px;align-items:start}.tile{min-width:0}.tile-image{aspect-ratio:1;overflow:hidden;background:#e7e5df;position:relative;display:grid;place-items:center}.tile-image img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.tile-image:hover img{transform:scale(1.035)}#terminaciones .tile-image{background:#fafafa}#terminaciones .tile-image img{object-fit:contain;padding:15px}.image-fallback{padding:30px;text-align:center;color:var(--muted);font-size:13px}.tile-info{padding-top:16px}.tile .tag{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;color:var(--muted);margin-bottom:5px}.tile h3{font-size:18px;letter-spacing:-.25px;margin-bottom:6px}.dimensions{font-size:12px;color:var(--muted);margin-bottom:12px}.tile-actions{display:flex;gap:15px;flex-wrap:wrap}.tile-actions button{background:none;border:0;border-bottom:1px solid var(--line);padding:0 0 4px;color:var(--ink);font-size:12px}.catalog-more{display:flex;margin:35px auto 0}.caption{font-size:12px;line-height:1.7;color:var(--muted);margin-top:26px;max-width:1000px}.caption a{text-decoration:underline;text-underline-offset:3px}.installation{display:grid;grid-template-columns:1fr 1fr;gap:7%;background:#eae7df}.installation>div>p:not(.eyebrow){max-width:490px;color:#51504c}.installation-list article{position:relative;border-top:1px solid #bdbab3;padding:20px 0 12px 40px}.installation-list span{position:absolute;top:25px;left:0;font-size:12px;color:var(--muted)}.installation-list h3{font-size:21px;margin-bottom:8px}.installation-list p{font-size:14px;color:#51504c}.installation-source{grid-column:1/-1;margin-top:10px}.service{background:#191919;color:white;display:grid;grid-template-columns:1fr 1fr;gap:10%}.service .eyebrow{color:#c7c1b6}.service p{color:#c7c7c1;max-width:480px}.service-list article{display:flex;gap:25px;border-bottom:1px solid #ffffff30;padding-bottom:18px;margin-bottom:25px}.service-list span{font-size:12px;color:#aaa;padding-top:7px}.service-list h3{font-size:22px;margin-bottom:10px}.service-list p{font-size:14px;margin-bottom:0}.spaces-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.spaces-grid img{width:100%;height:350px;object-fit:cover}.spaces-grid article>div{padding:28px 0 0}.spaces-grid h3{font-size:27px;margin:10px 0}.spaces-grid p{color:var(--muted);max-width:520px}.process{background:#f5f4f0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:40px}.steps span{display:block;font-size:12px;border-top:1px solid var(--line);padding-top:17px;margin-bottom:20px;color:var(--muted)}.steps h3{font-size:21px;margin-bottom:10px}.steps p{font-size:14px;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:8%}details{border-bottom:1px solid var(--line);padding:18px 0}summary{font-size:16px;cursor:pointer;padding-right:25px}details p{font-size:14px;color:var(--muted);margin:15px 0 0}.contact{background:var(--sand);display:grid;grid-template-columns:1fr 1.2fr;gap:9%}.contact>div>p{max-width:390px}.contact h2{font-size:49px}.phone{display:inline-block;font-size:25px;border-bottom:1px solid;margin-top:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid+label,form>label,form>.form-grid{margin-top:17px}label{display:block;font-size:13px;font-weight:500}input,select,textarea{width:100%;display:block;margin-top:6px;padding:12px;border:1px solid #bfbfb7;border-radius:0;background:white;color:var(--ink);min-width:0}textarea{resize:vertical}form h3{font-size:24px}form .button{width:100%;margin-top:23px}#form-status{font-size:13px}#form-status a{text-decoration:underline}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:20px 5% 90px}footer p,footer>a:last-child{font-size:12px;margin:0}.floating{position:fixed;bottom:20px;right:20px;background:#191919;color:white;border:1px solid #fff7;border-radius:30px;padding:12px 21px;font-size:13px;z-index:5;box-shadow:0 4px 15px #0002}dialog{border:0;padding:40px;width:min(850px,94vw);max-height:90vh;overflow:auto;background:white;color:var(--ink)}dialog::backdrop{background:#0009}.dialog-close{position:absolute;right:12px;top:5px;font-size:30px;border:0;background:transparent;z-index:1}.dialog-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px}.dialog-layout img{width:100%;max-height:450px;object-fit:contain}.dialog-layout h2{font-size:29px;margin-top:16px}.dialog-layout p{font-size:14px}.dialog-layout .button{margin-top:20px}.product-source{font-size:12px;text-decoration:underline;display:block;margin-top:15px}.empty{font-size:15px;padding:20px 0}
@media(min-width:1700px){header,main,footer{max-width:1800px;margin:auto}}@media(max-width:1100px){header{gap:15px}.brand img{width:260px;height:88px}nav{gap:15px;font-size:12px}.button.small{font-size:12px;padding:10px}.catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.section{padding:65px 5%}.hero{min-height:600px}.gallery-controls label{min-width:125px}}
@media(max-width:850px){header{flex-wrap:wrap;position:relative}.brand img{width:255px;height:85px}.menu-toggle{display:block!important;background:transparent;border:0;font-size:24px;margin-left:auto}header>.button{display:none}nav{display:none;flex-basis:100%;padding:5px 0 20px;flex-wrap:wrap;font-size:14px}nav.open{display:flex}.hero{height:auto;min-height:600px}.hero-copy{margin:70px 6%}.introduction{column-gap:5%}.collection-links{gap:18px}.service,.installation,.contact{gap:6%}.section-head{align-items:start}.section-head>p{max-width:270px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,1fr)}.contact h2{font-size:38px}.form-grid{grid-template-columns:1fr;gap:15px}.faq{gap:5%}}
@media(max-width:600px){h1{font-size:52px;letter-spacing:-2px}.hero{min-height:620px}.hero-photo{object-position:63% center}.hero:after{background:linear-gradient(90deg,#000b,#0005)}.hero-copy{margin:55px 6%}.hero .eyebrow{font-size:10px;letter-spacing:1.4px}.lead{font-size:16px}.ribbon{flex-wrap:wrap;gap:8px 20px;font-size:11px}.ribbon span:last-child{display:none}.section{padding:55px 6%}.introduction,.service,.installation,.contact,.faq{grid-template-columns:1fr;gap:28px}.introduction>.eyebrow{margin-bottom:0}.introduction h2{margin-bottom:0}.introduction>p:not(.eyebrow){margin-bottom:0}.collection-links{grid-template-columns:1fr;gap:14px;margin-top:0}.collection-links a{padding-top:13px}.section-head{display:block;margin-bottom:25px}.section-head>p{margin-top:18px;max-width:100%}.eyebrow{font-size:10px;letter-spacing:1.8px}.gallery-controls{gap:10px}.gallery-controls .search-field{flex-basis:100%}.gallery-controls label{min-width:120px}.catalog{gap:26px 14px}.tile h3{font-size:16px}.tile .tag{font-size:9px}.tile-info{padding-top:12px}.tile-actions{gap:12px}.tile-actions button{font-size:11px}.spaces-grid{grid-template-columns:1fr}.spaces-grid img{height:280px}.steps{gap:24px}.steps h3{font-size:19px}.form-grid{grid-template-columns:1fr 1fr;gap:12px}.contact h2{font-size:39px}.contact .phone{font-size:23px}footer{flex-direction:column;align-items:start;gap:16px}.dialog-layout{grid-template-columns:1fr;gap:10px}dialog{padding:35px 22px}.dialog-layout img{max-height:270px}.dialog-layout h2{margin-top:0}.hero-credit{font-size:9px}}
@media(max-width:370px){.form-grid{grid-template-columns:1fr}.catalog{gap:22px 10px}.tile h3{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Catalog with the specifications alongside the image. */
.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.tile{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;border-bottom:1px solid var(--line);padding-bottom:28px}.tile-info{padding:0;min-width:0}.tile-image{align-self:start}.product-visual{min-width:0}.tile h3{font-size:20px;overflow-wrap:anywhere}.product-specs{margin:12px 0;font-size:12px}.product-specs>div{margin-bottom:8px}.product-specs dt{font-weight:600;display:inline}.product-specs dt:after{content:': '}.product-specs dd{display:inline;margin:0;color:var(--muted);overflow-wrap:anywhere}.product-source{margin-top:10px}.add-product{display:block;width:100%;min-height:44px;border:1px solid #7b7b74;background:white;color:var(--ink);padding:10px 12px;margin-top:16px;font-size:12px;text-align:left;line-height:1.5}.add-product[aria-pressed=true]{background:#191919;color:#fff;border-color:#191919}.photo-switch{display:flex;margin-top:9px;gap:5px}.photo-switch button{flex:1;font-size:11px;min-height:44px;border:1px solid var(--line);background:white;padding:8px 4px}.photo-switch button[aria-pressed=true]{background:#191919;color:white}.photo-caption,.filter-note{font-size:11px;color:var(--muted);line-height:1.6;margin:12px 0}.variant-details{font-size:12px;padding:8px 0}.variant-details summary{font-size:12px}.variant-details p{font-size:12px}.gallery-controls .reset-filters{min-height:44px}.inspiration{background:#efeee9}.inspiration figure{margin:0}.inspiration figcaption{padding:16px 0}.inspiration figcaption strong,.inspiration figcaption span{display:block}.inspiration figcaption span,.inspiration figcaption>a{font-size:12px;color:var(--muted)}.inspiration figcaption>a{text-decoration:underline}.inspiration .spaces-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inspiration img{height:260px;width:100%;object-fit:cover}.inspiration figcaption strong{font:400 20px Manrope,sans-serif;margin-bottom:8px}.contact{grid-template-columns:.8fr 1.3fr;gap:7%}fieldset{border:0;border-top:1px solid #c4c2ba;padding:24px 0;margin:28px 0 0;min-width:0}legend{font-size:14px;font-weight:600;padding-right:15px}fieldset label,fieldset .form-grid{margin-top:16px}fieldset .form-grid label{margin-top:0}.form-intro,.field-help{font-size:13px;color:var(--muted)}.form-intro{margin-bottom:25px}.selected-list{list-style:none;padding:0;margin:0 0 14px}.selected-list li{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #cbc9c0;font-size:13px}.selected-list strong{font-weight:500;overflow-wrap:anywhere}.selected-list span{display:block;color:var(--muted);font-size:11px}.selected-list button{border:0;background:transparent;font-size:12px;min-height:44px;flex-shrink:0}.selection-empty{font-size:13px;color:var(--muted)}.message-preview pre{font:12px/1.7 'DM Sans',sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;padding:18px;max-height:420px;overflow:auto}.selection-tray{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:25px;background:white;border:1px solid var(--line);padding:10px 14px;box-shadow:0 6px 30px #0002;z-index:6;max-width:90vw;font-size:13px}.selection-tray .button{white-space:nowrap}.has-selection .floating{bottom:100px}.selection-status{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#191919;color:white;padding:12px 20px;max-width:90vw;font-size:13px;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s}.selection-status.visible{opacity:1}.contact input,.contact select,.contact textarea{font-size:16px}main{overflow:clip}#selected-products{scroll-margin-top:20px}.contact .caption{max-width:100%}
@media(max-width:1100px){.tile{gap:14px}.tile h3{font-size:18px}.catalog{gap:22px}.inspiration .spaces-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.catalog{grid-template-columns:1fr}.tile{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:25px}.contact{grid-template-columns:1fr;gap:30px}.contact>div{max-width:600px}.contact form{max-width:800px;width:100%}.contact .form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.tile{gap:17px}.tile h3{font-size:18px}.gallery-controls input,.gallery-controls select{font-size:16px;min-height:44px}.inspiration .spaces-grid{grid-template-columns:1fr}.inspiration img{height:280px}.selection-tray{bottom:10px;gap:10px;width:calc(100% - 20px);max-width:500px;justify-content:space-between;font-size:12px;padding:9px}.selection-tray .button{padding:11px 12px;font-size:12px}.has-selection .floating{bottom:89px;padding:10px 15px;font-size:12px}.selection-status{bottom:143px;width:90%;text-align:center}.contact .form-grid{grid-template-columns:1fr}.contact{padding-bottom:110px}.product-specs{font-size:12px}.tile .tag{font-size:10px}.photo-switch{flex-wrap:wrap}.photo-switch button{font-size:10px}.gallery-controls label{min-width:130px}.inspiration .add-product{max-width:350px}}
@media(max-width:400px){.tile{grid-template-columns:1fr;gap:16px}.tile-image{aspect-ratio:1.35}.photo-switch{max-width:230px}.tile h3{font-size:20px}.product-specs{font-size:13px}.add-product{font-size:13px}.selection-tray>span{max-width:115px}.hero h1{font-size:42px}.section-head h2{font-size:30px}}