*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#282b27;background:#faf9f5;font:15px Arial,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit;cursor:pointer}button{border:0;background:transparent;color:inherit}h1,h2,h3,p{margin-top:0}.announcement{background:#29382f;color:#fff;text-align:center;font-size:11px;padding:12px;letter-spacing:1px}.announcement span{margin-left:25px;color:#d7c8ae}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{font:bold 35px Georgia;letter-spacing:-1.5px}.brand small{display:block;font:8px Arial;letter-spacing:2.4px;text-align:center;margin-top:5px}nav{display:flex;gap:35px;font-size:13px}header button{font-size:12px;margin-left:16px}.hero{position:relative;height:580px;color:white;background:#4c493c;margin:0 25px}.hero>img{width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#121b18bd,transparent 90%)}.hero-copy{position:absolute;z-index:1;left:6%;top:75px;max-width:700px}.eyebrow{font-size:10px;letter-spacing:2.4px;margin-bottom:22px}h1{font:normal 67px/1.07 Georgia;letter-spacing:-2px;margin-bottom:25px}.hero p{line-height:1.8;color:#eee;font-size:15px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:#dfd0b9;color:#29342c;padding:18px 24px;font-size:12px;border:0}.hero .button{margin-top:12px}.hero-foot{font-size:9px;letter-spacing:2px;margin-top:62px;display:flex;gap:90px;color:#ddd}.benefits{display:flex;justify-content:space-around;padding:30px 4%;border-bottom:1px solid #e5e1d9;font-size:11px}.collection{padding:65px 6%}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head a{font-size:12px;border-bottom:1px solid #8f968a;padding-bottom:8px}h2{font:normal 40px/1.2 Georgia;letter-spacing:-1px;margin-bottom:22px}.filters{display:flex;gap:10px;margin:10px 0 28px}.filters button{padding:10px 18px;border:1px solid #ddd9d0;border-radius:24px;font-size:11px}.filters button.selected{background:#2b3b31;color:white;border-color:#2b3b31}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.product-image{position:relative;background:#efeee9}.product-image img{width:100%;display:block;aspect-ratio:1.2;object-fit:cover}.badge{position:absolute;top:15px;left:15px;background:#fffdf8;padding:8px 10px;font-size:9px;letter-spacing:1px}.product h3{font:normal 23px Georgia;margin:18px 0 8px}.product p{font-size:12px;color:#75776f}.product-bottom{display:flex;align-items:center;justify-content:space-between}.product-bottom button{border:1px solid #c6c9bf;border-radius:50%;width:34px;height:34px}.price{font-size:13px}.price small{font-size:10px;color:#85877e}.comfort{margin:10px 6% 60px;padding:45px 5%;background:#e8e9df;display:grid;grid-template-columns:1fr 1fr;gap:80px}.comfort p,.story p{font-size:13px;line-height:1.8;color:#6b7167}.comfort label{display:block;font-size:12px;margin:25px 0 12px}.comfort select{width:100%;border:1px solid #ccd0c4;background:#fafbf5;padding:15px;margin-bottom:15px}.comfort .button{background:#2c3c32;color:#fff;width:100%}.comfort #recommendation{font-size:11px;margin-top:15px}.story{text-align:center;padding:30px 20px 70px}.story a{font-size:12px;border-bottom:1px solid;padding-bottom:7px}footer{padding:35px 6%;border-top:1px solid #deded5;display:flex;justify-content:space-between;align-items:center}footer span,footer>a:last-child{font-size:10px;color:#777}dialog{border:0;padding:40px;max-width:500px;background:#faf9f5}dialog::backdrop{background:#0008}dialog p{font-size:13px;line-height:1.6}@media(max-width:700px){header{height:80px}nav{display:none}.brand{font-size:27px}.hero{margin:0 10px;height:560px}.hero-copy{left:7%;top:85px}h1{font-size:45px}.hero-foot{gap:15px}.benefits{flex-wrap:wrap;gap:20px}.products{grid-template-columns:1fr}.section-head{display:block}h2{font-size:33px}.comfort{grid-template-columns:1fr;gap:0;padding:25px}.collection{padding-top:40px}.filters{margin-top:25px}footer{gap:25px;flex-wrap:wrap}.announcement{font-size:9px}.announcement span{display:none}}
header{background:#111;color:#fff}.brand img{display:block;width:200px;height:auto}footer .brand{background:#111;padding:8px 12px}.hero{margin-top:0}@media(max-width:700px){.brand img{width:155px}header button{margin-left:5px}}