:root{
  --coffee:#1F1713;
  --coffee-2:#332219;
  --cream2:#F4E9D8;
  --cream3:#EAD9C4;
  --olive:#4E5A3D;
  --copper:#B67A50;
  --gold2:#C8A06E;
}
body.demo-body{background:var(--cream2);color:var(--coffee)}
.demo-ribbon{
  position:fixed;top:0;left:0;right:0;z-index:150;
  height:38px;background:#11100F;color:#F3E6D3;border-bottom:1px solid rgba(255,255,255,.09)
}
.demo-ribbon .container{
  height:100%;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;
  font-size:11px;font-weight:700;letter-spacing:.06em
}
.demo-ribbon strong{color:#E4C99E}
.demo-nav{
  position:sticky;top:38px;z-index:120;background:rgba(31,23,19,.90);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.08);color:#F4E9D8
}
.demo-nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.coffee-logo{height:54px;width:150px;object-fit:contain}
.demo-links{display:flex;gap:26px;font-size:12px;color:#E3D6C4}
.demo-hero{
  padding:76px 0 86px;min-height:770px;position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(circle at 76% 20%,rgba(202,163,112,.22),transparent 24%),
    linear-gradient(120deg,#1A120E 0%,#3A261B 58%,#17100D 100%);
}
.demo-hero:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.06),transparent 40%,rgba(0,0,0,.14));
}
.demo-hero-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:44px;align-items:center;position:relative;z-index:2}
.demo-hero .lead{color:#E4D6C5}
.demo-product-scene{
  position:relative;min-height:600px;border-radius:28px;overflow:hidden;
  background:
    radial-gradient(circle at 20% 15%,rgba(255,229,188,.20),transparent 26%),
    linear-gradient(145deg,#6F4B33,#2C1D16 58%,#140F0C);
  box-shadow:0 32px 85px rgba(0,0,0,.42)
}
.demo-product-scene:before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:32%;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.5))
}
.demo-product-scene img{position:absolute;width:58%;right:6%;top:2%;filter:drop-shadow(0 28px 38px rgba(0,0,0,.38))}
.demo-cup{
  position:absolute;left:9%;bottom:14%;width:185px;height:118px;border-radius:18px 18px 52px 52px;
  background:linear-gradient(145deg,#34271F,#0E0D0B);box-shadow:0 24px 40px rgba(0,0,0,.35)
}
.demo-cup:before{
  content:"";position:absolute;left:21px;right:21px;top:8px;height:30px;border-radius:50%;
  background:#1B0F09;box-shadow:0 0 0 7px #4B392E
}
.demo-cup:after{
  content:"";position:absolute;right:-46px;top:28px;width:68px;height:58px;border:15px solid #221914;border-left:0;border-radius:0 37px 37px 0
}
.demo-scene-label{
  position:absolute;left:8%;top:8%;font-size:11px;letter-spacing:.16em;font-weight:800;color:#E9D2AF
}
.demo-icons{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.1);
  border-top:1px solid rgba(255,255,255,.1);margin-top:32px
}
.demo-icon{padding:18px 14px;text-align:center;font-size:12px;color:#E4D8CA;background:rgba(255,255,255,.03)}
.demo-products{padding:96px 0;background:#F2E5D5}
.demo-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.coffee-card{background:#FCF8F1;border:1px solid rgba(31,23,19,.13);border-radius:18px;overflow:hidden}
.coffee-card img{width:100%;aspect-ratio:1/1.18;object-fit:cover}
.coffee-info{padding:18px}
.coffee-info h3{font-size:25px;margin-bottom:6px}
.coffee-info p{font-size:13px;color:#6E5D50;line-height:1.45}
.coffee-price{font-size:20px;font-weight:800;margin:14px 0}
.coffee-btn{width:100%;border-radius:12px;background:#214A3B;color:#fff}
.story{display:grid;grid-template-columns:1fr 1fr;min-height:520px}
.story-photo{
  background:
   linear-gradient(135deg,rgba(0,0,0,.12),rgba(0,0,0,.20)),
   radial-gradient(circle at 50% 24%,#AD7A4E,#503021 52%,#1B140F);
  position:relative;overflow:hidden
}
.story-photo:before{
  content:"";position:absolute;width:210px;height:130px;left:50%;top:52%;transform:translate(-50%,-50%);
  background:linear-gradient(145deg,#3A2A21,#0E0C0A);border-radius:20px 20px 55px 55px;box-shadow:0 25px 50px rgba(0,0,0,.32)
}
.story-photo:after{
  content:"SIERRA CLARA";position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);
  color:#E6CBA5;font-family:"Cormorant Garamond",serif;font-size:22px;letter-spacing:.04em
}
.story-copy{background:#E7D5BF;padding:72px;display:flex;flex-direction:column;justify-content:center}
.values{display:grid;grid-template-columns:repeat(4,1fr);background:#2A1E16;color:#EFE3D3}
.value{padding:22px;text-align:center;border-right:1px solid rgba(255,255,255,.08);font-size:12px}
.testimonial{background:#151310;color:#F4EBDD;padding:88px 0;text-align:center}
.testimonial blockquote{
  max-width:820px;margin:28px auto;font-family:"Cormorant Garamond",serif;font-size:36px;line-height:1.2;font-style:italic
}
.demo-form-zone{background:#E8D8C4}
.demo-final{background:#E8D5BC;color:#2B2019;text-align:center}
.demo-footer{background:#17110D;color:#CDBFAE;padding:30px 0}
.demo-footer .footer-row{font-size:12px}
@media(max-width:980px){
  .demo-links{display:none}
  .demo-hero-grid{grid-template-columns:1fr}
  .demo-product-grid{grid-template-columns:repeat(2,1fr)}
  .story{grid-template-columns:1fr}
  .story-photo{min-height:430px}
  .values{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .demo-ribbon{height:48px}
  .demo-ribbon .container{font-size:10px;line-height:1.25}
  .demo-nav{top:48px}
  .demo-nav-inner{height:68px}
  .demo-hero{padding:58px 0}
  .demo-product-scene{min-height:430px}
  .demo-product-scene img{width:65%;right:0}
  .demo-cup{transform:scale(.82);transform-origin:left bottom}
  .demo-product-grid{grid-template-columns:1fr}
  .story-copy{padding:50px 26px}
  .values{grid-template-columns:1fr 1fr}
}

/* V3 · Sierra Clara editorial media */
.demo-product-scene{background:#17100d}
.demo-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.demo-video-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,12,8,.22),rgba(20,12,8,.05) 55%,rgba(20,12,8,.34)),linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.34))}
.demo-package-overlay{position:absolute;width:46%!important;height:auto!important;right:3%!important;top:8%!important;z-index:4;filter:drop-shadow(0 28px 42px rgba(0,0,0,.45))}
.origin-cinematic{background:#1B130F;color:#F3E7D8;padding-bottom:88px}
.origin-video{height:560px;position:relative;overflow:hidden}
.origin-video video{width:100%;height:100%;object-fit:cover}
.origin-video-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,10,7,.04),rgba(17,10,7,.66))}
.origin-video-copy{position:absolute;left:50%;bottom:48px;transform:translateX(-50%);width:min(90%,1180px);z-index:2;color:#fff}
.origin-video-copy span{display:block;font-size:11px;letter-spacing:.17em;font-weight:800;color:#DFC29A;margin-bottom:8px}
.origin-video-copy strong{font-family:"Cormorant Garamond",serif;font-size:54px;font-weight:600}
.origin-grid{display:grid;grid-template-columns:.8fr 1.1fr .8fr;gap:22px;align-items:center;margin-top:72px}
.origin-photo{margin:0;border-radius:20px;overflow:hidden;min-height:420px}
.origin-photo img{width:100%;height:100%;min-height:420px;object-fit:cover}
.origin-copy{padding:16px 18px}.origin-copy .lead{color:#D9CFC5}
.story-photo img{width:100%;height:100%;object-fit:cover}
.craft-section{padding:96px 0;background:#EFE2D1}
.craft-grid{display:grid;grid-template-columns:.9fr 1.05fr .75fr;gap:18px;align-items:stretch}
.craft-photo{margin:0;border-radius:20px;overflow:hidden;min-height:420px}
.craft-photo.tall{min-height:620px}.craft-photo img{width:100%;height:100%;object-fit:cover}
.craft-copy{display:flex;flex-direction:column;justify-content:center;padding:26px}.craft-detail{width:100%;height:230px;object-fit:cover;border-radius:16px;margin-top:24px}
.coffee-film{position:relative;height:440px;margin-top:72px;overflow:hidden;border-radius:24px}
.coffee-film video{width:100%;height:100%;object-fit:cover}
.coffee-film-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,7,.08),rgba(10,8,7,.65))}
.coffee-film-copy{position:absolute;left:30px;bottom:30px;color:#fff;z-index:2}.coffee-film-copy span{display:block;font-size:10px;letter-spacing:.16em;font-weight:800;color:#DFC29A;margin-bottom:8px}.coffee-film-copy strong{font-family:"Cormorant Garamond",serif;font-size:46px;font-weight:600;max-width:720px;display:block;line-height:1}
@media(max-width:980px){.origin-grid,.craft-grid{grid-template-columns:1fr}.origin-photo,.origin-photo img{min-height:360px}.craft-photo.tall{min-height:460px}.craft-copy{padding:16px 0}}
@media(max-width:650px){.origin-video{height:420px}.origin-video-copy strong{font-size:38px}.coffee-film{height:360px;margin-top:48px}.coffee-film-copy strong{font-size:34px}.demo-package-overlay{width:55%!important;right:-4%!important}}