.product-demo{margin:54px 0 42px}
.product-demo-head,.product-demo-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.product-demo-head{margin-bottom:20px}
.demo-label{font-size:12px;font-weight:750;color:#496481}
.product-demo-head p{font-size:clamp(18px,2vw,28px);font-weight:800;color:#071a47;margin-top:7px;letter-spacing:-.035em}
.product-demo-head>div:last-child .demo-label{color:#1263ff}
.product-demo-pair{position:relative}
.product-source,.product-result{position:relative;aspect-ratio:4/5;border-radius:21px;overflow:hidden;isolation:isolate}
.product-source{background:linear-gradient(120deg,#e4e5e6,#f4f4f4 50%,#dedfe1);border:1px solid #d8dce1}
.source-tag{position:absolute;top:25px;left:24px;color:#64707a;background:#fff9;padding:7px 12px;font-size:11px;border-radius:5px}
.product-source .source-shoe{position:absolute;left:5%;width:90%;max-width:none;height:auto;top:28%;filter:saturate(.4) contrast(.92);transform:none}
.source-caption{position:absolute;bottom:28px;left:24px;right:24px;text-align:center;color:#6c7480;font-size:11px}
.demo-connector{position:absolute;z-index:4;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border:5px solid #edf7ff;background:#1263ff;border-radius:50%;color:white;display:grid;place-items:center;box-shadow:0 5px 16px #00326427}
.demo-connector svg{width:26px}
.product-result{--showcase-shift:0px;--showcase-scale:1;--showcase-light:35%;--showcase-title:0px;background:radial-gradient(ellipse at var(--showcase-light) 43%,#0766d8 0,#062757 53%,#03152f 100%);color:#fff;box-shadow:0 12px 0 #08264b,0 28px 45px #0528532b}
.result-light{position:absolute;inset:-10%;background:linear-gradient(119deg,transparent 30%,#62e9ff28 47%,transparent 60%);transform:translateX(var(--showcase-shift));pointer-events:none}
.result-portal{position:absolute;top:7%;bottom:20%;left:13%;right:-5%;border:2px solid #53dcff87;border-radius:48% 48% 10px 10px;transform:perspective(650px) rotateY(-25deg) translateX(calc(var(--showcase-shift) * -.5));box-shadow:0 0 30px #159aff55,inset 0 0 20px #159aff33}
.result-brand{position:absolute;top:5%;left:7%;display:flex;align-items:center;gap:8px;font-size:clamp(8px,1vw,13px);font-weight:750;font-style:italic;z-index:3}
.result-brand img{width:24px;height:30px;object-fit:contain}
.product-result h3{position:absolute;top:17%;left:7%;right:5%;font-size:clamp(27px,3.15vw,49px);font-style:italic;font-weight:900;letter-spacing:-.06em;line-height:1.04;transform:translateY(var(--showcase-title));z-index:1;color:#fff}
.product-result h3 span{color:#64ebff}
.result-pedestal{position:absolute;left:-8%;right:-10%;height:24%;bottom:8%;transform:skewY(-5deg);background:linear-gradient(158deg,#1263e2,#013f9a 47%,#03234c 48%);border-top:2px solid #6bb9ffa6;box-shadow:0 22px 40px #00112690}
.result-product{position:absolute;top:34%;left:0;width:100%;transform:translateY(var(--showcase-shift)) scale(var(--showcase-scale));transform-origin:55% 80%;z-index:2}
.product-result .result-shoe{width:100%;height:auto;max-width:none;filter:drop-shadow(0 15px 12px #0007)}
.result-detail{position:absolute;bottom:24%;right:6%;font-size:10px;font-weight:700;color:#baf6ff;z-index:4;text-shadow:0 1px 8px #002e66}
.result-detail i{display:block;width:36px;height:1px;background:#6fe9ff;margin-top:6px}
.result-footer{position:absolute;bottom:5%;left:7%;right:6%;display:flex;align-items:center;justify-content:space-between;font-size:clamp(9px,1.1vw,14px);font-weight:750;z-index:4}
.result-arrow{width:32px;height:32px;border:1px solid #85dfff70;border-radius:50%;display:grid;place-items:center;background:#ffffff0d}
.result-arrow svg{width:17px}
.product-demo-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:40px}
.product-demo-controls p{font-size:14px;font-weight:700}
.demo-motion{display:flex;align-items:center;gap:8px;border:1px solid #b6cde2;border-radius:30px;padding:9px 16px;background:#fff;color:#071a47;min-height:44px;font-size:11px;font-weight:650;white-space:nowrap}
.product-demo>figcaption{font-size:11px;color:#54687e;margin-top:13px;line-height:1.8}
/* A product-detail poster: all type and callouts are native, selectable web text. */
.portfolio .campaign-gallery .work-item .specification-art,.specification-art{position:relative;display:block;aspect-ratio:4/5;background:linear-gradient(135deg,#f5fbff,#dfedff);color:#071a47;isolation:isolate;overflow:hidden}
.specification-art:before{content:'';position:absolute;right:-20%;top:30%;width:85%;height:80%;background:linear-gradient(140deg,#1263ff,#062969);transform:rotate(-22deg);border-radius:50% 50% 0 0;z-index:-1}
.spec-brand{position:absolute;top:5%;left:7%;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:750;font-style:italic}
.spec-brand img{width:19px!important;height:26px!important;object-fit:contain!important}
.spec-title{position:absolute;left:7%;right:4%;top:14%;font-size:clamp(22px,2.9vw,46px);font-weight:900;font-style:italic;letter-spacing:-.065em;line-height:1.02;z-index:2}
.spec-subtitle{position:absolute;left:7%;top:34%;font-size:12px;font-weight:650}
.portfolio .campaign-gallery .specification-art img.spec-product,.specification-art img.spec-product{position:absolute;width:70%;height:65%;object-fit:contain;right:4%;bottom:8%;filter:drop-shadow(0 20px 12px #001a4944)}
.spec-note{position:absolute;left:7%;font-size:11px;line-height:1.35;font-weight:700;padding:8px 10px;background:white;border-left:2px solid #1263ff;border-radius:0 4px 4px 0;z-index:3;box-shadow:0 4px 14px #05296115}
.spec-note i{position:absolute;left:100%;top:50%;height:1px;background:#1263ff;width:38px;transform:rotate(-25deg);transform-origin:left}
.spec-note i:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#1263ff}
.spec-note-top{top:47%}.spec-note-bottom{top:69%}.spec-note-bottom i{width:28px;transform:rotate(10deg)}
.spec-foot{position:absolute;bottom:5%;left:7%;max-width:51%;font-size:11px;line-height:1.45;font-weight:750;color:#071a47;background:#f5fbfff2;padding:8px 10px;border-radius:5px;z-index:3}
.specification-art .view-work{bottom:2%;font-size:8px!important;right:3%}
.campaign-gallery .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:68px 80px;max-width:1060px;margin:auto}
.campaign-gallery .work-item:nth-child(3){padding-top:0}
.campaign-gallery .work-item:nth-child(4){padding-top:44px}
.dialog-content .specification-art{width:min(550px,70svh);margin:auto;max-width:100%;padding:0;background:linear-gradient(135deg,#f5fbff,#dfedff)}
.dialog-content .specification-art .spec-title{font-size:clamp(28px,4vw,46px)}
@media(max-width:900px){.campaign-gallery .work-grid{gap:55px 36px}.spec-title{font-size:clamp(22px,3.4vw,32px)}.spec-subtitle{font-size:10px}.spec-brand{font-size:8px;gap:5px}.spec-note{font-size:9px;padding:6px}.spec-foot{font-size:10px}.spec-note i{width:23px}}
@media(max-width:750px){.campaign-gallery .work-grid{grid-template-columns:1fr;gap:66px}.campaign-gallery .work-item:nth-child(4){padding:0}.spec-title{font-size:clamp(26px,7.1vw,36px)}.spec-subtitle{font-size:10px}.spec-foot{font-size:10px}.spec-brand{font-size:9px}.spec-note{font-size:10px}.specification-art .view-work{display:none}.product-demo-pair,.product-demo-head{gap:13px}.product-demo{margin-top:35px}.demo-label{font-size:9px;line-height:1.5;display:block}.product-demo-head p{font-size:17px;line-height:1.2}.product-source,.product-result{border-radius:13px;aspect-ratio:3/5}.source-tag{top:12px;left:10px;font-size:8px;padding:5px 7px}.source-caption{font-size:8px;left:9px;right:9px;bottom:17px;line-height:1.6}.product-source .source-shoe{width:110%;left:-5%;top:39%}.product-result h3{top:22%;font-size:clamp(15px,3.9vw,29px);letter-spacing:-.06em}.result-brand{top:5%;left:7%;font-size:6px;gap:4px}.result-brand img{width:13px;height:18px}.result-product{top:42%;width:120%;left:-10%}.result-pedestal{bottom:17%;height:18%}.result-footer{bottom:5%;font-size:8px;gap:5px;line-height:1.4}.result-arrow{width:20px;height:20px;flex:none}.result-arrow svg{width:12px}.result-detail{font-size:7px;bottom:23%;right:6%}.demo-connector{width:32px;height:32px;border-width:3px;margin:-16px 0 0 -16px}.demo-connector svg{width:19px}.product-demo-controls{flex-wrap:wrap;margin-top:29px;gap:12px}.product-demo-controls p{font-size:12px;line-height:1.7}.product-demo>figcaption{font-size:10px}.product-demo .demo-motion{font-size:10px;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.product-result{--showcase-shift:0px!important;--showcase-scale:1!important;--showcase-title:0px!important;--showcase-light:35%!important}}
html[data-motion=off] .product-result{--showcase-shift:0px!important;--showcase-scale:1!important;--showcase-title:0px!important;--showcase-light:35%!important}

@media(min-width:901px){.spec-note-top i{width:85px}.spec-note-bottom i{width:52px}.product-result h3{font-size:clamp(31px,4.1vw,62px)}}
@media(max-width:750px){.product-source .source-shoe{width:96%;left:2%;top:42%}.result-product{width:100%;left:0;top:43%}.spec-foot{font-size:9px}.spec-note-top i{width:40px}.spec-note-bottom i{width:25px}.result-detail{display:none}}