.yu-site .selected-panel{transform:none!important}
.yu-site main .motion-text.motion-text .motion-text-run{display:inline;margin:0;padding:0}
.yu-site main .motion-text.motion-text .motion-word-mask{display:inline-block;vertical-align:baseline;overflow:clip;padding:.1em 0 .12em;margin:-.1em 0 -.12em;line-height:inherit}
.yu-site main .motion-text.motion-text .motion-word{display:inline-block;vertical-align:baseline;margin:0;padding:0;line-height:inherit;transform-origin:50% 100%}
.yu-site .motion-section{position:relative;isolation:isolate}
.yu-site .section-wipe{position:absolute;z-index:6;left:0;right:0;top:0;height:min(46svh,460px);background:var(--wipe-color,#111);border-radius:0 0 24px 24px;transform-origin:50% 0;pointer-events:none;box-shadow:0 20px 35px #0002}
.yu-site .story-project{--story-accent:#eee2f3;--story-ink:#411d55;padding-top:100px;scroll-margin-top:25px}
.yu-site .feature-health.story-project{--story-accent:#f8dce5;--story-ink:#652b43}
.yu-site .feature-industry.story-project{--story-accent:#e9ebed;--story-ink:#242424}
.yu-site .story-visual{display:none}
.yu-site .story-step{padding:36px 0;border-top:1px solid #1112;scroll-margin-top:100px}
.yu-site .story-step h4{font-size:clamp(23px,2.25vw,35px);font-weight:500;line-height:1.5;letter-spacing:-.035em;margin:16px 0 24px}
.yu-site .story-step>p{font-size:15px;line-height:1.95;color:#383838}
.yu-site .story-step .story-step-index{font-size:11px;letter-spacing:.05em;color:#65526a}
.yu-site .story-step .story-evidence{font-size:12px;line-height:1.8;color:#69636b;border-top:1px solid #1112;padding-top:17px;margin-top:24px}
.yu-site .story-step .text-link{font-size:12px;align-self:flex-start;margin-top:22px}
.yu-site .story-inline{max-width:820px;margin:30px 0}
.yu-site .story-inline>img{width:100%;max-height:520px;object-fit:cover;object-position:top}
.yu-site .story-inline-2>img{width:240px;max-height:580px}
.yu-site .story-inline figcaption{font-size:11px;margin-top:12px;color:#555}
.yu-site .story-enhanced .story-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:clamp(25px,4vw,70px);align-items:start}
.yu-site .story-enhanced .story-visual{display:block;position:sticky;top:96px;min-width:0;padding-top:0;background:var(--white);z-index:2}
.yu-site .story-enhanced .story-stage{height:clamp(400px,66svh,740px);position:relative;background:radial-gradient(circle,#c9c5cc .6px,transparent .9px) 0 0/13px 13px;border-radius:16px}
.yu-site .story-stack{position:absolute;left:50%;top:14%;width:65%;height:80%;transform:translateX(-50%);perspective:1200px}
.yu-site .story-card{position:absolute;inset:0;background:#fff;border:1px solid #e1dfe2;border-radius:10px;box-shadow:0 9px 25px #24192d12;padding:11px;display:flex;flex-direction:column;transform-origin:50% 90%;overflow:hidden;backface-visibility:hidden}
.yu-site .story-card-window{position:relative;flex:1;overflow:hidden;min-height:0;background:var(--story-accent);border-radius:5px}
.yu-site .story-card-window img{width:100%;max-width:none;height:auto}
.yu-site .story-card-1 .story-card-window img{margin-top:var(--story-crop)}
.yu-site .story-card-2 .story-card-window img{width:52%;margin-inline:auto;box-shadow:0 5px 25px #0001}
.yu-site .story-card figcaption{padding:15px 10px 9px;display:flex;flex-direction:column;gap:5px;flex-shrink:0}
.yu-site .story-card figcaption>span{font-size:9px;letter-spacing:.12em;color:#666}
.yu-site .story-card figcaption>strong{font-size:21px;font-weight:450}
.yu-site .story-satellite{position:absolute;background:#fff;padding:6px;border-radius:7px;border:1px solid #d6d3d8;width:25%;box-shadow:0 5px 15px #0001}
.yu-site .story-satellite>div{overflow:hidden;aspect-ratio:.9;border-radius:3px}
.yu-site .story-satellite img{width:100%;height:auto;max-width:none}
.yu-site .story-satellite>span{position:absolute;right:-9px;top:12px;background:#f1f35a;color:#111;padding:5px 8px;font-size:10px;border-radius:3px}
.yu-site .story-satellite-a{left:-1%;top:18%;z-index:4}
.yu-site .story-satellite-a img{margin-top:var(--story-crop)}
.yu-site .story-satellite-b{right:-1%;bottom:8%;z-index:4;width:20%}
.yu-site .story-satellite-b>div{aspect-ratio:.68}
.yu-site .story-controls{display:flex;padding:6px;gap:4px;border:1px solid #e1dfe2;background:#fff;border-radius:9px;margin:15px 0 12px}
.yu-site .story-controls>a{flex:1;min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 4px;font-size:11px;border-radius:5px;line-height:1.4;text-align:center}
.yu-site .story-controls>a>span{font-size:9px;opacity:.7}
.yu-site .story-controls>a[aria-current=step]{background:var(--story-accent);color:var(--story-ink)}
.yu-site .story-status{display:flex;justify-content:space-between;gap:12px;color:#666;font-size:10px;padding-inline:5px}
.yu-site .story-enhanced .story-inline{display:none}
.yu-site .story-enhanced .story-step{min-height:78svh;display:flex;flex-direction:column;justify-content:center;padding:55px 0;border-top:0}
.yu-site .story-enhanced .story-step+.story-step{border-top:1px solid #1112}
.yu-site .story-project .feature-summary{margin-top:35px}
.yu-site .case-scrub{background:#f6f6f6;color:#111;position:relative}
.yu-site .scrub-heading{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin:55px 0 60px}
.yu-site .scrub-heading h2{font-family:var(--font-ui);font-size:clamp(35px,4vw,65px);font-weight:400;line-height:1.3;letter-spacing:-.035em;margin:0}
.yu-site .scrub-heading p{font-size:15px;line-height:1.9;max-width:560px}
.yu-site .scrub-heading p>span{display:block;font-size:12px;color:#6d626a;line-height:1.9;margin-top:16px}
.yu-site .scrub-stage{position:relative;height:clamp(330px,58svh,670px);background:radial-gradient(circle,#c7c3ca .6px,transparent 1px) 0 0/13px 13px;overflow:hidden;border-radius:16px;display:flex;align-items:center;justify-content:center}
.yu-site .scrub-browser{width:78%;background:#fff;border:1px solid #ddd;border-radius:9px;overflow:hidden;box-shadow:0 15px 40px #211e2420}
.yu-site .scrub-browser-bar{height:29px;display:flex;gap:5px;align-items:center;padding:0 12px;background:#f9f9f9;border-bottom:1px solid #ddd}
.yu-site .scrub-browser-bar i{width:5px;height:5px;background:#bbb;border-radius:50%}
.yu-site .scrub-browser-bar span{font-size:9px;margin-left:10px;color:#666}
.yu-site .scrub-window{height:clamp(260px,45svh,530px);overflow:hidden}
.yu-site .scrub-window img{width:100%;height:auto;max-width:none}
.yu-site .scrub-phone{position:absolute;right:8%;bottom:6%;width:min(17%,calc(24.5svh - 40px));border:5px solid #fff;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 45px #211e2430}
.yu-site .scrub-phone-window{aspect-ratio:.49;overflow:hidden}
.yu-site .scrub-phone-window img{width:100%;height:auto}
.yu-site .scrub-phone>span{display:block;text-align:center;font-size:9px;padding:7px 2px;background:#fff;color:#333}
.yu-site .scrub-controller{display:none;margin:15px 0 0;border:1px solid #ddd;border-radius:10px;background:#fff;padding:16px 20px}
.yu-site .scrub-controller label{font-size:11px;color:#555}
.yu-site .scrub-phase{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:6px}
.yu-site .scrub-phase output{font-variant-numeric:tabular-nums;font-size:11px}
.yu-site .scrub-controller input{display:block;width:100%;height:24px;margin:2px 0 3px;accent-color:#4b315c;cursor:ew-resize}
.yu-site .scrub-controller input:focus-visible{outline:3px solid #3155f5;outline-offset:3px}
.yu-site .scrub-stops{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.yu-site .scrub-stops button{border:0;background:none;padding:9px 6px;min-height:40px;font-size:11px}
.yu-site .scrub-stops button[aria-pressed=true]{background:#eee2f3;border-radius:5px}
.yu-site .scrub-stops a{font-size:11px;border-bottom:1px solid #333;padding:7px 0}
.yu-site .scrub-note{font-size:11px;color:#69636b;margin-top:15px;line-height:1.8}
.yu-site .scrub-enhanced .scrub-scene{height:270svh}
.yu-site .scrub-enhanced .scrub-pin{position:sticky;top:70px}
.yu-site .scrub-enhanced .scrub-controller{display:block}
.yu-site .scrub-enhanced .scrub-stage{height:clamp(260px,50svh,620px)}
.yu-site .scrub-enhanced .scrub-window{height:clamp(210px,39svh,480px)}
@media(max-width:1100px){.yu-site .story-enhanced .story-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:30px}.yu-site .story-stack{width:71%}.yu-site .story-card figcaption>strong{font-size:18px}.yu-site .story-satellite>span{font-size:9px}.yu-site .story-step h4{font-size:27px}.yu-site .story-step>p{font-size:14px}}
@media(max-width:800px){.yu-site.reference-home .hero-gallery-panel,.yu-site.reference-home .hero-gallery-panel:nth-child(3){transform:none!important}.yu-site .story-project{padding-top:65px}.yu-site .story-enhanced .story-layout{display:block}.yu-site .story-enhanced .story-visual{top:8px;padding-top:0;border-radius:10px}.yu-site .story-enhanced .story-stage{height:clamp(210px,33svh,310px)}.yu-site .story-stack{width:min(78%,430px);top:13%;height:84%;perspective:none}.yu-site .story-card{padding:7px;border-radius:7px}.yu-site .story-card figcaption{flex-direction:row;align-items:center;gap:12px;padding:8px 5px 2px}.yu-site .story-card figcaption>strong{font-size:15px}.yu-site .story-card figcaption>span{font-size:8px}.yu-site .story-card-2 .story-card-window img{width:52%}.yu-site .story-satellite{display:none}.yu-site .story-controls{margin:8px 0 0;padding:4px}.yu-site .story-controls>a{font-size:10px;gap:4px;min-height:40px}.yu-site .story-status{font-size:9px;padding:7px 3px 9px;background:#f6f6f6}.yu-site .story-enhanced .story-step{min-height:max(68svh,560px);padding:28px 0 60px;justify-content:flex-start;scroll-margin-top:46svh}.yu-site .story-step h4{font-size:26px;margin:12px 0 18px}.yu-site .story-step>p{font-size:14px}.yu-site .story-step .story-evidence{font-size:11px;margin-top:18px;padding-top:15px}.yu-site .story-project .feature-summary{margin-top:0}.yu-site .scrub-heading{grid-template-columns:1fr;gap:25px;margin:35px 0}.yu-site .scrub-heading h2{font-size:37px}.yu-site .scrub-heading p{font-size:14px}.yu-site .scrub-stage{height:320px}.yu-site .scrub-browser{width:88%}.yu-site .scrub-window{height:240px}.yu-site .scrub-phone{right:3%;width:26%;border-width:3px;border-radius:8px}.yu-site .scrub-phone>span{font-size:8px;padding:4px 1px}.yu-site .scrub-enhanced .scrub-scene{height:225svh}.yu-site .scrub-enhanced .scrub-pin{top:14px}.yu-site .scrub-enhanced .scrub-stage{height:36svh;min-height:230px;max-height:350px}.yu-site .scrub-enhanced .scrub-window{height:27svh;min-height:175px;max-height:280px}.yu-site .scrub-controller{padding:12px}.yu-site .scrub-stops{gap:5px}.yu-site .scrub-stops button{font-size:10px;padding-inline:4px}.yu-site .scrub-stops a{font-size:10px}.yu-site .scrub-browser-bar{height:24px;padding:0 8px}.yu-site .scrub-browser-bar span{font-size:8px;margin-left:3px}.yu-site .scrub-note{font-size:10px}.yu-site .section-wipe{border-radius:0 0 14px 14px;box-shadow:0 10px 20px #0001}}
@media(max-height:570px){.yu-site .story-enhanced .story-stage{height:270px}.yu-site .scrub-enhanced .scrub-pin{top:10px}.yu-site .scrub-enhanced .scrub-stage{height:235px}.yu-site .scrub-enhanced .scrub-window{height:175px}.yu-site .scrub-controller{padding:8px 12px}.yu-site .scrub-note{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.yu-site .section-wipe{display:none}.yu-site .story-inline{display:block}.yu-site .story-visual{display:none}.yu-site .scrub-scene{height:auto}.yu-site .scrub-pin{position:static}.yu-site .scrub-controller{display:none}}

.yu-site .story-card-2 .story-card-window img{transform:translateY(var(--story-mobile-pan,0%))}
.yu-site .feature-health .story-satellite-b img{transform:translateY(-85%)}
@media(max-width:800px){.yu-site .story-project .feature-summary>div{flex-wrap:wrap;gap:12px 24px}.yu-site .story-project .feature-summary>div>span{flex-basis:100%}}

.yu-site .story-inline-window{height:480px;overflow:hidden;background:var(--story-accent)}
.yu-site .story-inline-window img{width:100%;height:auto;max-width:none}
.yu-site .story-inline-1 img{margin-top:var(--story-crop)}
.yu-site .story-inline-2 .story-inline-window{width:240px;height:520px}
.yu-site .story-inline-2 img{transform:translateY(var(--story-mobile-pan))}
@media(max-width:800px){.yu-site .story-inline-window{height:300px}.yu-site .story-inline-2 .story-inline-window{width:210px;height:410px}}
