/* Selected cream/rust concept, with the owner's battery-first product sequence. */
.home-showcase { background:var(--paper); padding:42px 0 28px; overflow:hidden; --hero-scroll:0; --scene-scroll:0; }
.home-showcase>.container { display:flex;flex-direction:column; }
.showcase-grid { order:1; }
.carousel-controls { order:2; }
.showcase-grid { min-height:470px; display:grid; grid-template-columns:.9fr 1.1fr; gap:28px; align-items:center; }
.showcase-copy { padding:12px 0; position:relative; z-index:1; }
.showcase-copy h1 { font-size:clamp(48px,5vw,78px); line-height:1.04; margin:0 0 22px; letter-spacing:-.055em; }
.showcase-copy h1 span { display:block; }
.showcase-copy>p:not(.eyebrow) { max-width:430px; font-size:18px; color:var(--muted); }
.showcase-copy .hero-actions { margin-top:28px; gap:24px; }
.showcase-copy .home-model { font-size:12px!important; margin:24px 0 0; min-height:40px; }
.showcase-visual { position:relative; min-width:0; mix-blend-mode:multiply; }
.home-showcase[data-presentation="campaign"] .showcase-visual { mix-blend-mode:normal; }
.showcase-stage { display:grid; place-items:center; height:440px; min-width:0; position:relative; z-index:1; overflow:hidden; background:transparent; }
.showcase-stage img { display:block; width:100%; height:100%; max-height:440px; object-fit:contain; pointer-events:none; }
.carousel-brands button,.carousel-button { font-family:inherit; }
.nozzle-mist { position:absolute; inset:-90px 0 0; width:100%; height:calc(100% + 90px); pointer-events:none; z-index:2; }
.home-showcase[data-scene="spray"] .showcase-stage { overflow:visible; }
.home-showcase[data-scene="spray"] .showcase-stage img { transform:scale(.9); }
.viewport-split { position:fixed; inset:0; z-index:1000; overflow:hidden; background:var(--paper); pointer-events:none; }
.viewport-half { position:absolute; top:0; bottom:0; width:50%; overflow:hidden; background:var(--paper); }
.viewport-half-left { left:0; animation:viewport-split-left 2.6s cubic-bezier(.2,.65,.2,1) both; }
.viewport-half-right { right:0; animation:viewport-split-right 2.6s cubic-bezier(.2,.65,.2,1) both; }
.viewport-copy { position:absolute; top:0; bottom:0; }
.viewport-half-left .viewport-copy { left:0; }
.viewport-half-right .viewport-copy { right:0; }
.viewport-copy .showcase-stage { overflow:visible; }
.viewport-axe { position:absolute; z-index:2; overflow:visible; mix-blend-mode:multiply; transform-origin:50% 75%; animation:axe-strike 2.6s cubic-bezier(.2,.65,.2,1) both; }
.home-showcase.is-revealing .showcase-copy { animation:copy-arrive .75s cubic-bezier(.16,1,.3,1) both; }
.home-showcase[data-scene="axe"].is-demonstrating .showcase-stage { animation:axe-strike 2.6s cubic-bezier(.2,.65,.2,1) both; transform-origin:50% 75%; }
@keyframes copy-arrive { from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);} }
@keyframes axe-strike { 0%,100%{transform:translate(0,0) rotate(0);}20%{transform:translate(24px,-16px) rotate(18deg);}38%,43%{transform:translate(var(--axe-impact-x),10px) rotate(-12deg);}68%,84%{transform:translate(0,0) rotate(0);} }
@keyframes viewport-split-left { 0%,38%{transform:translateX(0);}55%,76%{transform:translateX(clamp(-72px,-5vw,-24px));}100%{transform:translateX(0);} }
@keyframes viewport-split-right { 0%,38%{transform:translateX(0);}55%,76%{transform:translateX(clamp(24px,5vw,72px));}100%{transform:translateX(0);} }
.btn-with-icon { display:inline-flex; align-items:center; justify-content:center; gap:14px; }
.btn-with-icon img { width:18px; height:18px; filter:invert(1); }
.carousel-controls { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:24px; }
.carousel-brands { display:flex; flex-wrap:wrap; gap:10px 28px; align-items:center; }
.carousel-brands button { background:none; color:var(--muted); border:0; border-bottom:2px solid transparent; padding:12px 0; min-height:44px; font-size:13px; font-weight:700; cursor:pointer; }
.carousel-brands button[aria-pressed=true] { color:var(--ink); border-color:var(--red); }
.carousel-buttons { display:flex; gap:8px; align-items:center; }
.carousel-button { display:grid; place-items:center; width:44px; height:44px; border:1px solid #d4cebf; border-radius:50%; background:transparent; cursor:pointer; }
.carousel-button:hover { background:#e7dfcf; }
.carousel-button img { width:17px; height:17px; }
.carousel-position { color:var(--muted); font-size:12px; min-width:42px; text-align:center; }
.home-discovery { padding:44px 0 52px; background:#faf8f1; }
.home-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px; margin-bottom:32px; }
.home-heading h2 { font-size:32px; margin:0; }
.discovery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.discovery-card { padding:0 32px; min-width:0; border-right:1px solid #ded8ca; }
.discovery-card:first-child { padding-left:0; }
.discovery-card:last-child { padding-right:0; border:0; }
.discovery-card>a { display:grid; place-items:center; height:160px; margin-bottom:22px; }
.discovery-card img { width:100%; height:160px; padding:10px; object-fit:contain; mix-blend-mode:multiply; transition:transform .45s cubic-bezier(.16,1,.3,1); }
.discovery-card>a:hover img { transform:translateY(-7px); }
.discovery-card h3 { font-size:24px; margin:0 0 10px; }
.discovery-card p { color:var(--muted); font-size:14px; max-width:350px; margin:0 0 14px; }
.home-services { background:#e9e3d5; padding:30px 0; }
.home-service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.home-service { display:flex; gap:16px; align-items:start; }
.home-service img { width:28px; height:28px; flex-shrink:0; }
.home-service h2 { font-size:16px; margin:0 0 8px; letter-spacing:-.02em; }
.home-service p { font-size:13px; line-height:1.5; color:var(--muted); margin:0; }
.home-tasks { padding:62px 0; }
.task-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.task-link { padding:24px; border:1px solid #dfdbd0; border-radius:16px; min-height:150px; display:flex; flex-direction:column; align-items:start; gap:12px; transition:background .18s; }
.task-link:hover { background:#fff; }
.task-link strong { font-size:22px; letter-spacing:-.03em; }
.task-link span { font-size:13px; color:var(--muted); }
.task-link img { width:20px; height:20px; margin-top:auto; }
.home-shop-callout { display:flex; align-items:center; justify-content:space-between; gap:40px; border-top:1px solid #ded8ca; margin-top:48px; padding-top:36px; }
.home-shop-callout h2 { font-size:32px; margin-bottom:12px; }
.home-shop-callout p { color:var(--muted); margin:0; max-width:660px; }
.field-story { position:relative; overflow:hidden; background:var(--ink); color:var(--paper); min-height:600px; --field-scroll:0; }
.field-photo { position:absolute; inset:0; }
.field-photo picture { display:block; width:100%; height:100%; }
.field-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 62%; transform:scale(1.025) translateY(calc((var(--field-scroll) - .5)*-24px)); }
.field-content { position:relative; padding-top:48px; padding-bottom:48px; }
.field-copy { max-width:300px; padding:22px 24px; background:rgba(22,33,28,.86); border-radius:4px; }
.field-copy .eyebrow { color:var(--paper); font-size:11px; margin:0 0 18px; }
.field-copy h2 { font-size:36px; line-height:1.05; letter-spacing:-.04em; margin:0 0 18px; }
.field-copy h2 span { display:block; }
.field-copy>p:not(.eyebrow) { font-size:15px; line-height:1.6; max-width:370px; margin:0 0 22px; }
.field-link { background:var(--paper); color:var(--ink); border-color:var(--paper); }
.field-link:hover { background:#e8dfcd; border-color:#e8dfcd; }
.field-link img { filter:none; }
.home-showcase[data-in-view="false"] *, .field-story[data-in-view="false"] * { animation-play-state:paused; }
@media(max-width:1100px) { .showcase-copy h1 {font-size:54px;} .showcase-grid{grid-template-columns:1fr 1fr;} }
@media(max-width:760px) {
 .home-showcase{padding:26px 0 22px;} .showcase-grid{display:flex;flex-direction:column;gap:14px;min-height:0;} .showcase-copy{width:100%;padding:0;} .showcase-copy h1{font-size:clamp(40px,8.5vw,60px);margin-bottom:16px;} .showcase-copy>p:not(.eyebrow){font-size:16px;} .showcase-copy .hero-actions{margin-top:20px;gap:18px;} .showcase-copy .home-model{margin:18px 0 0;min-height:0;} .showcase-visual{width:100%;} .showcase-stage{width:100%;height:270px;} .showcase-stage img{max-height:270px;} .carousel-controls{gap:10px;flex-wrap:wrap;margin-top:20px;} .carousel-brands{gap:20px;} .carousel-buttons{margin-left:auto;}
 .home-discovery{padding:36px 0;} .home-heading h2{font-size:28px;} .discovery-grid{grid-template-columns:1fr;gap:26px;} .discovery-card{padding:0 0 24px!important;border-right:0;border-bottom:1px solid #ded8ca;} .discovery-card>a{height:180px;} .discovery-card img{height:180px;} .home-service-grid{grid-template-columns:1fr;gap:24px;} .task-links{grid-template-columns:repeat(2,minmax(0,1fr));} .task-link{padding:20px;} .home-shop-callout{align-items:start;flex-direction:column;gap:24px;} .home-tasks{padding:40px 0;}
 .field-story{min-height:0;display:flex;flex-direction:column;} .field-photo{position:relative;aspect-ratio:5508/3664;} .field-photo img{object-fit:contain;transform:none;} .field-content{padding-top:30px;padding-bottom:34px;} .field-copy{padding:0;background:none;max-width:none;} .field-copy h2{font-size:40px;}
}
@media(max-width:360px){ .carousel-brands{gap:16px;} .carousel-controls{justify-content:center;} .carousel-buttons{margin-left:0;} .task-links{grid-template-columns:1fr;} }
@media(prefers-reduced-motion:reduce){ .home-showcase *, .field-story *{animation:none!important;transition:none!important;} .showcase-visual,.showcase-stage,.field-photo img{transform:none;} .discovery-card img,.task-link{transition:none;} .discovery-card>a:hover img{transform:none;} .nozzle-mist,.viewport-split{display:none;} }