/* The scene is decorative. All copy and controls remain ordinary HTML. */
.showcase{padding-block:30px 80px}
.showcase-stage{position:relative;isolation:isolate;min-height:680px;overflow:hidden;border-radius:28px;color:#f7f7f5;background:radial-gradient(ellipse at 80% 30%,#3c3b38 0,transparent 48%),radial-gradient(ellipse at 60% 100%,#292720 0,transparent 50%),#151514;box-shadow:0 32px 90px #29282616}
.showcase-stage:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;border:1px solid #ffffff15;border-radius:inherit;background:linear-gradient(90deg,#141312f0 0%,#14131285 35%,transparent 64%)}
.showcase-stage:after{content:"";position:absolute;width:480px;height:480px;right:7%;top:14%;border-radius:50%;background:conic-gradient(from 10deg,#c6c2b6,#f9f6ef 11%,#393836 24%,#110e06 36%,#faf8f2 48%,#7b7972 62%,#d5d2ca 76%,#25231d 89%,#c6c2b6);box-shadow:inset 16px 18px 34px #ffffff35,inset -22px -24px 35px #000a,0 0 100px #d9ca9b17;transform:rotate(-25deg);opacity:.65;pointer-events:none;z-index:-1}
.showcase-stage[data-webgl=ready]:after{opacity:0}
#showcase-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:0;transition:opacity .6s}
.showcase-stage[data-webgl=ready] #showcase-canvas{opacity:1}
.showcase-topline{position:absolute;inset:32px 38px auto;display:flex;align-items:center;justify-content:space-between;gap:18px;z-index:2;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#d3d2cf}
.showcase-topline>span:last-child{color:#989690;text-align:right}
.showcase-copy{position:relative;z-index:2;max-width:465px;padding:154px 0 154px 58px}
.showcase-copy .eyebrow{font-size:11px;letter-spacing:.18em;color:#e7ddbf;margin-bottom:25px}
.showcase-copy h2{font-size:clamp(2.65rem,4.1vw,4.5rem);letter-spacing:-.055em;line-height:1.08;color:#fcfaf6}
.showcase-copy h2 em{color:#e7ddbf}
.showcase-copy p:not(.eyebrow){font-size:15px;color:#c4c3c0;line-height:1.85;margin-top:24px;max-width:335px}
.showcase-copy .button{margin-top:30px;background:#f4f3f1;color:#2a2a28;border-color:#ffffff20;box-shadow:0 5px 35px #efe8d40a}
.showcase-copy .button:hover{background:#fff}
.showcase-copy .text-link{margin-top:26px;color:#f5f0e3}
.showcase-bottomline{position:absolute;inset:auto 38px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:2;border-top:1px solid #ffffff15;padding-top:19px;color:#b1afab;font-size:11px;letter-spacing:.09em;line-height:1.65}
.showcase-bottomline>span{max-width:420px}
#showcase-motion{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;max-width:100%;padding:9px 14px;border:1px solid #ffffff27;border-radius:30px;background:#1d1d1ca6;color:#dfddd7;font-size:11px;letter-spacing:.02em;line-height:1.3;backdrop-filter:blur(8px)}
#showcase-motion:before{content:"Ⅱ";font-size:12px;letter-spacing:1px}
#showcase-motion[aria-pressed=true]:before{content:"▷";font-size:14px}
#showcase-motion:hover{border-color:#e9e0c588;background:#2b2b29}
#showcase-motion:focus-visible{outline:3px solid #e0d3ac;outline-offset:4px}
.showcase-stage[data-webgl=unavailable] #showcase-motion{display:none}
@media(max-width:1150px){.showcase-copy{padding-left:42px;max-width:425px}.showcase-copy h2{font-size:3.3rem}.showcase-stage{min-height:640px}}
@media(max-width:900px){.showcase{padding-block:15px 64px}.showcase-stage{min-height:860px}.showcase-stage:before{background:linear-gradient(180deg,#141312d9 0%,#14131240 33%,transparent 65%)}.showcase-copy{padding:103px 34px 450px;max-width:570px}.showcase-copy h2{font-size:3.35rem}.showcase-copy p:not(.eyebrow){max-width:440px;margin-top:20px}.showcase-copy .button{margin-top:23px}.showcase-topline{inset:25px 30px auto}.showcase-bottomline{inset:auto 30px 24px}.showcase-stage:after{width:380px;height:380px;top:auto;bottom:110px;right:calc(50% - 190px)}}
@media(max-width:640px){.showcase{width:calc(100% - 24px);padding-bottom:42px}.showcase-stage{min-height:855px;border-radius:22px}.showcase-copy{padding:100px 26px 450px;max-width:100%}.showcase-copy h2{font-size:clamp(2.7rem,10vw,3.5rem);line-height:1.08}.showcase-copy p:not(.eyebrow){font-size:14px;max-width:355px}.showcase-copy .eyebrow{margin-bottom:20px;font-size:10px}.showcase-copy .button{font-size:13px;min-height:47px;padding:13px 18px}.showcase-topline{inset:24px 25px auto;font-size:9px;letter-spacing:.13em}.showcase-topline>span:last-child{max-width:100px;font-size:8px}.showcase-bottomline{inset:auto 24px 22px;gap:12px;padding-top:16px;align-items:center;letter-spacing:.025em;font-size:9px}.showcase-bottomline>span{max-width:145px}#showcase-motion{padding:9px 11px;min-height:40px;max-width:180px;font-size:10px}.showcase-stage:after{width:280px;height:280px;bottom:112px;right:calc(50% - 140px)}}
@media(prefers-reduced-motion:reduce){#showcase-canvas{transition:none}}
.showcase-topline,.showcase-copy .eyebrow{color:#e6cb79}.showcase-copy h2{color:#fffefa}.showcase-copy h2 em{color:#f4c928}.showcase-copy .button{background:#f4c928;color:#111110;border-color:#f4c928}.showcase-copy .button:hover{background:#ffdf5d}#showcase-motion:focus-visible{outline-color:#f4c928}
.showcase-stage:after{background:conic-gradient(from 10deg,#ba942e,#fff9d9 11%,#6e5212 24%,#14120b 36%,#fff6c3 48%,#b28a1b 62%,#f4cd5b 76%,#30250b 89%,#ba942e)}