/* myside · kinetic identity · transforms and canvas only; no business UI changes */
@view-transition{navigation:auto}
::view-transition-old(root){animation:ms-view-out .18s ease-in both}
::view-transition-new(root){animation:ms-view-in .28s cubic-bezier(.22,1,.36,1) both}
@keyframes ms-view-out{to{opacity:0}}
@keyframes ms-view-in{from{opacity:0;transform:translateY(6px)}}
.ms-page.ms-motion{transition:background-color .35s,color .35s}
.ms-motion .ms-intro{position:relative;isolation:isolate}
.ms-motion .ms-wordmark{position:relative;z-index:1;white-space:nowrap}
.ms-motion .ms-letter{display:inline-block;position:relative;color:inherit;transform-origin:50% 85%;will-change:transform}
.ms-motion .ms-letter.ms-period{color:var(--ms-red)}
.ms-motion .ms-wordmark:hover{cursor:default}
.ms-motion .ms-quiet{position:relative;z-index:1}
.ms-motion .ms-field{position:absolute;inset:-100px -45px -85px -35px;width:calc(100% + 80px);height:calc(100% + 185px);z-index:-1;pointer-events:none;opacity:.65;contain:strict}
.ms-motion .ms-index{perspective:1000px}
.ms-page.ms-motion .ms-main-link{min-height:334px;background:var(--ms-tile);color:var(--ms-on-tile);border-color:var(--ms-tile);transform-style:preserve-3d;isolation:isolate;transition:background-color .35s,color .35s,border-color .35s;will-change:transform;box-shadow:0 14px 28px -24px color-mix(in oklch,var(--ms-ink) 45%,transparent)}
.ms-page.ms-motion .ms-main-link:hover{background:var(--ms-tile);border-color:var(--ms-tile)}
.ms-motion .ms-main-link:after{z-index:3;transform-origin:50% 0;transform:translateY(var(--ms-ribbon-y,0px));transition:transform .45s var(--ms-ease)}
.ms-motion .ms-main-link:hover:after{--ms-ribbon-y:5px}
.ms-motion .ms-scene{position:absolute;inset:4px 12px 82px;width:calc(100% - 24px);height:calc(100% - 86px);pointer-events:none;z-index:1}
.ms-motion .ms-main-link.ms-canvas-ready .ms-emblem{visibility:hidden}
.ms-motion .ms-link-bottom{position:absolute;bottom:26px;left:30px;right:30px;z-index:3;transform:translateZ(16px)}
.ms-motion .ms-link-bottom strong{font-weight:500;letter-spacing:.01em}
.ms-page.ms-motion .ms-arrow{border-color:color-mix(in oklch,var(--ms-on-tile) 25%,transparent);color:var(--ms-on-tile);width:42px;height:42px;transition:background-color .2s}
.ms-page.ms-motion .ms-main-link:hover .ms-arrow{background:color-mix(in oklch,var(--ms-on-tile) 10%,transparent);transform:none}
.ms-motion .ms-sheen{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:0;background:radial-gradient(ellipse at var(--ms-light-x,50%) var(--ms-light-y,30%),color-mix(in oklch,var(--ms-on-tile) 10%,transparent),transparent 65%);opacity:0;transition:opacity .3s}
.ms-motion .ms-main-link:hover .ms-sheen{opacity:1}
.ms-page.ms-motion .ms-row{position:relative;isolation:isolate;overflow:hidden;transition:color .25s;min-height:82px}
.ms-motion .ms-row:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--ms-soft);transform:scaleY(0);transform-origin:50% 100%;transition:transform .32s var(--ms-ease)}
.ms-motion .ms-row:hover:before,.ms-motion .ms-row:focus-visible:before{transform:scaleY(1)}
.ms-motion .ms-row:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ms-red);transform:scaleX(0);transform-origin:0 50%;transition:transform .4s var(--ms-ease)}
.ms-motion .ms-row:hover:after,.ms-motion .ms-row:focus-visible:after{transform:scaleX(1)}
.ms-motion .ms-row>span{display:block;transition:transform .3s var(--ms-ease)}
.ms-motion .ms-row:hover>span{transform:translateX(12px)}
.ms-page.ms-motion .ms-row>svg{transition:transform .3s var(--ms-ease)}
.ms-page.ms-motion .ms-row:hover>svg{transform:translateX(-8px) rotate(-40deg)}
.ms-motion .ms-connect summary{transition:color .2s}.ms-motion .ms-connect summary:hover{color:var(--ms-red)}
.ms-motion .ms-connect[open] .ms-connection-body{animation:ms-detail-in .28s ease-out both}
@keyframes ms-detail-in{from{opacity:0;transform:translateY(-6px)}}
.ms-motion .ms-motion-toggle{position:relative;margin:32px 0 0;padding:0;width:44px;height:44px;border:1px solid var(--ms-line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ms-muted);background:var(--ms-paper);cursor:pointer;z-index:2;transition:border-color .2s,color .2s}
.ms-motion .ms-motion-toggle:hover{color:var(--ms-red);border-color:var(--ms-red)}
.ms-motion .ms-motion-toggle svg{width:15px;height:15px;pointer-events:none}
.ms-motion .ms-motion-toggle:focus-visible{outline:2px solid var(--ms-red);outline-offset:4px}
.ms-motion .ms-motion-toggle[disabled]{opacity:.5;cursor:not-allowed}
.ms-motion .ms-motion-toggle:active{transform:scale(.94)}
.ms-motion .ms-foot nav a{position:relative}.ms-motion .ms-foot nav a:after{content:'';position:absolute;left:0;right:0;bottom:7px;height:1px;background:var(--ms-red);transform:scaleX(0);transform-origin:0 50%;transition:transform .25s var(--ms-ease)}
.ms-motion .ms-foot nav a:hover:after{transform:scaleX(1)}
.ms-auth-note svg{transform-origin:50% 50%;animation:ms-auth-mark 1s cubic-bezier(.22,1,.36,1) both}
@keyframes ms-auth-mark{from{transform:translateY(15px) rotate(-8deg);opacity:.3}}
@media(max-width:767px){.ms-page.ms-motion .ms-main-link{min-height:292px}.ms-motion .ms-scene{bottom:76px;height:calc(100% - 80px)}.ms-motion .ms-link-bottom{bottom:24px;left:24px;right:24px}.ms-motion .ms-field{inset:-30px -16px -35px;width:calc(100% + 32px);height:calc(100% + 65px);opacity:.4}.ms-motion .ms-motion-toggle{position:absolute;right:0;bottom:0;margin:0;width:44px;height:44px}.ms-motion .ms-quiet{padding-right:52px}}
@media(hover:none){.ms-motion .ms-sheen{display:none}}
@media(prefers-reduced-motion:reduce){.ms-motion *, .ms-auth-note svg{animation:none!important;transition:none!important}.ms-motion .ms-field{opacity:.35}.ms-motion .ms-main-link{transform:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}