:root{--ink:#1b1b18;--paper:#f4f1e9;--sand:#d9cdb8;--rust:#9e4d31;--line:rgba(27,27,24,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-weight:300}button,a{color:inherit;font:inherit}button{cursor:pointer}.header{height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);position:absolute;z-index:5;width:100%}.brand{text-decoration:none;font-size:20px;letter-spacing:.1em;font-weight:500}.brand span{display:block;font-size:8px;letter-spacing:.42em;margin-top:2px}.nav{display:flex;gap:34px}.nav a,footer a{text-decoration:none;font-size:13px}.cart-button,.menu-button{justify-self:end;border:0;background:none;border-bottom:1px solid;padding:7px 0}.cart-button span{background:var(--ink);color:white;border-radius:50%;padding:2px 6px;margin-left:6px;font-size:10px}.menu-button{display:none}.hero{min-height:100vh;position:relative;display:grid;grid-template-columns:52% 48%;overflow:hidden}.hero-art{background:#c6b18f;position:relative;overflow:hidden}.sun{position:absolute;width:38vw;height:38vw;border-radius:50%;background:#d5a458;left:3vw;top:18vh}.shape{position:absolute;background:var(--rust);filter:drop-shadow(20px 30px 18px rgba(40,20,10,.18))}.shape-a{width:27vw;height:60vh;left:15vw;top:27vh;border-radius:58% 38% 28% 55%;transform:rotate(18deg)}.shape-b{width:14vw;height:42vh;background:#2c3c37;left:7vw;top:45vh;border-radius:50% 30% 60% 25%;transform:rotate(-22deg)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:120px 8vw 40px 7vw}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:500}.hero h1,.section-head h2,.artists h2,.contact h2,.intro h2,dialog h2{font-family:Italiana,serif;font-weight:400;line-height:.94;margin:28px 0;font-size:clamp(52px,7vw,106px)}.hero h1 em{color:var(--rust);font-weight:400}.hero-copy>p:not(.eyebrow){max-width:440px;line-height:1.7}.arrow-link{margin-top:48px;display:flex;justify-content:space-between;max-width:330px;text-decoration:none;border-bottom:1px solid;padding-bottom:12px}.hero-index{position:absolute;right:4vw;bottom:3vw;font-size:11px;letter-spacing:.2em}.intro{padding:12vw 8vw;display:grid;grid-template-columns:30% 70%;border-bottom:1px solid var(--line)}.intro h2{font-size:clamp(38px,5vw,72px);margin-top:0}.intro div p{max-width:600px;line-height:1.8}.collection{padding:10vw 4vw}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:50px}.section-head h2,.artists h2{font-size:clamp(50px,6vw,86px);margin:12px 0}.filters button{border:0;background:none;padding:10px 0;margin-left:24px;color:#777}.filters button.active{color:var(--ink);border-bottom:1px solid}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw 2vw}.art-card{cursor:pointer}.art-image{aspect-ratio:4/5;position:relative;overflow:hidden;background:#ddd}.art-image::before,.detail-image::before{content:"";position:absolute;inset:12%;background:var(--art);border-radius:var(--radius);transform:rotate(var(--rotate));box-shadow:15px 25px 30px #0002}.art-card:nth-child(even){margin-top:7vw}.art-info{display:grid;grid-template-columns:1fr auto;padding-top:18px}.art-info h3{margin:0;font-family:Italiana,serif;font-size:23px;font-weight:400}.art-info p{margin:6px 0;color:#6b6860;font-size:12px}.art-info strong{font-size:13px;font-weight:400}.artists{padding:10vw 8vw;background:#202722;color:#eee}.artist-list{margin-top:60px}.artist-list article{border-top:1px solid #ffffff38;display:grid;grid-template-columns:10% 1fr 30%;align-items:center;padding:28px 0}.artist-list h3{font-family:Italiana,serif;font-size:40px;font-weight:400;margin:0}.artist-list p,.artist-list span{font-size:12px;color:#aaa}.contact{text-align:center;padding:12vw 5vw;background:var(--rust);color:white}.contact h2{font-size:clamp(52px,7vw,96px)}.contact>p:not(.eyebrow){max-width:550px;margin:0 auto 40px;line-height:1.7}.light-button,.primary-button{border:0;padding:16px 26px;background:var(--paper);color:var(--ink)}.primary-button{background:var(--ink);color:white;width:100%}footer{padding:60px 4vw;display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:start}footer>div{display:flex;gap:22px}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px}.drawer-backdrop{position:fixed;inset:0;background:#0007;z-index:9;opacity:0;pointer-events:none;transition:.3s}.drawer{position:fixed;right:0;top:0;height:100%;width:min(480px,100%);background:var(--paper);z-index:10;padding:30px;transform:translateX(100%);transition:.35s;display:flex;flex-direction:column}.drawer.open{transform:none}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-head h2{font-family:Italiana,serif;font-size:36px;font-weight:400}.close,.dialog-close{border:0;background:none;font-size:32px}.cart-items{flex:1;overflow:auto}.cart-row{display:grid;grid-template-columns:72px 1fr auto;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.cart-thumb{background:var(--art);height:85px}.cart-row h3{font-family:Italiana,serif;margin:5px 0;font-weight:400}.cart-row button{border:0;background:none;font-size:20px}.cart-footer>div{display:flex;justify-content:space-between;margin:20px 0}.cart-footer small{display:block;margin-top:12px;line-height:1.5;color:#777}dialog{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(900px,92vw);max-height:90vh}dialog::backdrop{background:#111b}.dialog-close{position:absolute;right:20px;top:15px;z-index:2}.detail{display:grid;grid-template-columns:1fr 1fr}.detail-image{min-height:620px;background:#d5caba;position:relative}.detail-copy{padding:80px 50px}.detail-copy h2,dialog h2{font-size:52px}.facts{border-top:1px solid var(--line);margin:35px 0}.facts div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}.checkout-copy,#reservation-form{padding:45px 8vw}.checkout-copy{padding-bottom:0}.checkout-copy h2{margin:15px 0}label{display:block;font-size:12px;margin:15px 0}input,textarea{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:10px 0;font:inherit}input:focus,textarea:focus{outline:0;border-color:var(--rust)}.form-status{min-height:22px;font-size:13px}.empty{color:#777;margin-top:30px}@media(max-width:800px){.header{height:68px;grid-template-columns:1fr auto auto;gap:18px}.nav{position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:25px;display:none;flex-direction:column}.nav.open{display:flex}.menu-button{display:block}.cart-button{font-size:0}.cart-button::before{content:"Selección";font-size:13px}.hero{grid-template-columns:1fr;padding-top:68px}.hero-art{height:55vh}.sun{width:70vw;height:70vw}.shape-a{width:48vw;height:35vh;left:35vw;top:18vh}.shape-b{width:28vw;height:28vh;top:26vh}.hero-copy{padding:60px 7vw 90px}.intro{grid-template-columns:1fr;padding:90px 7vw}.section-head{align-items:start;flex-direction:column}.filters button{margin:0 20px 0 0}.art-grid{grid-template-columns:1fr 1fr}.artists,.collection{padding:80px 5vw}.artist-list article{grid-template-columns:15% 1fr}.artist-list article p{display:none}footer{grid-template-columns:1fr}.detail{grid-template-columns:1fr}.detail-image{min-height:400px}.detail-copy{padding:50px 30px}}@media(max-width:520px){.art-grid{grid-template-columns:1fr}.art-card:nth-child(even){margin-top:0}.hero h1{font-size:56px}.brand{font-size:16px}}
