:root{--gold:#c7a261;--ink:#110f10;--ink2:#191516;--paper:#f7f4ef;--muted:#9f9995}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.chr{margin:0;background:var(--ink);color:#fff;font-family:Mulish,sans-serif;overflow-x:hidden}.chr img{max-width:100%;display:block}.chr a{color:inherit;text-decoration:none}.site-header{height:104px;position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;padding:0 4.3%;border-bottom:1px solid rgba(255,255,255,.15)}.site-header:after{content:"";position:absolute;left:4%;right:4%;bottom:-7px;height:8px;background:radial-gradient(8px 4px at 50% 0,transparent 6px,rgba(255,255,255,.16) 7px,transparent 8px) repeat-x;background-size:18px 8px}.brand img{width:120px;height:auto}.main-nav{margin:auto;display:flex;gap:44px;font-size:14px}.main-nav a{padding:42px 0;color:#f4eeee}.main-nav a.active{color:var(--gold)}.main-nav sup{font-size:12px;color:var(--gold)}.header-tools{display:flex;gap:24px;align-items:center}.header-tools button,.header-tools a{background:none;border:0;color:var(--gold);font-size:21px;cursor:pointer}.header-tools span{font:11px Mulish;color:#fff}.menu-toggle{display:none}
.hero{height:min(1000px,100vh);min-height:720px;position:relative;overflow:hidden;background:#090808}.hero-slide{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,6,6,.25),rgba(7,6,6,.15)),var(--hero) center/cover no-repeat;opacity:0;transform:scale(1.04);transition:opacity 1s,transform 7s}.hero-slide.is-active{opacity:1;transform:scale(1)}.hero-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:110px 8% 30px}.eyebrow{display:none}.hero h1{font:500 clamp(56px,6vw,94px)/.92 "Cormorant Garamond",serif;margin:45px 0 26px;letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--gold)}.hero-text{font:400 14px/2 "Cormorant Garamond",serif;color:#b9b2ae;max-width:800px}.outline-button,.solid-button{display:inline-flex;align-items:center;gap:22px;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;padding:22px 50px;border-radius:36px;transition:.3s}.outline-button{border:1px solid var(--gold);margin-top:46px}.outline-button:hover{background:var(--gold);color:#111}.hero-arrow{position:absolute;z-index:4;top:61%;border:0;background:transparent;color:#fff;font-size:35px;cursor:pointer}.hero-arrow.prev{left:10%}.hero-arrow.next{right:10%}.hero-dots{position:absolute;bottom:25px;left:50%;display:flex;gap:8px;transform:translateX(-50%)}.hero-dots button{width:26px;height:2px;border:0;background:#766d65}.hero-dots button.active{background:var(--gold)}
.dark-section{background:var(--ink);color:#fff}.light-section{background:var(--paper);color:#fff}.torn-top{position:relative}.torn-top:before,.torn-both:before,.torn-both:after{content:"";position:absolute;z-index:3;left:0;right:0;height:42px;background-size:1280px 42px}.torn-top:before,.torn-both:before{top:-40px;background-image:url("images/grunge-dark-temp.png")}.torn-both:after{bottom:-40px;background-image:url("images/grunge-dark-rev-temp.png")}
.intro{min-height:730px;padding:120px max(6vw,70px) 90px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative}.intro-art img{width:min(680px,100%);margin:auto}.intro-copy{padding:0 5vw}.section-kicker{text-transform:uppercase;letter-spacing:3px;font-size:12px;color:var(--gold);font-weight:700}.intro h2,.section-heading h2{font:600 clamp(44px,5vw,68px)/1 "Cormorant Garamond",serif;margin:16px 0 25px}.intro-copy p{color:#aaa19c;line-height:1.85;max-width:540px}.gold-link{display:block;color:var(--gold)!important;font:600 16px "Cormorant Garamond",serif;margin:28px 0}.solid-button{background:var(--gold);color:#130f0f!important;border:1px solid var(--gold)}.solid-button:hover{background:transparent;color:var(--gold)!important}.feature-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px;border-top:1px solid #302a2b;padding-top:55px}.feature-row article{display:grid;grid-template-columns:60px 1fr}.feature-row article>span{font:38px "Cormorant Garamond";color:var(--gold);grid-row:1/3}.feature-row h3{font:600 24px "Cormorant Garamond";margin:0 0 10px}.feature-row p{margin:0;color:#928986;line-height:1.65;font-size:13px}
.statement{height:520px;background:linear-gradient(rgba(12,10,10,.35),rgba(12,10,10,.52)),var(--bg) center/cover fixed;display:grid;place-items:center;text-align:center}.statement h2{font:500 clamp(50px,6vw,84px)/1 "Cormorant Garamond";margin:0}.statement span{color:var(--gold)}
.products{padding:120px 5%}.section-heading{text-align:center}.section-heading h2{margin:14px 0}.section-heading i{display:block;width:110px;height:7px;margin:24px auto 60px;background:radial-gradient(circle,var(--gold) 2px,transparent 3px) 0 0/15px 7px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:1280px;margin:auto}.product-card{text-align:center;position:relative}.product-image{background:#eee9e2;position:relative;overflow:hidden;aspect-ratio:1}.product-image img{width:100%;height:100%;object-fit:contain;transition:.5s}.product-image button{position:absolute;left:50%;bottom:-60px;transform:translateX(-50%);border:0;background:#1c1718;color:#fff;border-radius:30px;padding:15px 24px;white-space:nowrap;transition:.4s;cursor:pointer}.product-card:hover .product-image img{transform:scale(1.06)}.product-card:hover .product-image button{bottom:25px}.product-card h3{font:600 24px/1.2 "Cormorant Garamond";margin:22px 0 8px}.product-card p{font-weight:700;color:var(--gold);margin:0}.sale{position:absolute;z-index:2;right:12px;top:12px;background:var(--gold);color:#fff;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;text-transform:uppercase;font-size:10px}.centered{width:max-content;margin:60px auto 0;display:flex}
.video-stats{position:relative;padding:120px 5% 110px}.video-panel{min-height:500px;background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),var(--bg) center/cover;display:flex;flex-direction:column;align-items:center;justify-content:center}.video-panel h2{font:600 52px "Cormorant Garamond";margin:0 0 28px}.play{width:80px;height:80px;border:1px solid var(--gold);border-radius:50%;background:rgba(0,0,0,.22);color:var(--gold);font-size:25px;padding-left:6px;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:1200px;margin:75px auto 0;text-align:center}.stats div+div{border-left:1px solid #3b3434}.stats strong{display:block;color:var(--gold);font:600 70px "Cormorant Garamond"}.stats span{font:600 20px "Cormorant Garamond"}
.mission{min-height:700px;background:#f5f1eb;color:#fff;display:grid;grid-template-columns:1fr 1fr}.mission-portrait{background:var(--bg) center/cover;display:flex;align-items:end;justify-content:center;overflow:hidden}.mission-portrait img{height:650px;width:auto;object-fit:contain}.mission-copy{padding:100px 10%;display:flex;flex-direction:column;justify-content:center}.mission blockquote{font:600 clamp(34px,4vw,58px)/1.1 "Cormorant Garamond";margin:25px 0 40px}.signature{font:italic 35px "Cormorant Garamond";color:var(--gold)}.mission small{text-transform:uppercase;letter-spacing:3px;margin-top:7px}
.testimonials{padding:120px 6%;position:relative;background-image:var(--cocoa);background-position:110% 50%;background-size:620px;background-repeat:no-repeat}.testimonial-track{max-width:900px;margin:auto;min-height:370px;position:relative}.quote{position:absolute;inset:0;text-align:center;opacity:0;transform:translateX(30px);transition:.5s;pointer-events:none}.quote.is-active{opacity:1;transform:none;pointer-events:auto}.quote img{width:110px;height:110px;border-radius:50%;object-fit:cover;margin:0 auto 25px;border:5px solid #2c2525}.quote p{font:400 22px/1.65 "Cormorant Garamond";color:#c5bcba}.quote strong{display:block;color:var(--gold);font:600 22px "Cormorant Garamond"}.quote span{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#888}.quote-controls{text-align:center}.quote-controls button{background:transparent;border:1px solid #554948;color:var(--gold);width:48px;height:48px;margin:0 4px;cursor:pointer}
.gallery{padding:120px 0}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px}.gallery-grid figure{margin:0;aspect-ratio:1;overflow:hidden}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.6s}.gallery-grid figure:hover img{transform:scale(1.08)}
footer{background:linear-gradient(rgba(12,10,10,.93),rgba(12,10,10,.93)),var(--footer) center/cover;color:#fff;padding:100px 6% 0}.footer-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr 1.1fr;gap:80px}.footer-grid h3{font:600 30px "Cormorant Garamond";margin:0 0 35px;color:var(--gold)}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{color:#a79e9b;line-height:1.8;margin-bottom:16px}.footer-grid li strong{display:block;color:#fff;font-weight:500}.footer-about>img{width:120px}.footer-about p{color:#a79e9b;max-width:330px;line-height:1.8}.socials{display:flex;gap:10px;margin-top:28px}.socials a{width:38px;height:38px;border:1px solid #554947;border-radius:50%;display:grid;place-items:center}.post{display:flex;gap:16px;margin-bottom:18px;align-items:center}.post img{width:74px;height:74px;object-fit:cover}.post span{font:600 17px/1.25 "Cormorant Garamond"}.post small{display:block;color:var(--gold);font:10px Mulish;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.copyright{text-align:center;border-top:1px solid #342d2d;margin-top:75px;padding:24px;color:#837a77;font-size:12px}.back-top{position:fixed;right:22px;bottom:22px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#111!important;z-index:20}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:80px;padding:0 22px}.brand img{width:100px}.main-nav{position:fixed;inset:80px 0 auto;background:#120f10;display:none;flex-direction:column;gap:0;padding:20px}.main-nav.open{display:flex}.main-nav a{padding:15px}.header-tools{display:none}.menu-toggle{display:block;margin-left:auto;background:none;border:0;width:40px}.menu-toggle span{display:block;height:2px;background:#fff;margin:8px}.hero{min-height:650px;height:90vh}.hero h1{font-size:51px}.hero-text{font-size:13px}.hero-arrow{top:70%}.intro{grid-template-columns:1fr;padding:90px 24px}.intro-copy{padding:50px 0}.feature-row{grid-template-columns:1fr}.statement{height:420px;background-attachment:scroll}.product-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr);gap:35px}.stats div+div{border:0}.mission{grid-template-columns:1fr}.mission-portrait{min-height:520px}.footer-grid{grid-template-columns:1fr;gap:50px}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hero h1{font-size:42px;letter-spacing:-1px}.hero-copy{padding-inline:20px}.hero-text br{display:none}.outline-button{margin-top:25px;padding:18px 34px}.hero-arrow.prev{left:20px}.hero-arrow.next{right:20px}.intro h2,.section-heading h2{font-size:42px}.product-grid{grid-template-columns:1fr}.video-stats{padding-inline:20px}.video-panel{min-height:360px}.video-panel h2{font-size:38px}.stats strong{font-size:50px}.stats span{font-size:16px}.mission-portrait img{height:520px}.mission-copy{padding:80px 25px}.testimonials{padding-inline:20px}.gallery-grid{grid-template-columns:1fr 1fr}.footer-grid{gap:45px}}

/* User-requested text correction: replace only dark/black text with white. */
.outline-button:hover,
.solid-button,
.back-top{color:#fff!important}

.chr .hero h1,
.chr .light-section h2,
.chr .light-section h3,
.chr .mission blockquote,
.chr .mission small{color:#fff!important}

.chr .hero h1 em{color:var(--gold)!important}

/* Reference-matched section immediately after the hero. */
.chr .intro{
  min-height:720px;
  padding:72px 5% 64px;
  display:grid;
  grid-template-columns:28% 44% 28%;
  grid-template-areas:"copy art features";
  gap:0;
  align-items:center;
  overflow:hidden
}
.chr .intro-copy{grid-area:copy;padding:0 2.5vw 0 0;align-self:center}
.chr .intro-copy h2{font:500 clamp(36px,2.65vw,51px)/.98 "Cormorant Garamond",serif;margin:0 0 78px;letter-spacing:-.5px}
.chr .intro-copy h2 em{font-style:italic;color:var(--gold)!important}

.chr .products{
  background:#110f10!important;
  color:#fff!important
}
.chr .products .section-heading h2,
.chr .products .product-card h3{color:#fff!important}

.chr .mission,
.chr .gallery{
  background:#110f10!important;
  color:#fff!important
}
.chr .mission blockquote,
.chr .mission small,
.chr .gallery h2{color:#fff!important}

/* Cioccolato brand system */
:root{
  --gold:#C9B289;
  --ink:#510303;
  --ink2:#492D22;
  --paper:#510303;
  --muted:#BCAAAA;
  --mauve:#97748E
}
body.chr{background:#510303;color:#fff;font-family:Poppins,sans-serif}
.chr h1,.chr h2,.chr h3,.chr blockquote,.chr .signature{font-family:"Cormorant Garamond",serif}
.chr .site-header{background:linear-gradient(180deg,rgba(73,45,34,.94),rgba(73,45,34,.62),transparent)}
.chr .brand img{width:auto;height:78px;object-fit:contain}
.chr .hero{background:#510303}
.chr .hero-slide{
  background:
    radial-gradient(circle at 75% 20%,rgba(201,178,137,.18),transparent 27%),
    radial-gradient(circle at 18% 70%,rgba(151,116,142,.17),transparent 28%),
    linear-gradient(135deg,#350101 0%,#510303 48%,#492D22 100%)!important
}
.chr .hero-slide:before{
  content:"";
  position:absolute;
  inset:13% 7%;
  border:1px solid rgba(201,178,137,.24);
  border-radius:50% 50% 44% 56%/55% 42% 58% 45%;
  transform:rotate(-8deg)
}
.chr .eyebrow{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:5px;font-size:11px}
.chr .hero-text{font-family:Poppins,sans-serif;color:#e2d7d2;line-height:1.8}
.chr .dark-section,.chr .intro,.chr .products,.chr .video-stats,.chr .mission,.chr .testimonials,.chr .gallery{background:#510303!important}
.chr .intro,.chr .mission,.chr .gallery{border-top:1px solid rgba(201,178,137,.18)}
.chr .intro-art{min-height:480px;display:grid;place-items:center}
.chr .intro-art img{display:none}
.chr .intro-art:before{
  content:"PACKAGING PHOTOGRAPHY\A TO REPLACE";
  white-space:pre;
  width:min(520px,90%);
  aspect-ratio:1.3;
  display:grid;
  place-items:center;
  text-align:center;
  color:var(--gold);
  letter-spacing:4px;
  font-size:11px;
  line-height:2;
  border:1px solid rgba(201,178,137,.45);
  background:
    linear-gradient(145deg,rgba(151,116,142,.15),transparent 45%),
    #492D22;
  box-shadow:28px 28px 0 rgba(38,1,1,.45)
}
.chr .statement{background:linear-gradient(135deg,rgba(73,45,34,.98),rgba(81,3,3,.94))!important}
.chr .product-image{background:#492D22}
.chr .product-placeholder{display:grid;place-items:center;border:1px solid rgba(201,178,137,.25)}
.chr .product-placeholder>span,.chr .brand-placeholder>span,.chr .gallery-grid figure>span{
  color:var(--gold);
  text-align:center;
  letter-spacing:3px;
  font-size:10px;
  line-height:1.9
}
.chr .product-placeholder strong,.chr .brand-placeholder strong{font-size:16px}
.chr .product-image button{background:#97748E}
.chr .solid-button{background:#C9B289;border-color:#C9B289;color:#510303!important}
.chr .outline-button{border-color:#C9B289}
.chr .outline-button:hover{background:#C9B289;color:#510303!important}
.chr .section-kicker,.chr .product-card p,.chr .signature{color:#C9B289}
.chr .video-panel{
  min-height:530px;
  text-align:center;
  padding:70px 20px;
  background:
    linear-gradient(rgba(73,45,34,.78),rgba(81,3,3,.86)),
    var(--bg) center/cover
}
.chr .video-panel p{color:#d6c9c3}
.chr .mission-portrait.brand-placeholder{
  min-height:650px;
  background:
    linear-gradient(135deg,rgba(151,116,142,.18),transparent),
    #492D22;
  border-right:1px solid rgba(201,178,137,.24);
  display:grid;
  place-items:center
}
.chr .gallery-grid figure{
  background:#492D22;
  border:1px solid rgba(201,178,137,.2);
  display:grid;
  place-items:center
}
.chr footer{background:linear-gradient(rgba(73,45,34,.97),rgba(37,20,16,.98))!important}
.chr .footer-about>img{width:auto;height:92px;object-fit:contain;background:#000}
.chr footer p{color:#c9bab5;line-height:1.8}
.chr .gold-link{color:#C9B289!important}
.chr .back-top{background:#97748E}
@media(max-width:900px){
  .chr .brand img{height:54px}
  .chr .intro-art{min-height:360px}
}
.chr .intro-copy p{font:500 15px/2 Mulish,sans-serif;color:#999390;max-width:435px;margin:0 0 58px}
.chr .intro-art{grid-area:art;position:relative;z-index:1;align-self:center}
.chr .intro-art img{width:118%;max-width:none;margin-left:-10%;filter:drop-shadow(0 28px 22px rgba(0,0,0,.35))}
.chr .intro .gold-link{display:flex;align-items:center;gap:15px;color:#fff!important;font:500 22px "Cormorant Garamond",serif;margin:0 0 105px}
.chr .intro .gold-link>span{font:28px/1 Mulish;color:var(--gold)}
.chr .intro-more{color:var(--gold)!important;text-transform:uppercase;letter-spacing:4px;font-size:10px;font-weight:700}
.chr .feature-row{grid-area:features;display:flex;flex-direction:column;gap:68px;margin:0;padding:0 0 0 3.5vw;border:0}
.chr .feature-row article{display:grid;grid-template-columns:92px 1fr;grid-template-rows:auto auto;align-items:start}
.chr .feature-row article>span{grid-row:1/3;font:58px/1 "Cormorant Garamond";color:var(--gold);padding-top:2px}
.chr .feature-row h3{font:500 24px/1.15 "Cormorant Garamond";color:#fff!important;margin:0 0 11px}
.chr .feature-row p{font:500 14px/1.8 Mulish;color:#8f8987;max-width:330px;margin:0}
@media(max-width:900px){
  .chr .intro{grid-template-columns:1fr;grid-template-areas:"copy" "art" "features";padding:90px 25px}
  .chr .intro-copy{padding:0}.chr .intro-copy h2{margin-bottom:35px}
  .chr .intro .gold-link{margin-bottom:45px}.chr .intro-art img{width:115%;margin-left:-7.5%}
  .chr .feature-row{padding:30px 0 0;gap:38px}
}

.chr .intro{background:#492D22!important}.chr .statement{background:#97748E!important}.chr .products{background:#510303!important}.chr .video-stats{background:#492D22!important}.chr .mission{background:#C9B289!important;color:#510303!important}.chr .gallery{background:#97748E!important}.chr .mission blockquote,.chr .mission small{color:#510303!important}.chr .mission .section-kicker,.chr .mission .signature{color:#492D22!important}.chr .mission-portrait.brand-placeholder{background:#97748E!important}.chr .product-card:nth-child(2) .product-image{background:#97748E}.chr .product-card:nth-child(2) .product-placeholder>span{color:#fff}.chr .gallery-grid figure:nth-child(even){background:#510303}.chr .gallery-grid figure:nth-child(odd){background:#492D22}