/* Supplier-facing narrative and category showroom, September 2026. */
.trade-context{display:inline-flex;align-items:center;gap:11px;margin:0 0 18px;color:#d7f3ff;font-size:9px;font-weight:600;letter-spacing:2.1px;line-height:1.5;padding:8px 12px;border:1px solid #9ed8ef4a;border-radius:999px;background:#071522a8;box-shadow:0 8px 30px #0005,0 0 24px #74c9f017;backdrop-filter:blur(12px)}
.trade-context[hidden]{display:none}.trade-context span{width:18px;height:1px;background:linear-gradient(90deg,#8fd7f5,transparent)}
.chapter h1{max-width:1080px;font-size:clamp(62px,6.4vw,102px)}
.chapter h1 em{font-size:1.02em}.chapter-copy{max-width:620px}
.proof-strip{gap:14px;min-height:104px}.proof-strip p{font-size:13px;white-space:nowrap}.proof-strip .plus{font-size:12px;opacity:.65}

/* The three principles stay compact; their motion now supports concrete supplier expectations. */
.capabilities{gap:16px}.capabilities article{padding:25px}.capabilities article h3{font-size:18px;margin-top:18px}.capabilities article>p{min-height:132px;font-size:13px!important;line-height:1.75!important}
.live-scene{height:185px;margin-top:4px}.detail-toggle{font-size:11px;min-height:44px}.visual-caption{font-size:7px;letter-spacing:1.25px}

/* Interactive category showroom: lightweight CSS objects, no additional images or WebGL bundle. */
.category-stage{height:430px;overflow:hidden;isolation:isolate;border:1px solid #9ccbe72a;border-radius:22px;background:radial-gradient(circle at 50% 44%,#17435c70 0,transparent 39%),linear-gradient(145deg,#091827,#030a12 75%);box-shadow:inset 0 1px #d8f5ff12,0 30px 90px #0005;cursor:ew-resize;touch-action:pan-y;user-select:none}
.category-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#c4eeff08 42%,transparent 62%);translate:-80% 0;animation:showroom-light 7s ease-in-out infinite;pointer-events:none}
.category-stage:after{content:'';position:absolute;left:8%;right:8%;bottom:54px;height:1px;background:linear-gradient(90deg,transparent,#a8dcef5c,transparent);box-shadow:0 0 24px #72c5ea60}
.category-stage .evaluation-title{position:absolute;left:25px;top:23px;z-index:7;font-size:8px;letter-spacing:2px;color:#a7cede}
.stage-ring{position:absolute;left:50%;top:48%;width:285px;height:285px;border:1px solid #85bcd326;border-radius:50%;translate:-50% -50%;animation:stage-orbit 18s linear infinite}
.stage-ring:before,.stage-ring:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#c9efff;box-shadow:0 0 20px #73cdf8}.stage-ring:before{left:31px;top:38px}.stage-ring:after{right:4px;bottom:103px}
.stage-ring.ring-b{width:215px;height:330px;border-style:dashed;opacity:.55;animation-duration:25s;animation-direction:reverse}
.category-object{position:absolute;inset:58px 40px 72px;display:grid;place-items:center;opacity:0;scale:.84;rotate:-7deg;filter:blur(8px);transition:opacity .55s,scale .7s,rotate .7s,filter .55s;pointer-events:none;perspective:800px}
.category-stage[data-selection='0'] .category-home,.category-stage[data-selection='1'] .category-play,.category-stage[data-selection='2'] .category-care,.category-stage[data-selection='3'] .category-hardware{opacity:1;scale:1;rotate:0deg;filter:none;animation:category-float 6s ease-in-out infinite}
.object-floor{position:absolute;left:50%;bottom:21px;width:235px;height:55px;border-radius:50%;translate:-50% 0;background:radial-gradient(ellipse,#75c6ed30,transparent 68%);border:1px solid #9edaf12b;box-shadow:0 20px 45px #000b;transform:rotateX(65deg)}
.cookware{position:relative;width:210px;height:170px;filter:drop-shadow(0 25px 24px #0009)}
.pot-body{position:absolute;left:30px;bottom:17px;width:152px;height:92px;border-radius:13px 13px 58px 58px;background:linear-gradient(130deg,#9ac5d5 0,#294859 31%,#0a1621 73%,#6fa4ba);border:1px solid #d5f2ff70;box-shadow:inset 12px 8px 24px #dff7ff1c,inset -18px -15px 26px #0008}
.pot-rim{position:absolute;left:28px;bottom:91px;width:156px;height:33px;border-radius:50%;background:radial-gradient(ellipse,#142c3b 42%,#8bb9ca 45%,#182d39 57%,#07111b 63%);border:1px solid #cdeeff66}
.pot-handle{position:absolute;right:-40px;bottom:72px;width:90px;height:20px;border-radius:5px 30px 30px 5px;background:linear-gradient(#739caf,#152a37);border:1px solid #c9ebf855;transform:rotate(-8deg);transform-origin:left}
.pot-lid{position:absolute;left:47px;top:19px;width:120px;height:55px;border-radius:50%;border:1px solid #d4f2ff66;background:linear-gradient(150deg,#a7d0df50,#0b1e2b99);transform:rotateX(58deg);box-shadow:0 8px 18px #0006}.pot-lid:after{content:'';position:absolute;left:49px;top:-8px;width:22px;height:13px;border-radius:8px 8px 3px 3px;background:#89adbd;border:1px solid #d9f5ff75}
.play-cube{position:absolute;display:grid;place-items:center;width:88px;height:88px;border:1px solid #d5f2ff6b;border-radius:15px;color:#dff7ff;font-weight:600;font-size:19px;background:linear-gradient(145deg,#79b5cb65,#0c1b2a 67%);box-shadow:inset 1px 1px #e6f8ff45,0 25px 35px #0008;transform-style:preserve-3d}.play-cube:before,.play-cube:after{content:'';position:absolute;inset:0;border:inherit;border-radius:inherit;background:#102c3b88;transform-origin:left}.play-cube:before{transform:rotateY(90deg)}.play-cube:after{transform-origin:top;transform:rotateX(-90deg)}
.cube-a{translate:-73px 40px;rotate:-12deg}.cube-b{translate:15px -30px;rotate:10deg;background:linear-gradient(145deg,#accde262,#102638 67%)}.cube-c{translate:82px 55px;rotate:-4deg;background:linear-gradient(145deg,#5f8eb259,#091725 67%)}
.care-bottle{position:absolute;width:102px;height:190px;border-radius:22px 22px 29px 29px;background:linear-gradient(105deg,#d5effb66,#315a6e80 32%,#07121e 75%);border:1px solid #dcf6ff6b;box-shadow:inset 12px 0 25px #e9faff1b,0 28px 42px #0009;translate:-42px 18px;overflow:visible}.care-bottle:before{content:'';position:absolute;left:26px;top:-34px;width:51px;height:40px;border-radius:8px 8px 4px 4px;background:linear-gradient(90deg,#789cad,#19313f);border:1px solid #d8f3ff55}.care-bottle:after{content:'';position:absolute;left:48px;top:-49px;width:68px;height:16px;border-radius:8px;background:linear-gradient(#9dc2d0,#264251);box-shadow:-22px 9px 0 -5px #6b91a2}.care-bottle b{position:absolute;left:0;right:0;top:82px;text-align:center;font-size:12px;letter-spacing:4px;font-weight:500;color:#d4eef8}
.care-tube{position:absolute;width:78px;height:154px;border-radius:13px 13px 22px 22px;background:linear-gradient(110deg,#719db177,#102636 66%);border:1px solid #c9eafa55;translate:65px 48px;rotate:8deg;box-shadow:0 25px 40px #0008}.care-tube:after{content:'';position:absolute;left:13px;right:13px;bottom:-12px;height:19px;border-radius:4px;background:#87aebe;border:1px solid #dff7ff55}.care-tube b{position:absolute;top:55px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:2px;color:#d8eef5;font-weight:500}
.tool-case{position:absolute;width:220px;height:135px;border-radius:16px;background:linear-gradient(145deg,#6f9eb352,#0b1a27 56%,#030911);border:1px solid #d2f1ff61;box-shadow:inset 1px 1px #e3f8ff26,0 30px 45px #000a;translate:-10px 32px}.tool-case:before{content:'';position:absolute;left:75px;top:-34px;width:72px;height:38px;border:9px solid #5f8496;border-bottom:0;border-radius:18px 18px 0 0}.tool-case:after{content:'';position:absolute;left:0;right:0;top:47px;height:1px;background:#b9e8fa49;box-shadow:0 3px 12px #68c2ec55}.tool-case i{position:absolute;left:50%;top:40px;width:28px;height:20px;border-radius:3px;background:#98bfce;translate:-50% 0;box-shadow:inset 0 -5px #355365}.tool-case b{position:absolute;left:18px;bottom:20px;font-size:8px;letter-spacing:2px;color:#b9d8e5;font-weight:500}.tool-ring{position:absolute;width:92px;height:92px;border:13px solid #789cad;border-radius:50%;translate:92px -42px;filter:drop-shadow(0 18px 18px #0008)}.tool-ring:after{content:'';position:absolute;width:82px;height:20px;right:58px;top:23px;border-radius:20px 5px 5px 20px;background:linear-gradient(90deg,#2b4857,#9fc7d5);transform:rotate(-25deg);transform-origin:right}
.stage-caption{position:absolute;left:25px;right:25px;bottom:22px;display:flex;justify-content:space-between;z-index:6}.stage-caption span{font-size:7px;letter-spacing:1.5px;color:#587384;transition:color .35s,text-shadow .35s}.category-stage[data-selection='0'] .stage-caption span:nth-child(1),.category-stage[data-selection='1'] .stage-caption span:nth-child(2),.category-stage[data-selection='2'] .stage-caption span:nth-child(3),.category-stage[data-selection='3'] .stage-caption span:nth-child(4){color:#d3f2ff;text-shadow:0 0 14px #8bd8ff}
.category-tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px}.category-tabs button{min-height:46px;text-align:left;padding-inline:17px}.portfolio-note{font-size:10px!important;line-height:1.6!important;color:#718b9e!important;border-top:1px solid #93b6c92c;padding-top:15px;margin:5px 0 0!important}

/* Four-step path reads as one operating model. */
.steps{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.steps article{padding:20px 17px;min-width:0}.steps article>span{margin-bottom:13px}.step-select{font-size:15px;align-items:flex-start}.steps article p{font-size:12px!important;line-height:1.7!important}.step-insight{margin-top:16px}.process-track{margin-top:38px}
.contact-photo{content-visibility:auto}.contact-section{background:radial-gradient(ellipse at 86% 105%,#315a7970,transparent 60%),radial-gradient(ellipse at 12% -10%,#16364a55,transparent 48%),#091724}

@keyframes showroom-light{0%,18%{translate:-85% 0}70%,100%{translate:90% 0}}
@keyframes stage-orbit{to{rotate:360deg}}
@keyframes category-float{50%{translate:0 -9px}}
.category-stage:not(.motion-visible) *{animation-play-state:paused!important}
[data-motion=paused] .category-stage *{animation-play-state:paused!important}

@media(max-width:1100px){.proof-strip{flex-wrap:wrap;justify-content:center;padding-block:23px}.proof-strip>span:first-child{width:100%;text-align:center}.proof-strip>span:first-child br{display:none}.steps{grid-template-columns:1fr 1fr}.capabilities article>p{min-height:0}}
@media(max-width:800px){
 .chapter h1{font-size:clamp(48px,10.6vw,72px);letter-spacing:-3px}.chapter-copy{max-width:390px}.trade-context{font-size:7px;letter-spacing:1.35px;margin-bottom:14px;padding:7px 9px}
 .proof-strip{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:18px 0}.proof-strip>span:first-child{grid-column:1/-1;margin-bottom:12px}.proof-strip p{white-space:normal;text-align:center;font-size:10px;margin:0!important;padding:11px 7px;border-top:1px solid #8fb8d021}.proof-strip .plus{display:none}
 .capabilities{gap:12px}.capabilities article{padding:21px}.capabilities article h3{font-size:17px;margin-top:14px}.capabilities article>p{font-size:13px!important}.live-scene{height:165px}.visual-caption{font-size:6px}
 .opportunity{gap:24px}.category-stage{height:320px;order:2;border-radius:17px}.category-stage .evaluation-title{left:18px;top:18px;font-size:6px;letter-spacing:1.35px}.stage-ring{width:220px;height:220px}.stage-ring.ring-b{width:170px;height:260px}.category-object{inset:48px 20px 61px;scale:.79}.category-stage[data-selection='0'] .category-home,.category-stage[data-selection='1'] .category-play,.category-stage[data-selection='2'] .category-care,.category-stage[data-selection='3'] .category-hardware{scale:.82}.stage-caption{left:17px;right:17px;bottom:18px}.stage-caption span{font-size:5px;letter-spacing:1px}
 .category-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin-inline:0;padding:0}.category-tabs button{min-width:0;min-height:52px;padding:10px 12px}.portfolio-note{font-size:9px!important}
 .steps{grid-template-columns:1fr;gap:8px}.steps article{padding:16px 18px}.steps article p{font-size:12px!important}.step-select{font-size:15px}.process-track{margin-top:28px}.contact-card{backdrop-filter:none}
}
@media(max-width:400px){.chapter h1{font-size:45px;letter-spacing:-2.5px}.chapter-copy{font-size:12px}.trade-context{max-width:100%;white-space:normal}.category-stage{height:300px}.category-object{scale:.72}.category-stage[data-selection='0'] .category-home,.category-stage[data-selection='1'] .category-play,.category-stage[data-selection='2'] .category-care,.category-stage[data-selection='3'] .category-hardware{scale:.76}}