/* The cloud is scenery behind the real navigation; it never captures a pointer. */
.home-cloud{position:absolute;inset:0;z-index:1;pointer-events:none;user-select:none;isolation:isolate;overflow:clip;opacity:0;transition:opacity 3s ease}
.home-cloud.is-ready{opacity:1}
.home-cloud-sparks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cloud-node{position:absolute;left:0;top:0;width:var(--cloud-w);height:var(--cloud-h);transform:translate3d(var(--cloud-x),var(--cloud-y),0);pointer-events:none;z-index:var(--plane-order,1)}
.cloud-drift{position:absolute;inset:0;animation:cloud-hover var(--drift-period,24s) ease-in-out var(--drift-delay,0s) infinite;will-change:transform;transform-origin:50% 50%}
.cloud-skin{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;border-radius:20px;transform:perspective(1000px) rotateY(var(--yaw,0deg)) rotateX(var(--pitch,0deg));isolation:isolate}
.cloud-question .cloud-skin{padding:10px 11px;border:1px solid #ffffff40;background:linear-gradient(145deg,#ffffff12,#ffffff03 53%,#ffffff0d);box-shadow:inset 0 1px 2px #ffffff30,0 8px 18px #1f273206;backdrop-filter:blur(1px);border-radius:16px}
.cloud-question .cloud-skin::before{content:'';position:absolute;inset:-12px;border-radius:30px;z-index:-1;background:radial-gradient(ellipse at 35% 15%,#ffffff30,transparent 65%);filter:blur(9px);opacity:var(--cloud-glow,0)}
.cloud-copy{display:block;margin:0;max-width:100%;font-size:var(--cloud-font,14px);line-height:1.43;text-align:center;text-wrap:balance;overflow-wrap:normal;color:#737c85}
.cloud-tag .cloud-skin{border:1px solid #ffffffa8;border-radius:12px;background:linear-gradient(180deg,#ffffff0a,#ffffff24);box-shadow:inset 0 1px #fffc;overflow:visible}
.cloud-tag .cloud-copy{font-family:UNCAGE,sans-serif;font-size:var(--cloud-font,14px);line-height:1.2;letter-spacing:-.01em;padding:5px 9px;color:#4b525a}
.cloud-tag .cloud-skin::after{content:'';position:absolute;left:8%;right:8%;bottom:-2px;height:15px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#fff 0%,#ffffffa6 33%,transparent 73%);filter:blur(5px);opacity:var(--cloud-glow,0)}
.cloud-icon .cloud-skin{opacity:0;background:none;border:1px solid #ffffffef;border-radius:18px;box-shadow:inset 0 0 2px #fff,0 0 9px #ffffffc4,0 0 22px #ffffff52}
.cloud-icon .cloud-skin::after{content:'';position:absolute;inset:-1px;padding:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 16%,#fff 32%,transparent 51%,#ffffff66 77%,transparent);background-size:280% 100%;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:home-glass-shimmer var(--icon-period,32s) ease-in-out var(--drift-delay,0s) infinite}
.cloud-symbol{position:relative;width:61%;height:61%;transform-style:preserve-3d;animation:cloud-symbol-turn var(--icon-period,32s) linear var(--drift-delay,0s) infinite}
.cloud-symbol svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#fbfcff;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #7c858da0) drop-shadow(0 0 4px #fff);backface-visibility:visible;transform:translateZ(1px)}
.cloud-symbol svg:first-child{stroke:#8c949b;opacity:.55;filter:none;transform:translateZ(-1px) translate(1px,1px)}
.cloud-back{filter:blur(.2px)}
.cloud-node[hidden]{display:none}
.home-cloud.is-resting *{animation-play-state:paused!important}
@keyframes cloud-hover{0%,100%{transform:translate3d(-3px,6px,0) rotateZ(-.6deg)}50%{transform:translate3d(4px,-10px,0) rotateZ(.6deg)}}
@keyframes cloud-symbol-turn{from{transform:perspective(500px) rotateY(0deg) rotateZ(-3deg)}to{transform:perspective(500px) rotateY(360deg) rotateZ(-3deg)}}
@media(max-width:1023px), (max-height:559px){.home-cloud{position:absolute;inset:0;height:auto;margin:0}.cloud-question .cloud-copy{font-size:var(--cloud-font,13px)}}
@media(max-width:760px){.home-cloud{height:auto;margin:0}.cloud-question .cloud-skin{padding:9px;border-radius:16px}.cloud-tag .cloud-copy{font-size:14px}.cloud-icon .cloud-skin{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.home-cloud *{animation:none!important;will-change:auto!important}.home-cloud-sparks{display:none}}

/* 1.0.2: only En is interactive; decorative layers keep their existing hit testing. */
.home-view .home-en[role="button"]{pointer-events:auto;cursor:pointer;border-radius:50%}
.home-view .home-en[role="button"]:focus-visible{outline:1px solid #a51213;outline-offset:6px}