/* An isolated, scroll-driven product illustration. No scroll interception. */
.synkro-inside{--inside-open:1;--inside-tilt:52deg;--inside-turn:-22deg;--inside-labels:1;--inside-connect:0;--inside-progress:.55;--inside-scale:.9;--inside-shell:1;--inside-copy-opacity:1;--inside-zoom:0;--inside-fade:0;position:relative;background:#10120f;border-block:1px solid #ffffff14;scroll-margin-top:0}
.synkro-inside.is-scroll-ready{height:330svh}
.inside-sticky{position:relative;min-height:720px;overflow:hidden;background:radial-gradient(ellipse at 72% 52%,#c7f4030c,transparent 49%),linear-gradient(135deg,#191c17,#10120f 65%)}
.is-scroll-ready .inside-sticky{position:sticky;top:76px;height:calc(100svh - 76px);min-height:570px}
.inside-topline,.inside-bottom{position:absolute;left:5%;right:5%;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px}
.inside-topline{top:30px;font-size:10px;letter-spacing:.17em;color:#b6b9ad}
.inside-topline>span{display:flex;align-items:center;gap:12px}.inside-topline i{width:6px;height:6px;background:#c7f403;border-radius:50%;box-shadow:0 0 15px #c7f40666}.inside-topline a{letter-spacing:.02em;font-size:12px;border-bottom:1px solid #5b6540;padding:8px 0}
.inside-layout{min-height:inherit;height:100%;max-width:1600px;margin:auto;display:grid;grid-template-columns:42% 58%;align-items:center;padding:100px 5% 110px}
.inside-copy{position:relative;z-index:2;align-self:center;opacity:var(--inside-copy-opacity)}
.inside-kicker{font-size:10px;letter-spacing:.22em;color:#b6b9ad;margin-bottom:22px}
.inside-copy h2{font-family:var(--font-display);font-size:clamp(28px,3.4vw,50px);font-weight:400;letter-spacing:-.045em;line-height:1.45;color:#f6f7f0}
.inside-copy h2 em{font:inherit;font-style:normal;color:#c7f403}
.inside-chapters{margin-top:30px;min-height:48px;max-width:330px}
.inside-chapter[hidden]{display:none}.inside-chapter>span{font-size:9px;letter-spacing:.17em;color:#c7f403}.inside-chapter h3{font-family:var(--font-body);font-size:20px;margin:8px 0;letter-spacing:-.02em}.inside-chapter p{font-size:14px;line-height:1.65;color:#acb0a5}
.inside-visual{position:relative;min-width:0;height:100%;min-height:390px;perspective:1200px;isolation:isolate}
.inside-assembly{position:absolute;width:82%;max-width:520px;aspect-ratio:1.586;left:50%;top:48%;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(var(--inside-tilt)) rotateZ(var(--inside-turn)) scale(var(--inside-scale));will-change:auto}
.inside-layer{position:absolute;inset:0;border-radius:17px;transform-style:preserve-3d}
.inside-layer img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}
.inside-front{opacity:var(--inside-shell);transform:translateZ(calc(5px + var(--inside-open)*190px));border:1px solid #92958a;background:#1d1d1b;box-shadow:0 2px 0 #8b8d80,0 5px 0 #45473f,0 8px 0 #131510,0 30px 50px #0007}
.inside-front:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#ffffff12,transparent 38%,#ffffff07);pointer-events:none}
.inside-back{opacity:var(--inside-shell);transform:translateZ(calc(var(--inside-open)*-140px));border:1px solid #737a61;background:#1d1d1b;box-shadow:0 3px 0 #656b59,0 8px 0 #11130f,0 35px 65px #0009}
.inside-back img{opacity:.6}
.inside-inlay{background:linear-gradient(120deg,#626f3f55,#a8c96312);border:1px solid #b0cb6a90;box-shadow:inset 0 0 50px #c7f4030c,0 0 32px #c7f40312;transform:translateZ(0)}
.inside-antenna{display:block;width:100%;height:100%;color:#c7de7d;filter:none}
.inside-orbit{position:absolute;border:1px solid #b9c49712;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-20deg);z-index:-1;pointer-events:none}
.inside-orbit-one{width:100%;height:72%}.inside-orbit-two{width:120%;height:91%;border-style:dashed}
.inside-label{position:absolute;z-index:2;font-size:10px;letter-spacing:.04em;color:#d5d9ca;opacity:var(--inside-labels);border-bottom:1px solid #a0b07c66;padding:8px 0;pointer-events:none}
.inside-label span{font-size:8px;color:#c7f403;margin-right:10px}.inside-label-front{right:4%;top:4%}.inside-label-chip{right:-2%;top:47%}.inside-label-back{left:1%;bottom:3%}
.inside-connection{position:absolute;left:50%;bottom:-9%;transform:translate(-50%,calc((1 - var(--inside-connect))*16px));opacity:var(--inside-connect);display:flex;align-items:center;gap:14px;width:max-content;max-width:100%;padding:14px 18px;border:1px solid #c7f40355;background:#1d2316f5;box-shadow:0 12px 45px #0006;border-radius:10px;font-size:11px;line-height:1.5;color:#a9b598}
.inside-connection strong{font-weight:500;color:#f1f8e5;font-size:14px}.inside-connection-arrow{display:grid;place-items:center;width:36px;height:36px;color:#c7f403;font-size:22px;margin-left:15px}.inside-connection-dot{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:#c7f403;box-shadow:0 0 22px #c7f40366}
.inside-connection:not(.is-visible){visibility:hidden}
.inside-bottom{bottom:25px}
.inside-scroll-hint{font-size:8px;letter-spacing:.15em;color:#a9b39c}.inside-scroll-hint span{margin-left:15px;color:#c7f403;font-size:16px}.inside-disclaimer{font-size:9px;color:#858d7c}
.inside-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff08}.inside-progress span{display:block;height:100%;background:#c7f403;transform-origin:left;transform:scaleX(var(--inside-progress))}
.synkro-inside:not(.is-scroll-ready) .inside-scroll-hint{display:none}
@media(min-width:850px) and (max-height:750px){.inside-copy h2{font-size:42px}.inside-chapters{margin-top:20px}.inside-layout{padding-top:80px;padding-bottom:95px}.inside-assembly{width:75%}.inside-visual{min-height:350px}}
@media(max-width:849px){
 .synkro-inside.is-scroll-ready{height:300svh}.inside-sticky{min-height:780px}.is-scroll-ready .inside-sticky{top:68px;height:calc(100svh - 68px);min-height:650px}
 .inside-topline{top:14px;left:6%;right:6%;font-size:8px}.inside-topline a{font-size:10px}
 .inside-layout{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:76px 6% 90px;gap:5px}
 .inside-copy{align-self:auto}.inside-kicker{font-size:8px;margin-bottom:10px}.inside-copy h2{font-size:clamp(24px,6.5vw,38px);line-height:1.45}
 .inside-chapters{margin-top:15px;min-height:40px;max-width:420px}.inside-chapter h3{font-size:17px;margin:4px 0}.inside-chapter p{font-size:12px;max-width:350px}.inside-chapter>span{font-size:8px}
 .inside-visual{width:100%;flex:1;min-height:260px;perspective:900px}.inside-assembly{width:75%;max-width:390px;top:49%}
 .inside-front{opacity:var(--inside-shell);transform:translateZ(calc(4px + var(--inside-open)*120px))}.inside-back{opacity:var(--inside-shell);transform:translateZ(calc(var(--inside-open)*-100px))}
 .inside-label{font-size:8px;padding:5px 0}.inside-label-front{top:0;right:0}.inside-label-chip{right:-2%;top:46%}.inside-label-back{left:0;bottom:0}
 .inside-connection{bottom:-12%;padding:9px 12px;gap:9px}.inside-connection strong{font-size:12px}.inside-connection-arrow{width:28px;height:28px;margin-left:6px}
 .inside-bottom{left:6%;right:6%;bottom:12px;align-items:flex-end}.inside-scroll-hint{display:none}.inside-disclaimer{max-width:80px;font-size:8px;text-align:right}
}
@media(max-width:380px){.inside-copy h2{font-size:24px}.inside-layout{padding-top:65px}.inside-topline{letter-spacing:.1em}.inside-assembly{width:74%}}
@media(max-height:650px) and (min-width:850px){.is-scroll-ready .inside-sticky{top:0}}
@media(prefers-reduced-motion:reduce){.synkro-inside.is-scroll-ready{height:auto}.is-scroll-ready .inside-sticky{position:relative;top:auto;height:auto;min-height:720px}.inside-assembly{will-change:auto}.inside-scroll-hint{display:none}}

/* The final scroll moves into the NFC chip, then the configurator. */
.inside-visual{transform:translateX(calc(var(--inside-zoom) * -32%));z-index:1}
.inside-topline a{position:relative;z-index:5}
.inside-chapters{margin-top:24px}
.inside-portal{position:absolute;inset:0;z-index:4;pointer-events:none;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;background:#1d1d1b;opacity:var(--inside-fade)}
.inside-portal>span{font:400 clamp(26px,5vw,65px) var(--font-display);letter-spacing:.08em;color:#c7f403}
.inside-portal>p{font-size:16px}
.inside-bottom{z-index:5}
.inside-scroll-hint{color:#b6b9ad}
@media(max-width:849px){.inside-visual{transform:translateY(calc(var(--inside-zoom) * -23%))}.inside-scroll-hint{display:block;font-size:8px;max-width:180px}.inside-bottom{align-items:center}}
@media(prefers-reduced-motion:reduce){.inside-visual{transform:none}.inside-scroll-hint{display:none}}

/* Stand: hold the photographed pose, extract vertically, slide the base right, then turn. */
.synkro-inside-stand{--stand-pose:matrix(1,0,0,1,0,0);--stand-center:1;--stand-flip:180deg;--stand-exit:1;--stand-open:1;--stand-chip-visible:1;--stand-base:0;--stand-lift:0;--stand-spread:100%;--stand-depth:105px}
.stand-assembly{aspect-ratio:1;width:90%;max-width:500px;top:50%;transform:translate(calc(-50% - var(--stand-open)*10% + var(--inside-zoom)*10%),-50%) scale(var(--inside-scale))}
.stand-parts{position:absolute;inset:0;transform-style:preserve-3d}
.stand-base{position:absolute;left:18%;width:64%;height:42%;object-fit:contain;top:51%;opacity:var(--stand-base);transform:translateX(calc(var(--stand-exit)*160%));z-index:0}
.stand-base-front{z-index:2;clip-path:polygon(31% 73%,39% 53%,91% 9%,99% 21%,100% 41%,49% 100%,35% 86%)}
.stand-acrylic{position:absolute;left:calc(53% - var(--stand-center)*3%);top:calc(41% + var(--stand-center)*9%);width:48%;aspect-ratio:1004/1417;z-index:1;transform-style:preserve-3d;transform:translate(-50%,calc(-50% - var(--stand-lift)*32%)) var(--stand-pose) rotateY(var(--stand-flip))}
.stand-face{position:absolute;inset:0;border:1px solid #dbe3de;border-radius:8px;backface-visibility:hidden;-webkit-backface-visibility:hidden;opacity:var(--inside-shell);box-shadow:0 2px 0 #89978b,0 15px 40px #0003}
.stand-acrylic-front{background:#fff;transform:translateZ(3px)}
.stand-acrylic-front img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.stand-acrylic-rear{background:linear-gradient(135deg,#87938a,#414d43 65%,#a6b3a4);transform:rotateY(180deg) translateZ(3px);box-shadow:inset 0 0 25px #d8f1c62b,0 3px 0 #8b998a}
.stand-acrylic-rear>span,.stand-acrylic-cover>span{position:absolute;left:0;right:0;top:11%;font:400 11px var(--font-display);letter-spacing:.12em;text-align:center;color:#dae5d5}
.stand-acrylic-cover{background:linear-gradient(125deg,#bec7bf 0%,#8a958e 40%,#bec6bd 78%,#e7ece5);transform:rotateY(180deg) translate3d(calc(var(--stand-open)*var(--stand-spread)),calc(var(--stand-open)*-35px),calc(9px + var(--stand-open)*var(--stand-depth))) rotateY(calc(var(--stand-open)*-34deg)) rotateZ(calc(var(--stand-open)*6deg));box-shadow:inset 0 0 0 3px #eaf5e055,6px 3px 0 #b2c1b3,15px 20px 45px #0005}
.stand-acrylic-cover>span{top:auto;bottom:11%;color:#3e4a3e}
.stand-acrylic-cover i{position:absolute;inset:8px;border:1px solid #f6fff05c;border-radius:5px;background:linear-gradient(115deg,transparent 35%,#ffffff27 45%,transparent 57%)}
.stand-chip{position:absolute;left:50%;top:50%;width:66%;aspect-ratio:1;transform:translate(-50%,-50%) rotateY(180deg) translateZ(6px);backface-visibility:hidden;-webkit-backface-visibility:hidden;opacity:var(--stand-chip-visible);border-radius:50%;box-shadow:0 0 35px #c7f40326}
.stand-chip svg{display:block;width:100%;height:100%}
.synkro-inside-stand .inside-label-front{right:-1%;top:7%}
.synkro-inside-stand .inside-label-chip{left:2%;right:auto;top:46%}
.synkro-inside-stand .inside-label-back{left:5%;bottom:0;opacity:calc(var(--inside-labels)*var(--stand-base))}
#personalizar{scroll-margin-top:0;outline:none}
@media(max-width:849px){
 .synkro-inside-stand{--stand-spread:100%;--stand-depth:60px}
 .stand-assembly{width:85%;max-width:370px;top:48%}
 .stand-acrylic{width:48%}
 .stand-acrylic-rear>span,.stand-acrylic-cover>span{font-size:7px}
 .stand-acrylic-cover{transform:rotateY(180deg) translate3d(calc(var(--stand-open)*var(--stand-spread)),calc(var(--stand-open)*-18px),calc(9px + var(--stand-open)*var(--stand-depth))) rotateY(calc(var(--stand-open)*-34deg)) rotateZ(calc(var(--stand-open)*6deg))}
 .synkro-inside-stand .inside-label-front{right:0;top:0}
 .synkro-inside-stand .inside-label-chip{left:-2%;top:55%}
}