:root { --ink:#15283a; --paper:#f6f2ea; --gold:#b7985b; --muted:#706b62; --line:rgba(21,40,58,.16); }
* { box-sizing:border-box; } body { margin:0; background:var(--paper); color:var(--ink); font-family:"DM Sans",sans-serif; } header { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); padding:25px 5vw; } .brand { color:inherit; text-decoration:none; font-size:.74rem; font-weight:600; letter-spacing:.12em; } .brand small { color:var(--muted); display:block; font-size:.65rem; font-weight:400; letter-spacing:.04em; margin-top:5px; } .back { border-bottom:1px solid var(--gold); color:var(--ink); font-size:.78rem; padding-bottom:4px; text-decoration:none; }
.hero { background:linear-gradient(105deg,rgba(21,40,58,.98),rgba(21,40,58,.72)),url('https://static.wixstatic.com/media/9e48da_0d163bea5cf4437db28862b85cf5acb8~mv2.png/v1/fill/w_1900,h_900,al_c,q_90,enc_avif,quality_auto/collection.png') center/cover; color:white; padding:110px 12vw 90px; } .eyebrow { color:var(--gold); font-size:.72rem; font-weight:600; letter-spacing:.18em; margin:0 0 18px; } h1 { font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(4.2rem,9vw,8.5rem); font-weight:600; letter-spacing:-.045em; line-height:.88; margin:0; } .hero>p:last-child { color:rgba(255,255,255,.86); line-height:1.7; margin:30px 0 0; max-width:470px; }
.notice { border-bottom:1px solid var(--line); color:var(--muted); font-size:.9rem; line-height:1.6; padding:22px 5vw; text-align:center; } .notice strong { color:var(--ink); } .shop { padding:70px 5vw 100px; } .shop-heading { align-items:end; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; margin-bottom:34px; padding-bottom:18px; } .shop-heading .eyebrow { margin:0; } #item-count { color:var(--muted); font-size:.75rem; margin:0; }
.products { display:grid; gap:26px 18px; grid-template-columns:repeat(4,minmax(0,1fr)); } .product { display:flex; flex-direction:column; min-width:0; } .product-image { aspect-ratio:1; background:#ded7c9; overflow:hidden; } .product-image img { display:block; height:100%; object-fit:cover; transition:transform .45s ease; width:100%; } .product:hover img { transform:scale(1.035); } .product-info { padding:15px 2px 2px; } .product-number { color:var(--muted); display:block; font-size:.65rem; letter-spacing:.1em; margin-bottom:6px; text-transform:uppercase; } h2 { font-family:"Cormorant Garamond",Georgia,serif; font-size:1.55rem; font-weight:600; letter-spacing:-.015em; line-height:1.05; margin:0; } .product-footer { display:flex; justify-content:flex-start; margin-top:15px; } .buy { background:var(--ink); border:1px solid var(--ink); color:#fff; cursor:pointer; font:500 .72rem "DM Sans",sans-serif; letter-spacing:.08em; padding:10px 13px; text-decoration:none; text-transform:uppercase; transition:.2s; } .buy:hover { background:var(--gold); border-color:var(--gold); } footer { border-top:1px solid var(--line); color:var(--muted); font-size:.72rem; padding:28px 5vw; }
@media(max-width:900px) { .products{grid-template-columns:repeat(3,minmax(0,1fr));} } @media(max-width:600px) { header{padding:19px 6vw;}.back{font-size:.68rem;}.hero{padding:85px 7vw 70px;}.shop{padding:52px 7vw 70px;}.products{gap:22px 12px;grid-template-columns:repeat(2,minmax(0,1fr));}h2{font-size:1.32rem;}.product-footer{align-items:start;flex-direction:column;gap:10px;}.buy{width:100%;text-align:center;} }