.solar-rotonde{isolation:isolate;color:#f4f1ea;cursor:grab;touch-action:none;background:#050505;min-height:100svh;position:relative;overflow:hidden}.solar-rotonde[data-dragging=true]{cursor:grabbing}.solar-rotonde:focus-visible{outline-offset:-12px;outline:1px dashed #f4f1eabd}.solar-rotonde:before,.solar-rotonde:after{content:"";z-index:1;pointer-events:none;position:absolute;inset:0}.solar-rotonde:before{background:linear-gradient(90deg,#0505059e 0%,#05050514 34% 66%,#0505059e 100%),linear-gradient(#05050594 0%,#05050505 34%,#050505b8 100%)}.solar-rotonde:after{opacity:.62;mix-blend-mode:screen;background-image:repeating-radial-gradient(circle at 18% 32%,#f4f1ea1f 0 1px,#0000 1px 4px),repeating-linear-gradient(0deg,#f4f1ea0b 0 1px,#0000 1px 3px),linear-gradient(90deg,#f4f1ea38 1px,#0000 1px),linear-gradient(#f4f1ea29 1px,#0000 1px);background-size:5px 5px,100% 3px,4% 100%,100% 18%}.solar-rotonde__title{z-index:6;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#f4f1ea80;white-space:nowrap;pointer-events:none;margin:0;font-size:.78rem;font-weight:500;line-height:1.2;position:absolute;top:calc(72px + 1.35rem);left:50%;transform:translate(-50%)}.solar-rotonde__index{top:calc(72px + 2rem);left:var(--page-x);z-index:6;font-family:var(--font-mono);letter-spacing:.08em;color:#f4f1eaeb;pointer-events:none;margin:0;font-size:.96rem;font-weight:700;position:absolute}.solar-rotonde__viewport{z-index:2;perspective:980px;perspective-origin:50% 52%;position:absolute;inset:0;overflow:hidden}.solar-rotonde__world{--solar-rotonde-tilt:0deg;width:0;height:0;transform:rotateX(var(--solar-rotonde-tilt));transform-style:preserve-3d;will-change:transform;position:absolute;top:54%;left:50%}.solar-rotonde__plane{--solar-rotonde-front:0;--solar-rotonde-depth:1;--solar-rotonde-image-x:0%;aspect-ratio:16/9;transform-origin:50%;width:620px;transform-style:preserve-3d;color:var(--surface-fg);opacity:0;contain:layout style;will-change:transform, opacity;pointer-events:auto;cursor:pointer;display:block;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.solar-rotonde__plane-frame{border:1px solid color-mix(in srgb, var(--surface-fg) 17%, transparent);background:var(--surface-bg);display:block;position:absolute;inset:0;overflow:hidden;transform:translateZ(0);box-shadow:0 34px 120px #0000008a,0 0 0 1px #ffffff0d}.solar-rotonde__plane-frame:before,.solar-rotonde__plane-frame:after{content:"";pointer-events:none;position:absolute;inset:0}.solar-rotonde__plane-frame:before{z-index:1;background:linear-gradient(to bottom, transparent, rgba(0, 0, 0, calc(var(--solar-rotonde-depth) * .28))), rgba(0, 0, 0, calc(var(--solar-rotonde-depth) * .24))}.solar-rotonde__plane-frame:after{z-index:2;opacity:calc(.3 + (1 - var(--solar-rotonde-front)) * .28);background:linear-gradient(130deg,#ffffff1f,#0000 28%),linear-gradient(#0000 55%,#00000070)}.solar-rotonde__plane--ghost{pointer-events:none}.solar-rotonde__plane--main .solar-rotonde__plane-frame{box-shadow:0 38px 140px #0000009e,0 0 0 1px #ffffff0f}.solar-rotonde__image{object-fit:cover;filter:saturate(.92)contrast(1.03);transform:translate3d(var(--solar-rotonde-image-x), 0, 0) scale(1.07);will-change:transform}.solar-rotonde__plane-label{z-index:2;color:#f4f1eae0;text-shadow:0 12px 30px #0000007a;pointer-events:none;gap:.35rem;min-width:18rem;display:grid;position:absolute;top:-4.2rem;left:8%}.solar-rotonde__plane-label span{font-family:var(--font-mono);letter-spacing:.08em;color:#f4f1ea85;font-size:.72rem}.solar-rotonde__plane-label strong{max-width:18ch;font-family:var(--font-heading);letter-spacing:0;font-size:1.6rem;font-weight:500;line-height:1}.solar-rotonde__active{right:var(--page-x);z-index:6;text-align:right;pointer-events:none;justify-items:end;gap:.35rem;display:grid;position:absolute}.solar-rotonde__active p,.solar-rotonde__active span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#f4f1ea70;margin:0;font-size:.68rem;line-height:1.4}.solar-rotonde__active h2{font-family:var(--font-heading);letter-spacing:0;color:#f4f1eadb;margin:0;font-weight:500;line-height:1}.solar-rotonde__active>*{will-change:transform, opacity}.solar-rotonde__hint{z-index:7;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#f4f1ea94;pointer-events:none;align-items:center;gap:1rem;font-size:.72rem;transition:opacity .36s,transform .36s;display:inline-flex;position:absolute;bottom:clamp(4.4rem,8vh,5.4rem);left:50%;transform:translate(-50%)}.solar-rotonde__hint[data-hidden=true]{opacity:0;transform:translate(-50%,8px)}.solar-rotonde__hint-dot{background:#f4f1eac7;border-radius:50%;width:.48rem;height:.48rem;animation:1.8s ease-in-out infinite solar-rotonde-hint-pulse}@keyframes solar-rotonde-hint-pulse{0%,to{opacity:.28;transform:scale(.86)}50%{opacity:.92;transform:scale(1)}}.solar-rotonde__controls{right:var(--page-x);z-index:8;gap:.55rem;display:flex;position:absolute;bottom:clamp(3.7rem,7vh,4.8rem)}.solar-rotonde__controls button{color:#f4f1ead1;cursor:pointer;background:#0505056b;border:1px solid #f4f1ea47;place-items:center;width:2.55rem;height:2.55rem;transition:border-color .22s,color .22s,background-color .22s;display:grid}.solar-rotonde__controls button:hover,.solar-rotonde__controls button:focus-visible{color:#fff;background:#f4f1ea1a;border-color:#f4f1ead6}.solar-rotonde__progress{z-index:8;align-items:center;gap:1rem;width:auto;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:clamp(2.25rem,4.6vh,3rem);left:50%;transform:translate(-50%)}.solar-rotonde__progress button{cursor:pointer;background:#f4f1ea3d;border:0;width:4.2rem;height:1px;transition:width .26s,background-color .26s;display:block}.solar-rotonde__progress button[data-active=true],.solar-rotonde__progress button:hover,.solar-rotonde__progress button:focus-visible{background:#f4f1eaeb;width:5.2rem}@media (max-width:760px),(prefers-reduced-motion:reduce){.solar-rotonde{min-height:auto;padding:calc(84px + 3.8rem) var(--page-x) 4.5rem;touch-action:pan-y}.solar-rotonde:before,.solar-rotonde:after{display:none}.solar-rotonde__title,.solar-rotonde__index{white-space:normal;position:relative;top:auto;left:auto;transform:none}.solar-rotonde__title{max-width:16ch;margin-bottom:2.2rem;font-size:.72rem}.solar-rotonde__index{display:none}.solar-rotonde__viewport{perspective:none;position:relative;inset:auto;overflow:visible}.solar-rotonde__world{gap:2rem;width:100%;height:auto;display:grid;position:relative;top:auto;left:auto;transform:none!important}.solar-rotonde__plane{--solar-rotonde-front:1;--solar-rotonde-depth:0;--solar-rotonde-image-x:0%;aspect-ratio:auto;max-width:42rem;position:relative;top:auto;left:auto;opacity:1!important;width:100%!important;margin:0!important;transform:none!important}.solar-rotonde__plane:not(.solar-rotonde__plane--main){display:none}.solar-rotonde__plane-label{color:#f4f1eae6;min-width:0;margin-bottom:.8rem;position:relative;top:auto;left:auto}.solar-rotonde__plane-label strong{font-size:1.45rem}.solar-rotonde__plane-frame{aspect-ratio:16/10;filter:none;min-height:13.5rem;position:relative}.solar-rotonde__image{transform:none}.solar-rotonde__active,.solar-rotonde__hint,.solar-rotonde__controls,.solar-rotonde__progress{display:none}}