/* Percorso — metallic future layer */
.career-metal{background:linear-gradient(180deg,#f4f5f6 0%,#eef1f4 58%,#e8edf1 100%);color:#102b4d}
.career-hero-metal{position:relative;overflow:hidden;padding:0;background:linear-gradient(115deg,#d7dce0 0%,#eef1f3 28%,#faf9f5 58%,#d9dfe4 100%);border-bottom:1px solid rgba(62,78,95,.18)}
.career-hero-metal:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0,rgba(255,255,255,.18) 1px,transparent 1px,transparent 7px);opacity:.26;pointer-events:none}
.career-hero-metal:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.48));pointer-events:none}
.career-hero-metal-grid{position:relative;z-index:2;min-height:465px;display:grid;grid-template-columns:360px minmax(0,1fr);gap:48px;align-items:center}
.career-portrait-wrap{align-self:stretch;position:relative;display:flex;align-items:flex-end;justify-content:center}
.career-portrait-halo{position:absolute;width:390px;height:390px;border-radius:50%;left:-46px;top:36px;background:radial-gradient(circle at 62% 42%,rgba(255,255,255,.96) 0 18%,rgba(217,225,232,.84) 46%,rgba(121,136,150,.48) 68%,rgba(255,255,255,0) 69%);border:1px solid rgba(175,122,45,.28);box-shadow:0 0 0 1px rgba(255,255,255,.65) inset,0 0 52px rgba(209,156,74,.12)}
.career-portrait-wrap:before,.career-portrait-wrap:after{content:"";position:absolute;border:1px solid rgba(182,129,55,.48);border-radius:50%;pointer-events:none}
.career-portrait-wrap:before{width:500px;height:500px;left:-185px;bottom:-250px}.career-portrait-wrap:after{width:430px;height:430px;left:-95px;top:-170px}
.career-portrait{position:relative;z-index:3;width:310px;max-height:440px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 30px rgba(22,41,60,.18))}
.career-hero-copy{padding:70px 0 64px;max-width:860px}.career-hero-copy .eyebrow{letter-spacing:.2em;color:#5c7084}.career-hero-copy h1{font-size:clamp(46px,5vw,74px);line-height:.97;letter-spacing:-.045em;margin:14px 0 24px;max-width:900px}.career-hero-copy p{font-size:clamp(16px,1.35vw,20px);line-height:1.7;max-width:800px;margin:0;color:#4d6073}.career-hero-accent{width:68px;height:2px;margin-top:26px;background:linear-gradient(90deg,#ad6d18,#e7b55d,#ad6d18);box-shadow:0 0 12px rgba(196,132,42,.28)}
.career-metal-orbit{position:absolute;pointer-events:none;border:1px solid rgba(182,129,55,.42);transform:rotate(-18deg);border-radius:50%}.career-metal-orbit-a{width:720px;height:300px;right:-270px;top:18px}.career-metal-orbit-b{width:680px;height:220px;right:-260px;bottom:-90px;border-color:rgba(255,255,255,.72)}
.career-road-metal{padding:32px 0 84px;background:linear-gradient(180deg,#eff2f4 0%,#e7ebef 100%)}
.career-road-metal .career-road-intro{gap:18px;margin-bottom:18px;color:#203b5b}.career-road-metal .career-road-intro small{font-size:9px;letter-spacing:.16em;color:#798a9c;white-space:nowrap}.career-road-metal .career-road-line{background:linear-gradient(90deg,#b48b55,#c7d0d8 18%,#9aa9b7 72%,#b48b55);opacity:.72}
.career-road-metal .career-road{gap:22px;padding:12px 6px 34px;scrollbar-color:#8696a6 transparent}
.career-road-metal .career-card{flex:0 0 min(322px,86vw);min-height:550px;padding:22px 24px 24px;border-radius:24px;border:1px solid rgba(115,130,146,.44);background:linear-gradient(145deg,rgba(255,255,255,.95) 0%,rgba(239,243,246,.90) 52%,rgba(216,224,230,.88) 100%);box-shadow:inset 1px 1px 0 rgba(255,255,255,.95),inset -1px -1px 0 rgba(128,142,154,.18),0 18px 40px rgba(27,45,63,.10),0 0 0 1px rgba(255,255,255,.45);position:relative;overflow:hidden}
.career-road-metal .career-card:before{content:"";position:absolute;inset:0;height:auto;background:linear-gradient(115deg,rgba(255,255,255,.75) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.34) 52%,rgba(255,255,255,0) 70%);transform:translateX(-72%);transition:transform .7s ease;pointer-events:none}
.career-road-metal .career-card:after{content:"";position:absolute;left:18px;right:18px;bottom:10px;height:1px;background:linear-gradient(90deg,transparent,#b47b2e,transparent);opacity:.65}
.career-road-metal .career-card:hover{transform:translateY(-7px);border-color:rgba(178,128,59,.5);box-shadow:inset 1px 1px 0 #fff,0 25px 60px rgba(25,45,66,.16),0 0 18px rgba(205,154,78,.12)}.career-road-metal .career-card:hover:before{transform:translateX(72%)}
.career-road-metal .career-card-1,.career-road-metal .career-card-2,.career-road-metal .career-card-3,.career-road-metal .career-card-4,.career-road-metal .career-card-5,.career-road-metal .career-card-6,.career-road-metal .career-card-7{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(235,240,244,.92) 58%,rgba(213,222,229,.90))}
.career-road-metal .career-step{background:linear-gradient(145deg,#fff,#e6ebef);border:1px solid rgba(112,126,141,.24);box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(31,49,68,.08);color:#173557}.career-road-metal .career-period{color:#536678;letter-spacing:.12em}.career-road-metal .career-card h2{font-size:1.48rem;color:#102d50;margin:0 0 12px}.career-road-metal .career-lesson{font-size:.94rem;line-height:1.58;color:#455a70;margin-bottom:18px}.career-road-metal .career-symbol{height:102px;margin:2px 0 18px;border-radius:16px;border:1px solid rgba(127,142,155,.23);background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(224,230,235,.62));box-shadow:inset 0 1px 0 #fff;position:relative;overflow:hidden}.career-road-metal .career-symbol:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(44,74,104,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(44,74,104,.055) 1px,transparent 1px);background-size:15px 15px;mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}.career-road-metal .career-symbol svg{position:relative;z-index:2;width:100%;height:100%;fill:none;stroke:#274d72;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.career-road-metal .career-symbol:after{content:"";position:absolute;left:18px;right:18px;bottom:14px;height:1px;background:linear-gradient(90deg,transparent,#c28a3d,transparent)}
.career-road-metal .career-block{margin-top:auto}.career-road-metal .career-block h3{color:#617386}.career-road-metal .career-pills{gap:7px}.career-road-metal .career-pills span{background:linear-gradient(145deg,#f9fbfc,#e2e8ed);border:1px solid rgba(108,124,139,.24);box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(28,47,65,.06);color:#173654;font-weight:700}.career-road-metal .career-achievement{border-top:1px solid rgba(111,126,141,.26)}.career-road-metal .career-achievement span{color:#667a8d}.career-road-metal .career-achievement strong{color:#173654}
.career-metal .career-takeaway{padding:4px 0 92px;background:linear-gradient(180deg,#e7ebef,#eef1f3)}.career-metal .career-takeaway-inner{background:linear-gradient(135deg,#142d48 0%,#1b3b5d 58%,#233c55 100%);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 25px 55px rgba(20,38,56,.18);position:relative;overflow:hidden}.career-metal .career-takeaway-inner:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(202,153,79,.24);border-radius:50%;right:-180px;top:-190px}.career-metal .career-principles span{background:rgba(255,255,255,.07);border-color:rgba(218,179,118,.24)}
@media(max-width:900px){.career-hero-metal-grid{grid-template-columns:250px 1fr;gap:24px;min-height:410px}.career-portrait{width:235px;max-height:370px}.career-portrait-halo{width:300px;height:300px;left:-40px;top:60px}.career-hero-copy{padding:52px 0}.career-hero-copy h1{font-size:48px}.career-road-metal .career-road-intro small{display:none}}
@media(max-width:700px){.career-hero-metal-grid{display:block;min-height:auto;padding-top:34px}.career-portrait-wrap{height:265px;justify-content:flex-start;overflow:hidden}.career-portrait{width:195px;max-height:285px;margin-left:8px}.career-portrait-halo{width:250px;height:250px;left:-55px;top:10px}.career-hero-copy{padding:18px 0 44px}.career-hero-copy h1{font-size:42px}.career-hero-copy p{font-size:16px}.career-road-metal{padding-top:24px}.career-road-metal .career-card{min-height:535px}.career-metal-orbit-a{right:-470px}.career-metal-orbit-b{display:none}}
