:root{--ink:#132b3a;--blue:#d9f0fa;--blue-deep:#8ec9df;--mist:#f6fbfd;--cream:#fbf7f0;--line:#d9e7ec;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:var(--mist)}.announcement{background:#173c50;color:white;text-align:center;padding:10px 20px;font-size:12px;letter-spacing:.04em}.announcement span{color:#91d3eb;margin:0 9px}.header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,92px);background:rgba(255,255,255,.88);border-bottom:1px solid #edf3f5;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:19px;font-weight:600;text-decoration:none;letter-spacing:-.05em}.brand i{font-family:'Playfair Display',serif;font-weight:500}.brand-mark{width:31px;height:31px;border:1.5px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:'Playfair Display',serif;font-size:20px}.header nav{display:flex;gap:30px}.header nav a{color:var(--ink);text-decoration:none;font-size:14px}.cart-button{border:0;background:none;color:var(--ink);font:600 14px 'DM Sans';cursor:pointer}.cart-count{margin-left:8px;border-radius:50%;background:var(--blue);display:inline-grid;place-items:center;width:25px;height:25px}.menu-btn{display:none}.hero{min-height:630px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;background:linear-gradient(105deg,#eef9fd 0%,#e1f4fc 52%,#bddfee 100%)}.hero-copy{padding:clamp(70px,10vw,145px) clamp(26px,8vw,132px);align-self:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;margin:0 0 17px;color:#4b7182}.hero h1,.section h2,.story h2,.newsletter h2{font:600 clamp(42px,5vw,70px)/1.04 'Playfair Display',serif;letter-spacing:-.045em;margin:0}.hero h1 em,.story h2 em{font-weight:500;color:#518ba4}.hero-text{max-width:490px;font-size:17px;line-height:1.65;margin:24px 0 30px;color:#426274}.hero-actions{display:flex;gap:24px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:0;text-decoration:none;cursor:pointer;font:600 14px 'DM Sans';padding:15px 20px}.btn.primary{background:#173c50;color:white}.btn.primary span{font-size:21px;font-weight:400;line-height:0}.btn.text{color:var(--ink);border-bottom:1px solid var(--ink);padding:8px 0}.trust{display:flex;gap:25px;margin-top:62px}.trust div{border-left:1px solid #a4c7d5;padding-left:11px}.trust strong,.trust span{display:block}.trust strong{font-size:12px}.trust span{font-size:11px;color:#638292;margin-top:4px}.hero-visual{position:relative;min-height:480px;display:grid;place-items:center}.hero-visual img{width:min(540px,94%);z-index:1;mix-blend-mode:multiply;filter:drop-shadow(0 24px 22px rgba(35,81,99,.12))}.hero-circle{position:absolute;width:470px;height:470px;border-radius:50%;background:rgba(255,255,255,.4)}.hero-card{position:absolute;z-index:2}.note-card{right:7%;bottom:15%;padding:18px 19px;background:#fff;color:#365568;font:600 12px/1.35 'DM Sans';letter-spacing:.1em;box-shadow:0 12px 25px #52809a24}.note-card span{display:block;font-size:16px;margin-top:9px}.benefits{padding:26px clamp(20px,7vw,110px);display:grid;grid-template-columns:repeat(3,1fr);background:white}.benefits>div{display:flex;gap:14px;padding:8px 30px;border-right:1px solid var(--line)}.benefits>div:last-child{border:0}.benefits span{font-size:24px;color:#5f9db6}.benefits p{margin:0;font-size:12px;line-height:1.45;color:#66808e}.benefits b{display:block;font-size:13px;color:var(--ink)}.section{padding:110px clamp(20px,7vw,110px);background:var(--mist)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px}.section h2,.story h2,.newsletter h2{font-size:46px}.filters{display:flex;gap:9px;flex-wrap:wrap}.filters button{background:none;border:1px solid #c8dce4;padding:9px 15px;font:500 12px 'DM Sans';cursor:pointer;color:#567484}.filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:white;transition:.25s transform,.25s box-shadow}.product-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px #41677716}.image-wrap{height:300px;position:relative;display:grid;place-items:center;overflow:hidden}.image-wrap img{width:100%;height:100%;object-fit:cover;transition:.5s transform}.product-card:hover img{transform:scale(1.04)}.image-wrap.blue{background:#d2e6eb}.image-wrap.warm{background:#eee4d3}.image-wrap.paper{background:#eeeae4}.image-wrap.soft{background:#e8edf0}.tag{position:absolute;top:13px;left:13px;background:rgba(255,255,255,.86);z-index:1;padding:6px 8px;font-size:9px;font-weight:700;letter-spacing:.1em}.product-info{padding:19px}.category{font-size:10px;letter-spacing:.13em;color:#6b9aae;font-weight:700;margin:0 0 8px}.product-info h3{font:600 21px/1.15 'Playfair Display';margin:0}.desc{height:37px;font-size:12px;line-height:1.45;color:#6b8591;margin:9px 0 16px}.product-bottom{display:flex;justify-content:space-between;align-items:center}.product-bottom strong{font-size:15px}.add{border:0;background:none;color:#35677c;font:600 12px 'DM Sans';cursor:pointer}.add span{font-size:19px;margin-left:4px}.view-all{display:block;width:max-content;margin:35px auto 0;color:var(--ink);text-decoration:none;border-bottom:1px solid;padding-bottom:5px;font-size:14px}.view-all span{margin-left:8px}.story{background:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:540px}.story-image{overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover}.story-copy{padding:clamp(55px,9vw,125px);align-self:center}.story-copy p:not(.eyebrow){color:#587383;line-height:1.7;font-size:15px;margin:24px 0 29px;max-width:520px}.steps{text-align:center;background:#dff2fa}.steps h2{margin-bottom:51px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;gap:38px;max-width:1100px;margin:auto}.step-grid>div{border-top:1px solid #9fc4d3;padding-top:20px}.step-grid b{font:500 28px 'Playfair Display';color:#4d849d}.step-grid h3{margin:20px 0 8px;font:600 21px 'Playfair Display'}.step-grid p{color:#587787;font-size:13px;line-height:1.6;max-width:250px}.newsletter{padding:68px clamp(20px,7vw,110px);background:#173c50;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px}.newsletter .eyebrow{color:#9cd3e9}.newsletter h2{font-size:35px}.newsletter form{display:flex;min-width:min(100%,480px)}.newsletter input{border:0;padding:15px 17px;font:14px 'DM Sans';width:100%;outline:none}.newsletter .btn{white-space:nowrap;background:#82c5df;color:#123142}footer{padding:35px clamp(20px,7vw,110px);background:white;display:flex;align-items:center;justify-content:space-between;color:#69828e;font-size:12px}footer .brand{color:var(--ink)}.cart-drawer{position:fixed;right:0;top:0;width:min(410px,100%);height:100vh;background:#fff;z-index:30;transform:translateX(105%);transition:.3s transform;display:flex;flex-direction:column;padding:25px}.cart-drawer.open{transform:translateX(0)}.overlay{position:fixed;inset:0;background:#173c5066;z-index:20;opacity:0;pointer-events:none;transition:.3s}.overlay.open{opacity:1;pointer-events:auto}.cart-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.cart-head h2{font:600 28px 'Playfair Display';margin:0}.close-cart{border:0;background:none;font-size:29px;cursor:pointer}.cart-items{flex:1;padding:20px 0;overflow:auto}.empty{color:#78909b;text-align:center;margin-top:40px}.cart-item{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;font-size:14px}.cart-item button{border:0;background:none;color:#9a4552;cursor:pointer}.cart-footer{border-top:1px solid var(--line);padding-top:18px}.cart-footer>div{display:flex;justify-content:space-between;margin-bottom:17px}.cart-footer .btn{width:100%}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,100px);background:#173c50;color:white;padding:13px 20px;z-index:40;font-size:13px;transition:.3s;opacity:0}.toast.show{transform:translate(-50%,0);opacity:1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:900px){.header nav{gap:15px}.product-grid{grid-template-columns:repeat(2,1fr)}.hero-copy{padding-left:7vw}.hero h1{font-size:51px}.story-copy{padding:55px}.section h2,.story h2{font-size:39px}}@media(max-width:650px){.announcement{font-size:10px}.header{height:64px}.header nav{display:none}.menu-btn{display:block;border:0;background:none;font-size:22px;color:var(--ink)}.header nav.open{display:flex;position:absolute;top:64px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;gap:18px}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 24px 36px}.hero h1{font-size:46px}.hero-visual{min-height:310px}.hero-circle{width:310px;height:310px}.note-card{right:5%;bottom:10%}.trust{margin-top:36px;gap:12px}.trust div{padding-left:7px}.trust strong{font-size:10px}.trust span{font-size:9px}.benefits{grid-template-columns:1fr;padding:18px 25px}.benefits>div{border-right:0;border-bottom:1px solid var(--line);padding:11px 0}.section{padding:70px 20px}.section-heading{align-items:flex-start;flex-direction:column;gap:22px}.section h2,.story h2{font-size:37px}.product-grid{grid-template-columns:1fr;gap:20px}.image-wrap{height:335px}.story{grid-template-columns:1fr}.story-image{height:360px}.story-copy{padding:65px 25px}.step-grid{grid-template-columns:1fr;gap:12px}.newsletter{padding:55px 24px;display:block}.newsletter h2{font-size:31px;margin-bottom:25px}.newsletter form{display:block}.newsletter .btn{width:100%;margin-top:10px}footer{display:grid;gap:16px}.filters{gap:7px}}