/* Homepage art direction. Existing SVG robot and motion handlers remain shared. */
.hero-studio{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;margin:30px 0 24px;padding:34px;background:#edf3ff;border:3px solid var(--ink);border-radius:14px;box-shadow:7px 7px 0 var(--ink);isolation:isolate}
.hero-studio .hero-edition{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hero-studio .hero-edition>span:last-child{font-size:9px;font-weight:800;letter-spacing:1.1px;color:#526180}
.hero-studio .pill{padding:7px 11px;background:#d6e7ff;font-size:10px;letter-spacing:1.1px;transform:rotate(-2deg);border-width:2px;box-shadow:2px 3px 0 var(--ink)}
.hero-studio .hero-copy h1{font-size:clamp(29px,9.4cqi,56px);line-height:1.2;gap:.17em;margin:26px 0 24px;letter-spacing:-.05em}
.hero-studio .hero-line mark{padding:.09em .17em .15em}
.hero-studio .hero-line mark::before{box-shadow:3px 3px 0 var(--ink);border-radius:3px}
.hero-studio .intro{max-width:46ch;font-size:15px;line-height:1.85;color:#43516e;margin-bottom:24px}
.hero-studio .hero-copy .hero-buttons{gap:12px;max-width:490px}
.hero-studio .hero-copy .hero-buttons .btn{min-height:50px;font-size:clamp(11px,2.7cqi,14px);padding:12px 14px;border-radius:7px;box-shadow:3px 4px 0 var(--ink)}
.hero-studio .hero-copy .hero-buttons .primary{background:var(--ink);color:#fff}
.hero-studio .hero-copy .hero-buttons .primary:hover{background:#315fae}
.hero-studio .hero-notes{font-size:11px;gap:10px 18px;margin-top:20px;color:#43516e}
.hero-journey{display:flex;gap:20px;list-style:none;padding:20px 0 0;margin:24px 0 0;border-top:1px solid #b5c3dd}
.hero-journey li{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:700;line-height:1.5}
.hero-journey b{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;font-size:10px;background:#fff;border:1.5px solid var(--ink);border-radius:4px}
.hero-journey li:last-child b{background:#ffe56b}
.hero-studio .hero-art{display:flex;flex-direction:column;min-width:0;aspect-ratio:auto;transform:rotate(1deg);border:2px solid var(--ink);border-radius:10px;box-shadow:5px 6px 0 var(--ink);background:#c5b3f5;align-self:center}
.hero-studio .hero-art>svg{display:block;width:100%;height:auto;aspect-ratio:600/415;flex:none}
.hero-scene-toolbar{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border-bottom:2px solid var(--ink);font-size:8px;font-weight:900;letter-spacing:.7px;white-space:nowrap}
.hero-window-dots{display:flex;gap:4px;margin-right:auto}
.hero-window-dots i{display:block;width:7px;height:7px;border:1.5px solid var(--ink);border-radius:50%;background:#d6e7ff}
.hero-window-dots i:nth-child(2){background:#ffe56b}.hero-window-dots i:nth-child(3){background:#c5b3f5}
.hero-scene-label{font-size:7px;padding:3px 5px;background:#dff2d2;border:1px solid var(--ink);border-radius:3px;margin-left:auto}
.hero-scene-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;background:#fff;border-top:2px solid var(--ink);font-size:9px;font-weight:600}
.hero-scene-footer>span{display:inline-flex;align-items:center;gap:6px}.hero-scene-footer i{display:inline-flex;font-size:14px;font-style:normal;color:var(--primary)}
.hero-scene-footer strong{font-size:8px;letter-spacing:.7px}
.hero-studio+.studio-strip{margin-top:0;margin-bottom:56px;box-shadow:5px 5px 0 var(--ink)}
@media(max-width:1000px) and (min-width:761px){.hero-studio{padding:24px;gap:24px}.hero-studio .hero-edition>span:last-child{display:none}.hero-journey{gap:10px}.hero-journey li{font-size:10px}.hero-scene-label{display:none}.hero-studio .intro{font-size:14px}}
@media(max-width:760px){.hero-studio{grid-template-columns:minmax(0,1fr);gap:26px;margin:20px 0;padding:22px;box-shadow:5px 5px 0 var(--ink)}.hero-studio .hero-copy h1{font-size:clamp(30px,9.1cqi,48px);margin:24px 0 20px}.hero-studio .intro{font-size:14px;line-height:1.8}.hero-studio .hero-copy .hero-buttons .btn{font-size:12px;padding:12px 10px}.hero-studio .hero-notes{font-size:10px;gap:10px}.hero-journey{gap:14px;margin-top:20px;padding-top:16px;justify-content:space-between}.hero-journey li{gap:6px;font-size:10px}.hero-journey b{width:22px;height:22px;font-size:9px}.hero-studio .hero-art{width:100%;transform:rotate(.5deg)}.hero-studio+.studio-strip{margin-bottom:44px}}
@media(max-width:380px){.hero-studio{padding:16px}.hero-studio .hero-edition{gap:10px}.hero-studio .hero-edition>span:last-child{font-size:7px;letter-spacing:.5px}.hero-studio .hero-copy .hero-buttons{grid-template-columns:minmax(0,1fr)}.hero-studio .hero-copy .hero-buttons .btn{font-size:12px}.hero-journey{gap:8px}.hero-journey li{font-size:9px}.hero-journey b{width:19px;height:19px}.hero-scene-label{display:none}.hero-scene-footer strong{font-size:6px}.hero-scene-footer{font-size:8px;padding:10px}.hero-scene-toolbar{font-size:7px;padding:10px}}
@media(prefers-reduced-motion:reduce){.hero-studio .hero-art{transform:none}}