/* R10 optical finish v2. Only decorative light; no scene/copy/layout changes. */
#experience > .grain {
 display:block;position:absolute;inset:-3px;z-index:3;pointer-events:none;opacity:.14;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' seed='23' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 .85 0 0 0 0 .9 0 0 0 0 .8 .22 0 0 0 0'/%3E%3C/filter%3E%3Cpath d='M0 0h192v192H0z' filter='url(%23n)'/%3E%3C/svg%3E");
 animation:fm-grain 2.4s steps(6,end) infinite;animation-play-state:var(--fm-play,paused);
}
@keyframes fm-grain {0%,100%{transform:translate3d(0,0,0)}25%{transform:translate3d(.4px,-.5px,0)}50%{transform:translate3d(-.5px,.35px,0)}75%{transform:translate3d(.6px,.4px,0)}}

/* Two short grazing arcs, never a screen frame or an extra ring around UU. */
#experience::before,#experience::after {
 content:"";position:absolute;width:184px;height:184px;top:calc(50% - 92px);z-index:3;pointer-events:none;border-radius:50%;opacity:0;
 background:conic-gradient(from 14deg,transparent 0deg 44deg,#7FE0CF08 55deg,#7FE0CF77 90deg,#FFE2A6 111deg,#3CE0FFCC 113deg,transparent 116deg 360deg);
 mask:radial-gradient(closest-side,transparent calc(100% - 2px),#000 calc(100% - 1.2px),#000 calc(100% - .5px),transparent 100%);
 animation:var(--fm-scan,none) 520ms cubic-bezier(.17,.64,.25,1) both;animation-play-state:var(--fm-play,paused);
}
#experience::before{left:-157px;--fm-arc-start:-62deg;--fm-arc-end:34deg}
#experience::after{right:-157px;--fm-arc-start:118deg;--fm-arc-end:214deg}
@keyframes fm-world-scan {0%{transform:rotate(var(--fm-arc-start));opacity:0}22%{opacity:.85}76%{opacity:.45}100%{transform:rotate(var(--fm-arc-end));opacity:0}}
@media(max-width:700px){#experience::before,#experience::after{width:112px;height:112px;top:calc(50% - 56px)}#experience::before{left:-102px}#experience::after{right:-102px}}

/* Plain text controls remain unframed. Only the existing capsule and CTA carry
 * metal surfaces. No drawn rectangles around invisible click targets. */
#experience :is(.top-right,.top-right>a,#menu,footer .controls>button,#site-info,#site-dialog .site-menu>a){position:relative}
#experience :where(.top-right,.top-right>a,#menu,#enter,footer .controls>button,#site-info,#site-dialog .site-menu>a,#site-dialog .dialog-close){
 --fm-energy:.14;--fm-length:28px;--fm-graze-width:min(24px,calc(var(--fm-w,32px)*.55));--fm-curve:clamp(1px,var(--fm-r,1px),calc(var(--fm-h,32px)/2 - 1px));
}
#experience .top-right {--fm-energy:.32;--fm-length:38px;box-shadow:inset 0 1px 0 #FFE2A62A,inset 0 -1px 0 #7FE0CF0F,inset 1px 0 0 #E8BB6708,inset -1px 0 0 #3CE0FF08,0 5px 22px #0000001A}
#experience .top-right .nav-register {--fm-energy:.55;--fm-length:30px;box-shadow:inset 0 1px 0 #FFE2A639,inset 0 -1px 0 #7FE0CF18,inset 1px 0 0 #E8BB670D,inset -1px 0 0 #3CE0FF0A}
#experience #enter {--fm-energy:.95;--fm-length:44px;box-shadow:inset 0 1px 0 #FFE2A678,inset 0 2px 0 #E8BB6715,inset 0 -1px 0 #7FE0CF30,inset 1px 0 0 #E8BB671A,inset -1px 0 0 #3CE0FF14,0 1px 0 #000A,0 10px 34px #0008,0 0 12px #7FE0CF10}
#experience #enter,#experience #enter:is(:hover,:active,:focus-visible),#experience #enter .entry-arrow,#experience #enter:is(:hover,:active,:focus-visible) .entry-arrow {
 transform:none!important;translate:none!important;scale:none!important;rotate:none!important;transition:none!important;
}
#experience #enter:not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible) {box-shadow:inset 0 1px 0 #FFE2A6B3,inset 0 2px 0 #E8BB6729,inset 0 -1px 0 #7FE0CF4A,inset 1px 0 0 #E8BB6726,inset -1px 0 0 #3CE0FF20,0 1px 0 #000A,0 10px 34px #0008,0 0 16px #7FE0CF20}
/* Original R10 timed CTA entry-sweep ::before remains untouched. */
#experience :where(.top-right,.nav-register,#enter)::after {
 content:"";position:absolute;left:0;top:0;width:var(--fm-length);height:1px;pointer-events:none;z-index:2;transform-origin:100% 50%;
 background:linear-gradient(90deg,transparent 0%,#7FE0CF06 14%,#7FE0CF2A 48%,#E8BB6766 77%,#FFE2A6D9 92%,#FFE2A6 97%,#3CE0FF55 100%);
 box-shadow:0 0 3px #FFE2A64D,0 0 6px #7FE0CF1F;
 opacity:var(--fm-energy);animation:fm-edge 3.5s linear var(--fm-delay,0s) infinite;animation-play-state:var(--fm-play,paused);
}
/* Links carry a grazing reflection along their existing lower edge, quiet
 * by default and explicit under a pointer/focus. Their shapes remain open. */
#experience :is(.top-right>a:not(.nav-register),#menu,footer .controls>button,#site-info,#site-dialog .site-menu>a,#site-dialog .dialog-close)::after {
 content:"";position:absolute;left:0;bottom:0;height:1px;width:var(--fm-graze-width);pointer-events:none;opacity:var(--fm-energy);transform-origin:100% 50%;
 background:linear-gradient(90deg,transparent,#7FE0CF26 40%,#E8BB675C 74%,#FFE2A6B3 93%,transparent);
 animation:fm-graze 3.5s cubic-bezier(.25,.1,.25,1) var(--fm-delay,0s) infinite;animation-play-state:var(--fm-play,paused);
}
#experience :is(.top-right>a,#menu,#enter,footer .controls>button,#site-info,#site-dialog .site-menu>a,#site-dialog .dialog-close):not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible) {--fm-energy:.95}
/* Focus reveals the light at its current position, without restarting every
 * control's loop or moving the label. The original focus indicator survives. */
@media(prefers-reduced-motion:no-preference){
 #experience :is(.top-right>a,#menu,#enter,footer .controls>button,#site-info,#site-dialog .site-menu>a,#site-dialog .dialog-close):not(:disabled):not([aria-disabled="true"]):not([style*="--fm-gesture: active"]):is(:hover,:focus-visible)::after {opacity:.95!important;box-shadow:0 0 3px #FFE2A680,0 0 7px #7FE0CF30}
}
/* Light trail compresses through each corner. The bright head stays on the
 * actual rounded perimeter; there is no rotation of a rectangular frame. */
@keyframes fm-edge {
 0% {transform:translate(var(--fm-curve),1px) translate(-100%,-50%) rotate(0deg) scaleX(.3);opacity:calc(var(--fm-energy)*.45)}
 6% {transform:translate(calc(var(--fm-curve) + 28px),1px) translate(-100%,-50%) rotate(0deg) scaleX(1);opacity:var(--fm-energy)}
 26% {transform:translate(calc(var(--fm-w) - var(--fm-curve)),1px) translate(-100%,-50%) rotate(0deg) scaleX(1);opacity:var(--fm-energy)}
 29% {transform:translate(calc(var(--fm-w) - var(--fm-curve)*.293),calc(var(--fm-curve)*.293)) translate(-100%,-50%) rotate(45deg) scaleX(.3);opacity:calc(var(--fm-energy)*.68)}
 32% {transform:translate(calc(var(--fm-w) - 1px),var(--fm-curve)) translate(-100%,-50%) rotate(90deg) scaleX(.3);opacity:calc(var(--fm-energy)*.45)}
 44% {transform:translate(calc(var(--fm-w) - 1px),calc(var(--fm-h) - var(--fm-curve))) translate(-100%,-50%) rotate(90deg) scaleX(.5);opacity:calc(var(--fm-energy)*.32)}
 47% {transform:translate(calc(var(--fm-w) - var(--fm-curve)*.293),calc(var(--fm-h) - var(--fm-curve)*.293)) translate(-100%,-50%) rotate(135deg) scaleX(.3);opacity:calc(var(--fm-energy)*.4)}
 50% {transform:translate(calc(var(--fm-w) - var(--fm-curve)),calc(var(--fm-h) - 1px)) translate(-100%,-50%) rotate(180deg) scaleX(.3);opacity:calc(var(--fm-energy)*.55)}
 56% {transform:translate(calc(var(--fm-w) - var(--fm-curve) - 28px),calc(var(--fm-h) - 1px)) translate(-100%,-50%) rotate(180deg) scaleX(1);opacity:calc(var(--fm-energy)*.65)}
 76% {transform:translate(var(--fm-curve),calc(var(--fm-h) - 1px)) translate(-100%,-50%) rotate(180deg) scaleX(1);opacity:calc(var(--fm-energy)*.48)}
 79% {transform:translate(calc(var(--fm-curve)*.293),calc(var(--fm-h) - var(--fm-curve)*.293)) translate(-100%,-50%) rotate(225deg) scaleX(.3);opacity:calc(var(--fm-energy)*.3)}
 82% {transform:translate(1px,calc(var(--fm-h) - var(--fm-curve))) translate(-100%,-50%) rotate(270deg) scaleX(.3);opacity:calc(var(--fm-energy)*.2)}
 94% {transform:translate(1px,var(--fm-curve)) translate(-100%,-50%) rotate(270deg) scaleX(.5);opacity:calc(var(--fm-energy)*.25)}
 97% {transform:translate(calc(var(--fm-curve)*.293),calc(var(--fm-curve)*.293)) translate(-100%,-50%) rotate(315deg) scaleX(.3);opacity:calc(var(--fm-energy)*.35)}
 100% {transform:translate(var(--fm-curve),1px) translate(-100%,-50%) rotate(360deg) scaleX(.3);opacity:calc(var(--fm-energy)*.45)}
}
@keyframes fm-graze {0%,16%{transform:translateX(0) scaleX(.25);opacity:0}38%{opacity:var(--fm-energy)}66%{opacity:calc(var(--fm-energy)*.6)}100%{transform:translateX(calc(var(--fm-w,32px) - var(--fm-graze-width))) scaleX(.55);opacity:0}}
/* A separate travelling press glint lasts exactly 180 ms. Once removed, CTA
 * ::before immediately reverts to the original R10 entrance sweep. */
#experience :is(.top-right>a,#menu,#enter,footer .controls>button,#site-info,#site-dialog .site-menu>a,#site-dialog .dialog-close):not(:disabled):not([aria-disabled="true"])[style*="--fm-press: fm-press"]::before {
 --fm-press-width:min(14px,calc(var(--fm-w,32px)*.18));content:"";position:absolute;inset:auto;left:2px;top:16%;width:var(--fm-press-width);height:68%;pointer-events:none;z-index:0;transform-origin:50% 50%;
 background:linear-gradient(100deg,transparent 4%,#7FE0CF0A 31%,#E8BB6747 61%,#FFE2A6AD 76%,#7FE0CF5C 81%,transparent 96%);
 mask:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);
 box-shadow:none;animation:fm-press-sweep 180ms cubic-bezier(.18,.68,.22,1) both;animation-play-state:var(--fm-play,paused);
}
#experience #enter[style*="--fm-press: fm-press"]::before{z-index:-1}
@keyframes fm-press-sweep {0%{transform:translateX(0) scale(.18,.4);opacity:0}18%{transform:translateX(0) scale(.38,.72);opacity:.95}72%{opacity:.72}100%{transform:translateX(calc(var(--fm-w,32px) - var(--fm-press-width) - 4px)) scale(1,1);opacity:0}}
#experience :is(a,button):is(:disabled,[aria-disabled="true"])::before,#experience :is(a,button):is(:disabled,[aria-disabled="true"])::after {animation:none!important;opacity:0!important;box-shadow:none}
@media(prefers-reduced-motion:reduce){
 #experience>.grain,#experience::before,#experience::after,#experience :is(.top-right,.top-right>a,#menu,#enter,footer .controls>button,#site-info,#site-dialog .site-menu>a,#site-dialog .dialog-close)::after,#experience [style*="--fm-press: fm-press"]::before {animation:none!important;animation-play-state:paused!important}
 #experience::before,#experience::after,#experience :is(.top-right,.top-right>a,#menu,#enter,footer .controls>button,#site-info,#site-dialog .site-menu>a,#site-dialog .dialog-close)::after,#experience [style*="--fm-press: fm-press"]::before{opacity:0!important}
}

/* FM4 — one optical gesture: charge, transfer, receive. No content or geometry. */
#experience :is(.top-right>a,#menu,footer .controls>button,#site-info,#site-dialog .site-menu>a,#site-dialog .dialog-close){isolation:isolate}
#experience #enter {
 --fm-energy:1;--fm-length:62px;
 background:radial-gradient(ellipse at 8% 50%,#2d74673d,transparent 29%) padding-box,
  linear-gradient(112deg,#0b2928f5 0%,#103432f5 38%,#102825f7 75%,#0b201ff7 100%) padding-box,
  linear-gradient(128deg,#edf4dfae,#527d7170 34%,#315f5b78 61%,#b7dacead) border-box;
 box-shadow:inset 0 1px 0 #f4f6dd80,inset 0 2px 0 #f4f6dd14,inset 0 -1px 0 #7FE0CF5C,inset 1px 0 0 #9ecbb43d,inset -1px 0 0 #3CE0FF30,0 1px 0 #000C,0 10px 34px #0008,0 0 18px #7FE0CF13;
}
#experience #enter:not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible) {
 box-shadow:inset 0 1px 0 #f6f7e4BE,inset 0 2px 0 #f4f6dd24,inset 0 -1px 0 #7FE0CF91,inset 1px 0 0 #9ecbb456,inset -1px 0 0 #3CE0FF58,0 1px 0 #000C,0 10px 34px #0008,0 0 25px #7FE0CF26;
}
#experience #enter::after {
 background:linear-gradient(90deg,transparent,#3CE0FF12 16%,#7FE0CF48 52%,#7FE0CFB0 79%,#F5FFF0 94%,#FFE2A6 98%,transparent);
 box-shadow:0 0 4px #a0fbe4AA,0 0 10px #3CE0FF44;
}
#experience .top-right {
 background:linear-gradient(112deg,#081b18ed,#101e1bed 56%,#20302ae8);
 box-shadow:inset 0 1px 0 #d4e9ce45,inset 0 -1px 0 #7FE0CF24,0 6px 25px #0005;
}
#experience .top-right .nav-register {
 --fm-energy:.75;--fm-length:38px;
 background:linear-gradient(125deg,#91c4b51f,#15383280 49%,#263c3180);
 box-shadow:inset 0 1px 0 #eff6db75,inset 0 2px 0 #eff6db12,inset 0 -1px 0 #7FE0CF56,inset 1px 0 0 #E8BB6726;
}
#experience :is(.top-right>a:not(.nav-register),#menu,footer .controls>button,#site-info,#site-dialog .site-menu>a,#site-dialog .dialog-close) {--fm-energy:.26}
#experience :is(.top-right,.nav-register)::after {
 background:linear-gradient(90deg,transparent,#7FE0CF20 32%,#7FE0CF83 78%,#F4F7DFE6 94%,#FFE2A6 99%,transparent);
}
#experience #enter .entry-signal {position:relative;isolation:isolate;box-shadow:0 0 5px #f4ffdf99,0 0 14px #7FE0CFB0,0 0 24px #3CE0FF26}
#experience #enter .entry-signal::before {
 content:"";position:absolute;pointer-events:none;left:-10px;top:-10px;width:24px;height:24px;border-radius:50%;opacity:.64;
 background:conic-gradient(from 25deg,transparent 0deg 27deg,#7FE0CF14 38deg,#7FE0CFBD 92deg,#f5ffea 102deg,transparent 104deg 199deg,#E8BB6733 201deg 246deg,transparent 248deg);
 mask:radial-gradient(closest-side,transparent calc(100% - 1px),#000 calc(100% - .75px),#000 calc(100% - .25px),transparent 100%);
 animation:fm-nucleus 3.5s linear infinite;animation-play-state:var(--fm-play,paused);
}
#experience #enter .entry-signal::after {
 content:"";position:absolute;pointer-events:none;left:-16px;top:-16px;width:36px;height:36px;border-radius:50%;opacity:0;
 background:radial-gradient(circle,#efffe6B0 0%,#7FE0CF75 12%,#3CE0FF24 30%,transparent 69%);
}
#experience #enter .entry-arrow {
 position:relative;isolation:isolate;overflow:hidden;
 background:radial-gradient(ellipse at 90% 0%,#b0ead82e,transparent 70%),linear-gradient(145deg,#243e38,#122d2a);
 box-shadow:inset 0 1px 0 #e8f8dd52,inset 0 -1px 0 #3CE0FF2F,0 0 12px #7FE0CF0D;
}
#experience #enter .entry-arrow::before {
 content:"";position:absolute;pointer-events:none;inset:0;border-radius:inherit;z-index:-1;opacity:.22;
 background:radial-gradient(ellipse at 100% 0%,#e8fff466,transparent 72%);
 box-shadow:inset 0 0 0 1px #b1ffe1B0,inset 0 0 12px #3CE0FF35;
}
#experience #enter .entry-arrow::after {
 content:"";position:absolute;pointer-events:none;left:-12px;top:-15%;height:130%;width:14px;z-index:-1;opacity:0;
 background:linear-gradient(90deg,transparent,#7FE0CF32 24%,#efffe4B0 70%,transparent);
}
/* The relay travels below the label. The original R10 entry sweep is used at rest. */
#experience #enter[style*="--fm-gesture: active"]::before {
 content:"";position:absolute;pointer-events:none;inset:auto;left:24px;bottom:8px;width:34%;height:1.5px;z-index:-1;opacity:0;
 background:linear-gradient(90deg,transparent,#3CE0FF15 16%,#7FE0CF7D 62%,#F2FFE9F0 93%,#FFE2A6 98%,transparent);
 box-shadow:0 0 6px #7FE0CF94,0 0 15px #3CE0FF3D;
 animation:fm-transfer 720ms cubic-bezier(.18,.6,.27,1) both;animation-play-state:var(--fm-play,paused);
}
#experience #enter[style*="--fm-gesture: active"] .entry-signal::after {animation:fm-charge 720ms linear both;animation-play-state:var(--fm-play,paused)}
#experience #enter[style*="--fm-gesture: active"] .entry-arrow::before {animation:fm-receive 720ms linear both;animation-play-state:var(--fm-play,paused)}
#experience #enter[style*="--fm-gesture: active"] .entry-arrow::after {animation:fm-socket-scan 720ms cubic-bezier(.19,.69,.28,1) both;animation-play-state:var(--fm-play,paused)}
#experience :is(.top-right>a,#menu,footer .controls>button,#site-info,#site-dialog .site-menu>a,#site-dialog .dialog-close)[style*="--fm-gesture: active"]::before {
 content:"";position:absolute;pointer-events:none;inset:0;z-index:-1;border-radius:inherit;opacity:0;
 background:radial-gradient(ellipse at 50% 100%,#7FE0CF26,transparent 76%);
 animation:fm-control-charge 720ms ease-out both;animation-play-state:var(--fm-play,paused);
}
#experience :is(.top-right>a:not(.nav-register),#menu,footer .controls>button,#site-info,#site-dialog .site-menu>a,#site-dialog .dialog-close)[style*="--fm-gesture: active"]::after {
 animation:fm-control-transfer 720ms cubic-bezier(.18,.6,.27,1) both;animation-play-state:var(--fm-play,paused);
 box-shadow:0 0 4px #7FE0CFA0,0 0 9px #3CE0FF40;
}
#experience .top-right .nav-register[style*="--fm-gesture: active"]::after {animation:fm-register-response 720ms cubic-bezier(.18,.6,.27,1) both;animation-play-state:var(--fm-play,paused)}
/* Native actions run on the original click. Press light never controls navigation. */
#experience :is(.top-right>a,#menu,#enter,footer .controls>button,#site-info,#site-dialog .site-menu>a,#site-dialog .dialog-close):not(:disabled):not([aria-disabled="true"])[style*="--fm-press: fm-press"]::before {
 --fm-press-width:min(18px,calc(var(--fm-w,32px)*.2));z-index:-1;inset:auto;left:2px;top:10%;bottom:auto;width:var(--fm-press-width);height:80%;border-radius:0;
 background:linear-gradient(100deg,transparent,#7FE0CF2A 35%,#E9FFE6AD 72%,#3CE0FF77 80%,transparent);
 mask:linear-gradient(180deg,transparent,#000 25%,#000 75%,transparent);
 box-shadow:none;animation:fm-press-sweep 180ms cubic-bezier(.18,.68,.22,1) both;animation-play-state:var(--fm-play,paused);
}
#experience #enter[style*="--fm-press: fm-press"] .entry-signal::after {animation:fm-impact 180ms ease-out both;animation-play-state:var(--fm-play,paused)}
#experience #enter[style*="--fm-press: fm-press"] .entry-arrow::before {animation:fm-impact 180ms ease-out both;animation-play-state:var(--fm-play,paused)}
@keyframes fm-nucleus {to{transform:rotate(360deg)}}
@keyframes fm-charge {0%{transform:scale(.55);opacity:0}14%{transform:scale(1);opacity:.95}29%{transform:scale(.7);opacity:.55}65%,100%{transform:scale(1.2);opacity:0}}
@keyframes fm-transfer {0%,12%{transform:translateX(-110%) scaleX(.4);opacity:0}24%{opacity:1}64%{opacity:.9}82%,100%{transform:translateX(calc(var(--fm-w) - 65px)) scaleX(.7);opacity:0}}
@keyframes fm-receive {0%,40%{opacity:.22}63%{opacity:1}79%{opacity:.68}100%{opacity:.22}}
@keyframes fm-socket-scan {0%,42%{transform:translateX(0) skewX(-15deg);opacity:0}56%{opacity:1}86%,100%{transform:translateX(60px) skewX(-15deg);opacity:0}}
@keyframes fm-control-charge {0%{transform:scaleX(.35);opacity:0}27%{opacity:.9}60%{transform:scaleX(1);opacity:.7}100%{transform:scaleX(1);opacity:0}}
@keyframes fm-control-transfer {0%,12%{transform:translateX(0) scaleX(.2);opacity:0}30%{opacity:1}70%{opacity:.9}100%{transform:translateX(calc(var(--fm-w,32px) - var(--fm-graze-width))) scaleX(.65);opacity:0}}
@keyframes fm-impact {0%{transform:scale(.8);opacity:.2}30%{transform:scale(1);opacity:1}100%{transform:scale(1.06);opacity:.22}}
/* Decorative children obey the same explicit stop/disable rules as their owner. */
#experience #enter:is(:disabled,[aria-disabled="true"]) :is(.entry-signal,.entry-arrow)::before,
#experience #enter:is(:disabled,[aria-disabled="true"]) :is(.entry-signal,.entry-arrow)::after {animation:none!important;opacity:0!important}
@media(prefers-reduced-motion:reduce){
 #experience #enter .entry-signal::before,#experience #enter .entry-signal::after,#experience #enter .entry-arrow::before,#experience #enter .entry-arrow::after,
 #experience [style*="--fm-gesture: active"]::before,#experience [style*="--fm-gesture: active"]::after {animation:none!important;animation-play-state:paused!important;opacity:0!important}
}

/* Separate name starts a fresh, finite response rather than retiming the idle loop. */
@keyframes fm-register-response {
 0% {transform:translate(var(--fm-curve),1px) translate(-100%,-50%) rotate(0deg) scaleX(.3);opacity:calc(var(--fm-energy)*.45)}
 6% {transform:translate(calc(var(--fm-curve) + 28px),1px) translate(-100%,-50%) rotate(0deg) scaleX(1);opacity:var(--fm-energy)}
 26% {transform:translate(calc(var(--fm-w) - var(--fm-curve)),1px) translate(-100%,-50%) rotate(0deg) scaleX(1);opacity:var(--fm-energy)}
 29% {transform:translate(calc(var(--fm-w) - var(--fm-curve)*.293),calc(var(--fm-curve)*.293)) translate(-100%,-50%) rotate(45deg) scaleX(.3);opacity:calc(var(--fm-energy)*.68)}
 32% {transform:translate(calc(var(--fm-w) - 1px),var(--fm-curve)) translate(-100%,-50%) rotate(90deg) scaleX(.3);opacity:calc(var(--fm-energy)*.45)}
 44% {transform:translate(calc(var(--fm-w) - 1px),calc(var(--fm-h) - var(--fm-curve))) translate(-100%,-50%) rotate(90deg) scaleX(.5);opacity:calc(var(--fm-energy)*.32)}
 47% {transform:translate(calc(var(--fm-w) - var(--fm-curve)*.293),calc(var(--fm-h) - var(--fm-curve)*.293)) translate(-100%,-50%) rotate(135deg) scaleX(.3);opacity:calc(var(--fm-energy)*.4)}
 50% {transform:translate(calc(var(--fm-w) - var(--fm-curve)),calc(var(--fm-h) - 1px)) translate(-100%,-50%) rotate(180deg) scaleX(.3);opacity:calc(var(--fm-energy)*.55)}
 56% {transform:translate(calc(var(--fm-w) - var(--fm-curve) - 28px),calc(var(--fm-h) - 1px)) translate(-100%,-50%) rotate(180deg) scaleX(1);opacity:calc(var(--fm-energy)*.65)}
 76% {transform:translate(var(--fm-curve),calc(var(--fm-h) - 1px)) translate(-100%,-50%) rotate(180deg) scaleX(1);opacity:calc(var(--fm-energy)*.48)}
 79% {transform:translate(calc(var(--fm-curve)*.293),calc(var(--fm-h) - var(--fm-curve)*.293)) translate(-100%,-50%) rotate(225deg) scaleX(.3);opacity:calc(var(--fm-energy)*.3)}
 82% {transform:translate(1px,calc(var(--fm-h) - var(--fm-curve))) translate(-100%,-50%) rotate(270deg) scaleX(.3);opacity:calc(var(--fm-energy)*.2)}
 94% {transform:translate(1px,var(--fm-curve)) translate(-100%,-50%) rotate(270deg) scaleX(.5);opacity:calc(var(--fm-energy)*.25)}
 97% {transform:translate(calc(var(--fm-curve)*.293),calc(var(--fm-curve)*.293)) translate(-100%,-50%) rotate(315deg) scaleX(.3);opacity:calc(var(--fm-energy)*.35)}
 100% {transform:translate(var(--fm-curve),1px) translate(-100%,-50%) rotate(360deg) scaleX(.3);opacity:calc(var(--fm-energy)*.45)}
}

/* Approved typography material retained on the restored homepage. */
#experience :is(.story-copy h2 strong,.uu-copy #uu-promise strong){color:#E8BB67}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 #experience .story-copy h2 strong,
 #experience .uu-copy #uu-promise strong,
 #experience body[data-chapter="3"] .story-copy h2 strong,
 body[data-chapter="3"] #experience .story-copy h2 strong{
  background:linear-gradient(176deg,#fff1c0 0%,#e4b55f 28%,#fff8da 45%,#efca7a 54%,#b98136 78%,#f5d794 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  text-shadow:none;
 }
}