.trade-hero{padding:20px 0 26px;background:#f7f8f4}
.trade-hero .wrap{width:calc(100% - 48px);max-width:none}
.trade-hero .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:16px}
.trade-hero .hero-copy{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr) auto;align-items:center;gap:clamp(18px,3vw,52px);padding:4px 8px 0}
.trade-hero .hero-intro .eyebrow{margin-bottom:5px;font-size:10px}
.trade-hero .hero-intro h1{max-width:720px;font-size:clamp(30px,3.1vw,48px);line-height:1.03}
.trade-hero .hero-summary>p{max-width:390px;margin:0;font-size:13px;line-height:1.55}
.trade-hero .hero-note{margin-top:9px;font-size:10px;line-height:1.4}
.trade-hero .hero-copy .actions{justify-content:flex-end;gap:8px}
.trade-hero .hero-copy .button{min-height:40px;padding:9px 14px;font-size:12px;white-space:nowrap}
.hero-showcase{display:flex;flex-direction:column;width:100%;height:clamp(540px,calc(100svh - 235px),900px);overflow:hidden;border:1px solid #496456;border-radius:22px;background:radial-gradient(ellipse at 50% 35%,#355846 0%,#183629 47%,#0c241a 100%);box-shadow:0 18px 45px rgba(18,49,30,.16);color:#fff}
.showcase-head,.showcase-foot{position:relative;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px clamp(16px,2.4vw,34px)}
.showcase-head{border-bottom:1px solid rgba(255,255,255,.13)}
.showcase-head>div:first-child{display:flex;align-items:baseline;gap:18px;min-width:0}
.showcase-kicker{color:#d8c394;font-size:10px;font-weight:700;letter-spacing:.17em;white-space:nowrap}
.showcase-heading{overflow:hidden;color:#f5f4ee;font-size:18px;font-weight:500;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}
.showcase-head-actions{display:flex;align-items:center;gap:16px;flex:none}
.showcase-count{color:#d2decf;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.1em;white-space:nowrap}
.showcase-play,.showcase-controls button{display:grid;place-items:center;min-width:40px;min-height:36px;padding:5px 12px;border:1px solid rgba(230,239,221,.45);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:12px;font-weight:700}
.showcase-play:hover,.showcase-controls button:hover{background:#f2f1e9;color:#1d4934}
.showcase-scene{position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(ellipse 45% 56% at 50% 53%,rgba(201,222,194,.2),transparent 85%)}
.showcase-scene:before{position:absolute;inset:auto 9% 1% 9%;height:19%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.4),transparent 70%);content:''}
.showcase-glow{position:absolute;top:1%;left:26%;width:48%;height:85%;background:linear-gradient(90deg,transparent,rgba(240,236,206,.07),transparent);transform:skewX(-16deg);pointer-events:none}
.showcase-plinth{position:absolute;left:50%;width:82%;height:78px;transform:translateX(-50%) perspective(550px) rotateX(61deg);border:2px solid rgba(235,220,173,.75);border-radius:50%;background:radial-gradient(ellipse at 50% 18%,#e4d7b3 0%,#a79b7b 37%,#426251 77%,#143427 100%);box-shadow:0 22px 0 -9px #173c2b,0 27px 0 -9px #c2aa77,0 38px 26px rgba(0,0,0,.42)}
.showcase-plinth:before{position:absolute;inset:12px 8%;border:1px solid rgba(255,255,255,.4);border-radius:50%;content:''}
.showcase-plinth-0{top:35%;width:61%}
.showcase-plinth-1{top:73%;width:85%}
.showcase-plinth-2{display:none}
.showcase-core{position:absolute;top:32%;left:50%;z-index:2;display:grid;place-items:center;width:9%;height:40%;min-width:80px;transform:translateX(-50%);border:1px solid rgba(235,220,173,.45);border-radius:36px 36px 8px 8px;background:linear-gradient(90deg,#102b20,#3f614e 42%,#153629);box-shadow:inset 8px 0 22px rgba(0,0,0,.35),0 8px 14px rgba(0,0,0,.3);pointer-events:none}
.showcase-core span{align-self:center;color:rgba(234,218,169,.78);font-family:Georgia,serif;font-size:clamp(26px,4vw,55px)}
.showcase-product{position:absolute;top:0;left:0;z-index:5;display:block;width:clamp(138px,13vw,190px);padding:7px;border:1px solid rgba(245,242,221,.8);border-radius:12px;background:#fff;color:#162d22;box-shadow:0 16px 28px rgba(0,0,0,.34);transform-origin:center center;will-change:transform}
.showcase-product:hover,.showcase-product:focus-visible{border-color:#f4d795;box-shadow:0 0 0 4px rgba(241,207,139,.3),0 22px 35px rgba(0,0,0,.45)}
.showcase-product-image{display:grid;place-items:center;width:100%;aspect-ratio:1.15;overflow:hidden;border-radius:7px;background:#f9faf7}
.showcase-product-image img{width:100%;height:100%;object-fit:contain}
.showcase-product-info{display:flex;align-items:center;gap:5px;padding:7px 3px 2px}
.showcase-product-info strong{min-width:0;overflow:hidden;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.showcase-product-info small{flex:none;margin-left:auto;color:#2d654b;font-size:10px;font-weight:700;white-space:nowrap}
.showcase-product:hover .showcase-product-info strong,.showcase-product:focus-visible .showcase-product-info strong{white-space:normal;overflow-wrap:anywhere}
.showcase-scene:not(.is-ready){display:flex;align-items:center;gap:20px;padding:40px;overflow-x:auto}
.showcase-scene:not(.is-ready) .showcase-product{position:relative;flex:none;left:auto;top:auto}
.showcase-foot{min-height:58px;border-top:1px solid rgba(255,255,255,.15)}
.showcase-foot>span{color:#d5dfd2;font-size:11px}
.showcase-controls{display:flex;gap:8px;margin-left:auto}
.showcase-controls button{width:37px;height:37px;padding:0;font-size:25px;font-weight:400;line-height:1}
.showcase-foot>a{color:#fff;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.hero-showcase-empty{align-items:center;justify-content:center;gap:20px;min-height:500px;text-align:center}
.hero-showcase-empty p{color:#fff;font-size:24px}
.hero-showcase[data-levels="1"] .showcase-plinth-0{top:72%;width:76%}
.hero-showcase[data-levels="1"] .showcase-plinth-1,.hero-showcase[data-levels="1"] .showcase-core{display:none}
.hero-showcase[data-levels="3"] .showcase-plinth-0{top:28%;width:48%}
.hero-showcase[data-levels="3"] .showcase-plinth-1{top:54%;width:68%}
.hero-showcase[data-levels="3"] .showcase-plinth-2{display:block;top:79%;width:88%}
.hero-showcase[data-levels="3"] .showcase-core{top:25%;height:52%}
.hero-showcase[data-levels="3"] .showcase-product{width:clamp(110px,10vw,150px)}
@media(max-width:1050px){.trade-hero .hero-copy{grid-template-columns:1fr auto;gap:12px}.trade-hero .hero-summary{display:none}.trade-hero .hero-intro h1{font-size:clamp(30px,4.3vw,42px)}.showcase-heading{font-size:15px}}
@media(max-width:640px){.trade-hero{padding:10px 0 18px}.trade-hero .wrap{width:calc(100% - 20px)}.trade-hero .hero-grid{gap:10px}.trade-hero .hero-copy{display:flex;flex-wrap:wrap;gap:10px;padding:2px 4px}.trade-hero .hero-intro{width:100%}.trade-hero .hero-intro .eyebrow{font-size:9px}.trade-hero .hero-intro h1{font-size:clamp(28px,8vw,38px)}.trade-hero .hero-copy .actions{justify-content:flex-start}.trade-hero .hero-copy .button{min-height:36px;padding:8px 10px;font-size:11px}.hero-showcase{height:clamp(490px,calc(100svh - 170px),720px);border-radius:15px}.showcase-head,.showcase-foot{padding:11px 13px}.showcase-head>div:first-child{display:block}.showcase-kicker{display:block;font-size:9px}.showcase-heading{display:block;font-size:13px}.showcase-head-actions{gap:7px}.showcase-count{font-size:9px}.showcase-play{min-height:32px;min-width:36px;padding:4px 8px;font-size:10px}.showcase-product{width:clamp(104px,30vw,136px);padding:5px}.showcase-product-info{padding:5px 2px 1px}.showcase-product-info strong{font-size:9px}.showcase-product-info small{font-size:8px}.showcase-plinth{height:56px}.showcase-plinth-0{top:36%;width:72%}.showcase-plinth-1{top:73%;width:95%}.showcase-core{min-width:38px}.showcase-foot>span{display:none}.showcase-controls{margin-left:0}.showcase-foot>a{font-size:11px}.hero-showcase[data-levels="3"] .showcase-product{width:clamp(90px,24vw,118px)}}
@media(prefers-reduced-motion:reduce){.showcase-product{will-change:auto;transition:none}}

/* Four-tier display: tier numbers and clear product slots increase from top to bottom. */
.hero-showcase[data-levels="4"]{height:clamp(650px,calc(100svh - 195px),960px)}
.hero-showcase[data-levels="4"] .showcase-plinth{display:block;height:72px}
.hero-showcase[data-levels="4"] .showcase-plinth-0{top:28%;width:34%}
.hero-showcase[data-levels="4"] .showcase-plinth-1{top:46%;width:52%}
.hero-showcase[data-levels="4"] .showcase-plinth-2{top:67%;width:70%}
.hero-showcase[data-levels="4"] .showcase-plinth-3{top:88%;width:90%}
.hero-showcase[data-levels="4"] .showcase-core{top:48%;left:50%;z-index:120;width:76px;height:76px;min-width:0;transform:translate(-50%,-50%);overflow:hidden;border:3px solid #d3bd8a;border-radius:50%;background:#fff;box-shadow:0 12px 25px rgba(0,0,0,.38);pointer-events:none}
.hero-showcase[data-levels="4"] .showcase-core img{position:absolute;top:0;left:-50%;display:block;width:200%;max-width:none;height:auto}
.hero-showcase[data-levels="4"] .showcase-product{width:clamp(112px,9vw,152px);will-change:transform,opacity,filter}
.hero-showcase[data-levels="4"] .showcase-product-image{aspect-ratio:1.2}
.hero-showcase[data-levels="4"] .showcase-product-info strong{font-size:10px}
.hero-showcase[data-levels="4"] .showcase-product-info small{font-size:9px}
.hero-showcase[data-levels="4"] .showcase-product.is-cutout{padding:0;border:0;background:transparent;box-shadow:none;color:#fff}
.hero-showcase[data-levels="4"] .showcase-product.is-cutout .showcase-product-image{overflow:visible;background:transparent}
.hero-showcase[data-levels="4"] .showcase-product.is-cutout .showcase-product-image img{filter:drop-shadow(0 12px 13px rgba(0,0,0,.45))}
.hero-showcase[data-levels="4"] .showcase-product.is-cutout .showcase-product-info{margin-top:5px;padding:5px 7px;border:1px solid rgba(225,219,187,.5);border-radius:6px;background:rgba(13,41,27,.82)}
.hero-showcase[data-levels="4"] .showcase-product.is-cutout .showcase-product-info small{color:#e7d7a4}
.hero-showcase[data-levels="4"] .showcase-product.is-cutout:hover,.hero-showcase[data-levels="4"] .showcase-product.is-cutout:focus-visible{box-shadow:none}
.hero-showcase[data-levels="4"] .showcase-product.is-cutout:hover .showcase-product-image img,.hero-showcase[data-levels="4"] .showcase-product.is-cutout:focus-visible .showcase-product-image img{filter:drop-shadow(0 0 12px rgba(245,220,154,.7)) drop-shadow(0 15px 14px rgba(0,0,0,.48))}
@media(max-width:900px){.hero-showcase[data-levels="4"]{height:clamp(630px,calc(100svh - 165px),820px)}.hero-showcase[data-levels="4"] .showcase-product{width:clamp(100px,15vw,130px)}.hero-showcase[data-levels="4"] .showcase-core{width:64px;height:64px}}
@media(max-width:640px){.hero-showcase[data-levels="4"]{height:clamp(590px,calc(100svh - 150px),760px)}.hero-showcase[data-levels="4"] .showcase-product{width:clamp(86px,24vw,110px);padding:4px}.hero-showcase[data-levels="4"] .showcase-product-info{padding:4px 1px 1px}.hero-showcase[data-levels="4"] .showcase-product-info strong{font-size:8px}.hero-showcase[data-levels="4"] .showcase-product-info small{font-size:7px}.hero-showcase[data-levels="4"] .showcase-plinth{height:48px}.hero-showcase[data-levels="4"] .showcase-plinth-0{width:48%}.hero-showcase[data-levels="4"] .showcase-plinth-1{width:65%}.hero-showcase[data-levels="4"] .showcase-plinth-2{width:82%}.hero-showcase[data-levels="4"] .showcase-plinth-3{width:98%}.hero-showcase[data-levels="4"] .showcase-core{width:54px;height:54px;border-width:2px}}

/* The products are mounted on four rotating cylindrical decks. */
.hero-showcase[data-levels="4"] .showcase-scene{perspective:1100px}
.hero-showcase[data-levels="4"] .showcase-shaft{position:absolute;top:24%;bottom:8%;left:50%;z-index:7;width:clamp(58px,5.2vw,96px);transform:translateX(-50%);border:1px solid rgba(232,212,164,.55);border-radius:32px;background:linear-gradient(90deg,#0c241b 0%,#335c44 16%,#8b916b 45%,#32553f 67%,#0b271d 100%);box-shadow:inset 9px 0 18px rgba(0,0,0,.36),inset -8px 0 14px rgba(0,0,0,.34),0 18px 28px rgba(0,0,0,.35);pointer-events:none}
.hero-showcase[data-levels="4"] .showcase-shaft:before{position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(90deg,transparent 0 13px,rgba(236,207,132,.19) 14px 15px,transparent 16px 30px);content:''}
.hero-showcase[data-levels="4"] .showcase-shaft:after{position:absolute;bottom:-5px;left:-8%;width:116%;height:18px;border:1px solid #c5ab73;border-radius:50%;background:linear-gradient(#667c5a,#173a29);content:''}
.hero-showcase[data-levels="4"] .showcase-plinth{height:82px;transform:translateX(-50%);border:0;border-radius:0;background:none;box-shadow:none;pointer-events:none;--deck-angle:0rad;--texture-shift:0px}
.hero-showcase[data-levels="4"] .showcase-plinth:before{position:absolute;inset:auto;top:21px;left:0;right:0;z-index:1;height:59px;border:1px solid rgba(214,183,115,.75);border-top:0;border-radius:0 0 50% 50% / 0 0 34% 34%;background-image:linear-gradient(90deg,rgba(3,24,15,.32),transparent 20%,rgba(244,226,172,.08) 50%,transparent 80%,rgba(3,24,15,.32)),var(--mural);background-size:100% 100%,var(--texture-width,240px) 100%;background-position:center,var(--texture-shift) center;background-repeat:no-repeat,repeat-x;box-shadow:0 8px 0 -3px #a88a51,0 19px 24px rgba(0,0,0,.5);content:''}
.hero-showcase[data-levels="4"] .showcase-plinth:after{position:absolute;top:0;left:0;right:0;z-index:2;height:45px;border:2px solid rgba(220,194,131,.9);border-radius:50%;background-image:conic-gradient(from var(--deck-angle),rgba(245,230,171,.24),transparent 35deg,transparent 90deg,rgba(245,230,171,.18) 120deg,transparent 165deg,transparent 270deg,rgba(245,230,171,.15) 315deg,transparent),radial-gradient(ellipse at 50% 32%,#d7c49b 0%,#9a9b78 34%,#476b51 72%,#153b29 100%);box-shadow:inset 0 3px 8px rgba(255,255,255,.25),0 4px 0 rgba(221,189,121,.85);content:''}
.hero-showcase[data-levels="4"] .showcase-plinth span{position:absolute;top:10px;left:9%;z-index:3;width:82%;height:24px;border:1px solid rgba(240,228,183,.36);border-radius:50%;background:none;pointer-events:none}
.hero-showcase[data-levels="4"] .showcase-plinth-0{top:calc(28% - 22px);z-index:18;--mural:url('textures/forest.webp')}
.hero-showcase[data-levels="4"] .showcase-plinth-1{top:calc(46% - 22px);z-index:48;--mural:url('textures/birds-flowers.webp')}
.hero-showcase[data-levels="4"] .showcase-plinth-2{top:calc(67% - 22px);z-index:78;--mural:url('textures/ancient-architecture.webp')}
.hero-showcase[data-levels="4"] .showcase-plinth-3{top:calc(88% - 22px);z-index:108;--mural:url('textures/forest.webp')}
.hero-showcase[data-levels="4"] .showcase-product{transform-origin:center bottom;backface-visibility:visible}
@media(max-width:640px){.hero-showcase[data-levels="4"] .showcase-shaft{width:44px}.hero-showcase[data-levels="4"] .showcase-plinth:before{height:48px}.hero-showcase[data-levels="4"] .showcase-plinth:after{height:38px}.hero-showcase[data-levels="4"] .showcase-plinth span{top:9px;height:19px}}

/* Warm stone showroom: the reference supplies material and lighting direction, not a copied frame. */
.hero-showcase[data-levels="4"]{border-color:#d7c9bb;background:#e8ddd0;box-shadow:0 20px 45px rgba(72,55,45,.17);color:#263a3d}
.hero-showcase[data-levels="4"] .showcase-head,.hero-showcase[data-levels="4"] .showcase-foot{background:rgba(255,250,244,.89);backdrop-filter:blur(10px)}
.hero-showcase[data-levels="4"] .showcase-head{border-bottom:1px solid rgba(90,73,63,.17)}
.hero-showcase[data-levels="4"] .showcase-foot{border-top:1px solid rgba(90,73,63,.17)}
.hero-showcase[data-levels="4"] .showcase-kicker{color:#366a71}
.hero-showcase[data-levels="4"] .showcase-heading,.hero-showcase[data-levels="4"] .showcase-foot>a{color:#263a3d}
.hero-showcase[data-levels="4"] .showcase-count,.hero-showcase[data-levels="4"] .showcase-foot>span{color:#566263}
.hero-showcase[data-levels="4"] .showcase-play,.hero-showcase[data-levels="4"] .showcase-controls button{border-color:#c6b6a7;background:rgba(255,255,255,.76);color:#263a3d}
.hero-showcase[data-levels="4"] .showcase-play:hover,.hero-showcase[data-levels="4"] .showcase-controls button:hover{background:#276879;color:#fff}
.hero-showcase[data-levels="4"] .showcase-scene{background-image:linear-gradient(180deg,rgba(255,252,248,.07),rgba(245,230,214,.13) 63%,rgba(117,91,75,.14)),url('images/showroom-background.png');background-size:cover;background-position:center 52%}
.hero-showcase[data-levels="4"] .showcase-scene:before{inset:auto 5% 1% 5%;height:20%;background:radial-gradient(ellipse,rgba(88,62,45,.28),transparent 67%)}
.hero-showcase[data-levels="4"] .showcase-glow{top:0;left:22%;width:56%;height:82%;transform:none;background:radial-gradient(ellipse at 50% 39%,rgba(255,250,236,.36),transparent 68%)}
.hero-showcase[data-levels="4"] .showcase-shaft{border-color:#b7a697;background:linear-gradient(90deg,#b4a394 0%,#f8f2e9 19%,#d6c5b4 45%,#fffaf0 58%,#a89585 100%);box-shadow:inset 7px 0 13px rgba(97,76,60,.28),inset -8px 0 14px rgba(104,81,62,.25),0 16px 25px rgba(68,47,34,.28)}
.hero-showcase[data-levels="4"] .showcase-shaft:before{background:repeating-linear-gradient(90deg,transparent 0 17px,rgba(255,255,255,.35) 18px 19px,transparent 20px 34px)}
.hero-showcase[data-levels="4"] .showcase-shaft:after{border-color:#b09b84;background:linear-gradient(#f8ecdd,#bba792)}
.hero-showcase[data-levels="4"] .showcase-core{border-color:#b6a08a;background:#fffaf4;box-shadow:0 9px 22px rgba(77,55,40,.28)}
.hero-showcase[data-levels="4"] .showcase-plinth{--mural:linear-gradient(100deg,#d5c1ad,#f6eee3 48%,#d7c1ae)}
.hero-showcase[data-levels="4"] .showcase-plinth-1{--mural:linear-gradient(100deg,#d5c6bc,#fff9f2 48%,#dac8b9)}
.hero-showcase[data-levels="4"] .showcase-plinth-2{--mural:linear-gradient(100deg,#cebbae,#f6ede2 48%,#d2baaa)}
.hero-showcase[data-levels="4"] .showcase-plinth-3{--mural:linear-gradient(100deg,#d7c7b6,#fffaf1 48%,#dbc4b2)}
.hero-showcase[data-levels="4"] .showcase-plinth:before{top:17px;height:63px;border-color:#b8a692;background-image:linear-gradient(90deg,rgba(87,65,49,.28),transparent 22%,rgba(255,255,255,.22) 48%,transparent 78%,rgba(87,65,49,.28)),var(--mural);background-size:100% 100%,100% 100%;background-position:center,center;box-shadow:0 8px 0 -3px #b7a18c,0 17px 27px rgba(71,51,37,.26)}
.hero-showcase[data-levels="4"] .showcase-plinth:after{height:37px;border-color:rgba(255,250,242,.93);background-image:conic-gradient(from var(--deck-angle),rgba(255,255,255,.47),transparent 34deg,rgba(141,112,88,.13) 94deg,rgba(255,255,255,.3) 151deg,transparent 210deg,rgba(134,103,78,.11) 290deg,transparent),radial-gradient(ellipse at 50% 24%,#fffdf8 0%,#e8ddce 38%,#baa997 78%,#967e6b 100%);box-shadow:inset 0 3px 8px rgba(255,255,255,.7),0 4px 0 rgba(171,149,128,.8)}
.hero-showcase[data-levels="4"] .showcase-plinth>span{border-color:rgba(255,255,255,.62)}
.hero-showcase[data-levels="4"] .showcase-plinth-brand{position:absolute;top:17px;left:0;z-index:1;width:100%;height:63px;overflow:hidden;border-radius:0 0 50% 50% / 0 0 34% 34%;pointer-events:none}
.hero-showcase[data-levels="4"] .showcase-plinth-brand-canvas{display:block;width:100%;height:100%;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.hero-showcase[data-levels="4"] .showcase-plinth-brand:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(89,65,47,.22),transparent 22%,rgba(255,255,255,.08) 50%,transparent 78%,rgba(89,65,47,.22));content:''}
.hero-showcase[data-levels="4"] .showcase-plinth.is-custom-texture .showcase-plinth-brand-canvas{mix-blend-mode:normal}
.hero-showcase[data-levels="4"] .showcase-product{box-shadow:0 13px 27px rgba(68,47,36,.28)}
.hero-showcase[data-levels="4"] .showcase-product.is-cutout{color:#27393a}
.hero-showcase[data-levels="4"] .showcase-product.is-cutout .showcase-product-info{border-color:rgba(161,142,121,.5);background:rgba(255,250,244,.88)}
.hero-showcase[data-levels="4"] .showcase-product.is-cutout .showcase-product-info small{color:#276879}
@media(max-width:640px){.hero-showcase[data-levels="4"] .showcase-plinth:before{top:16px;height:51px}.hero-showcase[data-levels="4"] .showcase-plinth:after{height:31px}.hero-showcase[data-levels="4"] .showcase-plinth-brand{top:16px;height:51px}}