@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@500;600&display=swap');
:root{--ink:#181312;--cream:#f6eee8;--soft:#fbf7f3;--muted:#786d67;--line:#e4d9d2;--gold:#b39162}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fffdfb;font-family:"DM Sans",sans-serif}.header{height:82px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:#fffdfbf2;backdrop-filter:blur(12px)}.brand{width:80px;height:65px;display:block;overflow:hidden}.brand img{width:100%;height:100%;object-fit:cover;object-position:center}.header nav{display:flex;gap:30px}.header nav a{color:var(--ink);text-decoration:none;font-size:14px}.bag{border:0;background:none;cursor:pointer;font-weight:700}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--cream)}.heroText{padding:90px 10%;align-self:center}.eyebrow{font-size:10px;letter-spacing:2.7px;font-weight:700;color:var(--muted);margin:0 0 15px}.hero h1{font:500 clamp(54px,6.8vw,88px)/.95 "Playfair Display",serif;margin:0 0 26px}.hero h1 em,.story h2 em{font-style:italic}.heroText>p:not(.eyebrow){max-width:520px;color:var(--muted);line-height:1.75;font-size:16px;margin-bottom:30px}.cta{display:inline-block;padding:15px 24px;background:var(--ink);color:white;text-decoration:none;border:0;font-weight:700;cursor:pointer}.heroVisual{position:relative;min-height:650px;overflow:hidden}.heroVisual img{width:100%;height:100%;object-fit:cover;object-position:center}.heroBadge{position:absolute;right:25px;bottom:25px;background:#fffdfbf0;padding:17px 20px;text-align:center;font:600 22px "Playfair Display",serif;letter-spacing:2px}.heroBadge small{font:700 8px "DM Sans";letter-spacing:2px;color:var(--muted)}
.promise{display:flex;justify-content:center;gap:0;border-bottom:1px solid var(--line)}.promise div{padding:28px 7%;text-align:center;border-right:1px solid var(--line)}.promise div:last-child{border:0}.promise b{display:block;font:500 28px "Playfair Display",serif}.promise span{font-size:11px;color:var(--muted);letter-spacing:1px}
.shop{padding:95px 6%}.sectionTitle{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.sectionTitle h2,.colors h2{font:500 50px "Playfair Display",serif;margin:0}.sectionTitle>p{color:var(--muted);max-width:280px;font-size:13px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{border:1px solid var(--line);background:white}.photo{height:390px;background:var(--soft);position:relative;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.tag{position:absolute;top:12px;left:12px;background:white;padding:7px 9px;font-size:9px;letter-spacing:1px;font-weight:700}.info{padding:17px}.info h3{font:500 23px "Playfair Display",serif;margin:0 0 7px}.desc{color:var(--muted);font-size:12px;margin:0 0 14px}.row{display:flex;justify-content:space-between;align-items:center}.price{font-weight:700}.add{background:var(--ink);color:white;border:0;padding:10px 13px;cursor:pointer;font-weight:700}
.story{padding:105px 15%;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:var(--cream)}.story h2{font:500 48px/1.05 "Playfair Display",serif;margin:0}.story>p{color:var(--muted);line-height:1.8}.colors{padding:95px 8%;text-align:center}.swatches{display:flex;justify-content:center;gap:15px;margin-top:28px}.swatches i{width:44px;height:44px;border-radius:50%;border:5px solid white;box-shadow:0 0 0 1px var(--line)}.red{background:#8e2532}.yellow{background:#d8b13f}.pink{background:#d991a5}.blue{background:#466c92}.green{background:#6f8065}.beige{background:#cdb69a}.contact{margin:0 6%;padding:70px 8%;background:var(--ink);color:white;display:flex;justify-content:space-between;align-items:center}.contact h2{font:500 43px "Playfair Display",serif;margin:0}.light{background:white;color:var(--ink)}footer{padding:42px 6%;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}
.bagPanel{position:fixed;right:0;top:0;width:min(420px,100%);height:100vh;background:white;z-index:20;padding:28px;transform:translateX(105%);transition:.25s;display:flex;flex-direction:column;box-shadow:-15px 0 40px #0002}.bagPanel.open{transform:none}.bagHead{display:flex;justify-content:space-between;align-items:center}.bagHead h3{font:500 30px "Playfair Display",serif}.bagHead button{font-size:30px;border:0;background:none;cursor:pointer}.bagItem{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.bagItem img{width:60px;height:75px;object-fit:cover}.bagItem strong{margin-left:auto}.bagBottom{margin-top:auto;border-top:1px solid var(--line);padding-top:18px}.bagBottom>div{display:flex;justify-content:space-between;margin-bottom:15px}.checkout{width:100%;padding:14px;background:var(--ink);color:white;border:0;font-weight:700;cursor:pointer}.shade{display:none;position:fixed;inset:0;background:#0006;z-index:15}.shade.show{display:block}
@media(max-width:950px){.grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.heroVisual{min-height:520px}.story{grid-template-columns:1fr;padding:75px 8%}}@media(max-width:600px){.header nav{display:none}.grid{grid-template-columns:1fr}.sectionTitle{display:block}.heroText{padding:70px 8%}.heroVisual{min-height:480px}.promise{display:grid;grid-template-columns:1fr 1fr}.promise div{padding:22px 10px}.promise div:last-child{grid-column:1/-1;border-top:1px solid var(--line)}.colors h2{font-size:38px}.contact{display:block}.contact .cta{margin-top:22px}footer{display:block}footer span{display:block;margin-top:10px}}