/* The chosen orbit is a working dossier: source documents travel in depth,
   then dock behind the front sheet. Every pose follows native scroll progress. */
.hero-refined{--hr-orbit:clamp(0,calc(var(--p)*1.55),1);--hr-collect:clamp(0,calc((var(--p) - .45)*1.819),1);--hr-requirements:clamp(0,calc((var(--p) - .28)*2.8572),1);--hr-deadline:clamp(0,calc((var(--p) - .44)*2.8572),1);--hr-company:clamp(0,calc((var(--p) - .60)*2.8572),1);--hr-approach:clamp(0,calc(var(--p)*2),1);--hr-settle:clamp(0,calc((var(--p) - .5)*2),1);--hr-pulse:calc(var(--hr-approach) - var(--hr-settle));--hr-scale:.97;--hv-scale:var(--hr-scale)}
.hero-refined .hero-home .hr-art{height:640px;flex-basis:560px;perspective:1150px;transform:scale(var(--hr-scale))!important}
.hr-art{--hr-ink:#213653;--hr-muted:#63738c;--hr-blue:#284bdd;--hr-line:#dce3ee}
.hr-stage-shadow{position:absolute;left:112px;right:84px;bottom:70px;height:70px;background:radial-gradient(ellipse,#263e6124,transparent 68%);transform:scaleX(calc(1 - var(--hr-collect)*.1));opacity:.65}
.hr-camera{position:absolute;inset:0;transform-style:preserve-3d;transform:translate3d(calc((1 - var(--hr-collect))*-3px),calc(var(--hr-pulse)*-10px - var(--hr-collect)*6px),0) rotateY(calc(-15deg + var(--hr-orbit)*23deg - var(--hr-collect)*8deg)) rotateX(calc(7deg - var(--hr-orbit)*10deg + var(--hr-collect)*3deg)) scale(calc(.96 + var(--hr-pulse)*.04 + var(--hr-collect)*.04));transform-origin:center}
.hr-orbit-line{position:absolute;left:-50px;top:40px;width:660px;height:545px;border:1px solid #bbcbe1b3;border-radius:50%;transform-style:preserve-3d;pointer-events:none;opacity:calc(.6 - var(--hr-collect)*.43)}
.hr-orbit-line-one{transform:rotateX(66deg) rotateZ(calc(-29deg + var(--hr-orbit)*83deg)) translateZ(-45px) scale(calc(1 - var(--hr-collect)*.14))}
.hr-orbit-line-two{left:54px;top:65px;width:463px;height:463px;transform:rotateY(59deg) rotateZ(calc(12deg + var(--hr-orbit)*95deg)) translateZ(-100px);border-color:#d8e0edb3}
.hr-source-system{position:absolute;left:280px;top:290px;width:0;height:0;transform-style:preserve-3d}
.hr-orbit-arm{--hr-angle:calc(var(--hr-angle-start) + var(--hr-orbit)*var(--hr-travel));position:absolute;left:0;top:0;transform-style:preserve-3d;transform:translateZ(calc(var(--hr-dock)*-165px)) rotateY(var(--hr-angle)) translate3d(0,calc((var(--hr-y) + var(--hr-rise)*var(--hr-orbit))*(1 - var(--hr-dock)) + var(--hr-final-y)*var(--hr-dock)),calc(var(--hr-radius)*(1 - var(--hr-dock)) + 28px*var(--hr-dock)))}
.hr-source-card{position:absolute;left:-92px;top:-69px;width:184px;min-height:138px;padding:17px 18px 14px;border:1px solid #cbd6e8;border-radius:8px 8px 5px 5px;background:#fff;box-shadow:0 15px 30px #19396112;transform:rotateY(calc(-1*var(--hr-angle))) rotateZ(calc((var(--hr-tilt) + var(--hr-orbit)*var(--hr-tilt-travel))*(1 - var(--hr-dock)))) scale(calc(var(--hr-size) + (var(--hr-size-turn) - var(--hr-size))*var(--hr-orbit) + (.96 - var(--hr-size-turn))*var(--hr-dock)));backface-visibility:hidden;transform-style:preserve-3d;color:var(--hr-ink)}
.hr-source-icon{display:block;color:#385fbb;margin-bottom:12px}
.hr-source-icon .icon{width:21px;height:21px}
.hr-source-card>strong{display:block;font-size:17px;line-height:1.16;letter-spacing:-.3px;font-weight:580}
.hr-source-detail{display:grid;gap:5px;margin-top:13px;font-size:11px;line-height:1.25;color:#596d88}
.hr-source-rule{display:block;height:1px;width:56px;background:#b9c9e2;margin-top:14px}
.hr-source-requirements{--hr-dock:var(--hr-requirements);--hr-angle-start:-72deg;--hr-travel:22deg;--hr-radius:271px;--hr-y:139px;--hr-rise:-178px;--hr-final-y:-74px;--hr-tilt:-15deg;--hr-tilt-travel:23deg;--hr-size:1.23;--hr-size-turn:.84}
.hr-source-requirements .hr-source-card{background:#edf3ff}
.hr-source-deadline{--hr-dock:var(--hr-deadline);--hr-angle-start:17deg;--hr-travel:13deg;--hr-radius:208px;--hr-y:-200px;--hr-rise:42px;--hr-final-y:15px;--hr-tilt:13deg;--hr-tilt-travel:-28deg;--hr-size:.79;--hr-size-turn:.98}
.hr-source-deadline .hr-source-card{width:156px;left:-78px;min-height:132px;background:#f3efdb;border-color:#dfdbc4}
.hr-source-deadline .hr-source-icon{color:#807442}
.hr-source-deadline .hr-source-detail{color:#756d50}
.hr-source-company{--hr-dock:var(--hr-company);--hr-angle-start:62deg;--hr-travel:18deg;--hr-radius:248px;--hr-y:-48px;--hr-rise:177px;--hr-final-y:100px;--hr-tilt:11deg;--hr-tilt-travel:-26deg;--hr-size:.9;--hr-size-turn:1.03}
.hr-source-company .hr-source-card{width:171px;left:-85px;background:#eee9f8;border-color:#d8d0e9}
.hr-source-company .hr-source-icon{color:#7b67a8}
.hr-dossier-group{position:absolute;inset:0;transform-style:preserve-3d;transform:translate3d(calc((1 - var(--hr-collect))*14px),calc((1 - var(--hr-collect))*7px),calc(-70px + var(--hr-pulse)*130px + var(--hr-collect)*112px)) rotateY(calc(-13deg + var(--hr-orbit)*20deg - var(--hr-collect)*7deg)) rotateZ(calc(-7deg + var(--hr-orbit)*11deg - var(--hr-collect)*4deg)) scale(calc(.82 + var(--hr-pulse)*.24 + var(--hr-collect)*.18))}
.hr-folder-back{position:absolute;left:115px;top:104px;width:338px;height:402px;background:#284bdd;border:1px solid #2242c7;border-radius:5px 14px 14px 7px;box-shadow:0 19px 37px #203b6a1c;transform:translateZ(-32px) rotate(calc(4deg - var(--hr-collect)*4deg))}
.hr-folder-back:before{content:'';position:absolute;top:-23px;left:-1px;width:170px;height:30px;background:#284bdd;border:1px solid #2242c7;border-bottom:0;border-radius:10px 16px 0 0}
.hr-folder-back>span{position:absolute;top:-12px;left:16px;color:#edf2ff;font-size:10px;line-height:1}
.hr-sheet-edge{position:absolute;width:308px;height:377px;left:132px;top:106px;border:1px solid #cbd7e7;border-radius:6px;background:#f4f6fa;transform-style:preserve-3d}
.hr-sheet-edge-one{transform:translate3d(calc((1 - var(--hr-collect))*12px),calc((1 - var(--hr-collect))*-19px),-18px) rotate(calc(4deg - var(--hr-collect)*3deg))}
.hr-sheet-edge-two{background:#fff;transform:translate3d(calc((1 - var(--hr-collect))*-7px),calc((1 - var(--hr-collect))*-7px),-9px) rotate(calc(-3deg + var(--hr-collect)*2deg))}
.hr-dossier{position:absolute;left:126px;top:110px;width:312px;padding:23px 23px 0;border:1px solid #d4ddea;border-radius:7px;background:linear-gradient(115deg,#fff 76%,#f8faff);color:#213653;box-shadow:0 4px 10px #20375408;transform:translateZ(4px);overflow:hidden}
.hr-dossier-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hr-dossier-head>strong{font-size:21px;font-weight:750;letter-spacing:-1.1px;color:#284bdd}
.hr-dossier-head>span{font-size:10px;color:#718198}
.hr-dossier h2{font-size:31px;font-weight:570;line-height:1.04;letter-spacing:-1.05px;margin:25px 0 9px;max-width:230px}
.hr-dossier-intro{font-size:11px;color:#718198;margin:0 0 21px}
.hr-dossier-fields{margin:0}
.hr-dossier-fields>div{padding:13px 0;border-top:1px solid var(--hr-line);display:grid;grid-template-columns:71px 1fr;align-items:baseline;gap:9px}
.hr-dossier-fields dt{font-size:16px;font-weight:560;letter-spacing:-.25px}
.hr-dossier-fields dd{margin:0;font-size:12px;line-height:1.4;color:#5d6f89;white-space:nowrap}
.hr-dossier-note{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#637891;margin-top:5px;padding:13px 0 18px;border-top:1px solid var(--hr-line)}
.hr-dossier-note .icon{width:17px;height:17px;color:#405d9f}
.hr-paper-corner{position:absolute;right:-1px;top:-1px;width:19px;height:19px;background:linear-gradient(45deg,#d9e2ee 0 49%,#f7f9fb 50%);border-left:1px solid #d3dce9;border-bottom:1px solid #d3dce9;border-radius:0 0 0 3px}
.hr-file-tab{--hr-tab-p:var(--hr-requirements);position:absolute;left:436px;top:160px;width:87px;min-height:30px;display:grid;place-items:center;border:1px solid #baccec;border-left:0;border-radius:0 5px 5px 0;transform:translate3d(calc((1 - var(--hr-tab-p))*-40px),0,5px);padding:9px 7px;font-size:10px;line-height:1;color:#365b9b;background:#e4edfc;opacity:clamp(0,calc((var(--hr-tab-p) - .45)*1.8182),1)}
.hr-tab-deadline{--hr-tab-p:var(--hr-deadline);top:265px;background:#f1ecd2;border-color:#dad2b2;color:#807442}
.hr-tab-company{--hr-tab-p:var(--hr-company);top:342px;background:#e9e2f6;border-color:#d4c8e8;color:#79649f}
.hr-paper-clip{position:absolute;left:157px;top:83px;width:21px;height:44px;border:2px solid #8ea1b8;border-radius:12px 12px 9px 9px;transform:translateZ(13px) rotate(-7deg);box-shadow:inset 1px 0 #fff9,1px 1px 2px #243c581c}
.hr-paper-clip>i{position:absolute;inset:5px 5px 4px;border:1px solid #a3b1c3;border-bottom:0;border-radius:7px 7px 0 0}
.hr-floating-clip{position:absolute;left:0;top:0;transform-style:preserve-3d;transform:translate3d(calc((47px + var(--hr-orbit)*30px)*(1 - var(--hr-collect)) + 118px*var(--hr-collect)),calc((484px - var(--hr-orbit)*59px)*(1 - var(--hr-collect)) + 128px*var(--hr-collect)),calc(178px - var(--hr-orbit)*64px - var(--hr-collect)*59px)) rotateZ(calc(-34deg + var(--hr-orbit)*48deg - var(--hr-collect)*14deg)) scale(calc(1.65 - var(--hr-orbit)*.31 - var(--hr-collect)*.34))}
.hr-floating-clip .hr-paper-clip{left:0;top:0;transform:none}
.hr-distant-sheet{position:absolute;left:0;top:0;width:126px;height:164px;padding:20px 16px;border:1px solid #cfd9e7;border-radius:4px;background:#f4f7fc;box-shadow:0 8px 20px #16395d08;color:#6e819a;transform:translate3d(calc((10px + var(--hr-orbit)*83px)*(1 - var(--hr-collect)) + 163px*var(--hr-collect)),calc((49px - var(--hr-orbit)*34px)*(1 - var(--hr-collect)) + 137px*var(--hr-collect)),calc(-210px + var(--hr-orbit)*75px - var(--hr-collect)*30px)) rotateY(calc(-29deg + var(--hr-orbit)*35deg)) rotateZ(calc(-18deg + var(--hr-orbit)*28deg - var(--hr-collect)*10deg)) scale(calc(.84 + var(--hr-orbit)*.12))}
.hr-distant-sheet>span{font-size:13px;line-height:1.3;display:block}
.hr-distant-sheet>i{display:block;width:76%;height:2px;background:#d6dfeb;margin-top:21px}
.hr-distant-sheet>i:nth-of-type(2){width:91%;margin-top:8px}
.hr-distant-sheet>i:nth-of-type(3){width:55%;margin-top:8px}
.hr-distant-sheet>b{display:block;width:39px;height:19px;margin-top:16px;border-bottom:1px solid #bbc8d9;transform:rotate(-13deg)}
.hr-amount-slip{position:absolute;left:0;top:0;width:152px;padding:13px 28px 13px 15px;border:1px solid #c5d4ed;border-left:4px solid #5375d8;border-radius:3px 8px 8px 3px;background:#f3f7ff;box-shadow:0 13px 24px #24497513;color:#355583;transform:translate3d(calc((398px - var(--hr-orbit)*52px)*(1 - var(--hr-collect)) + 229px*var(--hr-collect)),calc((534px + var(--hr-orbit)*12px)*(1 - var(--hr-collect)) + 361px*var(--hr-collect)),calc(132px - var(--hr-orbit)*80px - var(--hr-collect)*150px)) rotateY(calc(-12deg + var(--hr-orbit)*24deg)) rotateZ(calc(9deg - var(--hr-orbit)*23deg + var(--hr-collect)*14deg)) scale(calc(1.02 - var(--hr-orbit)*.15))}
.hr-amount-slip small{display:block;font-size:10px;margin-bottom:5px;color:#7186a5}
.hr-amount-slip strong{display:block;font-size:12px;line-height:1.3;font-weight:550}
.hr-amount-slip>i{position:absolute;right:10px;top:16px;font-size:17px;font-style:normal;color:#6d8dd5}
.hr-folder-pocket{position:absolute;left:115px;top:458px;width:338px;height:70px;border:1px solid #3154df;border-top:1px solid #5874ec;border-radius:1px 1px 10px 7px;background:linear-gradient(110deg,#2a4dde,#2346d4);box-shadow:0 10px 20px #284bdd16;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;color:white;transform:translate3d(0,calc((1 - var(--hr-collect))*18px),22px) rotateX(calc((1 - var(--hr-collect))*-11deg));transform-origin:bottom}
.hr-folder-pocket>span:first-child{font-size:11px;line-height:1.45;color:#dce5ff}
.hr-folder-pocket strong{font-size:14px;font-weight:500;color:white}
.hr-folder-monogram{font-size:38px;font-weight:700;letter-spacing:-3px;color:#91a7ff;opacity:.65}
.hr-art-caption{position:absolute;left:-20px;right:-20px;bottom:-16px;min-height:28px;display:grid;place-items:center;font-size:12px;color:#67788e;text-align:center;line-height:1.3}
.hr-art-caption>span{grid-area:1/1;transition:none}
.hr-caption-start{opacity:clamp(0,calc(1 - var(--hr-collect)*3),1)}
.hr-caption-end{opacity:clamp(0,calc((var(--hr-collect) - .5)*2),1)}
.hero-refined.scene-active .hr-camera,.hero-refined.scene-active .hr-orbit-arm,.hero-refined.scene-active .hr-dossier-group,.hero-refined.scene-active .hr-floating-clip{will-change:transform}
@media(min-width:1200px){.hero-refined .hero-home{grid-template-columns:1.02fr .98fr}}
/* Keep the artwork's coordinate space, but reserve a shorter real grid row on laptops. */
@media(min-width:1200px) and (max-height:850px){
  .hero-refined .hero-home .hr-art{height:530px}
  .hero-refined .hr-camera{inset:auto;left:50%;top:50%;width:560px;height:640px;translate:-50% -50%;scale:.82}
  .hero-refined .hr-stage-shadow{bottom:44px;scale:.82}
  .hero-refined .hr-art-caption{bottom:-12px}
}
@media(min-width:768px) and (max-width:1199px){.hero-refined{--hr-scale:.77}}
@media(min-width:768px) and (max-width:950px){
  .hero-refined{--hr-scale:.62}
  .hero-refined .hero-home{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
  .hero-refined .hero-home .hr-art{transform:translateX(-24px) scale(var(--hr-scale))!important}
  .hero-refined .hero-copy h1{font-size:clamp(38px,5vw,46px);line-height:1.06;letter-spacing:-1.5px}
  .hero-refined .hero-copy .lead{font-size:16px;max-width:32ch}
}
@media(max-width:767px){
  .hero-refined{--hr-scale:.64}
  .hero-refined .hero-home .hr-art{height:640px;transform-origin:center}
  .hero-refined.s1-portrait .hero-home .hr-art{width:560px;height:640px;flex:0 0 560px}
  .hero-refined:not(.s1-portrait) .hero-home .hr-art{margin-block:-65px}
  .hr-source-requirements{--hr-radius:183px;--hr-angle-start:-52deg;--hr-y:115px;--hr-travel:15deg;--hr-rise:-185px;--hr-size:1.09;--hr-size-turn:.86}
  .hr-source-deadline{--hr-radius:160px;--hr-angle-start:22deg;--hr-travel:10deg;--hr-y:-260px;--hr-rise:48px;--hr-size:.88}
  .hr-source-company{--hr-radius:190px;--hr-y:-48px;--hr-rise:187px;--hr-travel:18deg;--hr-size:.88;--hr-size-turn:.96}
  .hr-source-card{width:183px;padding:16px 15px 13px;min-height:142px}
  .hr-source-card>strong{font-size:20px;line-height:1.12}
  .hr-source-requirements .hr-source-card>strong{font-size:18px}
  .hr-source-detail{font-size:13px;gap:5px;margin-top:10px}
  .hr-source-icon{margin-bottom:10px}
  .hr-source-icon .icon{width:23px;height:23px}
  .hr-source-deadline .hr-source-card{width:178px;left:-89px}
  .hr-source-company .hr-source-card{width:169px;left:-85px}
  .hr-source-rule{margin-top:12px}
  .hr-dossier-fields dt{font-size:20px;letter-spacing:-.6px}
  .hr-dossier-fields dd{font-size:13px;white-space:normal}
  .hr-dossier-fields>div{grid-template-columns:79px 1fr;gap:7px;padding:12px 0}
  .hr-dossier-note{font-size:13px;padding-bottom:21px}
  .hr-dossier-intro{font-size:13px}
  .hr-dossier-head>span{font-size:11px}
  .hr-folder-pocket{top:473px;height:76px}
  .hr-folder-pocket>span:first-child{font-size:13px}
  .hr-folder-pocket strong{font-size:15px}
  .hr-folder-back{height:418px}
  .hr-file-tab{font-size:12px;left:436px;width:95px}
  .hr-art-caption{bottom:-17px;font-size:14px}
  .hr-distant-sheet{width:118px;height:156px}
  .hr-amount-slip{width:136px;transform:translate3d(calc((372px - var(--hr-orbit)*58px)*(1 - var(--hr-collect)) + 229px*var(--hr-collect)),calc((552px - var(--hr-orbit)*8px)*(1 - var(--hr-collect)) + 361px*var(--hr-collect)),calc(57px - var(--hr-orbit)*33px - var(--hr-collect)*122px)) rotateZ(calc(8deg - var(--hr-orbit)*22deg + var(--hr-collect)*14deg)) scale(.96)}
  .hr-floating-clip{transform:translate3d(calc((68px + var(--hr-orbit)*12px)*(1 - var(--hr-collect)) + 118px*var(--hr-collect)),calc((502px - var(--hr-orbit)*85px)*(1 - var(--hr-collect)) + 128px*var(--hr-collect)),calc(110px - var(--hr-orbit)*26px - var(--hr-collect)*29px)) rotateZ(calc(-34deg + var(--hr-orbit)*48deg - var(--hr-collect)*14deg)) scale(calc(1.65 - var(--hr-orbit)*.31 - var(--hr-collect)*.34))}
}
@media(max-width:360px){.hero-refined{--hr-scale:.54}.hr-source-requirements{--hr-radius:177px}.hr-source-company{--hr-radius:182px}}
.motion-ready:not(.motion-reduced) .hero-refined.scene-flow .hero-home .hr-art{height:640px;transform:scale(var(--hr-scale))!important;margin:12px auto 0}
@media(min-width:768px) and (max-height:600px){
  .hero-refined{--hr-scale:1}
  .hero-refined .hero-home .hr-art,.motion-ready:not(.motion-reduced) .hero-refined.scene-flow .hero-home .hr-art{height:min(360px,calc(100svh - 110px));transform:scale(1)!important}
  .hero-refined .hr-camera{inset:auto;left:50%;top:50%;width:560px;height:640px;translate:-50% -50%;scale:.42}
  .hero-refined .hr-stage-shadow{bottom:35px;scale:.42}
  .hero-refined .hr-art-caption{bottom:0}
}
.motion-reduced .hero-refined{--p:1;--raw-p:1}
.motion-reduced .hero-refined .hr-camera,.motion-reduced .hero-refined .hr-camera *{transition:none!important;animation:none!important}
html:not(.motion-ready) .hero-refined{--p:1;--raw-p:1}
