/* Hero */
.hero{background:var(--surface);border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center;padding-top:64px;padding-bottom:64px}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.eyebrow::before{content:"";width:28px;height:1.5px;background:var(--gold)}
.hero h1{font-family:var(--serif);font-weight:600;font-size:54px;line-height:1.06;letter-spacing:-.01em;color:var(--navy-900);margin:18px 0 18px;text-wrap:balance}
.hero-copy{font-size:18px;line-height:1.6;color:var(--muted);margin:0 0 32px;max-width:470px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.popular{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:32px;font-size:13.5px;color:var(--muted)}
.popular a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}
.popular a:hover{text-decoration-color:var(--gold)}
.bento{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:208px 208px;gap:16px}
.tile{position:relative;display:flex;align-items:center;justify-content:center;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:box-shadow .2s,border-color .2s}
.tile:hover{box-shadow:var(--sh-md);border-color:var(--line-strong)}
.tile img{width:62%;max-width:210px;transition:transform .35s}
.tile:hover img{transform:scale(1.04)}
.tile-big{grid-row:span 2}
.tile-big img{width:74%;max-width:340px}
.tile-cap{position:absolute;left:18px;bottom:16px;display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--navy-800)}
.tile-cap .ico{width:16px;height:16px}

/* Category cards */
.cat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.cat{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;color:var(--ink)}
.cat:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:var(--gold-light);color:var(--ink)}
.cat-img{aspect-ratio:1/1;background:var(--surface);display:flex;align-items:center;justify-content:center}
.cat-img img{width:70%;transition:transform .35s}
.cat:hover .cat-img img{transform:scale(1.05)}
.cat-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}
.cat-title{font-weight:600;font-size:15.5px;line-height:1.3}
.cat-link{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--muted)}
.cat-link .ico{width:14px;height:14px;transition:transform .18s}
.cat:hover .cat-link{color:var(--gold-dark)}
.cat:hover .cat-link .ico{transform:translateX(3px)}

/* Promo */
.promo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--navy-800);border-radius:var(--r-xl);overflow:hidden;min-height:440px}
.promo-copy{padding:64px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.promo .eyebrow{color:var(--gold-light)}
.promo h2{font-family:var(--serif);font-weight:600;font-size:44px;line-height:1.1;color:var(--white);margin:16px 0;text-wrap:balance}
.promo p{color:var(--footer-text);font-size:17px;line-height:1.6;margin:0 0 32px;max-width:440px}
.promo-media{background:var(--promo-surface);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));align-items:center;justify-items:center;padding:32px;gap:8px}
.promo-media img{width:78%;max-width:220px}

/* Trust */
.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}
.trust-head{font-family:var(--serif);font-weight:600;font-size:26px;color:var(--navy-900);margin:0 0 28px;text-align:center}
.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.trust-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.trust-ico{width:56px;height:56px;border-radius:var(--r-round);border:1.5px solid var(--gold-light);background:var(--white);color:var(--gold-dark);display:flex;align-items:center;justify-content:center}
.trust-item h3{margin:6px 0 0;font-size:16px;font-weight:600;color:var(--navy-900)}
.trust-item p{margin:0;font-size:14px;color:var(--muted);max-width:240px}

/* Newsletter */
.news{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:44px 48px;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--white)}
.news h2{font-family:var(--serif);font-weight:600;font-size:30px;color:var(--navy-900);margin:0 0 8px}
.news p{margin:0;color:var(--muted);font-size:16px}
.news-form{display:flex;flex-direction:column;gap:10px}
.news-fields{display:flex;gap:10px}
.field{flex:1;height:48px;border:1.5px solid var(--line-strong);border-radius:var(--r-sm);padding:0 16px;font:inherit;font-size:15px;color:var(--ink);background:var(--white);outline:none;transition:border-color .18s,box-shadow .18s;min-width:0}
.field:focus{border-color:var(--navy-800);box-shadow:0 0 0 3px var(--navy-100)}
.fine{font-size:13px;color:var(--muted)}
.fine a{text-decoration:underline;text-underline-offset:2px}

.arrivals{padding-top:0}
.trust{padding:56px 0}
.trust-ico{flex-shrink:0}
.newsletter-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.promo-media.has-lifestyle{display:block;padding:0}
.promo-media .promo-lifestyle{width:100%;height:100%;max-width:none;object-fit:cover}