/* MR.AiCE: slow settlement, quiet surfaces, prompt controls. See MOTION.md. */
:root{--motion-ease:cubic-bezier(.22,.68,0,1)}
.material-surface{isolation:isolate}
.rawcut-object,.totem-object,.vibe-object,.law-object{position:relative}
.surface-light{
  position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;
  background:radial-gradient(ellipse 240px 200px at var(--light-x,50%) var(--light-y,45%),var(--surface-glow,#e6d5b918),transparent 75%);
  opacity:0;transition:opacity 450ms var(--motion-ease)
}
.surface-active>.surface-light{opacity:1}
.rawcut-object,.tile-rawcut{--surface-glow:#bad4f41c}
.totem-object,.tile-totem{--surface-glow:#b4e2c61b}
.vibe-object,.tile-vibe-rand{--surface-glow:#efc0d81c}
.law-object{--surface-glow:#ffffff30}
.brand-stage{background:none}
.edit-timeline{position:relative}
.edit-playhead{position:absolute;left:55px;top:0;bottom:0;width:1px;background:#e1eaf7;box-shadow:0 0 8px #cedcf455;opacity:0;pointer-events:none}
.nav-switch summary .nav-chevron{transition:transform 180ms ease;transform-origin:center}
.nav-switch summary{width:86px;height:44px;min-height:44px;padding:0 10px;gap:10px;line-height:20px;justify-content:center;user-select:none}
.nav-switch .nav-label{display:block;line-height:20px;transform:none}
.nav-chevron{display:block;width:14px;height:14px;flex:none}
.nav-switch[open] summary .nav-chevron{transform:rotate(180deg)}
.header nav{align-items:center;position:relative}
.nav-switch{position:static}
.nav-panel{top:calc(100% + 12px);right:0;width:min(285px,calc(100vw - 36px))}
.nav-panel a{transition:background 180ms,color 180ms}
.button,.contact-link{transition:background 180ms,border-color 180ms,color 180ms}
.button:hover,.button:active{transform:none}
.button:active{background:#c6b292}
.button.secondary:active{background:#252326}
.hero-action span,.text-link span,.other-modules a span:last-child,.button span{transition:transform 220ms var(--motion-ease)}
.hero-action:hover span,.text-link:hover span,.text-link:focus-visible span{transform:translateY(2px)}
.other-modules a:hover span:last-child,.other-modules a:focus-visible span:last-child,.button:hover span,.button:focus-visible span{transform:translate(2px,-2px)}
.module-tile{transition:border-color 300ms,background 300ms}
.module-tile:hover{transform:none}
.module-tile:focus-visible{border-color:var(--gold)}
.module-tile:hover .tile-symbol img,.module-tile:hover .tile-emblem>span{transform:none}
.module-tile.tile-vibe-rand:hover .tile-emblem>span{transform:rotate(-13deg)}
.brand-stage img{transition:opacity 400ms}
.brand-stage:hover img{transform:none;opacity:.87}
input,select,textarea{transition:border-color 180ms,box-shadow 180ms}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .surface-light,.edit-playhead{display:none}
  .hero-action:hover span,.text-link:hover span,.text-link:focus-visible span,
  .other-modules a:hover span:last-child,.other-modules a:focus-visible span:last-child,
  .button:hover span,.button:focus-visible span{transform:none}
}