/* Approved cyberpunk Blendy treatment. Scoped to the homepage help grove. */
@property --blendy-orbit { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
.question-grove { --grove-width:calc(100vw - 16px);width:var(--grove-width);left:50%;margin-left:calc(var(--grove-width) / -2);margin-top:0;padding-top:110px;padding-bottom:82px; }
.question-grove>.question-woodland { inset:0 0 -115px;overflow:clip;mask-image:linear-gradient(transparent 0%,#000 10%,#000 86%,transparent 100%); }
.question-grove>.question-woodland:before { inset:-35px 0 0;max-width:none;width:auto;height:auto;transform:none;clip-path:none;mask-image:none;background-image:url('../assets/question-tree-grove.webp');background-position:left top;background-size:max(100%,1400px) auto;background-repeat:no-repeat;opacity:.94; }
.question-grove>.question-woodland:after { display:none; }
.question-grove .question-greeting { align-items:center;gap:10px;margin:-7px 0 5px; }
.question-grove .question-buddy { flex:0 0 150px;width:150px;height:184px;position:relative;cursor:pointer;overflow:visible;isolation:isolate; }
.blendy-canvas { position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none; }
.question-buddy[data-buddy-state='ready'] .blendy-fallback { visibility:hidden; }
.blendy-fallback { position:absolute;width:82%;height:85%;inset:9% 9% 6%;pointer-events:none; }
.blendy-fallback-head { display:block;position:absolute;z-index:1;top:13%;left:9%;width:82%;height:45%;border-radius:28%;background:#edf0ff;box-shadow:inset -5px -4px 8px #8597af33; }
.blendy-fallback-head:before,.blendy-fallback-head:after { content:'';position:absolute;top:-14%;width:40%;height:40%;border-radius:50%;background:#edf0ff;z-index:-1; }
.blendy-fallback-head:before { left:9%; }.blendy-fallback-head:after { right:9%; }
.blendy-fallback-head b { position:absolute;inset:16% 13%;border-radius:23%;background:#15213d; }
.blendy-fallback-head b:before,.blendy-fallback-head b:after { position:absolute;top:18%;font:700 28px/1 var(--mono);color:#b9f4ff; }
.blendy-fallback-head b:before { content:'>';left:15%; }.blendy-fallback-head b:after { content:'_';right:15%;top:6%; }
.blendy-fallback-body { position:absolute;bottom:11%;left:24%;width:52%;height:35%;border-radius:30%;background:#edf0ff;box-shadow:-12px 2px 0 -3px #edf0ff,12px 2px 0 -3px #edf0ff; }
.blendy-fallback-body:before,.blendy-fallback-body:after { content:'';position:absolute;bottom:-18%;width:44%;height:46%;border-radius:45%;background:#e4eafa; }
.blendy-fallback-body:before { left:0; }.blendy-fallback-body:after { right:0; }
.question-grove .buddy-hello { z-index:3;bottom:94%;left:16px;background:#0c1830;color:#d5fcff;border:1px solid #49baca;font-size:11px;box-shadow:0 0 16px #00f0ff24; }
.question-buddy.is-greeting .buddy-hello { opacity:1; }
.blendy-signal { position:relative;isolation:isolate;flex:1;min-width:0;max-width:382px;padding:17px 16px 16px;border-radius:12px;border:1px solid #418394;background:#091322;box-shadow:0 0 12px #00f0ff10; }
.blendy-signal:before,.blendy-signal:after { content:'';position:absolute;inset:-2px;border-radius:inherit;padding:2px;pointer-events:none;background:conic-gradient(from var(--blendy-orbit),transparent 0deg,transparent 240deg,#8a5cff88 285deg,#00f0ff 321deg,#c9ffff 333deg,#8a5cff 347deg,transparent 360deg);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:blendy-signal-orbit 5.5s linear infinite;animation-play-state:paused; }
.blendy-signal:after { inset:-4px;padding:4px;filter:blur(3px);opacity:.85; }
.blendy-channel { position:absolute;top:-9px;left:14px;max-width:calc(100% - 28px);padding:2px 8px;border:1px solid #365a76;border-radius:5px;background:#0b1527;color:#b8ebf4;font:9px/1.3 var(--mono);letter-spacing:.1em;white-space:nowrap; }
.question-grove .question-greeting h2 { margin:0;max-width:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#f3f5ff;font-family:var(--body);font-size:20px;font-weight:750;line-height:1.28;letter-spacing:-.025em; }
.question-grove .question-greeting h2:before { display:none; }
.signal-cyan { color:#54efff; }.signal-violet { color:#bd9eff; }
.question-grove .question-firefly { animation-play-state:paused; }
.question-grove .question-box:before,.question-grove .question-box:after { animation-play-state:paused; }
.question-grove[data-scenery-active='true'] .blendy-signal:before,.question-grove[data-scenery-active='true'] .blendy-signal:after,.question-grove[data-scenery-active='true'] .question-firefly,.question-grove[data-scenery-active='true'] .question-box:before,.question-grove[data-scenery-active='true'] .question-box:after { animation-play-state:running; }
@keyframes blendy-signal-orbit { to { --blendy-orbit:360deg; } }
@media(max-width:639px) {
 .question-grove { margin-top:0;padding-top:90px;padding-bottom:60px; }
 .question-grove>.question-woodland { inset:0 0 -80px; }
 .question-grove>.question-woodland:before { inset:0 0 0;background-size:950px auto;background-position:left top;opacity:.84; }
 .question-grove .question-greeting { gap:0;align-items:center; }
 .question-grove .question-buddy { flex-basis:106px;width:106px;height:146px;margin-left:-9px; }
 .blendy-signal { padding:16px 12px 13px; }
 .question-grove .question-greeting h2 { font-size:17px;line-height:1.3; }
 .blendy-channel { left:8px;padding:2px 5px;font-size:8px;letter-spacing:.035em; }
}
@media(max-width:359px) {
 .question-grove .question-buddy { flex-basis:90px;width:90px;height:132px;margin-left:-12px; }
 .question-grove .question-greeting h2 { font-size:15px; }
 .blendy-channel { font-size:7px; }
}
@media(prefers-reduced-motion:reduce) {
 .blendy-signal:before,.blendy-signal:after { animation:none!important;background:linear-gradient(120deg,#00f0ff99,#8a5cffaa); }
 .question-grove .question-firefly,.question-grove .question-box:before,.question-grove .question-box:after { animation:none!important; }
}
/* Use the approved preview itself, preserving its exact silhouette and shading. */
.question-buddy[data-buddy-state='ready'] .blendy-fallback{visibility:hidden}
.blendy-approved-art{position:absolute;width:106px;height:132.5px;left:50%;top:50%;margin:-66.25px 0 0 -53px;background-image:url('../assets/blendy-approved-reference.png');background-repeat:no-repeat;background-size:443.51% 188.2%;background-position:23.3% 46.5%;mask-image:linear-gradient(transparent,#000 5%,#000 93%,transparent),linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect;transform:perspective(500px) rotateY(var(--look-x,0deg)) rotateX(var(--look-y,0deg));transition:transform .18s ease-out;pointer-events:none}
.blendy-approved-art.is-blinking{background-position:76% 46.5%}
@media(max-width:639px){.blendy-approved-art{width:84px;height:105px;margin:-52.5px 0 0 -42px}}
@media(prefers-reduced-motion:reduce){.blendy-approved-art{transform:none;transition:none}}
/* Non-interactive Blendy: transparent artwork, stationary body, cursor-led head. */
.question-grove .question-buddy{cursor:default;pointer-events:none;background:none;border:0;box-shadow:none;padding:0;transform:none}
.blendy-cutout{position:absolute;width:106px;height:135.15px;left:50%;top:50%;margin:-67.575px 0 0 -53px;pointer-events:none}
.blendy-cutout-body,.blendy-head-track,.blendy-cutout-head{position:absolute;inset:0;display:block}
.blendy-cutout-body,.blendy-cutout-head{background-image:url('../assets/blendy-transparent.png');background-repeat:no-repeat;background-size:418% 184.5098%;background-position:22.7987% 46.4037%}
.blendy-cutout-body{clip-path:inset(61.6% 0 0 0)}
.blendy-head-track{transform-origin:50% 61.6%;transform:translate(var(--head-x,0px),var(--head-y,0px)) rotate(var(--head-tilt,0deg));transition:transform .24s ease-out}
.blendy-cutout-head{clip-path:inset(0 0 38.4% 0)}
.blendy-cutout.is-blinking .blendy-cutout-head{background-position:76.1006% 46.4037%}
@media(max-width:639px){.blendy-cutout{width:84px;height:107.1px;margin:-53.55px 0 0 -42px}}
@media(prefers-reduced-motion:reduce){.blendy-head-track{transform:none;transition:none}}
