@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fcf9f5;color:#211b18;font-family:DM Sans,sans-serif}a{text-decoration:none;color:inherit}.top{background:#211b18;color:#fff;text-align:center;padding:10px;font-size:10px;letter-spacing:1.8px}nav{height:78px;display:flex;align-items:center;justify-content:space-between;width:min(1180px,92%);margin:auto}.logo{font:600 25px 'Playfair Display',serif;letter-spacing:2px}.logo span{font:500 10px DM Sans;letter-spacing:4px;margin-left:5px}.links{display:flex;gap:30px;text-transform:uppercase;font-size:11px;letter-spacing:1.4px}.links a:hover{opacity:.5}button{cursor:pointer;font:inherit}nav button{border:1px solid #d8ccc0;background:transparent;padding:10px 15px;font-size:11px}.hero{min-height:630px;display:grid;grid-template-columns:1fr 1fr;background:#eadfd5}.hero>div:first-child{padding:120px max(4vw,calc((100vw - 1180px)/2));padding-right:60px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.8px;color:#927b68;margin:0 0 17px}.hero h1,h2{font-family:'Playfair Display',serif;font-weight:600}.hero h1{font-size:clamp(58px,7vw,88px);line-height:.93;letter-spacing:-3px;margin:0 0 24px}.lead{color:#675d56;max-width:450px;line-height:1.8}.btn{display:inline-block;margin-top:20px;background:#211b18;color:#fff;padding:17px 23px;font-size:10px;font-weight:700;letter-spacing:1.7px}.heroArt{position:relative;background:linear-gradient(135deg,#c6aa95,#efe4db);display:grid;place-items:center;overflow:hidden}.silhouette{height:80%;width:54%;background:linear-gradient(120deg,#896b59,#e9d6c9 48%,#9e7c67);clip-path:polygon(37% 0,63% 0,67% 16%,84% 36%,100% 100%,0 100%,16% 36%,33% 16%);box-shadow:0 30px 70px #5c453844}.heroLabel{position:absolute;bottom:40px;left:40px;color:#fff;font:600 24px 'Playfair Display';letter-spacing:4px}.heroLabel small{font:9px DM Sans;letter-spacing:3px}.features{background:#211b18;color:#fff;display:flex;justify-content:center;gap:80px;padding:18px;font-size:10px;letter-spacing:2px}.section{width:min(1180px,92%);margin:auto;padding:100px 0}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.heading h2{font-size:50px;line-height:1;margin:0}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{border:1px solid #ded3c8;background:transparent;padding:10px 14px;font-size:9px;text-transform:uppercase;letter-spacing:1px}.filters button.active{background:#211b18;color:white}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product{cursor:pointer}.photo{height:390px;position:relative;display:grid;place-items:center;overflow:hidden}.photo:after{content:'';width:57%;height:84%;background:linear-gradient(115deg,#ffffff55,#0002);clip-path:polygon(37% 0,63% 0,68% 18%,85% 39%,100% 100%,0 100%,15% 39%,32% 18%)}.p1{background:linear-gradient(135deg,#eaded2,#ad8b73)}.p2{background:linear-gradient(135deg,#d8d3cb,#6d645d)}.p3{background:linear-gradient(135deg,#e8d4c9,#a96f63)}.p4{background:linear-gradient(135deg,#d6c8b7,#78695a)}.p5{background:linear-gradient(135deg,#e8d8d1,#92776f)}.p6{background:linear-gradient(135deg,#d8d7d2,#706c67)}.p7{background:linear-gradient(135deg,#e7ddd1,#a58a6c)}.p8{background:linear-gradient(135deg,#cdb9ab,#654e43)}.tag{position:absolute;top:13px;left:13px;background:#fffaf5;padding:7px 9px;font-size:8px;letter-spacing:1.3px}.info{padding:14px 0}.info h3{font:500 17px 'Playfair Display';margin:0 0 7px}.price{font-size:12px;color:#75685e}.story{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:#e8ddd2}.storyArt{background:linear-gradient(145deg,#a68067,#e4c7b3);position:relative}.storyArt:after{content:'NA FABRIC';position:absolute;inset:18%;border:1px solid #ffffff66;display:grid;place-items:center;color:#fff;font:600 48px 'Playfair Display';letter-spacing:5px;writing-mode:vertical-rl}.storyText{padding:110px 12%;display:flex;flex-direction:column;justify-content:center}.storyText h2{font-size:52px;line-height:1;margin:0 0 25px}.storyText p:not(.eyebrow){line-height:1.9;color:#6a6059}.newsletter{padding:80px 4%;background:#d7c5b4;display:flex;justify-content:center;align-items:center;gap:70px}.newsletter h2{font-size:39px;margin:0}.newsletter form{display:flex}.newsletter input{border:0;padding:16px;width:270px}.newsletter button,.cartFoot button{border:0;background:#211b18;color:white;padding:16px 22px;font-size:10px;letter-spacing:1.3px}footer{background:#211b18;color:#d8cdc4;padding:65px 6%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}footer .logo{color:white}footer h4{font-size:9px;letter-spacing:2px;color:#a8998c}footer a{display:block;font-size:11px;margin:12px 0}footer p{font-size:12px;line-height:1.8;color:#a8998c}.copy{grid-column:1/-1;border-top:1px solid #4a403a;padding-top:20px;font-size:9px;color:#8a7d73}#cart{position:fixed;z-index:10;right:-430px;top:0;width:min(420px,100%);height:100vh;background:#fcf9f5;padding:28px;display:flex;flex-direction:column;transition:.3s}#cart.open{right:0}.cartHead{display:flex;justify-content:space-between;border-bottom:1px solid #e2d8cf}.cartHead h2{margin:0 0 18px;font-size:30px}.cartHead button{border:0;background:transparent;font-size:30px}.cartItem{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #e7ddd5}.mini{width:70px;height:90px;flex:none}.cartItem h4{margin:0 0 8px;font:500 16px 'Playfair Display'}.remove{border:0;background:transparent;text-decoration:underline;padding:0;margin-top:8px;font-size:10px}.cartFoot{margin-top:auto;border-top:1px solid #e2d8cf;padding-top:18px}.cartFoot>div{display:flex;justify-content:space-between;margin-bottom:15px}.cartFoot button{width:100%}.cartFoot small{display:block;text-align:center;color:#8b7d73;margin-top:10px}#overlay{display:none;position:fixed;inset:0;background:#0008;z-index:5}#overlay.show{display:block}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#211b18;color:white;padding:13px 20px;font-size:11px;opacity:0;transition:.2s;z-index:20}#toast.show{opacity:1}@media(max-width:800px){.links{display:none}.hero{grid-template-columns:1fr}.hero>div:first-child{padding:80px 7%}.heroArt{min-height:430px}.features{gap:20px;flex-wrap:wrap}.grid{grid-template-columns:repeat(2,1fr)}.photo{height:270px}.heading{display:block}.filters{margin-top:20px}.story{grid-template-columns:1fr}.storyArt{min-height:400px}.newsletter{display:block}.newsletter form{margin-top:25px}footer{grid-template-columns:1fr 1fr}}@media(max-width:480px){.hero h1{font-size:60px}.section{padding:70px 0}.heading h2{font-size:40px}.photo{height:230px}.newsletter input{width:100%}.newsletter form{display:block}.newsletter button{width:100%;margin-top:8px}.storyText{padding:70px 8%}.storyText h2{font-size:43px}}