/* Retain the approved woodblock illustrations and refine the requested sections. */
.hero-shade{background:linear-gradient(180deg,#172a234d,#14291778 35%,#19332155 70%,#1c2c254d)}
.hero-brand{max-width:660px}.hero-brand .hero-identity{max-width:550px}
.hero-copy{top:44%;width:min(780px,calc(100% - 90px))}
.hero h1{font-size:clamp(44px,4.7vw,68px);line-height:1.35}
.hero-sub{max-width:610px;margin:27px auto 0;font-size:15px;line-height:1.95;letter-spacing:0;text-wrap:pretty}
.hero-sub p+p{margin-top:14px}
.brand-landing{padding-bottom:20px}
.hero-hills .hero-farmer{left:17%;top:auto;bottom:24px;width:clamp(70px,8vw,115px);z-index:2}
.cow-figure{position:absolute;aspect-ratio:1;pointer-events:none;z-index:2}
.cow-sprite{display:block;width:100%;height:100%;background:url('assets/cow-v5.webp') left center/200% 100% no-repeat;animation:cow-graze 4.8s steps(1,end) infinite}
.hero-cow{left:73%;bottom:24px;width:clamp(100px,13vw,175px);animation:pasture-stroll 15s ease-in-out infinite}
.map-cow{left:58%;top:46%;width:12%;animation:pasture-stroll 17s -6s ease-in-out infinite}
.map-cow .cow-sprite{animation-delay:-2.4s}
.map-sun{position:absolute;left:17%;top:13%;width:9%;height:auto;z-index:1;animation:morning-sun 10s ease-in-out infinite;pointer-events:none}

/* Carved marks on an uneven paper cut replace the geometric controls. */
.menu-toggle,.motion-toggle,.dialog-close,.menu-close{background:transparent url('assets/control-paper-v5.svg') center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:none}
.menu-toggle{gap:2px}.menu-illustration{width:34px;height:34px;display:block;color:var(--green)}
.menu-toggle>span:last-child{font-size:7px;letter-spacing:1.7px}
.motion-toggle{width:58px;min-width:58px;height:58px;padding:0}.motion-label{display:none}
.motion-icon{display:block;width:29px;height:29px}.motion-icon svg{width:100%;height:100%;display:block;color:var(--green)}
.motion-icon .play-mark{display:none}.motion-toggle[data-state="paused"] .pause-mark{display:none}.motion-toggle[data-state="paused"] .play-mark{display:block}
.motion-toggle:disabled{opacity:.65}
.slide-dots{gap:5px}.slide-dots button,.slide-dots button.active{width:33px;height:33px;border:0;border-radius:0;background:none}
.slide-dots button:before{display:none}.slide-dots button svg{width:26px;height:26px;display:block;color:var(--paper);opacity:.65;transition:rotate .25s,opacity .25s}
.slide-dots button.active svg{color:var(--gold);opacity:1;rotate:-8deg}.slide-dots button:hover svg{opacity:1;rotate:5deg}
.dialog-close svg,.menu-close svg{display:block;width:55%;height:55%;margin:auto}
.back-top>svg{width:38px;height:46px;color:var(--green)}
.main-nav small{text-transform:none;font-size:9px;letter-spacing:1px}
.menu-layout nav .menu-label{margin:0;flex:1;font-size:inherit;line-height:1.5}
.menu-label>small{display:block;margin-top:5px;letter-spacing:1.2px;font-size:10px!important;color:#80866e}
.menu-layout nav .menu-arrow{margin-left:auto;font-size:22px}

/* The hover shorthand used to clear the circle artwork. Keep all states explicit. */
.map-pin button,.map-pin button:hover,.map-pin button:focus-visible{background:transparent url('assets/pin-v4.svg') center/100% 100% no-repeat}
.map-pin button:hover,.map-pin button:focus-visible{animation-play-state:paused;filter:none}
.explore-heading{margin-bottom:-100px}
.explore-bottom{margin-top:20px}
.story-copy h2{font-size:clamp(32px,3vw,46px)}
.story-copy>p:not(.eyebrow){max-width:510px;margin:22px auto 0;line-height:2;text-wrap:pretty}
.story-copy .button{margin-top:30px}
.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1050px;gap:100px}
.product-card{padding-top:0!important}.product-art{height:350px}
.product-copy p{max-width:365px;margin-inline:auto;line-height:1.95}
.orange-pair{position:absolute;inset:20px 14px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
.orange-pair img{object-fit:contain;align-self:flex-end}
.orange-pair img:first-child{width:59%;height:100%;margin-right:-14%;z-index:1}
.orange-pair img:last-child{width:59%;height:72%;z-index:2}
.dialog-art-pair{height:330px;display:flex;justify-content:center;align-items:flex-end;padding:25px 60px 10px;background:var(--paper)}
.dialog-art-pair img{width:45%;height:100%;object-fit:contain}.dialog-art-pair img:last-child{height:78%;margin-left:-6%}
.dialog-body>p+p{margin-top:16px}
.source-link{display:block;font-size:10px;line-height:1.7;color:#687451;text-decoration:underline;text-underline-offset:3px;margin:0 0 24px;max-width:90%}
@keyframes cow-graze{0%,48%{background-position:0% 50%}50%,98%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes pasture-stroll{0%,100%{translate:-4px 0;rotate:-.5deg}50%{translate:7px -1px;rotate:.5deg}}
@keyframes morning-sun{0%,100%{translate:0 2px;rotate:-3deg}50%{translate:0 -5px;rotate:4deg}}
.motion-off .cow-sprite{background-position:0% 50%}
@media(max-width:1100px){.main-nav small{font-size:8px}.hero-copy{top:43%}.hero h1{font-size:52px}.hero-sub{font-size:14px;max-width:570px}.product-grid{gap:55px}.product-art{height:310px}}
@media(max-width:760px){
 .hero{min-height:700px}.hero-copy{top:43%;width:calc(100% - 45px)}.hero h1{font-size:clamp(31px,8vw,46px);line-height:1.45;letter-spacing:-1px}.hero-sub{font-size:12.5px;line-height:1.95;margin-top:22px;max-width:350px}.hero-sub p+p{margin-top:13px}
 .hero-brand{max-width:none}.hero-brand .hero-identity{max-width:none}.hero-hills .hero-farmer{left:13%;bottom:16px;width:68px}.hero-cow{left:64%;bottom:16px;width:90px}
 .motion-toggle{width:42px;min-width:42px;height:42px}.motion-icon{width:24px;height:24px}.menu-illustration{width:28px;height:28px}.menu-toggle{gap:1px}.menu-toggle>span:last-child{font-size:6px}.floating-controls{gap:7px}
 .slide-dots button,.slide-dots button.active{width:28px;height:28px}.slide-dots button svg{width:23px;height:23px}
 .main-nav small{font-size:7px;letter-spacing:.5px}.main-nav>a:nth-child(3){flex-basis:25%}.main-nav>a:nth-child(4),.main-nav>a:nth-child(5){flex-basis:30%}
 .explore-heading{margin-bottom:-30px}.map-sun{left:23%;top:15%;width:9%}.map-cow{left:55%;top:44%;width:14%}.explore-bottom{margin-top:12px}
 .story-copy h2{font-size:31px}.story-copy>p:not(.eyebrow){font-size:12px;line-height:2}
 .product-grid{grid-template-columns:1fr;gap:45px;max-width:520px}.product-art{height:240px}.product-card .product-copy p{font-size:11px;line-height:1.9}.product-card .product-copy h3{font-size:24px}.product-card .product-copy .text-link{font-size:9px;gap:5px}
 .orange-pair{inset:18px 0}.orange-pair img:first-child{width:64%;margin-right:-20%}.orange-pair img:last-child{width:63%;height:73%}
 .dialog-art-pair{height:250px;padding:25px 20px 5px}.dialog-art-pair img{width:50%}.dialog-art-pair img:last-child{margin-left:-9%}
 .source-link{font-size:9px}.back-top>svg{width:30px;height:38px}
}
@media(max-width:390px){.hero-sub{font-size:12px}.product-card .product-copy h3{font-size:22px}.product-card .product-copy p{font-size:10px}.product-art{height:220px}}
@media(prefers-reduced-motion:reduce){.cow-sprite,.cow-figure,.map-sun{animation:none!important;translate:none;rotate:0deg}}
