.o3d-box{--o3d-ring-a:#56d68ca6;--o3d-ring-a-top:#9af0c0;--o3d-ring-a-right:#3cc87842;--o3d-ring-b:#5ac88c69;--o3d-ring-c:#64d79647;--o3d-ring-glow:#3cc8781a;--o3d-guide:#50be8224;--o3d-planet:#b4f5d0;--o3d-planet-glow:#3ecf7a;--o3d-planet-halo:#3ecf7a73;--o3d-floor:#2fa660;--o3d-label:var(--foreground);--o3d-label-shadow:var(--background);aspect-ratio:1;width:100%;position:relative;container-type:inline-size}:root.light .o3d-box{--o3d-ring-a:#1c7d3899;--o3d-ring-a-top:#1f8f45;--o3d-ring-a-right:#1c7d3838;--o3d-ring-b:#1c7d3866;--o3d-ring-c:#1c7d3847;--o3d-ring-glow:#1c7d3814;--o3d-guide:#1c7d3829;--o3d-planet:#2fa650;--o3d-planet-glow:#2fa650;--o3d-planet-halo:#2fa65066;--o3d-floor:#2fa650}.o3d-stage{perspective:222cqw;transform-style:preserve-3d;touch-action:pan-y;place-items:center;display:grid;position:absolute;inset:0}.o3d-stage:after{content:"";background:var(--o3d-floor);opacity:.16;filter:blur(6cqw);pointer-events:none;border-radius:50%;width:46%;height:6%;position:absolute;bottom:2%;left:27%}.o3d-globe{--mx:0deg;--my:0deg;aspect-ratio:1;width:100%;transform-style:preserve-3d;transform:rotateX(var(--my)) rotateY(var(--mx));place-items:center;transition:transform .24s ease-out;display:grid;position:relative}.o3d-guide{border:1px dashed var(--o3d-guide);border-radius:50%;width:90%;height:90%;position:absolute;transform:translateZ(-14.4cqw);box-shadow:inset 0 0 9.6cqw #4ec24206}.o3d-ring{border:1.7px solid var(--o3d-ring-a);width:93%;height:93%;transform-style:preserve-3d;box-shadow:0 0 2.9cqw var(--o3d-ring-glow), inset 0 0 1.8cqw var(--o3d-ring-glow);border-radius:50%;position:absolute}.o3d-ring.a{transform:rotateX(73deg)rotateY(-10deg)}.o3d-ring.b{border-color:var(--o3d-ring-b);width:78%;height:78%;transform:rotateY(73deg)rotateX(24deg)}.o3d-ring.c{border-color:var(--o3d-ring-c);width:103%;height:103%;transform:rotateX(57deg)rotateY(54deg)}.o3d-rotator{--dur:10s;--dir:normal;transform-style:preserve-3d;animation:o3d-spin var(--dur) linear infinite var(--dir);position:absolute;inset:0}.o3d-rotator.two{--dur:15s;--dir:reverse}.o3d-rotator.three{--dur:23s}.o3d-rotator.one .o3d-ring{border-top-color:var(--o3d-ring-a-top);border-right-color:var(--o3d-ring-a-right)}.o3d-planet{--a:0deg;--r:46.2cqw;background:var(--o3d-planet);width:2.2cqw;height:2.2cqw;box-shadow:0 0 2.7cqw var(--o3d-planet-glow), 0 0 6.7cqw var(--o3d-planet-halo);transform-style:preserve-3d;transform:rotateZ(var(--a)) translateX(var(--r));border-radius:50%;position:absolute;top:calc(50% - 1.1cqw);left:calc(50% - 1.1cqw)}.o3d-planet.small{--a:145deg;--r:41.8cqw;width:1.33cqw;height:1.33cqw;top:calc(50% - .67cqw);left:calc(50% - .67cqw)}.o3d-planet.third{--a:250deg;--r:44cqw;width:1.7cqw;height:1.7cqw;top:calc(50% - .85cqw);left:calc(50% - .85cqw)}.o3d-label{white-space:nowrap;font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--o3d-label);opacity:.88;text-shadow:0 0 .9cqw var(--o3d-label-shadow);pointer-events:none;transform:rotateZ(calc(var(--a) * -1)) rotateY(0deg) translate(-50%, calc(-100% - 2.2cqw));animation:o3d-unspin var(--dur) linear infinite var(--dir);font-size:clamp(8px,2.7cqw,15px);font-weight:700;position:absolute;top:50%;left:50%}.o3d-seven{width:31%;height:46%;transform-style:preserve-3d;will-change:translate;place-items:center;animation:5s ease-in-out infinite o3d-bob;display:grid;position:absolute;transform:translateZ(0)rotate(-2deg)}.o3d-seven-img{object-fit:contain;filter:drop-shadow(.44cqw .44cqw #337a20)drop-shadow(.89cqw 1.1cqw #245b1d)drop-shadow(1.56cqw 1.78cqw #173b18)drop-shadow(2cqw 2.9cqw 2.2cqw #0006)}.o3d-seven:after{content:"";pointer-events:none;opacity:.16;background:linear-gradient(145deg,#e6ffd24d,#0000 40%,#0e2f1433);position:absolute;inset:0;-webkit-mask-image:url(/brand/gran7-simbolo.png);mask-image:url(/brand/gran7-simbolo.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes o3d-spin{to{transform:rotateY(360deg)rotate(360deg)}}@keyframes o3d-unspin{to{transform:rotateZ(calc(var(--a) * -1 - 360deg)) rotateY(-360deg) translate(-50%, calc(-100% - 2.2cqw))}}@keyframes o3d-bob{50%{translate:0 -2cqw}}@media (prefers-reduced-motion:reduce){.o3d-rotator,.o3d-label,.o3d-seven{animation:none}}