:root {
  --cream: #f5efe5; --cream-deep: #e9dfcf; --pink: #ead5d5; --pink-light: #f4e7e5;
  --wine: #702c40; --wine-dark: #4d1e2d; --brown: #38291f; --muted: #79695e;
  --line: rgba(77,30,45,.18); --white: #fffdf9;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--cream); color: var(--brown); font-family: "DM Sans", sans-serif; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.announcement { background: var(--wine); color: var(--cream); text-align: center; padding: 9px 16px; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.site-header { display:flex; align-items:center; justify-content:space-between; padding: 22px 6.5%; gap: 25px; border-bottom: 1px solid var(--line); }
.wordmark { display:flex; flex-direction:column; color:var(--wine); letter-spacing:.12em; font-weight:700; font-size:15px; white-space:nowrap; }
.wordmark small { font-size:8px; letter-spacing:.24em; margin-top:5px; font-weight:500; }
.nav { display:flex; gap:30px; font-size:12px; }
.nav a, .footer-links a { transition: color .2s; }
.nav a:hover, .footer-links a:hover { color:var(--wine); }
.header-cta { font-size:12px; color:var(--wine); border-bottom:1px solid var(--wine); padding-bottom:5px; white-space:nowrap; }
.header-cta span { margin-left:10px; }
.menu-toggle { display:none; border:0; background:none; color:var(--wine); font-size:22px; }
.hero { display:grid; grid-template-columns: .9fr 1.1fr; min-height:610px; padding:58px 6.5% 65px; gap:7%; align-items:center; }
.hero-copy { padding:20px 0; }
.eyebrow { font-size:10px; font-weight:700; letter-spacing:.17em; color:var(--wine); margin:0 0 23px; }
.hero .eyebrow span { display:inline-block; height:6px; width:6px; border-radius:50%; background:var(--wine); margin:0 9px 1px 0; }
h1, h2 { font-family:"Playfair Display", Georgia, serif; font-weight:500; letter-spacing:-.045em; }
h1 { font-size:clamp(55px,7vw,92px); line-height:.98; margin:0 0 25px; }
h1 em, h2 em { color:var(--wine); font-weight:500; }
.hero-text { color:var(--muted); line-height:1.85; max-width:430px; font-size:14px; }
.hero-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; margin-top:30px; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:24px; padding:16px 19px; border:1px solid transparent; cursor:pointer; font-size:11px; letter-spacing:.03em; transition:transform .2s, background .2s; }
.button:hover { transform:translateY(-2px); }
.button span { font-size:16px; }
.button-dark { background:var(--wine); color:var(--white); }
.button-dark:hover { background:var(--wine-dark); }
.button-light { border-color:var(--cream); color:var(--cream); }
.button-light:hover { background:var(--cream); color:var(--wine); }
.text-link { font-size:11px; color:var(--wine); border-bottom:1px solid #b9939b; padding-bottom:5px; }
.hero-note { display:flex; align-items:center; gap:13px; color:var(--muted); font-size:10px; line-height:1.7; margin-top:55px; }
.sun-symbol { color:var(--wine); font-size:31px; }
.hero-image-wrap { position:relative; }
.hero-image { width:100%; height:470px; object-fit:cover; display:block; }
.image-caption { display:flex; justify-content:space-between; color:var(--muted); font-size:9px; letter-spacing:.08em; padding-top:12px; }
.round-stamp { position:absolute; right:-24px; top:25px; width:88px; height:88px; border-radius:50%; background:var(--pink); color:var(--wine); display:grid; place-content:center; text-align:center; font-size:10px; line-height:1.45; letter-spacing:.1em; transform:rotate(10deg); }
.values-strip { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:25px; padding:23px 5%; background:var(--pink-light); color:var(--wine); font-family:"Playfair Display",serif; font-style:italic; font-size:17px; }
.values-strip span:nth-child(even) { font-family:"DM Sans",sans-serif; font-style:normal; font-size:12px; opacity:.55; }
.section { padding:100px 8%; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:35px; margin-bottom:35px; }
.section-heading .eyebrow { margin-bottom:12px; }
h2 { font-size:clamp(38px,5vw,60px); line-height:1.08; margin:0; }
.section-heading > p { color:var(--muted); font-size:12px; line-height:1.8; max-width:270px; margin-bottom:5px; }
.filter-row { display:flex; gap:9px; margin-bottom:27px; flex-wrap:wrap; }
.filter { background:transparent; border:1px solid var(--line); color:var(--muted); padding:10px 15px; font-size:10px; cursor:pointer; }
.filter.active, .filter:hover { background:var(--wine); color:white; border-color:var(--wine); }
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.product-card { min-width:0; }
.product-photo { height:360px; position:relative; overflow:hidden; background:var(--cream-deep); }
.product-photo img { width:100%; height:100%; object-fit:cover; display:block; mix-blend-mode:multiply; transition:transform .5s; }
.product-card:hover .product-photo img { transform:scale(1.04); }
.photo-pink { background:#ead5d5; } .photo-earth { background:#e4d8c5; }
.product-tag { position:absolute; top:13px; left:13px; background:var(--white); color:var(--wine); padding:7px 9px; font-size:8px; letter-spacing:.1em; }
.product-info { display:flex; justify-content:space-between; align-items:start; padding:17px 0 8px; }
.product-info h3 { font-family:"Playfair Display",serif; font-weight:500; font-size:20px; margin:0 0 6px; }
.product-info p { font-size:10px; color:var(--muted); margin:0; }
.product-color { color:var(--cream-deep); font-size:21px; } .pink-dot { color:#dcaeb8; } .earth-dot { color:#9d7b50; }
.product-link { border:0; border-bottom:1px solid var(--line); padding:10px 0; width:100%; display:flex; justify-content:space-between; background:none; text-align:left; color:var(--wine); font-size:10px; cursor:pointer; }
.catalog-note { color:var(--muted); font-size:10px; margin-top:20px; }
.custom { display:grid; grid-template-columns:1fr 1fr; padding:0; background:var(--wine); color:var(--cream); }
.custom-image { min-height:580px; }
.custom-image img { width:100%; height:100%; min-height:580px; object-fit:cover; display:block; }
.custom-copy { align-self:center; padding:70px 12%; }
.custom-copy .eyebrow { color:#e7bdc7; }
.custom-copy h2 em { color:#e7bdc7; }
.custom-copy > p:not(.eyebrow) { color:#e4d2d1; line-height:1.9; font-size:12px; max-width:400px; margin:24px 0; }
.custom-copy ul { list-style:none; padding:0; margin:25px 0 32px; color:#f4e8e2; font-size:11px; line-height:2.8; }
.custom-copy li::before { content:"✳"; color:#e7bdc7; margin-right:12px; }
.story { background:var(--pink-light); }
.story > .eyebrow, .story > h2 { text-align:center; }
.story > h2 { margin-bottom:55px; }
.story-content { display:grid; grid-template-columns:.7fr 2fr; gap:50px; max-width:850px; margin:auto; }
.story-mark { font-size:90px; color:var(--wine); text-align:center; line-height:1; }
.story-content p { color:var(--muted); font-size:13px; line-height:1.95; margin:0 0 20px; }
.story-content .story-lead { font-family:"Playfair Display",serif; font-size:25px; line-height:1.45; color:var(--brown); }
.story-content b { color:var(--wine); }
.story-content .text-link { display:inline-block; margin-top:8px; }
.quote-band { background:var(--cream-deep); text-align:center; padding:70px 20px; color:var(--wine); }
.quote-star { font-size:27px; }
.quote-band p { font-family:"Playfair Display",serif; font-style:italic; font-size:clamp(25px,4vw,42px); line-height:1.3; margin:20px 0; }
.quote-credit { font-size:9px; letter-spacing:.22em; }
.contact { display:grid; grid-template-columns:1fr 1fr; gap:10%; }
.contact-intro { color:var(--muted); font-size:13px; line-height:1.9; max-width:350px; margin-top:25px; }
.contact-form { display:flex; flex-direction:column; gap:9px; }
.contact-form label { font-size:10px; color:var(--wine); margin-top:8px; }
.contact-form input, .contact-form select, .contact-form textarea { border:1px solid var(--line); background:rgba(255,253,249,.5); padding:13px; outline:none; color:var(--brown); border-radius:0; width:100%; font-size:12px; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color:var(--wine); }
.contact-form .button { margin-top:10px; align-self:flex-start; }
.form-note { color:var(--muted); font-size:10px; line-height:1.6; }
.footer { background:var(--brown); color:var(--cream); padding:45px 8% 25px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px; }
.footer-wordmark { color:var(--cream); }
.footer p { color:#d7c7ba; font-size:10px; }
.footer-links { display:flex; gap:18px; font-size:10px; }
.footer-links a:hover { color:#e7bdc7; }
.footer > small { width:100%; border-top:1px solid rgba(245,239,229,.2); padding-top:20px; color:#c7b6a8; font-size:9px; }
@media (max-width: 800px) {
  .site-header { padding:18px 5%; flex-wrap:wrap; }
  .menu-toggle { display:block; margin-left:auto; }
  .header-cta { display:none; }
  .nav { display:none; width:100%; flex-direction:column; gap:0; padding:10px 0; }
  .nav.open { display:flex; }
  .nav a { padding:12px 0; border-top:1px solid var(--line); }
  .hero { grid-template-columns:1fr; padding:42px 6% 55px; gap:32px; }
  .hero-image { height:380px; }
  .round-stamp { right:-8px; }
  .hero-note { margin-top:30px; }
  .values-strip { gap:12px; font-size:14px; }
  .section { padding:70px 6%; }
  .section-heading { display:block; }
  .section-heading > p { margin-top:18px; }
  .product-grid { grid-template-columns:1fr 1fr; gap:22px 14px; }
  .product-photo { height:280px; }
  .custom { grid-template-columns:1fr; }
  .custom-image, .custom-image img { min-height:350px; height:350px; }
  .custom-copy { padding:55px 7%; }
  .story-content { grid-template-columns:1fr; gap:15px; }
  .story-mark { font-size:55px; }
  .contact { grid-template-columns:1fr; gap:35px; }
  .footer { padding:40px 6% 24px; }
}
@media (max-width: 480px) {
  .wordmark { font-size:13px; }
  h1 { font-size:58px; }
  .hero-image { height:320px; }
  .hero-actions { align-items:flex-start; flex-direction:column; gap:18px; }
  .product-grid { grid-template-columns:1fr; }
  .product-photo { height:390px; }
  .footer { flex-direction:column; align-items:flex-start; }
  .footer-links { flex-wrap:wrap; }
}