/* Local design proposal. Original assets/site.css is unchanged. */
body.jute-design { --frame-width:1440px; --frame-gutter:clamp(16px,4.5vw,80px); background:#b7985f url('heritage-jute.jpg') repeat; }
.jute-design>.site-header,.jute-design>main,.jute-design>.site-footer {width:calc(100% - var(--frame-gutter));max-width:var(--frame-width);margin-inline:auto;}
.jute-design>main {background:var(--cream);box-shadow:0 12px 50px #2c180e25;}
.jute-design .site-header {background:#fbf7ee;border-bottom:1px solid #e7d8bd;}
.jute-design .header-inner {min-height:104px;}
.jute-design .site-logo img {width:87px;height:87px;}
.jute-design .container-wide {width:calc(100% - 88px);max-width:1270px;}
.jute-design .desktop-nav {gap:clamp(10px,1vw,20px);}
.jute-design .desktop-nav a {font-size:clamp(.74rem,.88vw,.9rem);}
.jute-design .header-cta {padding:14px 19px;}
.jute-design .hero-home.hero-product {min-height:650px;background-image:linear-gradient(90deg,rgba(27,16,10,.69),rgba(32,20,12,.34)),url('heritage-coffee-beans.jpg');background-size:cover;background-position:center 58%;border-bottom:3px solid #b39657;color:#fff9ed;}
.jute-design .hero-product-layout {grid-template-columns:1fr 1fr;gap:46px;padding-block:72px 84px;}
.jute-design .hero-product .hero-copy .eyebrow {color:#dfc695;font-size:.7rem;line-height:1.6;letter-spacing:.12em;}
.jute-design .hero-product .hero-copy h1 {color:#fff9ed;font-size:clamp(2.8rem,4.05vw,4.6rem);line-height:1.09;letter-spacing:-.045em;text-wrap:balance;}
.jute-design .hero-product .hero-copy h1 span {color:#e1c48b;}
.jute-design .hero-product .hero-copy h2 {color:#fff3dc;font-size:1.17rem;}
.jute-design .hero-product .hero-copy p {color:#eee5d6;max-width:530px;font-size:1rem;}
.jute-design .hero-roasts span {background:#f6edd513;color:#f4e5c8;border-color:#c4a76d65;font-size:.67rem;}
.jute-design .hero-product .btn-primary {background:#627452;border-color:#738362;}
.jute-design .hero-product .btn-dark-outline {border-color:#d1bc91;color:#fff4df;}
.jute-design .hero-product .btn-dark-outline:hover {background:#fff4df;color:#39271b;}
.jute-design .hero-product .cta-row {gap:10px;}
.jute-design .hero-product .cta-row .btn {font-size:.73rem;padding:14px 20px;}
.jute-design .hero-product-photo {padding:12px;background:#f3e7d2;border:1px solid #cdb98e;border-radius:8px;box-shadow:0 22px 60px #100a0850;}
.jute-design .hero-product-photo img {aspect-ratio:4/3;object-fit:contain;}
.jute-design .hero-photo-footer {color:#f3e6cb;font-size:.59rem;letter-spacing:.1em;line-height:1.6;margin-top:18px;}
.jute-design .hero-photo-footer .photo-dot {background:#d2b375;}
.jute-design .hero-product .hero-scroll {color:#f1e2c4;font-size:.6rem;left:44px;bottom:17px;}
.jute-design .heritage-cup-band {padding:34px 44px;background:linear-gradient(#f6edd99c,#f6edd99c),url('heritage-jute.jpg');border-bottom:1px solid #cab387;}
.jute-design .heritage-cup-inner {display:grid;grid-template-columns:240px minmax(0,1fr) auto;gap:34px;align-items:center;max-width:1180px;margin:auto;padding:24px 30px;background:#fffaf0;border:1px solid #d8c5a2;border-radius:6px;box-shadow:0 9px 25px #533b1910;}
.jute-design .heritage-cup-inner figure {margin:0;}
.jute-design .heritage-cup-inner img {width:240px;height:160px;object-fit:contain;border-radius:3px;}
.jute-design .heritage-cup-copy .eyebrow {font-size:.66rem;letter-spacing:.14em;color:#82643c;}
.jute-design .heritage-cup-copy h2 {font-size:clamp(1.7rem,2.5vw,2.6rem);line-height:1.15;letter-spacing:-.04em;margin:10px 0 13px;color:#392519;}
.jute-design .heritage-cup-copy p {font-size:.92rem;line-height:1.7;color:#655345;max-width:560px;}
.jute-design .heritage-cup-inner .text-link {font-size:.7rem;color:#76532c;white-space:nowrap;align-self:center;}
.jute-design .featured {padding-block:78px 88px;}
.jute-design .roast-card {border:1px solid #e4d3b5;}
.jute-design .botanical-bg {background-image:none;background-color:#faf5e9;}
.jute-design .roastery-home {background:#f4eddf;}
.jute-design .split-story {background:#fcf8ef;}
.jute-design .heritage-section {background-image:linear-gradient(90deg,#26180ee8,#26180ed6),url('heritage-coffee-sorting.jpg');background-position:center;background-size:cover;}
.jute-design .page-hero.page-hero-textured.coffee-photo-banner {background-image:linear-gradient(90deg,#24150dc9,#24150d62),url('heritage-coffee-beans.jpg');background-position:center 60%;}
.jute-design .section-space {padding-block:88px;}
@media (max-width:1180px){.jute-design .container-wide{width:calc(100% - 64px)}.jute-design .hero-product-layout{gap:28px}.jute-design .heritage-cup-inner{grid-template-columns:220px 1fr;gap:26px}.jute-design .heritage-cup-inner img{width:220px;height:auto}.jute-design .heritage-cup-inner>.text-link{grid-column:2;justify-self:start;margin-top:-8px}.jute-design .heritage-cup-inner figure{grid-row:span 2}.jute-design .heritage-cup-band{padding-inline:32px}.jute-design .desktop-nav{gap:10px}.jute-design .desktop-nav a{font-size:.71rem}.jute-design .header-inner{gap:12px}}
@media (max-width:1030px){.jute-design .header-inner{min-height:92px}.jute-design .site-logo img{width:76px;height:76px}}
@media (max-width:800px){.jute-design{--frame-gutter:24px!important}.jute-design .container-wide{width:calc(100% - 44px)}.jute-design .hero-home.hero-product{min-height:0;background-position:43% top}.jute-design .hero-product-layout{grid-template-columns:1fr;padding-block:50px 56px;gap:30px}.jute-design .hero-product .hero-copy{max-width:620px}.jute-design .hero-product .hero-copy h1{font-size:clamp(2.65rem,7.8vw,4.1rem)}.jute-design .hero-product-showcase{max-width:560px}.jute-design .hero-product .hero-scroll{display:none}.jute-design .heritage-cup-band{padding:24px 22px}.jute-design .heritage-cup-inner{grid-template-columns:180px 1fr;padding:20px;gap:18px}.jute-design .heritage-cup-inner img{width:180px}.jute-design .heritage-cup-copy h2{font-size:1.75rem}.jute-design .heritage-cup-copy p{font-size:.86rem}.jute-design .section-space{padding-block:68px}}
@media (max-width:540px){.jute-design{--frame-gutter:16px!important}.jute-design .header-inner{min-height:78px;gap:8px}.jute-design .site-logo img{width:63px;height:63px}.jute-design .header-cta{padding:10px 12px;font-size:.66rem}.jute-design .container-wide{width:calc(100% - 34px)}.jute-design .hero-product .hero-copy h1{font-size:clamp(2.45rem,10vw,3.35rem)}.jute-design .hero-product .hero-copy h2{font-size:1.04rem}.jute-design .hero-product .hero-copy p{font-size:.9rem}.jute-design .hero-product .hero-copy .eyebrow{font-size:.6rem}.jute-design .hero-product .cta-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.jute-design .hero-product .cta-row .btn{font-size:.64rem;letter-spacing:.03em;padding:12px 9px}.jute-design .hero-roasts span{font-size:.6rem;padding:7px 9px}.jute-design .hero-photo-footer{font-size:.52rem}.jute-design .heritage-cup-band{padding:20px 16px}.jute-design .heritage-cup-inner{grid-template-columns:1fr;gap:20px;padding:24px 20px;text-align:center}.jute-design .heritage-cup-inner figure{grid-row:auto;justify-self:center}.jute-design .heritage-cup-inner img{width:240px;max-width:100%;height:auto}.jute-design .heritage-cup-inner>.text-link{grid-column:auto;justify-self:center;margin:0}.jute-design .heritage-cup-copy h2{font-size:1.85rem}.jute-design .featured{padding-block:58px 64px}}

/* V2: package cutout over the existing coffee background, with no rectangular card. */
.jute-design .hero-product-photo {background:transparent;padding:0;border:0;border-radius:0;box-shadow:none;}
.jute-design .hero-product-photo img {background:transparent;border-radius:0;aspect-ratio:4/3;object-fit:contain;}
.jute-design .hero-photo-footer {margin:18px 3px 0;}
