.dc-story{position:relative;height:420vh;background:#fff}.dc-pin{position:sticky;top:0;overflow:hidden;background:white}.dc-pin>.dlh{will-change:opacity}.dc-scene{position:absolute;inset:0;pointer-events:none;z-index:40;opacity:0;font-family:'Driveless Google Sans',Arial,sans-serif}.dc-aura{position:absolute;left:50%;top:49%;width:min(900px,95vw);height:600px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#e7f7ff99,transparent 66%);opacity:.7}.dc-cloud-object{position:absolute;width:min(600px,72vw);aspect-ratio:640/530;left:50%;top:45%;transform:translate(-50%,-50%);filter:drop-shadow(0 16px 32px #4292bc13)}.dc-cloud-back,.dc-cloud-front{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.dc-cloud-front{z-index:4}.dc-drawer-interior,.dc-drawer-front{transform-origin:320px 350px}.dc-flight-layer{position:absolute;inset:0;z-index:3;pointer-events:none}.dc-flight{position:absolute;left:0;top:0;overflow:hidden;border:2px solid white;border-radius:11px;box-shadow:0 12px 28px #20354725;transform-origin:50% 50%;background:#e0f0fa;will-change:transform,opacity}.dc-flight img{width:100%;height:100%;object-fit:cover;display:block}.dc-flight:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#14213b66)}.dc-final{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;opacity:0}.dc-final-mark{width:105px;height:105px;margin:0 auto 14px;display:grid;place-items:center}.dc-final-mark img{width:100%;height:100%}.dc-wordmark{font-size:24px;letter-spacing:-.04em;font-weight:500;color:#20242b;margin:0 0 35px}.dc-final h2{font-size:clamp(38px,5.4vw,72px);font-weight:500;line-height:1.07;letter-spacing:-.035em;margin:0;color:#111}.dc-final h2 span{color:#737373;font-weight:400}.dc-final-detail{font-size:14px;color:#8a8c94;margin:22px 0 0}.dc-status{position:absolute;bottom:12%;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:8px;color:#7a91a0;font-size:12px;letter-spacing:.01em}.dc-status-dot{width:5px;height:5px;border-radius:50%;background:#77aaca}.dc-scroll-hint{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#949ba4;font:9px Arial;letter-spacing:.13em;z-index:50;pointer-events:none}.dc-scroll-hint i{font-size:18px;font-style:normal}.dc-story-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:transparent;z-index:60}.dc-story-progress i{display:block;height:100%;background:#92c6e5;width:0}.dc-transferring .dlh-gallery,.dc-transferring .dlh-actions{pointer-events:none}.dc-transferring ~ .dlh-cursor-badge{display:none}.dc-after{font-family:'Driveless Google Sans',Arial,sans-serif;text-align:center;padding:50px 20px 65px;color:#8c9299;font-size:12px;background:#fff}.dc-after button{display:block;margin:16px auto 0;border:1px solid #dedfe5;background:white;padding:12px 21px;border-radius:30px;color:#424850;font:12px inherit;cursor:pointer}.dc-after button:focus-visible{outline:3px solid #747ad9;outline-offset:4px}@media(max-width:760px){.dc-cloud-object{width:94vw;top:44%}.dc-final h2{font-size:40px}.dc-wordmark{font-size:21px;margin-bottom:27px}.dc-final-mark{width:85px;height:85px}.dc-status{font-size:11px;bottom:15%}.dc-final-detail{font-size:12px}.dc-scroll-hint{font-size:8px;white-space:nowrap}.dc-story{height:360vh}}
.dc-cloud-object{z-index:1}.dc-front-object{z-index:4}.dc-final{z-index:6}.dc-status{z-index:8}
/* Monochrome cloud container: the files remain inside the brand mark. */
.dc-cloud-object{width:min(620px,86vw);aspect-ratio:23/17;filter:none;z-index:1;top:46%}
.dc-cloud-object svg{width:100%;height:100%;display:block;overflow:visible}
.dc-flight-layer{z-index:3}.dc-flight{border-color:#fff;box-shadow:0 5px 12px #17171912;background:#f5f5f5}
.dc-flight:after{display:none}.dc-final{top:52%;transform:none}.dc-wordmark{margin-bottom:22px}
.dc-status{color:#8a8a8a}.dc-status-dot{background:#777}.dc-story-progress i{background:#29292b}
@media(max-width:760px){.dc-cloud-object{width:90vw;top:46%}.dc-final{top:49%}.dc-final h2{font-size:36px}.dc-final-detail{padding:0 24px}.dc-wordmark{margin-bottom:22px}}
/* A compact logo lockup replaces the oversized vertical stack. */
.dc-brand-row{position:absolute;left:50%;top:37%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:13px;z-index:7;white-space:nowrap}
.dc-logo-slot{display:block;width:66px;height:49px;flex-shrink:0}
.dc-brand-row .dc-wordmark{margin:0;font-size:36px;font-weight:500;letter-spacing:-.055em;opacity:0;color:#1b1c20}
.dc-final{top:48%}.dc-flight{box-shadow:0 5px 15px #14191f19;border-radius:10px}
.dc-cloud-object{filter:drop-shadow(0 9px 22px #17171905)}
@media(max-width:760px){.dc-brand-row{top:37%;gap:10px}.dc-logo-slot{width:52px;height:39px}.dc-brand-row .dc-wordmark{font-size:29px}.dc-final{top:47%}.dc-final h2{font-size:36px}}
/* Clear stage separation: small file queue above, cloud below. */
.dc-story{height:340vh}.dc-cloud-outline{z-index:4;filter:none}
.dc-status{bottom:9%}.dc-flight{box-shadow:0 7px 18px #151a2220}
@media(max-width:760px){.dc-story{height:330vh}.dc-status{bottom:12%}}

.dc-file-token{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:linear-gradient(145deg,#fff,#f0f0f3);border:1px solid #e4e4e9!important;border-radius:18px;color:#37373e;box-shadow:0 9px 30px #1b173b12!important;font-family:Arial,sans-serif}.dc-file-token strong{font-size:20px;font-weight:500;letter-spacing:-.8px}.dc-file-token span{font-size:10px;color:#777780}.dc-file-token.dc-bubble{border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#f0eef8);border-color:#e8e5f0!important}@media(max-width:600px){.dc-file-token strong{font-size:16px}.dc-file-token span{font-size:8px}.dc-file-token{gap:4px;border-radius:12px}}

/* Keep the final lockup in one centered, content-sized composition. */
.dc-ending{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:32px 24px;box-sizing:border-box;z-index:6}
.dc-ending .dc-brand-row{position:relative;left:auto;top:auto;transform:none;gap:11px;flex-shrink:0}
.dc-ending .dc-final{position:relative;left:auto;right:auto;top:auto;width:100%;max-width:680px}
.dc-ending .dc-final h2{line-height:1.08;letter-spacing:-.04em}
.dc-ending .dc-final-detail{max-width:480px;margin:24px auto 0;padding:0;font-size:15px;line-height:1.6;color:#85858d;text-wrap:balance}
.dc-ending .dc-logo-slot{width:60px;height:45px}
.dc-ending .dc-wordmark{font-size:34px}
@media(max-width:760px){.dc-ending{gap:26px;padding:28px 22px}.dc-ending .dc-logo-slot{width:48px;height:36px}.dc-ending .dc-wordmark{font-size:28px}.dc-ending .dc-final h2{font-size:clamp(38px,9vw,56px)}.dc-ending .dc-final-detail{max-width:320px;margin-top:20px;font-size:13px;line-height:1.6}}

/* Refined file symbols and shorter narrative. */
.dc-story{height:290vh}.dc-cloud-outline{filter:var(--arrival-filter,none)}
.dc-file-token svg{width:32px;height:32px;flex-shrink:0;color:#55515f}.dc-file-token span{font-size:10px;font-weight:400}.dc-file-token{gap:7px}
@media(max-width:760px){.dc-story{height:285vh}.dc-file-token svg{width:23px;height:23px}.dc-file-token span{font-size:8px}.dc-file-token{gap:3px}}