*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f4ee;color:#292621;font-family:"DM Sans",sans-serif}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:20px 5vw;background:rgba(247,244,238,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(41,38,33,.08)}.logo{font-family:"Playfair Display",serif;font-size:22px;text-decoration:none;color:#292621}.logo span{font-family:"DM Sans";font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-left:5px}nav{display:flex;gap:30px}nav a,.text-link{color:#292621;text-decoration:none;font-size:13px}.pill{background:#292621;color:#fff;text-decoration:none;padding:11px 17px;border-radius:999px;font-size:12px}.hero{min-height:82vh;padding:8vh 8vw;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:600;opacity:.58}.hero h1{font-family:"Playfair Display",serif;font-size:clamp(60px,8vw,112px);line-height:.9;font-weight:500;margin:25px 0}.hero h1 em{font-weight:500}.lead{max-width:510px;line-height:1.8;opacity:.68}.actions{display:flex;align-items:center;gap:25px;margin-top:35px}.button{background:#292621;color:#fff;text-decoration:none;border-radius:999px;padding:15px 24px;font-size:13px}.hero-art{height:530px;position:relative;background:#e5ddd0;border-radius:220px 220px 35px 35px;transform:rotate(2deg);box-shadow:0 30px 80px rgba(65,53,38,.13);animation:float 7s ease-in-out infinite}.orb{position:absolute;width:250px;height:250px;border-radius:50%;background:#b9a892;left:18%;top:20%;filter:blur(.2px)}.card{position:absolute;background:#f7f4ee;padding:22px 25px;box-shadow:0 15px 35px rgba(0,0,0,.1);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.c1{left:7%;bottom:19%;transform:rotate(-8deg)}.c2{right:6%;top:13%;transform:rotate(7deg)}.stamp{position:absolute;right:13%;bottom:9%;width:86px;height:86px;border:1px solid #292621;border-radius:50%;display:grid;place-items:center;text-align:center;font-family:"Playfair Display";font-size:20px;line-height:.7;transform:rotate(-12deg)}.stamp small{font-family:"DM Sans";font-size:7px;letter-spacing:.2em;text-transform:uppercase}.section{padding:100px 8vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section h2,.about h2{font-family:"Playfair Display";font-weight:500;font-size:clamp(42px,5vw,72px);line-height:.95;margin:12px 0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfc7ba}.category-grid button{border:0;border-bottom:1px solid #cfc7ba;background:none;padding:27px 0;text-align:left;font:500 15px "DM Sans";cursor:pointer;display:flex;justify-content:space-between;transition:.25s}.category-grid button:hover{padding-left:12px}.category-grid span{opacity:.35;font-size:10px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product{background:#eee9df;border-radius:18px;overflow:hidden;transition:transform .35s,box-shadow .35s}.product:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(41,38,33,.12)}.product-img{aspect-ratio:4/5;background:#ddd;overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.product:hover img{transform:scale(1.05)}.product-info{padding:17px}.tag{font-size:9px;letter-spacing:.15em;text-transform:uppercase;opacity:.5}.product h3{font-family:"Playfair Display";font-weight:500;margin:8px 0;font-size:21px}.product p{font-size:12px;line-height:1.5;opacity:.6;margin:0 0 12px}.buy{font-size:11px;text-decoration:none;color:#292621;border-bottom:1px solid #292621;padding-bottom:2px}.clear{border:0;background:none;text-decoration:underline;cursor:pointer;font:12px "DM Sans"}.about{margin:20px 8vw 100px;padding:90px 7vw;background:#ded5c7;border-radius:30px;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:end}.about p{line-height:1.9;opacity:.7}footer{padding:50px 8vw;border-top:1px solid #d8d1c7;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}footer p,footer small{opacity:.5;font-size:11px}footer small{text-align:right}@keyframes float{50%{transform:rotate(0deg) translateY(-10px)}}@media(max-width:800px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-art{height:390px}.products{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr;gap:25px}.section{padding:75px 7vw}footer{grid-template-columns:1fr;gap:14px}footer small{text-align:left}}
@media (max-width: 768px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .nav {
    width: 100%;
    max-width: 100%;
    padding: 16px 18px;
    box-sizing: border-box;
  }

  main {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  .hero {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 50px 20px;
  }

  .hero-copy {
    width: 100%;
    max-width: 100%;
  }

  .hero h1 {
    font-size: clamp(42px, 13vw, 64px);
    line-height: 0.95;
  }

  .hero-art {
    width: 100%;
    max-width: 100%;
    margin-top: 30px;
  }

  .section {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .category-grid {
    width: 100%;
    grid-template-columns: 1fr;
  }

  .products {
    width: 100%;
    max-width: 100%;
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .product-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .product-card img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
  }

  .about {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  footer {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
}