/* Java Juice / future-facing visual system */
:root {
  --night: #070a0c;
  --night-2: #0c1114;
  --night-3: #121a1d;
  --gold: #c6a45b;
  --gold-bright: #f1d98b;
  --signal: #c8ff4d;
  --signal-soft: #8ce7d4;
  --paper: #edf1ec;
  --ink: #101719;
  --muted: #9aa6a2;
  --line: #283336;
}

html { scroll-padding-top: 108px; }
body.site-body { background: var(--night); color: #edf1ed; }
::selection { color: var(--night); background: var(--signal); }
a, button, input, select, textarea { outline-color: var(--signal); }
.site-container { width: min(1320px, calc(100% - 80px)); }

.announcement {
  height: 31px; padding-inline: max(calc((100% - 1320px) / 2), 40px);
  background: #050708; color: #82908d; font-size: 8px; letter-spacing: .17em;
}
.announcement .signal { width: 6px; height: 6px; background: var(--signal); box-shadow: 0 0 12px #c8ff4d88; }
.announcement a { color: #b7c2bd; }
.announcement-sep { color: var(--signal); }
.site-header { background: #080c0eeF; border-bottom-color: #a3c5b414; }
.nav-shell { position: relative; height: 76px; gap: 28px; }
.concept-brand { flex: 0 0 auto; gap: 12px; font-size: 11px; letter-spacing: .12em; }
.concept-brand img { width: 31px; height: 43px; background: transparent; }
.concept-brand small { color: #83918d; font-size: 7px; letter-spacing: .15em; }
.site-nav.concept-nav { display: flex; align-items: center; gap: clamp(13px, 1.8vw, 25px); color: #c1cbc7; font-size: 10px; }
.site-nav.concept-nav > a, .nav-dropdown > summary { min-height: 40px; display: flex; align-items: center; color: inherit; transition: color .2s; }
.site-nav.concept-nav > a:hover, .nav-dropdown > summary:hover { color: var(--signal); }
.nav-dropdown { position: relative; }
.nav-dropdown > summary { gap: 6px; cursor: pointer; list-style: none; }
.nav-dropdown > summary::-webkit-details-marker { display: none; }
.nav-dropdown > summary span { color: var(--signal); font-size: 13px; }
.nav-dropdown-menu { position: absolute; top: calc(100% + 5px); left: -17px; z-index: 40; width: 225px; padding: 8px; background: #101719; border: 1px solid #a3c5b426; box-shadow: 0 20px 50px #0009; }
.nav-dropdown-menu a { display: block; padding: 11px 10px; color: #b8c3bf; font-size: 10px; border-bottom: 1px solid #ffffff0d; }
.nav-dropdown-menu a:last-child { border-bottom: 0; }
.nav-dropdown-menu a:hover { color: var(--signal); background: #c8ff4d0b; }
.nav-actions.concept-nav-actions { display: flex; align-items: center; flex: 0 0 auto; gap: 9px; }
.concept-quote { color: #a9b5b0; font: 600 8px var(--mono); letter-spacing: .08em; }
.concept-quote span { color: var(--signal); }
.shop-nav-button { min-height: 37px; padding: 0 12px; display: flex; align-items: center; gap: 13px; border: 1px solid #c8ff4d5c; color: var(--signal); font: 600 8px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.shop-nav-button:hover { background: var(--signal); color: #09100c; }
.bag-link { min-height: 37px; min-width: 46px; justify-content: center; border-color: #a3c5b42d; color: #d8dfdc; }
.bag-link span { display: none; }
.bag-link b { background: var(--signal); color: #07100b; }
.menu-toggle { width: 40px; height: 40px; padding: 11px 8px; display: none; flex-direction: column; justify-content: center; gap: 6px; background: transparent; border: 1px solid #a3c5b42c; }
.menu-toggle span { display: block; width: 100%; height: 1px; background: var(--signal); }

.concept-hero { position: relative; overflow: hidden; isolation: isolate; background: #070b0d; color: #f3f6f1; }
.concept-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .24; background-image: linear-gradient(#b2d2c30b 1px, transparent 1px), linear-gradient(90deg, #b2d2c30b 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg, #000, transparent 95%); }
.concept-hero::after { content: ""; position: absolute; z-index: -1; width: 60vw; aspect-ratio: 1; right: -22vw; top: -50%; border: 1px solid #c8ff4d12; border-radius: 50%; box-shadow: 0 0 0 60px #c8ff4d05, 0 0 0 120px #c8ff4d04; }
.concept-hero-grid { min-height: 650px; grid-template-columns: 1.03fr .97fr; gap: 3vw; }
.concept-hero-copy { position: relative; z-index: 2; padding: 76px 0 62px; }
.concept-eyebrow { display: flex; align-items: center; gap: 10px; color: #9eada7; font: 600 9px var(--mono); letter-spacing: .17em; }
.concept-eyebrow i { width: 7px; height: 7px; background: var(--signal); box-shadow: 0 0 14px #c8ff4d99; }
.concept-hero h1 { margin: 31px 0 24px; color: #eef3ed; font: 700 clamp(58px, 7.1vw, 101px)/.89 var(--display); letter-spacing: -.095em; }
.concept-hero h1 em { color: var(--signal); font-style: normal; text-shadow: 0 0 45px #c8ff4d20; }
.concept-lede { max-width: 475px; color: #a5b1ac; font-size: 14px; line-height: 1.85; }
.concept-actions { display: flex; align-items: center; gap: 11px; margin-top: 27px; }
.concept-actions .button { min-height: 49px; padding-inline: 17px; font-size: 8px; }
.concept-actions .button-gold { background: var(--signal); color: #0b120d; box-shadow: 0 10px 30px #c8ff4d1d; }
.concept-actions .button-gold:hover { box-shadow: 0 10px 35px #c8ff4d38; }
.concept-actions .button-outline { border-color: #94a49d55; color: #d8e0dc; }
.concept-page-index { margin-top: 55px; display: flex; align-items: center; gap: 9px; color: #74827d; font: 8px var(--mono); letter-spacing: .14em; }
.concept-page-index b { color: var(--signal); font-size: 12px; }
.concept-page-index span { color: #53615c; }

.concept-hero-visual { min-height: 510px; position: relative; align-self: center; overflow: hidden; border: 1px solid #9ab4a71c; background: radial-gradient(ellipse at 50% 52%, #24403b55 0, #0d1515 35%, #090e10 72%); }
.concept-hero-visual::before, .concept-hero-visual::after { content: ""; position: absolute; border: 1px solid #8ce7d422; border-radius: 50%; }
.concept-hero-visual::before { width: 390px; height: 390px; left: calc(50% - 195px); top: calc(50% - 195px); box-shadow: 0 0 65px #8ce7d410, inset 0 0 50px #8ce7d408; }
.concept-hero-visual::after { width: 278px; height: 278px; left: calc(50% - 139px); top: calc(50% - 139px); border-style: dashed; border-color: #c8ff4d3b; animation: futureOrbit 60s linear infinite; }
.concept-grid-lines { position: absolute; inset: 0; background-image: linear-gradient(#b2d2c30d 1px, transparent 1px), linear-gradient(90deg, #b2d2c30d 1px, transparent 1px); background-size: 35px 35px; mask-image: radial-gradient(ellipse, #000 12%, transparent 76%); }
.concept-glow { position: absolute; width: 230px; height: 230px; left: calc(50% - 115px); top: calc(50% - 115px); border-radius: 50%; background: #8ce7d425; filter: blur(65px); }
.concept-ribbons { position: absolute; inset: 7%; width: 86%; height: 86%; opacity: .75; }
.concept-ribbons path { fill: none; stroke: #9de9d4; stroke-width: .75; opacity: .42; }
.concept-ribbons path:nth-child(2) { stroke: var(--signal); opacity: .64; }
.concept-ribbons path:nth-child(3) { stroke: #b7a46a; opacity: .42; }
.concept-prism { position: absolute; width: 102px; height: 165px; top: 32%; left: calc(50% - 51px); border: 1px solid #d0fff05e; background: linear-gradient(135deg, #ffffff1a, #9ce8d405 40%, #c8ff4d0a 75%, #ffffff14); backdrop-filter: blur(3px); box-shadow: inset 0 0 38px #8ce7d414, 0 28px 75px #0009; transform: skewY(-13deg) rotate(18deg); }
.concept-prism::before { content: ""; position: absolute; inset: 9px; border: 1px solid #e1fff325; }
.prism-two { width: 61px; height: 104px; top: 20%; left: 22%; opacity: .48; transform: skewY(-13deg) rotate(40deg); }
.prism-three { width: 49px; height: 83px; top: 62%; left: 69%; opacity: .5; transform: skewY(-13deg) rotate(-21deg); }
.concept-wordmark { position: absolute; z-index: 2; left: 50%; top: 49%; display: grid; text-align: center; transform: translate(-50%, -50%); text-shadow: 0 2px 25px #000; }
.concept-wordmark span { color: #f2f4ed; font: 800 clamp(22px, 3vw, 39px) var(--display); letter-spacing: -.075em; }
.concept-wordmark b { color: var(--signal); font: 600 8px var(--mono); letter-spacing: .48em; }
.concept-wordmark i { width: 33px; height: 1px; margin: 12px auto 0; background: var(--signal); }
.concept-visual-code { position: absolute; bottom: 18px; left: 18px; color: #879891; font: 7px/1.7 var(--mono); letter-spacing: .13em; }
.concept-visual-readout { position: absolute; top: 18px; right: 18px; display: grid; grid-template-columns: 7px auto; gap: 4px 8px; color: #92a29b; font: 7px/1.55 var(--mono); letter-spacing: .12em; }
.concept-visual-readout i { width: 6px; height: 6px; margin-top: 2px; grid-row: span 2; background: var(--signal); box-shadow: 0 0 10px #c8ff4d99; }
.concept-visual-readout b { grid-column: 2; color: var(--signal); font-weight: 500; }
@keyframes futureOrbit { to { transform: rotate(360deg); } }

.concept-capabilities { background: #0b1112; border-block: 1px solid #9ab4a71c; }
.concept-capabilities-grid { min-height: 107px; grid-template-columns: repeat(3, 1fr); }
.concept-capabilities-grid article { min-height: 58px; gap: 15px; padding-inline: 23px; border-right: 1px solid #9ab4a71c; }
.concept-capabilities-grid article:first-child { padding-left: 0; }
.concept-capabilities-grid article:last-child { border: 0; }
.concept-line-icon { width: 36px; height: 36px; display: grid; place-items: center; color: var(--signal); border: 1px solid #c8ff4d42; font: 10px var(--mono); }
.concept-capabilities h2 { color: #e4ebe5; font: 600 9px var(--mono); letter-spacing: .1em; }
.concept-capabilities p { color: #81908a; font-size: 10px; }

.concept-services, .concept-packaging-band { background: #edf1ec; color: #101719; }
.concept-services { padding-block: 105px; }
.concept-section-kicker { color: #60746d; font: 600 8px var(--mono); letter-spacing: .2em; }
.concept-section-title { max-width: 760px; margin: 16px 0 10px; color: #101719; font: 700 clamp(36px, 5.3vw, 65px)/.98 var(--display); letter-spacing: -.075em; }
.concept-section-lede { max-width: 510px; color: #63716c; font-size: 12px; line-height: 1.7; }
.concept-service-grid { grid-template-columns: repeat(5, 1fr); gap: 8px; margin-top: 39px; }
.concept-service-card { min-height: 232px; padding: 19px 16px; position: relative; overflow: hidden; border: 1px solid #b4c0b8; background: #f6f8f3; transition: transform .25s, background .25s, border-color .25s; }
.concept-service-card::after { content: ""; position: absolute; width: 115px; height: 115px; right: -66px; bottom: -65px; border: 1px solid #95b87880; border-radius: 50%; box-shadow: 0 0 0 15px #95b87812, 0 0 0 31px #95b8780d; }
.concept-service-card:hover { transform: translateY(-5px); border-color: #7b9c6a; background: #fff; }
.concept-service-icon { color: #7e9e4d; font-size: 19px; }
.concept-service-card > i { color: #83918b; font: 8px var(--mono); }
.concept-service-card h3 { margin: 28px 0 7px; color: #15201e; font: 700 13px var(--display); letter-spacing: -.03em; }
.concept-service-card p { color: #687772; font-size: 9px; }
.concept-service-card > b { margin-top: auto; color: #607f39; font-size: 18px; }

.concept-factory { background: #0a0f11; color: #edf2ed; border-block: 1px solid #a3c5b416; }
.concept-factory-grid { min-height: 480px; grid-template-columns: .78fr 1.22fr; gap: 50px; align-items: center; }
.concept-factory-copy h2, .concept-oem-grid h2, .concept-liquid-grid h2, .concept-collab-grid h2 { color: #edf2ed; font: 700 clamp(34px, 4.2vw, 53px)/1.03 var(--display); letter-spacing: -.075em; }
.concept-factory-copy p, .concept-oem-grid p, .concept-liquid-grid p, .concept-collab-grid p { max-width: 430px; color: #a0ada7; font-size: 11px; line-height: 1.8; }
.concept-factory-copy .button-gold, .concept-collaboration-band .button-gold { min-height: 45px; background: var(--signal); color: #09100c; box-shadow: none; }
.concept-machine { min-height: 340px; border: 1px solid #9ab4a71c; background: linear-gradient(135deg, #10191a, #0c1112); }
.machine-grid { opacity: .65; background-size: 28px 28px; }
.machine-unit { border-color: #7ba79c4d; background: linear-gradient(135deg, #1d302d, #101819 68%); box-shadow: 0 15px 30px #0007, inset 0 0 20px #8ce7d40d; }
.machine-unit::before { background: var(--signal); box-shadow: 0 0 12px #c8ff4d88; }
.machine-belt { border-color: #8ce7d455; background: repeating-linear-gradient(90deg, #132321 0 10px, #192c28 10px 20px); }
.machine-caption { color: #9ba9a4; background: #0b1112; }
.concept-detail-band { background: #e6ebe5; color: #121a19; border-block: 1px solid #c0c9c0; }
.concept-detail-grid { min-height: 290px; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.concept-detail-grid h2 { color: #17201d; font: 700 clamp(30px, 4vw, 48px)/1.08 var(--display); letter-spacing: -.07em; }
.concept-detail-grid h2 em { color: #658341; }
.concept-detail-grid p { color: #5d6a64; font-size: 11px; line-height: 1.8; }
.concept-text-link { color: #506c37; font: 600 9px var(--mono); letter-spacing: .05em; }
.concept-text-link span { color: #718e45; }
.concept-oem-band, .concept-liquid-band, .concept-collaboration-band { background: #0a0f11; color: #edf2ed; border-bottom: 1px solid #a3c5b416; }
.concept-oem-grid { min-height: 390px; grid-template-columns: 1fr .8fr; gap: 50px; align-items: center; }
.concept-oem-grid h2 em, .concept-packaging-band h2 em, .concept-collab-grid h2 em { color: var(--signal); font-style: normal; }
.concept-oem-steps { border-top: 1px solid #a3c5b426; }
.concept-oem-steps article { min-height: 58px; border-bottom-color: #a3c5b426; color: #e0e9e3; font-size: 10px; }
.concept-oem-steps i { color: var(--signal); }
.concept-oem-steps b { color: var(--signal); }
.concept-liquid-grid { min-height: 390px; grid-template-columns: .9fr 1fr; gap: 70px; align-items: center; }
.concept-liquid-art { min-height: 285px; border: 1px solid #9ab4a71c; background: radial-gradient(ellipse, #24413b 0, #10191a 45%, #0b1112 75%); }
.liquid-drop { background: linear-gradient(135deg, #d9ff83, #72d9bc 55%, #365e52); box-shadow: 0 0 50px #91e4bc42; }
.concept-liquid-art > span { color: #a5b8af; }
.concept-packaging-band { padding-block: 83px; }
.concept-packaging-band h2 { color: #101719; font: 700 clamp(36px, 5vw, 61px)/.98 var(--display); letter-spacing: -.075em; }
.concept-packaging-band h2 em { color: #688848; }
.concept-packaging-band .concept-section-kicker { color: #62756b; }
.concept-packaging-grid article { min-height: 123px; padding: 15px; border: 1px solid #bac5bb; background: #f4f6f1; }
.concept-packaging-grid article > span { color: #6c8a4c; }
.concept-packaging-grid article b { color: #1b2622; }
.concept-packaging-grid article small { color: #64716b; }
.concept-collaboration-band { border-top: 1px solid #a3c5b416; }
.concept-collab-grid { min-height: 330px; grid-template-columns: 1fr auto; align-items: center; }
.concept-collab-grid h2 { margin: 13px 0; }

.concept-contact { padding-block: 100px; background: #080d0f; color: #edf2ed; }
.concept-contact h2 { color: #edf2ed; font: 700 clamp(38px, 5vw, 62px)/.95 var(--display); letter-spacing: -.08em; }
.concept-contact h2 em { color: var(--signal); font-style: normal; }
.concept-contact > .site-container > div:first-child > p { color: #a2afa8; font-size: 11px; line-height: 1.8; }
.contact-links { border-top-color: #9ab4a71e; }
.contact-links a { color: #e1e8e2; border-bottom-color: #9ab4a71e; }
.contact-links small { color: #91a39a; }
.contact-form { border: 1px solid #9ab4a72d; background: #0e1517; box-shadow: 0 24px 75px #0004; }
.form-heading { color: #e2ebe4; border-bottom-color: #9ab4a722; }
.form-heading i { color: var(--signal); }
.contact-form label { color: #aab8b0; }
.contact-form input, .contact-form select, .contact-form textarea { color: #edf3ec; border-color: #98b2a729; background: #080d0f; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color: var(--signal); }
.contact-form .button-gold { background: var(--signal); color: #0a110c; }
.concept-contact-shop { margin-top: 21px; background: transparent; border-color: #c8ff4d63; color: var(--signal); box-shadow: none; }

.site-footer { background: #050809; color: #e5ece6; border-top: 1px solid #9ab4a71c; }
.footer-top { min-height: 205px; display: grid; grid-template-columns: 1.2fr 1fr 1fr auto; align-items: center; gap: 32px; padding-block: 32px; }
.footer-top > div:first-child p { max-width: 240px; color: #87948e; font-size: 10px; line-height: 1.7; }
.footer-nav { display: grid; gap: 11px; }
.footer-nav > span { margin-bottom: 3px; color: #788780; font: 7px var(--mono); letter-spacing: .18em; }
.footer-nav a { color: #c5d0c8; font-size: 9px; }
.footer-nav a:hover { color: var(--signal); }
.footer-contact { padding: 12px 13px; border: 1px solid #c8ff4d51; color: var(--signal); font: 600 8px var(--mono); letter-spacing: .07em; }
.footer-bottom { min-height: 49px; border-top-color: #9ab4a71c; color: #74817b; font: 8px var(--mono); }
.footer-bottom a { color: #9ca9a2; }

.flash { border: 1px solid #c8ff4d4f; background: #101817; color: #e8f1e9; box-shadow: 0 10px 30px #0004; }
.flash-error { border-color: #ef866e80; }
.shop-page-hero { position: relative; overflow: hidden; background: #080d0f; color: #edf2ed; }
.shop-page-hero::after { content: ""; position: absolute; width: 530px; height: 530px; top: -250px; right: 8%; border: 1px solid #8ce7d41c; border-radius: 50%; box-shadow: 0 0 0 40px #8ce7d408, 0 0 0 90px #8ce7d405; }
.shop-page-hero-inner { position: relative; z-index: 1; min-height: 300px; }
.shop-page-hero h1 { color: #edf3ed; font: 700 clamp(43px, 6.5vw, 76px)/.98 var(--display); letter-spacing: -.08em; }
.shop-page-hero h1 em { color: var(--signal); font-style: normal; }
.shop-page-hero p { max-width: 480px; color: #a5b2ab; font-size: 11px; line-height: 1.8; }
.shop-page-side > span { color: var(--signal); }
.shop-page-side .button-outline { border-color: #8fa39a57; color: #d6e0d8; }
.shop-section { background: #edf1ec; color: #101719; }
.shop-section .overline { color: #617668; }
.shop-section h2 { color: #111a18; font: 700 clamp(36px, 5vw, 59px)/.98 var(--display); letter-spacing: -.075em; }
.shop-section h2 em { color: #688848; }
.shop-controls input, .shop-controls select { min-height: 43px; border: 1px solid #bdc8be; background: #f7f9f4; color: #17211c; }
.shop-controls input::placeholder { color: #7b8982; }
.product-grid { gap: 12px; }
.product-card { overflow: hidden; border: 1px solid #c1cbc2; background: #f5f7f2; box-shadow: 0 9px 25px #18211a08; transition: transform .25s, box-shadow .25s, border-color .25s; }
.product-card:hover { transform: translateY(-4px); border-color: #8b9f7e; box-shadow: 0 16px 32px #18211a12; }
.product-visual { background: radial-gradient(ellipse at 48% 52%, color-mix(in srgb, var(--product-accent) 30%, transparent), transparent 57%), linear-gradient(145deg, #111b1a, #0a1011 70%); }
.product-visual::after { content: ""; position: absolute; inset: 12px; border: 1px solid #ffffff14; pointer-events: none; }
.product-code, .product-index { color: #9bad9f; }
.product-orbit { border-color: color-mix(in srgb, var(--product-accent) 58%, transparent); box-shadow: 0 0 45px color-mix(in srgb, var(--product-accent) 16%, transparent); }
.product-can { filter: drop-shadow(12px 18px 15px #0009); }
.product-info h3 { color: #15201c; font: 700 15px var(--display); }
.product-info p { color: #718079; }
.product-category { color: #627b4d; }
.product-bottom { border-top-color: #d4ddd4; }
.product-bottom strong { color: #18221c; }
.quick-add { border-color: #647e4d; color: #455e36; }
.quick-add:hover { background: #c8ff4d; color: #101719; border-color: #c8ff4d; }
.quick-add-inquiry { color: #516747; }
.catalog-clarity { color: #69776e; border-top-color: #cbd5ca; }
.shop-company-link { background: #0b1112; color: #aab7b0; border-top-color: #91aa9c22; }
.shop-company-link a { color: var(--signal); }

.company-subhero { background-color: #080d0f; }
.company-subhero::before { background: linear-gradient(90deg, #080d0f 0%, #080d0feF 37%, #080d0f9c 72%, #080d0f63), linear-gradient(0deg, #080d0f88, transparent 45%); }
.company-subhero-inner { min-height: 565px; }
.subpage-breadcrumb { color: #a4b2ab; }
.subpage-breadcrumb a { color: var(--signal); }
.company-subhero h1 { color: #f0f4ee; font: 700 clamp(42px, 6vw, 76px)/.95 var(--display); letter-spacing: -.08em; }
.company-subhero h1 em { color: var(--signal); }
.company-subhero h2 { color: #b4c1ba; }
.company-subhero-copy > p { color: #a4b1aa; }
.subpage-image-caption { color: #b3c1b7; background: #080d0fc9; }
.subpage-feature-strip { background: #0d1415; border-block-color: #9ab4a71c; }
.subpage-feature-grid article { border-right-color: #9ab4a71e; }
.subpage-feature-grid article > span { color: var(--signal); }
.subpage-feature-grid b { color: #d9e2da; }
.subpage-content { background: #edf1ec; color: #14201b; }
.subpage-content-head h2 { color: #14201b; }
.subpage-content-head h2 em { color: #668747; }
.subpage-content-head > div:last-child p { color: #64736a; }
.subpage-steps article { border-color: #c2ccc2; background: #f7f9f4; }
.subpage-steps b { color: #233029; }
.subpage-cta { background: #0b1112; border-top-color: #9ab4a71c; }
.subpage-cta h2 em { color: var(--signal); }

.detail-page, .cart-page, .checkout-page, .received-page { background: #080d0f; color: #e9f0e9; }
.detail-breadcrumb { color: #899790; }
.detail-breadcrumb a { color: var(--signal); }
.detail-visual { border: 1px solid #9ab4a71c; background: radial-gradient(ellipse, #223c36 0, #0e1718 52%, #090e10 78%); }
.detail-visual::after { border-color: #8ce7d427; }
.detail-code, .detail-float { color: #9fb0a7; }
.detail-copy h1 { color: #edf2ed; }
.detail-copy h1 em { color: var(--signal); }
.detail-description, .detail-note { color: #a2b0a7; }
.detail-price { color: #f1f4ee; }
.detail-stock { color: var(--signal); }
.detail-add label { color: #9baaa1; }
.detail-add input { background: #0d1415; color: #edf2ed; border-color: #9ab4a732; }
.detail-add .button-gold { background: var(--signal); color: #09100c; }
.detail-add .button-gold:disabled { opacity: .45; cursor: not-allowed; }
.line-link { color: var(--signal); }
.related-products { border-top-color: #9ab4a71c; }
.related-products .overline { color: #9aaba1; }
.related-grid a { border-color: #9ab4a728; color: #e3ebe3; }
.related-grid a > span { color: var(--signal); }
.cart-page h1, .checkout-page h1, .received-page h1 { color: #edf2ed; }
.cart-page h1 em, .checkout-page h1 em, .received-page h1 em { color: var(--signal); }
.cart-item { border-bottom-color: #9ab4a724; }
.cart-item-copy small, .cart-item-copy p, .cart-item label { color: #9eada5; }
.cart-item-copy h2 { color: #edf2ed; }
.cart-item-copy > b, .cart-item > strong { color: #f0f3ed; }
.cart-item label input { color: #edf2ed; background: #0e1516; border-color: #9ab4a72c; }
.cart-summary, .checkout-summary, .checkout-form, .received-card { border: 1px solid #9ab4a72a; background: #0d1415; }
.cart-summary > div, .summary-total, .order-reference, .received-total { border-color: #9ab4a724; color: #e8efe8; }
.cart-summary small, .checkout-summary > small, .checkout-note { color: #9baaa2; }
.checkout-form h2, .checkout-summary h2 { color: #edf2ed; }
.checkout-form label { color: #aebbb3; }
.checkout-form input, .checkout-form textarea { color: #edf2ed; background: #080d0f; border-color: #9ab4a72c; }
.checkout-form .adult-check input { accent-color: var(--signal); }
.checkout-form .button-gold, .cart-summary .button-gold, .received-card .button-gold { background: var(--signal); color: #09100c; }
.cart-empty { border: 1px dashed #9ab4a73a; color: #a9b6ae; }
.received-symbol { color: var(--signal); border-color: #c8ff4d63; background: #c8ff4d10; }

@media (max-width: 1150px) {
  .site-container { width: calc(100% - 56px); }
  .nav-shell { gap: 15px; }
  .site-nav.concept-nav { gap: 12px; font-size: 9px; }
  .concept-quote { display: none; }
  .concept-service-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 820px) {
  .site-container { width: calc(100% - 40px); }
  .announcement { padding-inline: 20px; }
  .nav-shell { height: 68px; }
  .menu-toggle { display: flex; margin-left: auto; order: 2; }
  .nav-actions.concept-nav-actions { order: 3; }
  .site-nav.concept-nav { display: none; position: absolute; top: calc(100% + 1px); left: -20px; right: -20px; z-index: 35; max-height: calc(100vh - 100px); overflow: auto; padding: 12px 20px 20px; background: #0c1213; border-bottom: 1px solid #a3c5b42d; box-shadow: 0 20px 35px #0008; }
  .site-nav.concept-nav.open { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .site-nav.concept-nav > a, .nav-dropdown > summary { min-height: 44px; border-bottom: 1px solid #a3c5b415; font-size: 11px; }
  .nav-dropdown-menu { position: static; width: 100%; padding: 3px 0 8px 12px; border: 0; border-left: 1px solid #c8ff4d45; background: transparent; box-shadow: none; }
  .nav-dropdown-menu a { padding: 10px; }
  .concept-hero-grid { min-height: auto; grid-template-columns: 1fr 1fr; gap: 20px; }
  .concept-hero-copy { padding-block: 65px; }
  .concept-hero h1 { font-size: clamp(52px, 8vw, 74px); }
  .concept-hero-visual { min-height: 400px; }
  .concept-capabilities-grid article { padding-inline: 13px; }
  .concept-capabilities-grid article:first-child { padding-left: 0; }
  .concept-service-grid { grid-template-columns: repeat(2, 1fr); }
  .concept-factory-grid { grid-template-columns: 1fr 1fr; gap: 25px; }
  .concept-detail-grid, .concept-oem-grid, .concept-liquid-grid { gap: 28px; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .footer-contact { justify-self: start; }
}
@media (max-width: 600px) {
  html { scroll-padding-top: 94px; }
  .site-container { width: calc(100% - 34px); }
  .announcement { height: 28px; padding-inline: 17px; gap: 7px; font-size: 6px; letter-spacing: .1em; }
  .announcement a { font-size: 6px; }
  .nav-shell { height: 64px; gap: 8px; }
  .concept-brand { gap: 7px; font-size: 9px; }
  .concept-brand img { width: 25px; height: 37px; }
  .concept-brand small { font-size: 6px; letter-spacing: .08em; }
  .menu-toggle { width: 34px; height: 34px; padding: 9px 7px; margin-right: 0; }
  .nav-actions.concept-nav-actions { gap: 5px; }
  .shop-nav-button { min-height: 34px; padding-inline: 8px; gap: 5px; font-size: 6px; }
  .bag-link { min-width: 35px; min-height: 34px; padding: 5px; }
  .bag-link b { min-width: 17px; height: 17px; font-size: 8px; }
  .site-nav.concept-nav { left: -17px; right: -17px; }
  .concept-hero-grid { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .concept-hero-copy { padding: 53px 0 24px; }
  .concept-eyebrow { font-size: 7px; }
  .concept-hero h1 { margin: 24px 0 19px; font-size: clamp(48px, 14vw, 68px); }
  .concept-lede { max-width: 390px; font-size: 11px; }
  .concept-actions { flex-wrap: wrap; gap: 8px; margin-top: 21px; }
  .concept-actions .button { min-height: 42px; padding-inline: 12px; font-size: 7px; }
  .concept-page-index { margin-top: 29px; font-size: 7px; }
  .concept-hero-visual { min-height: 305px; margin-bottom: 20px; }
  .concept-hero-visual::before { width: 240px; height: 240px; left: calc(50% - 120px); top: calc(50% - 120px); }
  .concept-hero-visual::after { width: 178px; height: 178px; left: calc(50% - 89px); top: calc(50% - 89px); }
  .concept-prism { width: 73px; height: 120px; left: calc(50% - 36px); }
  .prism-two { width: 45px; height: 74px; left: 19%; }
  .prism-three { width: 38px; height: 64px; left: 72%; }
  .concept-capabilities-grid { grid-template-columns: 1fr; padding-block: 7px; }
  .concept-capabilities-grid article, .concept-capabilities-grid article:first-child { min-height: 63px; padding: 9px 0; border-right: 0; border-bottom: 1px solid #9ab4a71c; }
  .concept-capabilities-grid article:last-child { border-bottom: 0; }
  .concept-line-icon { width: 31px; height: 31px; }
  .concept-services, .concept-contact { padding-block: 68px; }
  .concept-section-title { font-size: 37px; }
  .concept-section-lede { font-size: 10px; }
  .concept-service-grid { gap: 7px; margin-top: 25px; }
  .concept-service-card { min-height: 175px; padding: 13px 11px; }
  .concept-service-card h3 { margin-top: 22px; font-size: 11px; }
  .concept-service-card p { font-size: 8px; }
  .concept-factory-grid, .concept-detail-grid, .concept-oem-grid, .concept-liquid-grid { grid-template-columns: 1fr; gap: 24px; padding-block: 57px; }
  .concept-factory-grid { min-height: unset; }
  .concept-factory-copy h2, .concept-oem-grid h2, .concept-liquid-grid h2, .concept-collab-grid h2 { font-size: 36px; }
  .concept-machine { min-height: 255px; }
  .concept-detail-grid { min-height: unset; }
  .concept-oem-grid, .concept-liquid-grid { min-height: unset; }
  .concept-liquid-art { min-height: 230px; }
  .concept-packaging-band { padding-block: 61px; }
  .concept-packaging-band h2 { font-size: 37px; }
  .concept-packaging-grid { grid-template-columns: 1fr 1fr; gap: 7px; }
  .concept-packaging-grid article { min-height: 103px; padding: 11px; }
  .concept-packaging-grid article b { font-size: 8px; }
  .concept-packaging-grid article small { font-size: 8px; }
  .concept-collab-grid { min-height: unset; grid-template-columns: 1fr; gap: 18px; padding-block: 52px; }
  .concept-contact h2 { font-size: 43px; }
  .contact-grid { grid-template-columns: 1fr; gap: 27px; }
  .contact-form { padding: 16px; }
  .footer-top { min-height: unset; grid-template-columns: 1fr 1fr; gap: 24px 14px; padding-block: 28px; }
  .footer-top > div:first-child { grid-column: 1 / -1; }
  .footer-top > div:first-child p { margin-bottom: 0; }
  .footer-contact { grid-column: 1 / -1; }
  .footer-bottom { min-height: 52px; flex-wrap: wrap; gap: 7px 12px; padding-block: 10px; font-size: 6px; }
  .shop-page-hero-inner { min-height: 280px; display: block; padding-block: 35px; }
  .shop-page-hero h1 { font-size: 44px; }
  .shop-page-side { margin-top: 18px; align-items: center; }
  .shop-controls { gap: 6px; }
  .shop-controls select { max-width: 128px; font-size: 8px; }
  .product-grid { gap: 8px; }
  .product-visual { height: 160px; }
  .product-info { padding: 10px; }
  .product-info h3 { font-size: 11px; }
  .product-info p { min-height: 40px; font-size: 8px; }
  .product-category { font-size: 6px; }
  .product-bottom strong { font-size: 9px; }
  .quick-add { width: 27px; height: 27px; }
  .company-subhero-inner { min-height: 470px; }
  .company-subhero h1 { font-size: 43px; }
  .subpage-feature-grid { grid-template-columns: 1fr 1fr; }
  .subpage-content-head { grid-template-columns: 1fr; gap: 14px; }
  .subpage-content-head h2 { font-size: 36px; }
  .subpage-steps { grid-template-columns: 1fr 1fr; }
  .subpage-cta-inner { display: block; }
  .subpage-cta .concept-actions { margin-top: 19px; }
  .detail-grid { grid-template-columns: 1fr; gap: 22px; }
  .detail-visual { min-height: 300px; }
  .detail-copy h1 { font-size: 40px; }
  .cart-layout, .checkout-grid { grid-template-columns: 1fr; gap: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}