/* One large, interactive form anchors the opening composition. */
.hero{min-height:850px}
.sculpture{right:-1%;top:2%;width:68%;height:87%;opacity:1;pointer-events:auto;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 95%,transparent)}
.sculpture canvas{cursor:grab;touch-action:pan-y;outline-offset:-25px}
.sculpture canvas:active{cursor:grabbing}
.hero-heading{pointer-events:none}
.visual-control{width:330px;background:linear-gradient(0deg,var(--ink) 15%,transparent)}
.sculpture-modes{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin:2px 0 18px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.sculpture-mode{font:inherit;font-size:10px;letter-spacing:.1px;background:none;border:1px solid transparent;border-radius:5px;padding:10px 5px;color:var(--muted);cursor:pointer;transition:color .2s,background .2s,border-color .2s}
.sculpture-mode[aria-pressed=true]{color:var(--text);border-color:var(--line);background:color-mix(in srgb,var(--blue) 10%,transparent)}
.sculpture-mode:hover{color:var(--text);background:color-mix(in srgb,var(--blue) 7%,transparent)}
.sculpture-hint{font-size:9px;line-height:1.5;color:var(--muted);margin:10px 0 0}
.visual-pause{font-size:10px}
.sculpture-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:8px}.sculpture-actions .visual-pause,.visual-reset{border:0;background:none;font:inherit;font-size:10px;color:var(--muted);cursor:pointer;padding:10px 0;margin:0}.sculpture-actions button:hover{color:var(--text)}.sculpture-actions button:disabled{cursor:default;opacity:.65}.sculpture-modes button{min-height:40px}.sculpture-hint{min-height:2.8em}
.visual-control::before{inset:-12px -14px}
.control-top{margin-bottom:16px}
[data-theme=light] .sculpture{filter:none;opacity:1}
@media(min-width:651px) and (max-width:1000px){.sculpture{right:-1%;width:90%}.hero h1{font-size:9.5vw}.hero-bottom{gap:40px}.visual-control{width:290px}}
@media(max-width:650px){.hero{height:auto;min-height:0;max-height:none;padding-top:27px}.hero-heading{margin-top:45px}.sculpture{position:relative;top:auto;right:auto;left:-14%;width:128%;height:330px;margin:14px 0 4px;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;display:flex;gap:40px}.visual-control{order:-1;width:100%;max-width:none;background:none;margin-top:5px;padding:10px 0}.visual-control::before{inset:-6px -10px}.sculpture-modes{margin-bottom:17px}.sculpture-mode{font-size:11px;padding:12px 4px}.sculpture-hint{font-size:10px}.hero-intro{width:100%;padding-top:4px}.hero-intro p{font-size:14px}.circle-link{margin-top:18px}.hero-baseline{position:relative;left:auto;right:auto;bottom:auto;margin-top:34px;font-size:6px}.hero::before{inset:190px 0 auto 18%;height:330px}.control-top{font-size:8px}.visual-control label{font-size:11px}#control-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.sculpture-mode{transition:none}}