/* Shared accents from the earlier studio homepage. Authored layouts remain in charge. */
:root{--ams-feedback-fast:140ms;--ams-feedback-state:200ms;--ams-feedback-ease:cubic-bezier(.2,.7,.25,1)}
.ams-action{transition:background-color var(--ams-feedback-fast) var(--ams-feedback-ease),border-color var(--ams-feedback-fast) var(--ams-feedback-ease),color var(--ams-feedback-fast) var(--ams-feedback-ease),transform var(--ams-feedback-fast) var(--ams-feedback-ease)}
.ams-action:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px)}
.ams-action:where(:disabled,[aria-disabled=true]){transform:none}
.ams-link{background-image:linear-gradient(currentColor,currentColor);background-position:left calc(100% - 2px);background-repeat:no-repeat;background-size:0% 1px;transition:background-size var(--ams-feedback-fast) var(--ams-feedback-ease),color var(--ams-feedback-fast) var(--ams-feedback-ease)}
.ams-link:focus-visible{background-size:100% 1px}
:where(.ams-action,.ams-link,.ams-faq>summary):focus-visible{outline:2px solid currentColor;outline-offset:5px}
.ams-faq{transition-duration:var(--ams-feedback-state)!important}
.ams-faq>summary .toggle,.ams-faq>summary .toggle::before,.ams-faq>summary .toggle::after{transition-duration:var(--ams-feedback-state)!important}
@media(hover:hover) and (pointer:fine){.ams-link:hover{background-size:100% 1px}.work-example b{display:inline-block;transition:transform var(--ams-feedback-fast) var(--ams-feedback-ease)}.work-example:is(:hover,:focus-visible) b{transform:translate(2px,-2px)}}
.work-example:focus-visible img{filter:brightness(.95)}
.ams-butterfly{position:absolute;right:13%;top:22%;width:64px;height:64px;z-index:3;pointer-events:none;color:var(--ochre,#b88838);opacity:0;transform-origin:center}
.ams-butterfly svg{display:block;width:100%;height:100%;overflow:visible}
.ams-butterfly .wing{transform-box:fill-box;transform-origin:100% 50%}
.ams-butterfly .wing-right{transform-origin:0% 50%}
.ams-arrived .ams-butterfly{animation:ams-flight 3200ms cubic-bezier(.22,.6,.3,1) both}
.ams-arrived .ams-butterfly .wing{animation:ams-flap 400ms ease-in-out 8}
.ams-arrived .ams-butterfly .wing-right{animation-delay:50ms}
.ams-chapter-cue{position:relative}
.ams-chapter-cue::after{content:"";position:absolute;left:0;bottom:-9px;width:48px;height:1px;background:var(--ochre,#b88838);transform-origin:left;pointer-events:none}
.ams-arrived .ams-chapter-cue::after{animation:ams-path-draw 850ms cubic-bezier(.2,.7,.25,1) both}
.btn-primary .arr,.v2-nav-cta>span,.button>span{transition:transform var(--ams-feedback-fast) var(--ams-feedback-ease)}
.btn-primary:is(:hover,:focus-visible) .arr{transform:translateX(4px)}
.v2-nav-cta:is(:hover,:focus-visible)>span,.button:is(:hover,:focus-visible)>span{transform:translate(2px,-2px)}
.btn-primary:active,.v2-nav-cta:active,.button:active{transform:translateY(1px)}
@keyframes ams-flight{0%{opacity:0;transform:translate(55px,25px) rotate(-14deg) scale(.85)}18%{opacity:.8}50%{opacity:.85;transform:translate(-22px,-15px) rotate(8deg)}78%{opacity:.65}100%{opacity:0;transform:translate(-70px,-50px) rotate(-6deg) scale(.9)}}
@keyframes ams-flap{0%,100%{transform:rotateY(0)}50%{transform:rotateY(60deg)}}
@keyframes ams-path-draw{from{transform:scaleX(0);opacity:.25}to{transform:scaleX(1);opacity:1}}
@media(max-width:880px){.ams-butterfly{display:none}}
html.ams-motion-quiet .ams-butterfly{display:none}
html.ams-motion-quiet .ams-chapter-cue::after{animation:none}
html.ams-motion-quiet :is(.ams-action,.ams-link,.ams-faq,.btn-primary .arr,.v2-nav-cta>span,.button>span,.work-example b){transition:none!important;transform:none!important}
html.ams-motion-hidden .ams-butterfly,html.ams-motion-hidden .ams-butterfly .wing,html.ams-motion-hidden .ams-chapter-cue::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.ams-butterfly{display:none}.ams-chapter-cue::after{animation:none!important}.btn-primary,.btn-primary .arr,.v2-nav-cta,.v2-nav-cta>span,.button,.button>span{transition:none!important;transform:none!important}}
@media(prefers-reduced-motion:reduce){.ams-action,.ams-link,.ams-faq,.work-example b{transition:none!important;transform:none!important}}

html.ams-motion-quiet .ams-faq>summary .toggle,html.ams-motion-quiet .ams-faq>summary .toggle::before,html.ams-motion-quiet .ams-faq>summary .toggle::after{transition:none!important}
@media(prefers-reduced-motion:reduce){.ams-faq>summary .toggle,.ams-faq>summary .toggle::before,.ams-faq>summary .toggle::after{transition:none!important}}