:root{
  --blue:#1C1E4E; /* reference deep blue for hero text and buttons */
  --bg:#ffffff;
  --ink:#111;
}

*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);overflow-x:hidden}

/* HEADER clone: left menu, centered logo, right cart */
.ldh3-header{
  position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid rgba(0,0,0,.05);
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:16px clamp(16px,4vw,48px);
}
.ldh3-header nav a{margin:0 14px;color:#5a5a5a;text-decoration:none;font-weight:600;font-size:15px}
.ldh3-header nav{justify-self:start;white-space:nowrap}
.ldh3-logo{justify-self:center;font-family:"Playfair Display",serif;font-weight:700;font-size:22px}
.ldh3-cart{justify-self:end;position:relative;font-size:20px}
.ldh3-cart::after{content:attr(data-count);position:absolute;top:-6px;right:-10px;background:#000;color:#fff;border-radius:999px;
  width:18px;height:18px;font-size:11px;display:flex;align-items:center;justify-content:center}

/* HERO */
.ldh3-hero{position:relative;text-align:center;padding:86px 0 72px;background:#fff;overflow:hidden}
.ldh3-bigword{font-family:"Playfair Display",serif;font-weight:900;letter-spacing:.02em;color:var(--blue);opacity:.18;line-height:.82;
  font-size: clamp(64px,12.5vw,220px);margin:0;user-select:none}
.ldh3-emp{position:relative;margin:-10vh auto 0;max-width:min(860px,82vw);filter:drop-shadow(0 26px 36px rgba(0,0,0,.24));
  cursor:pointer;animation:float 6s ease-in-out infinite;transition:transform .2s ease, filter .2s ease}
.ldh3-emp:hover{transform:scale(1.05);filter:brightness(1.06) drop-shadow(0 32px 44px rgba(0,0,0,.28))}
.ldh3-sub{opacity:.8;margin:16px 0 18px}
.ldh3-cta{display:inline-flex;align-items:center;gap:10px;background:var(--blue);color:#fff;border-radius:999px;padding:12px 20px;
  font-weight:800;text-decoration:none;box-shadow:0 10px 18px rgba(28,30,78,.25)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* STORY SECTION (deep blue block) */
.ldh3-story{background:var(--blue);color:#fff;padding:70px 0 90px}
.ldh3-wrap{width:min(1200px,92vw);margin:0 auto}
.ldh3-title{font-family:"Playfair Display",serif;font-size:clamp(28px,4vw,46px);margin:0 0 14px}
.ldh3-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:34px;align-items:center}
.ldh3-photo{border-radius:18px;overflow:hidden;box-shadow:0 22px 40px rgba(0,0,0,.35)}
@media(max-width:980px){.ldh3-grid{grid-template-columns:1fr}.ldh3-hero{padding-top:64px}.ldh3-bigword{font-size:20vw}}

/* PRODUCTS - slider like reference */
.ldh3-products{padding:86px 0;text-align:center;background:#fff}
.ldh3-products h2{font-family:"Playfair Display",serif;font-size:clamp(28px,4vw,56px);margin:0 0 8px}
.ldh3-tags{margin-bottom:18px}
.ldh3-pill{display:inline-block;border:2px solid var(--blue);color:var(--blue);padding:8px 16px;border-radius:999px;margin:4px;font-weight:800}
.ldh3-track{display:flex;gap:22px;overflow:auto;scroll-behavior:smooth;padding:12px var(--pad,6vw);-webkit-overflow-scrolling:touch}
.ldh3-card{min-width:220px;max-width:220px;border-radius:18px;box-shadow:0 12px 22px rgba(0,0,0,.12);overflow:hidden;background:#fff}
.ldh3-card img{display:block;width:100%;height:170px;object-fit:cover}
.ldh3-card .meta{padding:10px 12px;text-align:left}
.ldh3-card .name{font-weight:700}
.ldh3-card .price{opacity:.8}
.ldh3-controls{display:flex;justify-content:center;gap:12px;margin-top:18px}
.ldh3-btn{border:none;background:var(--blue);color:#fff;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer}