/* A compact masthead and a generous, purpose-built product display. */
.header{height:92px;margin:0;padding-inline:max(4.5vw,calc((100vw - 1560px)/2));gap:38px;border:0;background:var(--navy);color:#fff}
.header .logo{width:181px;flex:none}
.header nav{margin-left:auto;gap:35px}
.header nav a{display:flex;align-items:center;min-height:44px;font-size:.875rem;color:#e0e8ed;transition:color 160ms ease}
.header nav a:hover{color:#e4b86b}
.header-shop{min-height:44px;padding:12px 19px;border:1px solid #738290;gap:26px;font-size:.875rem;transition:background-color 180ms ease,border-color 180ms ease}
.header .header-shop:hover{background:#fff;border-color:#fff;color:var(--navy)}
.header-shop span{color:#e4b86b}.header-shop .header-shop-label,.header-shop .shop-product{color:inherit;font-size:inherit;white-space:nowrap}
.mobile-menu{display:none}
.hero{width:min(100% - 9vw,1560px);max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:5%;height:auto;min-height:0;margin:34px auto 0;align-items:stretch}
.hero-copy{padding:36px 0 30px;align-self:center;display:block;pointer-events:auto;min-width:0}
.hero h1{font-size:clamp(3.75rem,6.15vw,6.6rem);line-height:1.05;letter-spacing:-.05em;margin:0 0 28px}
.hero-title-lead,.hero-title-rest{display:block;font-size:inherit;line-height:inherit;letter-spacing:inherit;margin:0}
.hero-title-lead{white-space:nowrap}
.hero h1 em{display:inline;color:var(--gold);font-weight:400;margin:0 .07em 0 0;line-height:inherit}
.hero-description{font-size:1.04rem;line-height:1.75;max-width:440px;color:#425869;margin:0 0 27px;text-wrap:pretty}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.hero-actions .button{min-height:57px;padding:18px 23px;gap:28px;font-size:.875rem}
.button{transition:background-color 180ms ease,transform 160ms cubic-bezier(.23,1,.32,1)}
.button:active,.view-controls button:active{transform:scale(.97)}
.hero-actions .text-link{display:inline-flex;position:static;align-items:center;width:auto;font-size:.875rem;gap:13px;white-space:nowrap;margin:0;padding:14px 0;border-bottom:1px solid #b9c2c8}
.hero-actions .text-link span{font-size:1rem}
.hero-farm-link{display:flex;align-items:center;gap:21px;margin-top:36px;width:max-content;max-width:100%;font-size:.92rem;line-height:1.55;color:var(--ink)}
.hero-farm-link>img{width:116px;height:86px;object-fit:cover;object-position:57% 42%;flex:none}
.hero-farm-cta{display:block;margin-top:8px;font-size:.75rem;color:#516475}
.hero-farm-cta>span{display:inline-block;margin-left:13px;color:var(--gold);transition:transform 180ms ease}
@media(hover:hover){.hero-farm-link:hover .hero-farm-cta>span{transform:translate(2px,-2px)}}
.product-stage{height:auto;min-height:650px;min-width:0;margin:0;overflow:visible;background:#f0f0eb;isolation:isolate}
.stage-heading{position:absolute;top:28px;left:30px;right:30px;display:flex;align-items:baseline;justify-content:space-between;gap:20px;z-index:2;pointer-events:none}
.stage-heading h2{font-size:1.4rem;letter-spacing:-.03em}
.stage-heading>span{font-size:.7rem;color:#63706e}
.stage-canvas{inset:58px 9px 84px}
.stage-canvas canvas{opacity:0;transition:opacity 220ms ease}
.stage-canvas[data-ready=true] canvas{opacity:1}
.viewer-footer{left:28px;right:28px;bottom:23px;border-top:1px solid #cad0ca;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.viewer-label{padding:0}
.drag-hint{position:static;justify-content:flex-start;gap:6px;font-size:.72rem;color:#596861}
.drag-hint svg{width:19px}
.view-controls{gap:3px}
.view-controls button{padding:9px 12px;min-height:44px;min-width:44px;border:0;font-size:.78rem;color:#4b5b56;transition:color 160ms ease,background-color 160ms ease,transform 160ms cubic-bezier(.23,1,.32,1)}
.view-controls button[aria-pressed=true]{background:var(--navy);color:#fff}
.view-controls button:hover{background:#dfe3de;color:var(--navy)}
.view-controls button[aria-pressed=true]:hover{background:#174a70;color:white}
#lid-button{margin-left:7px}#lid-button span{margin-left:5px}
.model-loading{inset:auto 30px 94px;background:transparent;flex-direction:row;justify-content:flex-end;gap:8px}
.model-loading span{width:14px;height:14px}.model-loading p{font-size:.7rem}
.detail-loading{position:absolute;inset:0;display:grid;place-items:center;color:#a9bdcc;font-size:.8rem}
.model-error{inset:92px 55px 122px}.model-error img{height:100%}.model-error p{display:none}
@media(min-width:1500px){.hero-copy{padding:42px 0}.product-stage{min-height:740px}.hero-description{font-size:1.1rem;max-width:420px}.hero-farm-link{margin-top:40px}.hero-farm-link>img{width:132px;height:94px}}
@media(min-width:761px) and (max-width:1050px){
 .header{height:82px;gap:22px}.header .logo{width:157px}.header nav{gap:20px}.header nav a{font-size:.8rem}.header-shop{font-size:.8rem;gap:16px;padding-inline:14px}
 .hero{column-gap:4%;margin-top:25px}.hero h1{font-size:6.1vw}.hero-copy{padding:24px 0}.hero-description{font-size:.94rem;margin-bottom:23px}.hero-actions{gap:20px}.hero-actions .button{font-size:.8rem;gap:17px;padding-inline:17px}.hero-actions .text-link{font-size:.8rem}
 .hero-farm-link{gap:15px;font-size:.8rem;margin-top:27px}.hero-farm-link>img{width:94px;height:76px}.hero-farm-cta{font-size:.69rem}
 .product-stage{min-height:596px}.stage-heading{left:24px;right:24px}.stage-heading h2{font-size:1.2rem}.stage-heading>span{display:none}.stage-canvas{inset:58px 0 112px}.viewer-footer{left:23px;right:23px;bottom:20px;flex-direction:column;gap:6px;padding-top:11px}.viewer-label{order:2}.view-controls{justify-content:center}.hero-bottom{font-size:.72rem;gap:17px}
}
@media(max-width:760px){
 .header{height:78px;padding-inline:24px;gap:18px}.header .logo{width:150px}.header nav{display:none}.header-shop{margin-left:auto;font-size:.78rem;padding:10px 13px;gap:18px;min-height:42px}
 .hero{width:calc(100% - 48px);display:flex;flex-direction:column;gap:0;margin-top:0;min-height:0;max-height:none}
 .hero-copy{display:contents;padding:0}.hero h1{order:1;font-size:clamp(3.3rem,10.1vw,4.9rem);line-height:1.05;letter-spacing:-.05em;margin:35px 0 25px}
 .hero-title-lead{white-space:normal}.hero-title-rest{font-size:inherit;line-height:inherit;margin-top:0}.hero-title-rest br{display:none}
 .hero-purchase{order:2;margin:0 0 31px}.hero-description{font-size:1rem;max-width:460px;line-height:1.65;margin-bottom:23px}.hero-actions{gap:25px}.hero-actions .button{min-height:53px;font-size:.85rem;padding-inline:20px;gap:23px}.hero-actions .text-link{font-size:.85rem}
 .product-stage{order:3;height:530px;min-height:0;margin:0}.stage-heading{top:23px;left:23px;right:23px}.stage-heading h2{font-size:1.25rem}.stage-heading>span{font-size:.7rem}.stage-canvas{inset:62px 3px 93px}
 .viewer-footer{left:20px;right:20px;bottom:19px;flex-direction:row;flex-wrap:wrap;padding-top:13px;gap:7px}.drag-hint{font-size:.68rem;gap:5px}.view-controls button{padding-inline:10px;font-size:.76rem}.view-controls{gap:0}#lid-button{margin-left:4px}
 .hero-farm-link{order:4;gap:20px;margin:25px 0 30px;font-size:.92rem}.hero-farm-link>img{width:112px;height:82px}.hero-farm-cta{font-size:.75rem}
 .hero-bottom{order:5;width:100%;display:grid;grid-template-columns:1fr;gap:13px;min-height:0;padding:23px 0 29px;border-top:1px solid var(--line);font-size:.83rem;line-height:1.5}.hero-bottom p{display:none}.hero-bottom>span{max-width:none;gap:12px}
 .model-error{inset:72px 48px 110px}.model-loading{inset:auto 25px 94px}
 .header{position:relative}.header-shop .shop-product{display:none}.mobile-menu{display:block}.mobile-menu summary{display:grid;place-items:center;min-height:44px;width:37px;cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.mobile-menu summary svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.3;fill:none}.mobile-menu[open] summary{color:#e4b86b}.header .mobile-menu nav{display:flex;flex-direction:column;gap:0;position:absolute;z-index:10;top:100%;left:0;right:0;margin:0;padding:8px 24px 22px;background:var(--navy);border-top:1px solid #36516a}.header .mobile-menu nav a{justify-content:space-between;padding-block:16px;border-bottom:1px solid #36516a;font-size:1rem}.mobile-menu nav span{color:#e4b86b}
}
@media(max-width:420px){
 .header{padding-inline:20px;gap:14px;height:74px}.header .logo{width:139px}.header-shop{font-size:.75rem;padding-inline:11px;gap:14px}
 .hero{width:calc(100% - 40px)}.hero h1{font-size:11.1vw;margin-top:31px}.hero-actions{gap:22px}.hero-actions .button{padding-inline:18px;gap:19px;font-size:.8rem}.hero-actions .text-link{font-size:.8rem}.hero-description{font-size:.94rem}
 .product-stage{height:488px}.stage-heading{left:21px;right:21px}.stage-canvas{inset:57px 0 104px}.viewer-footer{left:18px;right:18px;bottom:17px;flex-direction:column;gap:5px;padding-top:9px}.viewer-label{order:2}.view-controls button{font-size:.8rem;padding-inline:16px}.drag-hint{font-size:.7rem}
}
@media(prefers-reduced-motion:reduce){.stage-canvas canvas{transition:none}.model-loading span{animation:none}}
@media(max-width:360px){.hero-actions{gap:16px}.hero-actions .button{padding-inline:15px;gap:14px}}