/* ERA-inspired circle controls: elastic visible surfaces, stationary native hit areas. */
body.era-theme .story-control{position:relative;isolation:isolate;gap:16px;transition:color 180ms,background-color 180ms,border-color 180ms;overflow:visible}
body.era-theme .story-control>.story-control-label{position:relative;display:block;overflow:hidden;flex:0 1 auto;min-width:0;font:inherit!important;line-height:inherit;letter-spacing:inherit;transform:none!important;transition:none!important;padding:1px 0}
.story-control-line{font:inherit!important;line-height:inherit;display:block;transition:transform 240ms cubic-bezier(.22,.61,.36,1),opacity 180ms;will-change:auto}
.story-control-copy{position:absolute;inset:1px 0 auto;transform:translateY(125%);opacity:0;pointer-events:none}
body.era-theme .story-control>.story-control-icon{width:52px;height:52px;position:relative;display:grid;place-items:center;flex:0 0 52px;font-size:24px;line-height:1;transform:none;transition:color 180ms,background-color 180ms;background:transparent;border-radius:50%;pointer-events:none}
.story-control-icon svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1}
.story-ring-base{opacity:.42}
.story-ring-draw{stroke-dasharray:18 82;stroke-dashoffset:0;transform-origin:50% 50%;transform:rotate(-70deg);transition:stroke-dasharray 240ms cubic-bezier(.22,.61,.36,1),transform 240ms cubic-bezier(.22,.61,.36,1)}
.story-control-icon i{font:inherit;font-style:normal;transition:transform 200ms cubic-bezier(.22,.61,.36,1);display:block}
body.era-theme .story-control:focus-visible{outline:2px solid currentColor;outline-offset:5px}
body.era-theme .story-control:focus-visible .story-control-line{transform:translateY(-125%)}
body.era-theme .story-control:focus-visible .story-control-copy{transform:translateY(0);opacity:1}
body.era-theme .story-control:focus-visible .story-ring-draw{stroke-dasharray:100 0;transform:rotate(20deg)}
body.era-theme .story-control:focus-visible .story-control-icon i{transform:translate(2px,-2px)}
body.era-theme .story-control-explain:focus-visible .story-control-icon i{transform:rotate(90deg)}
body.era-theme .story-control:active .story-control-icon{background:#99b99322;border-radius:50%}
body.era-theme .story-control-solid,body.era-theme .story-control-solid:is(:hover,:active){border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;padding:8px 0;box-shadow:none!important}
body.era-theme .story-control-solid>.story-control-icon{width:64px;height:64px;flex-basis:64px;background:#183b32;color:#fff}
body.era-theme .story-control-solid .story-ring-base{opacity:.55}
body.era-theme .story-control-solid .story-control-label{text-align:left}
body.era-theme .story-control-explain[aria-expanded=true] .story-ring-draw{stroke-dasharray:100 0;transform:rotate(20deg)}
body.era-theme .story-control-explain[aria-expanded=true] .story-control-icon i{transform:rotate(45deg)}
body.era-theme .story-control.k-hotspot{padding:7px 0;gap:16px;min-height:64px}
body.era-theme .story-control.k-hotspot .story-control-line{display:flex;align-items:center;gap:12px;font-size:12px}
body.era-theme .story-control.k-hotspot .story-control-line>span{font-size:12px}
body.era-theme .story-control.story-explain{min-height:48px}
body.era-theme .story-control.era-link{padding-block:6px}
body.era-theme .story-control.m-light-link{display:inline-flex;align-items:center;min-height:48px}
body.era-theme .era-menu-button{isolation:isolate}
body.era-theme .era-menu-button:before{content:"";position:absolute;inset:0;border:1px solid currentColor;border-radius:50%;opacity:0;transform:scale(.7);transition:transform 200ms cubic-bezier(.22,.61,.36,1),opacity 180ms;pointer-events:none}
body.era-theme .era-menu-button>span{transition:transform 200ms cubic-bezier(.22,.61,.36,1);transform-origin:center}
body.era-theme .era-menu-button[aria-expanded=true]>span:first-child{transform:translateY(4px) rotate(45deg)}
body.era-theme .era-menu-button[aria-expanded=true]>span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}
body.era-theme .era-menu-button:focus-visible:before{opacity:.35;transform:scale(1)}
body.era-theme .k-tabs [role=tab]{position:relative;transition:background-color 180ms,color 180ms}
body.era-theme .k-tabs [role=tab]:after{content:"";position:absolute;bottom:0;left:15px;right:15px;height:2px;transform:scaleX(0);transform-origin:left;background:currentColor;transition:transform 220ms cubic-bezier(.22,.61,.36,1)}
body.era-theme .k-tabs [role=tab][aria-selected=true]:after,body.era-theme .k-tabs [role=tab]:focus-visible:after{transform:scaleX(1)}
body.era-theme .era-film-play>.story-film-symbol{position:relative;overflow:visible;transition:transform 220ms cubic-bezier(.22,.61,.36,1),background-color 180ms}
body.era-theme .era-film-play:focus-visible>.story-film-symbol{transform:scale(1.08);background:#ffffff32}
body.era-theme .k-modal-close,body.era-theme [data-era-close]{transition:transform 180ms,background-color 180ms}
body.era-theme .k-modal-close:focus-visible{outline:2px solid currentColor;outline-offset:2px;transform:rotate(90deg)}
@media(hover:hover){
 body.era-theme .story-control:hover .story-control-line{transform:translateY(-125%)}
 body.era-theme .story-control:hover .story-control-copy{transform:translateY(0);opacity:1}
 body.era-theme .story-control:hover .story-ring-draw{stroke-dasharray:100 0;transform:rotate(20deg)}
 body.era-theme .story-control:hover .story-control-icon i{transform:translate(2px,-2px)}
 body.era-theme .story-control-explain:hover .story-control-icon i{transform:rotate(90deg)}
 body.era-theme .era-menu-button:hover:before{opacity:.35;transform:scale(1)}
 body.era-theme .k-tabs [role=tab]:hover:after{transform:scaleX(1)}
 body.era-theme .era-film-play:hover>.story-film-symbol{transform:scale(1.08);background:#ffffff32}
 body.era-theme .k-modal-close:hover{transform:rotate(90deg);background:#dce5d1}
}
@media(prefers-reduced-motion:reduce){
 body.era-theme .story-control-line,body.era-theme .story-ring-draw,body.era-theme .story-control-icon i,body.era-theme .era-menu-button:before,body.era-theme .era-menu-button>span,body.era-theme .k-tabs [role=tab]:after{transition:none!important}
 body.era-theme .story-control .story-control-line{transform:none!important}
 body.era-theme .story-control .story-control-copy{display:none!important}
 body.era-theme .story-control:hover .story-control-icon i,body.era-theme .story-control:focus-visible .story-control-icon i{transform:none}
 body.era-theme .era-film-play:hover>.story-film-symbol,body.era-theme .era-film-play:focus-visible>.story-film-symbol{transform:none}
}
html:not(.m-on) body.motion-home .story-control-line,html:not(.m-on) body.motion-home .story-ring-draw,html:not(.m-on) body.motion-home .story-control-icon i{transition:none}
html:not(.m-on) body.motion-home .story-control .story-control-line{transform:none!important}
html:not(.m-on) body.motion-home .story-control .story-control-copy{display:none!important}

/* Only the surface moves. The link's bounding box and focus outline stay put. */
body.era-theme .story-magnetic-surface{transform:var(--story-magnetic-transform,none)!important;transform-origin:center;transition:color 180ms,background-color 180ms!important;pointer-events:none}
body.era-theme .story-control.story-magnetic-engaged .story-ring-draw{stroke-dasharray:100 0;transform:rotate(45deg)}
body.era-theme .story-control.story-magnetic-engaged>.story-control-icon{background:#183b32;color:#fff}
body.era-theme .story-control-solid.story-magnetic-engaged>.story-control-icon{background:#2c5b49}
body.era-theme [data-world-control]:focus-visible{outline:2px solid currentColor;outline-offset:8px;border-radius:50%}
body.era-theme .story-control:active{transform:none!important}
body.era-theme .r-world-circle.story-magnetic-surface{transition:background-color 180ms,color 180ms,border-color 180ms!important}
body.era-theme [data-world-control]:is(.story-magnetic-engaged,:focus-visible) .r-world-circle{background:#f3f0e8;color:#183b32;border-color:#f3f0e8}
body.era-theme [data-world-control]:is(.story-magnetic-engaged,:focus-visible) :is(.r-world-number,.r-world-arrow){color:inherit}
body.era-theme .story-step-controls button.story-control{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0;min-height:44px;min-width:96px;border:0!important;background:transparent!important;color:#254a32;box-shadow:none!important}
body.era-theme .story-step-controls button.story-control>.story-control-icon{width:44px;height:44px;flex-basis:44px;font-size:22px}
body.era-theme .story-step-controls button.story-control[data-story-prev]{flex-direction:row-reverse}
body.era-theme .story-step-controls button.story-control:disabled{opacity:.4;cursor:default}
body.era-theme .story-step-controls button.story-control:disabled .story-control-line{transform:none!important}
body.era-theme .story-step-controls button.story-control:disabled .story-control-copy{display:none!important}
body.era-theme .story-step-controls button.story-control:disabled .story-magnetic-surface{transform:none!important}
@media(max-width:600px){
 body.era-theme .story-control{gap:13px}
 body.era-theme .story-control>.story-control-icon{width:46px;height:46px;flex-basis:46px;font-size:21px}
 body.era-theme .story-control-solid>.story-control-icon{width:56px;height:56px;flex-basis:56px}
 body.era-theme .story-step-controls button.story-control{gap:6px;min-width:86px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 body.era-theme .story-magnetic-surface{transform:none!important;transition:none!important}
}
html:not(.m-on) body.motion-home .story-magnetic-surface{transform:none!important;transition:none!important}