/* A cinematic light study. Static gradients remain when rendering is unavailable. */
.light-stage{position:relative;isolation:isolate;overflow:hidden;background:#111c2c;color:#f0eee6}
.light-stage:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 68% 32%,#b2794659,transparent 48%),radial-gradient(ellipse at 39% 70%,#326391a6,transparent 53%),linear-gradient(115deg,#111922 12%,#253846 64%,#181a22);pointer-events:none}
.light-canvas{position:absolute;z-index:-1;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .65s;pointer-events:none}
.light-stage[data-renderer="webgl"]>.light-canvas{opacity:1}
.motion-toggle{position:relative;border:1px solid #e9eff043;border-radius:30px;background:#0c14295c;color:#f0eee6;font-size:10px;padding:10px 15px;min-height:36px;letter-spacing:.04em;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s}
.motion-toggle:before{content:"Ⅱ";margin-right:7px;font-size:11px}
.motion-toggle[aria-pressed="true"]:before{content:"▷"}
.motion-toggle:disabled:before{content:"—"}
.motion-toggle:disabled{cursor:default;opacity:.75}
.motion-toggle:hover:not(:disabled){background:#f0eee61c;border-color:#e9eff080}
.contact.light-stage{background:#141d26}
.contact.light-stage:before{opacity:.5}
.contact.light-stage>.light-canvas{opacity:0}
.contact.light-stage[data-renderer="webgl"]>.light-canvas{opacity:.42}
.contact-top>.motion-toggle{margin-left:auto;margin-right:30px}
.contact.light-stage>.contact-top,.contact.light-stage>.contact-title,.contact.light-stage>.contact-bottom,.contact.light-stage>.colophon{position:relative;z-index:1}
@media(max-width:700px){
  .motion-toggle{font-size:10px;min-height:44px;padding:10px 12px}
  .contact-top{flex-wrap:wrap;gap:20px}
  .contact-top>.motion-toggle{margin:0 0 0 auto}
  .contact-top>p{flex-basis:100%;margin-top:4px}
}
@media(prefers-reduced-motion:reduce){.light-canvas,.motion-toggle{transition:none}}