/* R39: scoped to the onboarding resume drop page. */
body.op-hero-r39{--hero-ink:#151b35;--hero-primary:#67516f;--hero-paper:#fff;--hero-soft:#f0eaf2;--hero-line:#e8e1eb;--hero-halo:rgba(164,116,164,.13)}
[data-bs-theme=dark] body.op-hero-r39{--hero-ink:#f0ebf3;--hero-primary:#d5bedf;--hero-paper:#51445b;--hero-soft:#382e41;--hero-line:#8e769b;--hero-halo:rgba(158,112,171,.17)}
body.op-full-drop.op-hero-r39 #hero{position:relative;isolation:isolate;gap:0;flex:1 0 auto;min-height:0!important;padding:42px 24px 58px!important;overflow:visible;transform:none;will-change:auto}
body.op-full-drop.op-hero-r39 #logooneplatt img{width:410px!important;max-width:min(82vw,100%);height:auto}
body.op-full-drop.op-hero-r39 #pjourney{font-size:20px!important;line-height:1.4;font-weight:500;letter-spacing:-.3px;margin:19px 0 0!important;background:linear-gradient(100deg,#9ea0a5 0%,#9695af 22%,#a485a6 43%,#bf7291 65%,#df5f78 87%,#df5f78 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
body.op-hero-r39 #hero:before{content:'';position:absolute;z-index:-1;pointer-events:none;left:50%;top:43%;transform:translate(-50%,-30%);width:650px;max-width:100%;height:380px;background:radial-gradient(ellipse,var(--hero-halo),transparent 68%)}
body.op-hero-r39 .op-hero-scene{position:relative;flex-shrink:0;margin:37px auto 21px;width:206px;height:162px;display:grid;place-items:center;pointer-events:none;transition:transform .6s cubic-bezier(.2,.75,.2,1)}
body.op-hero-r39 .op-hero-orbit{position:absolute;width:158px;height:158px;border:1px solid #b7a2c1;border-radius:50%;opacity:.85;transform:scaleY(.42);bottom:-38px;box-shadow:0 0 22px rgba(103,81,111,.07)}
body.op-hero-r39 .op-hero-orbit:after{content:'';position:absolute;inset:14px;border:1px solid #c5b3cd;border-radius:50%}
body.op-hero-r39 .op-hero-scene:after{content:'';position:absolute;bottom:7px;left:49px;width:108px;height:16px;border-radius:50%;background:radial-gradient(ellipse,rgba(103,81,111,.24),rgba(103,81,111,.06) 50%,transparent 73%);filter:blur(3px)}
body.op-hero-r39 .op-hero-document{width:88px;height:114px;border-radius:12px;background:var(--hero-paper);border:1px solid var(--hero-line);box-shadow:0 15px 36px rgba(71,39,81,.12);display:grid;place-items:center;position:relative;animation:op-hero-float 5.5s ease-in-out infinite;transform:rotate(-7deg)}
body.op-hero-r39 .op-hero-document>.op-fa{font-size:49px!important;line-height:1;color:var(--hero-primary)!important}
body.op-hero-r39 .op-hero-back{position:absolute;width:83px;height:108px;border:1px solid var(--hero-line);border-radius:11px;background:var(--hero-soft);transform:translate(12px,-7px) rotate(8deg);transition:transform .4s}
[data-bs-theme=dark] body.op-hero-r39 .op-hero-document{box-shadow:0 14px 44px rgba(183,139,205,.17)}
[data-bs-theme=dark] body.op-hero-r39 .op-hero-document>.op-fa{color:#eadcf0!important}
[data-bs-theme=dark] body.op-hero-r39 .op-hero-back{border-color:#746080}
[data-bs-theme=dark] body.op-hero-r39 .op-hero-orbit,[data-bs-theme=dark] body.op-hero-r39 .op-hero-orbit:after{border-color:#61506c}
[data-bs-theme=dark] body.op-hero-r39 .op-hero-scene:after{background:radial-gradient(ellipse,rgba(185,146,203,.19),transparent 72%)}
body.op-full-drop.op-hero-r39 #hero .op-hero-heading{display:grid;align-items:center;width:100%;max-width:720px;min-height:2.5em;margin:29px 0 24px;font-size:32px!important;line-height:1.25;letter-spacing:-.65px;font-weight:500;color:var(--hero-ink)!important}
body.op-hero-r39 .op-hero-heading>span{grid-area:1/1;overflow-wrap:anywhere;transition:opacity .14s ease,transform .14s ease}
body.op-hero-r39 .op-hero-welcome{opacity:0;transform:translateY(6px)}
body.op-hero-r39 .op-hero-normal{transition-delay:.14s!important}
body.op-hero-r39.op-drop-dragging .op-hero-normal{opacity:0;transform:translateY(-6px);transition-delay:0s!important}
body.op-hero-r39.op-drop-dragging .op-hero-welcome{opacity:1;transform:translateY(0);transition-delay:.14s}
body.op-full-drop.op-hero-r39 #dropresumeobj{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 26px!important;background:#67516f!important;color:#fff!important;border:1px solid #67516f!important;border-radius:9px;font-size:15px;font-weight:500;min-height:50px;max-width:100%;text-decoration:none;box-shadow:0 6px 18px rgba(76,44,88,.12);transition:transform .2s,background .2s,box-shadow .2s}
body.op-full-drop.op-hero-r39 #dropresumeobj:hover{background:#584460!important;transform:translateY(-2px);box-shadow:0 9px 23px rgba(76,44,88,.21)}
body.op-full-drop.op-hero-r39 #dropresumeobj:focus-visible{outline:2px solid var(--hero-primary);outline-offset:4px}
body.op-full-drop.op-hero-r39 #dropresumeobj:after{content:none!important}
body.op-hero-r39 #dropresumeobj>.op-fa{font-size:18px!important;color:inherit!important}
body.op-hero-r39 .op-drop-overlay{display:none!important}
body.op-hero-r39.op-drop-dragging .op-hero-scene{transform:translate(var(--welcome-x,0px),var(--welcome-y,0px)) scale(1.07)}
body.op-hero-r39.op-drop-dragging .op-hero-document{animation:none;transform:rotate(-2deg);box-shadow:0 12px 44px rgba(152,106,169,.28)}
body.op-hero-r39.op-drop-dragging .op-hero-back{transform:translate(20px,-9px) rotate(13deg)}
body.op-hero-r39.op-drop-dragging .op-hero-orbit{opacity:1;border-color:var(--hero-primary)}
body.op-hero-r39.op-drop-dragging #dropresumeobj{opacity:.45!important}
@keyframes op-hero-float{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-8px) rotate(-3deg)}}
@media(max-width:600px){body.op-full-drop.op-hero-r39 #hero{padding:32px 20px 40px!important}body.op-full-drop.op-hero-r39 #logooneplatt img{width:330px!important}body.op-full-drop.op-hero-r39 #pjourney{font-size:17px!important}body.op-full-drop.op-hero-r39 #hero .op-hero-heading{font-size:27px!important}}
@media(max-height:750px) and (min-width:601px){body.op-full-drop.op-hero-r39 #hero{padding-block:22px!important}body.op-full-drop.op-hero-r39 #logooneplatt img{width:360px!important}body.op-hero-r39 .op-hero-scene{margin-top:22px;margin-bottom:10px}body.op-full-drop.op-hero-r39 #hero .op-hero-heading{margin-top:17px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){body.op-hero-r39 .op-hero-document{animation:none}body.op-hero-r39 .op-hero-scene,body.op-hero-r39 .op-hero-back,body.op-hero-r39 .op-hero-heading>span,body.op-hero-r39 #dropresumeobj{transition:none!important}body.op-hero-r39.op-drop-dragging .op-hero-scene{transform:none}}
@media(forced-colors:active){body.op-full-drop.op-hero-r39 #pjourney{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}body.op-full-drop.op-hero-r39 #dropresumeobj{forced-color-adjust:auto}}

/* Entry boot reveals translated elements inline; state visibility must win. */
body.op-hero-r39 #hero .op-hero-normal{opacity:1!important}
body.op-hero-r39 #hero .op-hero-welcome{opacity:0!important}
body.op-hero-r39.op-drop-dragging #hero .op-hero-normal{opacity:0!important}
body.op-hero-r39.op-drop-dragging #hero .op-hero-welcome{opacity:1!important}
/* R39B: one proportional desktop composition sized to the usable viewport. */
body.op-hero-r39 .op-hero-fit{position:relative;flex:none;max-width:100%;margin:auto}
body.op-hero-r39 .op-hero-stage{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}
body.op-full-drop.op-hero-r39 #hero.op-hero-fitted{height:var(--hero-fit-height)!important;min-height:0!important;flex:0 0 var(--hero-fit-height)!important;padding:12px 20px!important;box-sizing:border-box;justify-content:center}
body.op-hero-r39 #hero.op-hero-fitted .op-hero-stage{position:absolute;width:720px;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--hero-fit-scale,1));transform-origin:center}
body.op-full-drop.op-hero-r39 #hero.op-hero-fitted #logooneplatt img{width:410px!important;max-width:100%}
body.op-full-drop.op-hero-r39 #hero.op-hero-fitted #pjourney{font-size:20px!important;margin:19px 0 0!important}
body.op-full-drop.op-hero-r39 #hero.op-hero-fitted .op-hero-scene{margin:37px auto 21px}
body.op-full-drop.op-hero-r39 #hero.op-hero-fitted .op-hero-heading{font-size:32px!important;margin:29px 0 24px}
body.op-hero-r39 #hero:not(.op-hero-fitted) .op-hero-fit{width:100%!important;height:auto!important}
body.op-hero-r39 #hero:not(.op-hero-fitted) .op-hero-stage{width:100%;transform:none}

/* Flex auto margins are spare space, never part of the footer's height. */
body.op-hero-r39>footer.footer{margin-top:0!important;margin-bottom:0!important;flex-shrink:0}
body.op-hero-r39 #hero.op-hero-fitted .op-hero-fit{transform:translateY(var(--hero-center-offset,0px))}