html body .smc-site .
html body .smc-site .hero-mark,
html body .smc-site .scroll-cue{
display:none !important;
}
html body .smc-site main > section#coffee.range{
background-color:transparent !important;
background-image:none !important;
}
html body .smc-site .hero{
position:relative !important;
display:flex !important;
align-items:center !important;
min-height:clamp(540px,68vw,760px) !important;
padding:clamp(100px,12vw,154px) clamp(24px,8vw,126px) !important;
background:transparent !important;
border-block:1px solid rgba(211,163,108,.20) !important;
}
html body .smc-site .hero-image,
html body .smc-site .hero-shade{
display:none !important;
}
html body .smc-site .hero::before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(72% 118% at 78% 48%,rgba(111,53,22,.19),rgba(13,4,2,0) 70%),
linear-gradient(90deg,rgba(10,3,1,.76),rgba(22,7,3,.44) 56%,rgba(10,3,1,.72));
pointer-events:none;
}
html body .smc-site .hero-copy{
position:relative !important;
z-index:1 !important;
max-width:790px !important;
}
html body .smc-site .hero-copy .eyebrow{
color:#dfa36d !important;
}
html body .smc-site .hero-copy h1{
max-width:760px !important;
letter-spacing:.015em !important;
}
html body .smc-site .hero-copy .hero-sub{
max-width:610px !important;
color:#f0e3d1 !important;
}
html body .smc-site .product-visual{
position:relative !important;
overflow:hidden !important;
isolation:isolate !important;
background:#080604 !important;
border:1px solid rgba(221,191,151,.24) !important;
box-shadow:0 22px 52px rgba(0,0,0,.42) !important;
}
html body .smc-site .product-visual > img,
html body .smc-site .product-visual .product-number,
html body .smc-site .product-visual .roast-stamp,
html body .smc-site .product-bag-nameplate{
display:none !important;
}
html body .smc-site .product-visual::before{
content:"";
position:absolute;
inset:0;
z-index:1;
display:block;
pointer-events:none;
background:url("https://assets.cdn.filesafe.space/DEEUeKbBc83zrmaMQOJ4/media/6a9eba76968770b81c47bad3.png") center / cover no-repeat;
}
html body .smc-site .product-visual::after{
content:none !important;
display:none !important;
}
html body .smc-site #coffee:has(.roast-option[data-index="1"].active) .product-visual::before{
background-image:url("https://assets.cdn.filesafe.space/DEEUeKbBc83zrmaMQOJ4/media/6a9eba76968770b81c47badc.png") !important;
}
html body .smc-site #coffee:has(.roast-option[data-index="2"].active) .product-visual::before{
background-image:url("https://assets.cdn.filesafe.space/DEEUeKbBc83zrmaMQOJ4/media/6a9eba764793a2d512ac56ce.png") !important;
}
html body .smc-site #coffee:has(.roast-option[data-index="3"].active) .product-visual::before{
background-image:url("https://assets.cdn.filesafe.space/DEEUeKbBc83zrmaMQOJ4/media/6a9eba76a423db57772c3347.png") !important;
}
html body .smc-site #coffee:has(.roast-option[data-index="4"].active) .product-visual::before{
background-image:url("https://assets.cdn.filesafe.space/DEEUeKbBc83zrmaMQOJ4/media/6a9eba76a423db57772c334c.png") !important;
}
html body .smc-site .story-image,
html body .smc-site .standard-image,
html body .smc-site .wholesale > img,
html body .smc-site .wholesale-overlay{
display:none !important;
}
html body .smc-site .story,
html body .smc-site .standard,
html body .smc-site .wholesale{
display:block !important;
min-height:0 !important;
padding:clamp(76px,10vw,142px) max(24px,10vw) !important;
}
html body .smc-site .story-copy,
html body .smc-site .standard-copy,
html body .smc-site .wholesale-copy{
position:relative !important;
max-width:760px !important;
margin:0 auto !important;
padding:clamp(30px,5vw,60px) !important;
border:1px solid rgba(218,178,133,.22) !important;
background:rgba(19,6,2,.43) !important;
box-shadow:inset 0 1px 0 rgba(255,223,187,.08),0 22px 50px rgba(0,0,0,.24) !important;
}
html body .smc-site .gear{
padding:clamp(76px,9vw,132px) max(24px,8vw) !important;
}
html body .smc-site .gear-image{
max-width:1040px !important;
margin:36px auto 0 !important;
border:1px solid rgba(218,178,133,.25) !important;
background:#100502 !important;
box-shadow:0 24px 54px rgba(0,0,0,.34) !important;
}
html body .smc-site .gear-image > img{
display:block !important;
width:100% !important;
filter:none !important;
}
html body .smc-site .footer-legal > p:last-child{
display:none !important;
}
@media (max-width:700px){
html body .smc-site .hero{
min-height:600px !important;
padding:110px 28px 88px !important;
}
html body .smc-site .story,
html body .smc-site .standard,
html body .smc-site .wholesale{
padding:68px 20px !important;
}
}