.jy{background:var(--ec-white);height:480vh;position:relative}.jy-stage{isolation:isolate;height:100dvh;position:sticky;top:0;overflow:hidden}.jy-bg,.jy-bg img{width:100%;height:100%;position:absolute;inset:0}.jy-bg img{object-fit:cover;object-position:50% 60%;display:block}.jy-glow{pointer-events:none;background:radial-gradient(60% 50% at 20% 20%,#ffddaa59,#0000 70%),linear-gradient(#fffaf059,#0000 30% 70%,#fff6e899);position:absolute;inset:0}.jy-laptop{z-index:5;filter:drop-shadow(0 30px 40px #50320a59);width:min(52%,84vh);max-width:900px;position:absolute;bottom:5%;right:5%}.jy-lid{background:linear-gradient(#1c2a4a,#0f1e3c);border-radius:14px 14px 4px 4px;padding:2.2% 2.2% 2.6%}.jy-screen{aspect-ratio:16/10;background:#fbf6ee;border-radius:6px;position:relative;overflow:hidden}.jy-screen>*{width:100%;height:100%;position:absolute;inset:0}.jy-shot{object-fit:cover;object-position:top;opacity:0;display:block}.jy-base{background:linear-gradient(#d9dce3,#aeb4c0);border-radius:0 0 14px 14px;height:2.4vw;max-height:26px;margin:0 -3%}.jy-base:after{content:"";background:#0000001f;border-radius:0 0 8px 8px;width:18%;height:35%;margin:0 auto;display:block}.jy-win{background:#fbf6ee;flex-direction:column;display:flex}.jy-win-bar{font:700 .75rem/1 var(--ec-body);color:var(--ec-navy);background:#fff;border-bottom:1px solid #ead9c3;align-items:center;gap:6px;padding:2.2% 3%;display:flex}.jy-win-bar i{background:#e4c9ae;border-radius:50%;width:9px;height:9px}.jy-win-bar span{margin-left:8px}.jy-win-body{flex:1;grid-template-columns:repeat(3,1fr);align-content:center;gap:4%;padding:6% 8%;display:grid}.jy-folder{text-align:center;font:700 clamp(.5rem, .9vw, .85rem)/1.2 var(--ec-body);color:var(--ec-navy);justify-items:center;gap:6px;display:grid}.jy-folder svg{filter:drop-shadow(0 6px 10px #50320a40);width:72%;height:auto}.jy-folder-dim{opacity:.55}.jy-phone{--jy-phone-scale:1;aspect-ratio:9/19;z-index:6;width:min(15%,24vh);min-width:96px;max-width:260px;transform:scale(var(--jy-phone-scale));transform-origin:50% 90%;background:#0f1e3c;border-radius:9%/4.3%;padding:3.2%;position:absolute;bottom:6%;left:8%;box-shadow:0 40px 60px -20px #3c230599,inset 0 0 0 2px #2b3a5c}.jy-phone video{object-fit:cover;background:#000;border-radius:7%/3.4%;width:93.6%;height:93.6%;position:absolute;inset:3.2%}.jy-phone-done{opacity:0}.jy-notch{z-index:2;background:#0f1e3c;border-radius:999px;width:34%;height:2.6%;position:absolute;top:4.5%;left:50%;transform:translate(-50%)}.jy-card{aspect-ratio:9/16;will-change:transform, opacity;pointer-events:none;background:#fff;border-radius:14px;margin:0;padding:4px;position:absolute;top:0;left:0;box-shadow:0 24px 40px -18px #3c23058c,inset 0 2px #fff9}.jy-card video{object-fit:cover;background:#000;border-radius:11px;width:100%;height:100%;display:block}.jy-card figcaption{color:#fff;font:700 .62rem/1.2 var(--ec-body);letter-spacing:.02em;background:#0f1e3cb8;border-radius:999px;padding:3px 8px;position:absolute;bottom:10px;left:10px}.jy-rec{background:var(--ec-red);border-radius:50%;width:9px;height:9px;animation:1.6s ease-in-out infinite jy-blink;position:absolute;top:12px;right:12px;box-shadow:0 0 0 3px #d7263d40}@keyframes jy-blink{0%,to{opacity:1}50%{opacity:.25}}.jy-copy{z-index:8;width:min(46%,600px);transition:opacity .1s linear;position:absolute;top:clamp(84px,12vh,150px)}.jy-copy-left{left:max(20px,5vw)}.jy-copy-right{text-align:left;right:max(20px,5vw)}.jy-kicker{font-family:var(--ec-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ec-red);margin:0 0 14px;font-size:.74rem}.jy-title{color:var(--ec-navy);margin:0 0 .35em;font-size:min(clamp(2.2rem,5.4vw,4.6rem),8.5vh)}.jy-body{color:var(--ec-ink);max-width:36ch;margin:0 0 1em;font-size:min(clamp(1rem,1.5vw,1.3rem),3vh)}.jy-progress{z-index:9;background:#0f1e3c1f;height:3px;position:absolute;top:0;left:0;right:0}.jy-progress span{background:var(--ec-red);transform-origin:0;height:100%;display:block;transform:scaleX(0)}@media (height<=760px) and (width>=861px){.jy-copy{top:72px}.jy-title{margin-bottom:.25em;font-size:min(clamp(2.2rem,5.4vw,4.6rem),7vh)}.jy-body{margin-bottom:.6em;font-size:2.6vh}.jy-kicker{margin-bottom:8px}.jy-laptop{width:min(46%,66vh);bottom:4%}.jy-phone{width:min(13%,19vh)}}@media (width<=860px){.jy{height:420vh}.jy-copy{width:calc(100% - 40px);top:84px;left:20px;right:20px}.jy-copy-right{right:20px}.jy-title{font-size:clamp(1.9rem,8.5vw,2.6rem)}.jy-laptop{width:auto;bottom:7%;left:28%;right:4%}.jy-phone{width:25%;min-width:90px;bottom:10%;left:5%}.jy-folder{font-size:.5rem}.jy-card figcaption{display:none}}.jy-win-shot{object-fit:cover;object-position:top;width:100%;height:100%;display:block;position:absolute;inset:0}.jy-drop{width:52.5%;height:23.5%;position:absolute;top:30.5%;left:1.5%}.jy.jy-auto{border-radius:22px;height:auto;overflow:hidden;box-shadow:0 50px 110px -40px #50320a8c}.jy-auto .jy-stage{aspect-ratio:16/10.4;height:auto;position:relative;container-type:inline-size}.jy-auto .jy-copy,.jy-auto .jy-copy-left,.jy-auto .jy-copy-right{width:90%;top:7%;left:5%;right:auto}.jy-auto .jy-title{margin:0 0 .15em;font-size:5.3cqw}.jy-auto .jy-body{max-width:none;margin:0;font-size:2.7cqw}.jy-auto .jy-laptop{width:62%;max-width:none;bottom:5%;left:auto;right:4%}.jy-auto .jy-base{height:1.7cqw}.jy-auto .jy-phone{width:18%;min-width:0;bottom:5%;left:5%}.jy-auto .jy-card{border-radius:8px;padding:2px}.jy-auto .jy-card video{border-radius:6px}.jy-auto .jy-card figcaption,.jy-auto .jy-rec{display:none}@media (width<=560px){.jy-auto .jy-stage{aspect-ratio:4/3.7}.jy-auto .jy-title{font-size:8.4cqw}.jy-auto .jy-body{font-size:4.2cqw}.jy-auto .jy-laptop{width:auto;bottom:6%;left:26%;right:3%}.jy-auto .jy-phone{width:27%;bottom:6%;left:4%}}