/* Experimental route only: original composition, with a few moving brand illustrations. */
.trial-original .trial-note{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:34px;padding:7px 30px;background:#edf0e4;color:var(--green);font-size:9px;letter-spacing:1px}
.trial-original .trial-note a{font-size:10px;letter-spacing:0;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.trial-original .crop-badge{display:none}
/* Keep the image selector and caption above the full landscape silhouette. */
.trial-original .hero{--trial-hero-ground:205px}
.trial-original .hero-meta{left:clamp(20px,3.5vw,45px);right:auto;bottom:calc(var(--trial-hero-ground) + 16px);z-index:3;display:flex;align-items:center;gap:12px;max-width:calc(100% - 40px)}
.trial-original .hero-meta .slide-dots{flex:none;gap:0;margin:0}
.trial-original .hero-meta .slide-dots button{width:36px;height:44px}
.trial-original .hero-meta .slide-caption{min-width:0;font-size:10px;line-height:1.6;letter-spacing:1px;color:var(--paper);text-shadow:0 1px 5px #142917;overflow-wrap:anywhere}
@media(max-width:1100px){.trial-original .hero{--trial-hero-ground:180px}}
@media(max-width:760px){.trial-original .hero{--trial-hero-ground:125px}.trial-original .hero-meta{gap:10px}.trial-original .hero-meta .slide-caption{font-size:9px;letter-spacing:.6px}}
.trial-original .trial-vignette{position:relative;width:min(420px,calc(100% - 48px));height:205px;margin:28px auto -15px;pointer-events:none;isolation:isolate}
.trial-original .trial-hills{position:absolute;width:100%;height:auto;left:0;bottom:0;object-fit:contain;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(#000 60%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(#000 60%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.trial-original .trial-sun{position:absolute;right:16%;top:8px;width:53px;height:53px;object-fit:contain;animation:trial-sun-drift 11s ease-in-out infinite}
.trial-original .trial-cloud{position:absolute;width:130px;height:auto;left:3%;top:38px;object-fit:contain;animation:trial-cloud-drift 15s ease-in-out infinite}
.trial-original .trial-bird{position:absolute;left:50%;top:40px;width:40px;aspect-ratio:1;animation:trial-bird-flight 12s ease-in-out infinite}
.trial-original .trial-cow{width:105px;left:36%;bottom:0;animation:trial-cow-stroll 14s ease-in-out infinite}
.trial-original .trial-blog-atmosphere{position:absolute;right:0;top:12px;width:180px;height:90px;pointer-events:none}
.trial-original .trial-blog-atmosphere .trial-cloud{left:auto;right:0;top:0;width:115px;animation-delay:-5s}
.trial-original .trial-blog-atmosphere .trial-bird{left:0;top:28px;width:38px;animation-delay:-4s}
.trial-original .map-stage .bird-one{left:35%;top:24%}
.trial-original .map-stage .bird-two{left:auto;right:18%;top:15%;animation-delay:-6s}

/* Preserve the original product layout; reserve space for a single unbroken scene. */
.trial-original .products-section{padding-bottom:45px}
.trial-original .photo-interlude{--trial-ground:clamp(190px,22.3vw,360px);height:calc(580px + var(--trial-ground));margin-top:0;background:var(--paper);isolation:isolate}
.trial-original .trial-harvest{position:absolute;inset:0 0 auto;height:var(--trial-ground);pointer-events:none;z-index:2}
.trial-original .trial-fields{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:2172px;height:auto;object-fit:contain;-webkit-mask-image:linear-gradient(#000 0%,#000 68%,transparent);mask-image:linear-gradient(#000 0%,#000 68%,transparent)}
.trial-original .trial-cart-route{position:absolute;left:55%;bottom:16px;width:clamp(160px,17vw,240px);aspect-ratio:1;animation:trial-cart-walk 25s ease-in-out infinite}
.trial-original .trial-cart-sprite{display:block;width:100%;height:100%;background:url('/assets/orange-cart-b.webp') 0% 50%/200% 100% no-repeat;animation:trial-cart-frames 1.5s steps(1,end) infinite}
.trial-original .interlude-photo{inset:calc(var(--trial-ground) - 80px) 0 -100px;-webkit-mask-image:linear-gradient(transparent,#000 140px);mask-image:linear-gradient(transparent,#000 140px);will-change:auto}
.trial-original .photo-interlude:after{inset:calc(var(--trial-ground) - 80px) 0 0;-webkit-mask-image:linear-gradient(transparent,#000 140px);mask-image:linear-gradient(transparent,#000 140px)}
.trial-original .interlude-copy{top:calc(50% + var(--trial-ground)/2)}

/* Every item of contact information has the same typography. */
.trial-original .contact-list dt,.trial-original .contact-list dd,.trial-original .contact-list dd a,.trial-original .contact-list dd p,.trial-original .contact-list .contact-phone,.trial-original .contact-list .address,.trial-original .contact-list .facebook-link,.trial-original .contact-list .facebook-link span{font-family:var(--font);font-size:14px;font-weight:400;line-height:1.9;letter-spacing:0;color:var(--green)}
.trial-original .contact-list dd a,.trial-original .contact-list dd p{margin:0}
.trial-original .contact-section{overflow:hidden}
.trial-original .contact-fields{display:block;width:100%;max-width:2172px;height:auto;object-fit:contain;mix-blend-mode:normal;margin:60px auto 0;-webkit-mask-image:linear-gradient(#000 0%,#000 78%,transparent);mask-image:linear-gradient(#000 0%,#000 78%,transparent)}
.trial-original .trial-footer-cow{width:110px;bottom:25px;left:13%;animation:trial-cow-stroll 16s -5s ease-in-out infinite}

@keyframes trial-sun-drift{0%,100%{translate:0 2px;rotate:-4deg}50%{translate:0 -5px;rotate:5deg}}
@keyframes trial-cloud-drift{0%,100%{translate:-5px 0}50%{translate:8px -3px}}
@keyframes trial-bird-flight{0%,100%{translate:-5px 2px;rotate:-4deg}50%{translate:9px -6px;rotate:4deg}}
@keyframes trial-cow-stroll{0%,100%{translate:-6px 0}50%{translate:7px -2px}}
@keyframes trial-cart-walk{0%,100%{translate:-25px 0}50%{translate:30px -1px}}
@keyframes trial-cart-frames{0%,49%{background-position:0% 50%}50%,100%{background-position:100% 50%}}
@media(max-width:760px){
 .trial-original .trial-note{padding:7px 15px;font-size:7px;letter-spacing:.5px}.trial-original .trial-note a{font-size:8px}
 .trial-original .trial-vignette{height:175px;margin-top:20px}.trial-original .trial-sun{width:45px;height:45px}.trial-original .trial-cloud{width:110px}.trial-original .trial-cow{width:90px;bottom:0}
 .trial-original .trial-blog-atmosphere{top:10px;right:0;width:100px;height:65px}.trial-original .trial-blog-atmosphere .trial-cloud{width:73px}.trial-original .trial-blog-atmosphere .trial-bird{width:27px;top:25px}
 .trial-original .products-section{padding-bottom:25px}
 .trial-original .photo-interlude{height:calc(450px + var(--trial-ground))}
 .trial-original .trial-cart-route{left:43%;width:160px;bottom:8px}
 .trial-original .contact-list dt,.trial-original .contact-list dd,.trial-original .contact-list dd a,.trial-original .contact-list dd p,.trial-original .contact-list .contact-phone,.trial-original .contact-list .address,.trial-original .contact-list .facebook-link,.trial-original .contact-list .facebook-link span{font-size:13px}
 .trial-original .contact-fields{margin-top:55px}.trial-original .trial-footer-cow{width:78px;bottom:12px;left:9%}
}
html.motion-off .trial-original :is(.trial-sun,.trial-cloud,.trial-bird,.trial-cow,.trial-cart-route,.trial-cart-sprite,.trial-footer-cow){animation:none!important;translate:none;rotate:0deg}
@media(prefers-reduced-motion:reduce){.trial-original :is(.trial-sun,.trial-cloud,.trial-bird,.trial-cow,.trial-cart-route,.trial-cart-sprite,.trial-footer-cow){animation:none!important;translate:none;rotate:0deg}}
