@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');
:root{--ink:#28252d;--ink-soft:#514b58;--muted:#7e7784;--paper:#f8f6f2;--surface:#fffefa;--cream:#f0ece5;--line:#e6e1e9;--accent:#8c6ab0;--accent-dark:#71508f;--accent-soft:#f0eaf6;--accent-pale:#f7f2fa;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--shadow:0 16px 44px #382b4610}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
a{color:inherit}
.site-header{min-height:78px;padding:0 max(6vw,24px);display:flex;align-items:center;justify-content:space-between;gap:28px;background:#f8f6f2f2;border-bottom:1px solid #e6e1e9aa;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}
.brand{text-decoration:none;white-space:nowrap}
.wordmark{font:600 27px var(--serif);letter-spacing:-.06em;color:var(--ink)}
.wordmark span{color:var(--accent)}
.brand small{display:block;margin-top:2px;font:600 8px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.site-nav{display:flex;align-items:center;gap:32px;font-size:12px;color:var(--ink-soft)}
.site-nav a{text-decoration:none;transition:color .2s ease}
.site-nav a:hover,.site-nav a:focus-visible{color:var(--accent-dark)}
.whatsapp-link{border:1px solid #ded3e9;border-radius:999px;padding:10px 14px;text-decoration:none;color:var(--accent-dark);font-size:11px;font-weight:600;transition:background .2s ease,transform .2s ease}
.whatsapp-link:hover{background:var(--accent-soft);transform:translateY(-1px)}
.whatsapp-link span{padding-left:5px}
.hero{min-height:510px;padding:64px max(8.5vw,28px) 70px;display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:8vw;background:linear-gradient(110deg,#f1efe8 0%,#f6f2f4 53%,#ebe7ef 100%);overflow:hidden}
.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:700;color:var(--accent-dark)}
.eyebrow:before{content:'';width:24px;height:1px;background:currentColor}
h1{font:500 clamp(43px,5.1vw,68px)/1.07 var(--serif);letter-spacing:-.04em;margin:22px 0 20px;max-width:640px}
h1 em{font-weight:500;color:var(--accent-dark)}
.hero-copy>p{color:var(--muted);max-width:455px;line-height:1.8;font-size:14px}
.hero-actions{display:flex;align-items:center;gap:19px;margin-top:30px}
.primary-link,.button-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;background:var(--accent-dark);color:#fff;text-decoration:none;padding:14px 18px;border:1px solid var(--accent-dark);font-size:12px;font-weight:600;letter-spacing:.025em;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.primary-link:hover,.button-primary:hover{transform:translateY(-2px);background:#5e407b;box-shadow:0 8px 20px #73558d26}
.text-link{font-size:12px;color:var(--ink-soft);text-decoration:none;border-bottom:1px solid #c3b5cf;padding:8px 0}
.hero-art{height:355px;position:relative;isolation:isolate;animation:rise-in .7s ease both}
.art-backdrop{position:absolute;inset:8px 12px 22px 20px;background:#d6d1d8;overflow:hidden;box-shadow:var(--shadow)}
.art-backdrop:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 22% 30%,#f2e9d6 0 11%,transparent 11.5%),radial-gradient(ellipse at 83% 77%,#9386a0 0 18%,transparent 18.5%),linear-gradient(132deg,#baad9f 0 31%,#ddd5cf 31.2% 57%,#9589a0 57.2% 79%,#c39893 79.2%);opacity:.96}
.art-backdrop:after{content:'';position:absolute;inset:-30%;background:repeating-linear-gradient(35deg,transparent 0 8px,#ffffff20 9px 10px,transparent 11px 18px);transform:rotate(-8deg)}
.fabric-ribbon{position:absolute;z-index:1;filter:drop-shadow(0 14px 14px #392a3c28)}
.ribbon-one{width:75%;height:58%;top:4%;left:10%;transform:rotate(-9deg);background:linear-gradient(118deg,#b2a187,#e1d7c3 25%,#b5a78f 47%,#e6decf 65%,#c1b49c);clip-path:polygon(8% 0,100% 12%,89% 100%,0 80%)}
.ribbon-two{width:70%;height:56%;bottom:1%;left:23%;transform:rotate(11deg);background:linear-gradient(110deg,#8b789c,#c8b8d1 22%,#927fa5 47%,#d6c9dd 70%,#83718f);clip-path:polygon(0 14%,91% 0,100% 78%,12% 100%)}
.art-caption{position:absolute;z-index:2;right:0;bottom:0;background:var(--surface);padding:16px 21px;box-shadow:var(--shadow);font:500 16px var(--serif)}
.art-caption span{display:block;margin-top:5px;color:var(--muted);font:10px var(--sans);letter-spacing:.12em;text-transform:uppercase}
.catalog-section,.products-section{padding:78px max(8.5vw,28px) 88px}
.products-section{background:#f1edf4}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;gap:20px}
.section-heading h2,.suggestion-copy h2{font:500 clamp(34px,4vw,46px)/1.1 var(--serif);letter-spacing:-.035em;margin:12px 0 0}
.section-count{color:var(--muted);font-size:12px;margin-bottom:6px;white-space:nowrap}
.section-intro{max-width:580px;margin:-11px 0 28px;color:var(--muted);font-size:13px;line-height:1.7}
.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.filter{border:1px solid var(--line);border-radius:999px;background:transparent;padding:9px 15px;color:var(--muted);font-size:11px;transition:background .2s ease,border-color .2s ease,color .2s ease}
.filter:hover{border-color:#c6b3d8;color:var(--accent-dark)}
.filter.active{background:var(--accent-dark);color:#fff;border-color:var(--accent-dark)}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.fabric-card,.product-card{background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.fabric-card:hover,.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#ded2e8}
.card-image{height:230px;position:relative;overflow:hidden;background:var(--swatch,#d7ccbb)}
.card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.fabric-card:hover .card-image img,.product-card:hover .card-image img{transform:scale(1.025)}
.card-image.fabric-placeholder:before{content:'';position:absolute;inset:-10%;opacity:.55;mix-blend-mode:soft-light;background:repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,#25382d 0 1px,transparent 1px 6px)}
.card-image.fabric-placeholder:after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,transparent 20%,#ffffff38 46%,transparent 67%)}
.card-image img[hidden]{display:none}
.stock-pill{position:absolute;left:13px;top:13px;background:#fffefaee;color:#4e765a;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:700;letter-spacing:.035em}
.stock-pill.out{color:#805f88;background:#f6f0faee}
.card-body{padding:19px 20px 18px}
.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.card-body h3{font:500 21px var(--serif);letter-spacing:-.02em;margin:0}
.tag{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#8b8290;margin-top:9px}
.desc{min-height:55px;font-size:12px;color:var(--muted);line-height:1.7;margin:12px 0 15px}
.ask-button{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;border:1px solid #d9cce5;color:var(--accent-dark);font-weight:600;font-size:11px;padding:12px 13px;transition:background .2s ease,border-color .2s ease}
.ask-button:after{content:'↗';font-size:14px}
.ask-button:hover{background:var(--accent-soft);border-color:#c5afd8}
.product-price{font-size:14px;font-weight:600;color:var(--accent-dark);white-space:nowrap}
.empty-state{padding:52px 20px;text-align:center;color:var(--muted);grid-column:1/-1;border:1px dashed #d9ccdf;background:#fbf9fc;font-size:13px;line-height:1.7}
.empty-state strong{display:block;color:var(--ink-soft);font:500 20px var(--serif);margin-bottom:7px}
.suggestion-section{background:#ebe7ed;padding:74px max(8.5vw,28px);display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}
.suggestion-copy h2{max-width:430px;margin:15px 0}
.suggestion-copy>p{color:var(--muted);line-height:1.8;font-size:13px;max-width:410px}
.private-note{font-size:10px!important;color:#817889!important;margin-top:16px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-grid label,.dialog-panel label{display:grid;gap:6px;color:var(--ink-soft);font-size:11px;font-weight:600}
.form-grid label span,.dialog-panel label span{color:var(--muted);font-weight:400}
.form-grid input,.form-grid textarea,.form-grid select,.dialog-panel input,.dialog-panel textarea{width:100%;border:1px solid #d8d0dd;background:#faf9f8;padding:13px 12px;color:var(--ink);font-size:12px;outline:none;transition:border .2s ease,box-shadow .2s ease}
.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.dialog-panel input:focus,.dialog-panel textarea:focus{border-color:#a489bd;box-shadow:0 0 0 3px #9878b61a}
.form-grid input::placeholder,.form-grid textarea::placeholder,.dialog-panel input::placeholder,.dialog-panel textarea::placeholder{color:#a39ba7}
.form-grid textarea,.dialog-panel textarea{resize:vertical}
.full-width{grid-column:1/-1}
.form-grid .button-primary{width:100%;text-align:left}
.form-status{min-height:1em;margin:0;color:var(--accent-dark);font-size:12px}
.website-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.site-footer{padding:25px max(8.5vw,28px);display:flex;justify-content:space-between;align-items:center;gap:18px;color:var(--muted);font-size:10px;letter-spacing:.025em;border-top:1px solid var(--line)}
.footer-brand .wordmark{font-size:19px}
.site-footer>a:last-child{color:var(--accent-dark);text-decoration:none}
.toast{position:fixed;bottom:22px;right:22px;background:var(--ink);color:#fff;padding:14px 18px;display:none;font-size:12px;z-index:9;box-shadow:var(--shadow)}
.toast.show{display:block}
.order-dialog{width:min(560px,calc(100% - 28px));max-height:min(92vh,900px);padding:0;border:1px solid #e2d9e9;background:var(--paper);color:var(--ink);box-shadow:0 24px 80px #2c203744}
.order-dialog::backdrop{background:#28212b88;backdrop-filter:blur(3px)}
.dialog-panel{position:relative;display:grid;gap:13px;padding:31px}
.dialog-panel [hidden]{display:none!important}
.dialog-close{position:absolute;right:16px;top:13px;border:0;background:transparent;color:var(--muted);font-size:28px;line-height:1}
.dialog-panel h2{font:500 31px/1.1 var(--serif);margin:0;padding-right:36px}
.dialog-description{font-size:12px;color:var(--muted);line-height:1.65;margin:-3px 0 2px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dialog-panel .button-primary{width:100%;margin-top:3px}
.dialog-panel .private-note{margin:0;line-height:1.55}
.dialog-panel .form-status{min-height:1em;margin:0;color:var(--accent-dark);font-size:12px}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes rise-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.site-header{gap:16px}.site-nav{gap:18px}.hero{padding:54px 6vw;gap:5vw}.catalog-section,.products-section{padding:66px 6vw 74px}.suggestion-section{padding:64px 6vw;gap:5vw}.card-grid{gap:15px}.card-image{height:200px}}
@media(max-width:680px){html{scroll-padding-top:76px}.site-header{min-height:69px;padding:0 5vw}.wordmark{font-size:24px}.brand small{display:none}.site-nav{display:none}.whatsapp-link{font-size:10px;padding:9px 12px}.hero{grid-template-columns:1fr;padding:46px 7vw 42px;gap:28px}.hero-art{height:250px}.hero-copy>p{font-size:13px}.hero-actions{margin-top:22px;flex-wrap:wrap}.catalog-section,.products-section{padding:56px 6vw 64px}.section-heading{align-items:flex-start}.section-heading h2,.suggestion-copy h2{font-size:36px}.section-count{font-size:10px;margin-top:30px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-image{height:165px}.card-body{padding:15px 13px}.card h3{font-size:18px}.card-top{display:block}.product-price{display:block;margin-top:6px}.desc{font-size:11px;min-height:72px}.ask-button{font-size:10px;padding:11px 9px}.suggestion-section{grid-template-columns:1fr;padding:56px 7vw;gap:22px}.site-footer{padding:24px 7vw;align-items:flex-start;flex-direction:column}.form-grid{gap:10px}}
@media(max-width:430px){.card-grid{grid-template-columns:1fr}.card-image{height:215px}.desc{min-height:auto}.card-top{display:flex}.section-count{display:none}.form-grid{grid-template-columns:1fr}.form-grid .full-width{grid-column:1}.dialog-panel{padding:27px 20px}.dialog-panel h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}