/* BUILD78 | The five lived chapters and one future possibility.
   Edition of the first (circular, airy) and fourth (six-point hexagon) concepts.
   Real interactive HTML buttons, six curved radial lines, six perimeter links.
   Signature colors and fonts. Not a pre-rendered decorative image. */
body.career-map-page{background:#f6f1ea}
.career-map-shell{
  box-sizing:border-box;min-height:0;height:calc(100svh - 64px);margin-top:64px;
  padding:20px clamp(22px,3.1vw,50px) 14px;
  display:grid;grid-template-columns:minmax(235px,.82fr) minmax(440px,1.67fr) minmax(265px,.91fr);
  grid-template-rows:minmax(0,1fr) 38px;align-items:center;column-gap:clamp(15px,2vw,30px);row-gap:10px;
  background:radial-gradient(ellipse at 49% 44%,rgba(255,255,255,.84),transparent 36%),linear-gradient(123deg,#f6f1ea 4%,#f4eee7 65%,#eee5da 100%);
}
.career-map-intro{align-self:center;min-width:0;padding:0 0 10px}
.career-map-eyebrow{font:600 10px/1.35 'Inter',sans-serif;letter-spacing:.18em;color:#a38154}
.career-map-intro h1{font:500 clamp(40px,3.45vw,59px)/.99 'Cormorant Garamond',Georgia,serif;letter-spacing:-.032em;margin:18px 0 21px;color:#1c1a16}
.career-map-intro h1 span{color:#b89b72;font-style:italic}
.career-map-intro p{font:400 clamp(17px,1.37vw,20px)/1.48 'Cormorant Garamond',Georgia,serif;max-width:29ch;color:#46423c}
.career-map-intro-foot{display:flex;align-items:flex-start;gap:11px;margin-top:28px;color:#826f58;font:600 8px/1.6 'Inter',sans-serif;letter-spacing:.14em}
.career-map-intro-rule{height:1px;min-width:24px;background:#b89b72;margin-top:6px}
.career-map-stage{position:relative;isolation:isolate;align-self:stretch;min-width:0;min-height:0;height:100%;perspective:1150px}
.career-map-depth{position:absolute;z-index:0;left:11%;top:9%;width:78%;height:84%;border-radius:50%;background:radial-gradient(ellipse at 45% 42%,rgba(255,255,255,.8),rgba(203,181,154,.13) 48%,transparent 73%);filter:blur(17px);pointer-events:none}
.career-map-routes{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;overflow:visible}
.career-map-routes path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none!important;transition:stroke .3s ease,stroke-width .3s ease,opacity .3s ease}
.career-map-routes .career-map-network path{stroke:rgba(174,137,86,.29);stroke-width:1.15;opacity:.75}
.career-map-routes .career-map-spokes path{stroke:rgba(157,130,96,.45);stroke-width:1.35;opacity:.78}
.career-map-routes .career-map-network path.is-active{stroke:rgba(174,137,86,.80);stroke-width:1.85;opacity:1}
.career-map-routes .career-map-spokes path.is-active{stroke:url(#career-line-gold);stroke-width:2.35;opacity:1}
.career-map-routes .career-map-network path[data-connect*="future"]:not(.is-active),
.career-map-routes .career-map-spokes path[data-route="future"]:not(.is-active){stroke:rgba(120,151,122,.34)}
.career-map-routes .career-map-network path[data-connect*="future"].is-active,
.career-map-routes .career-map-spokes path[data-route="future"].is-active{stroke:#8ba58c}
.career-map-center{position:absolute;z-index:3;left:50%;top:50%;width:clamp(122px,11.6vw,150px);height:clamp(122px,11.6vw,150px);transform:translate(-50%,-50%) translateZ(18px);border:1px solid rgba(174,137,86,.61);border-radius:50%;background:radial-gradient(circle at 32% 20%,#fffdfa,#f5eee5 77%,#e9dbc9);box-shadow:0 19px 35px rgba(65,53,39,.115),inset 0 2px 2px rgba(255,255,255,.93);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}
.career-map-center:after{content:'';position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(184,155,114,.17);pointer-events:none}
.career-map-center span,.career-map-center small{font:500 7px/1.4 'Inter',sans-serif;letter-spacing:.1em;color:#786a59;max-width:125px}
.career-map-center strong{font:500 clamp(23px,2vw,29px)/.83 'Cormorant Garamond',Georgia,serif;letter-spacing:.03em;margin:10px 0;color:#1c1a16}
.career-node{position:absolute;z-index:4;left:0;top:0;right:auto;bottom:auto;width:clamp(124px,12.0vw,155px);height:clamp(125px,12.9vw,155px);min-height:0;padding:0;border:0;display:grid;place-items:stretch;transform:translate(-50%,-50%) translateZ(5px);background:transparent;box-shadow:none;filter:drop-shadow(0 10px 13px rgba(58,45,29,.12));color:#2b2823;cursor:pointer;text-align:center;isolation:isolate;transition:transform .28s ease,filter .28s ease}
.career-node:before,.career-node:after{content:'';position:absolute;inset:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transition:background .28s}
.career-node:before{background:rgba(176,153,124,.45);z-index:-2}
.career-node:after{inset:1.2px;z-index:-1;background:linear-gradient(135deg,rgba(255,254,251,.98),rgba(239,230,218,.94))}
.career-node-face{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:12px 14px 16px;gap:5px}
.career-node-index{font:500 10px/1 'Inter',sans-serif;color:#98744c;letter-spacing:.13em;margin:0}
.career-node-icon{width:24px;height:24px;color:#a2845c;flex:none}
.career-node strong{font:500 clamp(15px,1.35vw,19px)/.97 'Cormorant Garamond',Georgia,serif;color:#2b2823;letter-spacing:-.01em;overflow-wrap:normal;text-wrap:balance}
.career-node small{display:none}
.career-node:hover,.career-node:focus-visible,.career-node.is-active{transform:translate(-50%,-50%) translateZ(22px) scale(1.055);background:transparent;border:0;box-shadow:none;filter:drop-shadow(0 15px 17px rgba(86,64,42,.19));outline:none}
.career-node:hover:before,.career-node:focus-visible:before,.career-node.is-active:before{background:#ae8956}
.career-node:focus-visible .career-node-face{outline:2px solid #ae8956;outline-offset:3px;border-radius:12px}
.career-node.is-future:before{background:rgba(120,151,122,.65)}
.career-node.is-future:after{background:linear-gradient(145deg,rgba(251,254,248,.98),rgba(224,235,225,.94))}
.career-node.is-future .career-node-index,.career-node.is-future .career-node-icon{color:#67856b}
.career-node.is-future:hover:before,.career-node.is-future.is-active:before,.career-node.is-future:focus-visible:before{background:#7b9c7f}
.career-node-departure{left:50%;top:16%}
.career-node-freelance{left:80%;top:33.5%}
.career-node-operations{left:80%;top:66.5%}
.career-node-corporate{left:50%;top:84%}
.career-node-projects{left:20%;top:66.5%}
.career-node-future{left:20%;top:33.5%}
.career-map-detail{align-self:center;min-width:0;min-height:0;margin:0;padding:clamp(20px,2.1vw,31px) clamp(16px,1.9vw,29px);border:1px solid rgba(167,146,119,.28);border-radius:10px;background:rgba(255,253,249,.58);box-shadow:0 12px 35px rgba(50,41,32,.04)}
.career-map-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.career-map-detail-kicker{font:600 9px/1.3 'Inter',sans-serif;letter-spacing:.10em;color:#96764f}
.career-map-detail-controls{display:flex;gap:5px;align-items:center}
.career-map-detail-controls button{width:29px;height:29px;border:1px solid rgba(167,146,119,.3);border-radius:50%;background:transparent;color:#765b3c;font-size:22px;line-height:1;cursor:pointer}
.career-map-detail-controls button:hover,.career-map-detail-controls button:focus-visible{color:#1c1a16;border-color:#ae8956;background:#f7efe3;outline-offset:2px}
.career-map-detail-num{margin:18px 0 8px;color:#a2845c;font:500 10px/1 'Inter',sans-serif;letter-spacing:.12em}
.career-map-detail h2{margin:7px 0 16px;font:500 clamp(31px,2.65vw,42px)/.98 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;color:#1c1a16;text-wrap:balance}
.career-map-detail p{font:400 clamp(17px,1.43vw,20px)/1.45 'Cormorant Garamond',Georgia,serif;color:#46423c}
.career-map-tags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:19px}
.career-map-tags span{display:flex;align-items:center;justify-content:center;min-height:32px;padding:5px 3px;white-space:normal;overflow-wrap:anywhere;border:1px solid rgba(167,146,119,.31);border-radius:999px;background:rgba(255,255,255,.48);font:500 clamp(9px,.69vw,10px)/1.2 'Inter',sans-serif;letter-spacing:0;text-transform:none;color:#554d43;text-align:center}
.career-map-detail.is-future{border-color:rgba(123,156,127,.5);background:rgba(244,249,242,.75)}
.career-map-detail.is-future .career-map-detail-kicker,.career-map-detail.is-future .career-map-detail-num{color:#67856b}
.career-map-capabilities{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(43,40,35,.12);padding:9px 2px 0;align-self:stretch}
.career-map-capabilities>div{display:flex;align-items:center;gap:16px;min-width:0}
.career-map-cap-label{display:inline;margin:0;font:500 8px/1.4 'Inter',sans-serif;letter-spacing:.12em;white-space:nowrap;color:#816e5b}
.career-map-cap-list{display:flex;flex-wrap:nowrap;gap:8px;white-space:nowrap}
.career-map-cap-list span{font:400 14px/1 'Cormorant Garamond',Georgia,serif;color:#625a50}
.career-map-capabilities>p{font:400 9px/1.5 'Inter',sans-serif;white-space:nowrap;text-align:right}
@media(min-width:1121px) and (min-height:690px){html:has(body.career-map-page),body.career-map-page{overflow:hidden}}
@media(min-width:1121px) and (max-height:689px){.career-map-shell{min-height:635px;height:auto}.career-map-stage{min-height:540px}.career-map-intro h1{font-size:42px}}
@media(min-width:1121px) and (max-width:1320px){.career-map-shell{grid-template-columns:minmax(210px,.78fr) minmax(414px,1.7fr) minmax(240px,.93fr);column-gap:12px;padding-left:22px;padding-right:22px}.career-node{width:clamp(115px,11.5vw,148px);height:clamp(119px,12.0vw,148px)}.career-node strong{font-size:clamp(14px,1.36vw,18px)}.career-map-intro h1{font-size:clamp(40px,3.3vw,49px)}}
@media(max-width:1120px){.career-map-shell{display:grid;height:auto;min-height:calc(100svh - 64px);grid-template-columns:minmax(200px,1fr) minmax(460px,1.7fr);grid-template-rows:auto auto auto;margin-top:64px;padding:23px 28px 28px;row-gap:20px;column-gap:20px}.career-map-stage{height:620px;min-height:620px}.career-map-detail{grid-column:1/-1;display:block;width:100%;padding:22px 27px}.career-map-detail h2{max-width:600px}.career-map-capabilities{grid-column:1/-1}.career-map-intro h1{font-size:clamp(42px,4.4vw,59px)}}
@media(max-width:760px){.career-map-shell{display:flex;flex-direction:column;height:auto;min-height:calc(100svh - 58px);margin-top:58px;padding:25px 17px 27px;gap:17px;align-items:stretch}.career-map-intro{padding:0}.career-map-intro h1{font-size:clamp(40px,9.7vw,52px);margin:11px 0 12px}.career-map-intro p{font-size:18px;max-width:none;line-height:1.35}.career-map-intro-foot{margin-top:14px;font-size:8px}.career-map-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:9px;height:auto;min-height:0;padding:75px 0 0;perspective:none}.career-map-routes,.career-map-depth{display:none}.career-map-center{position:absolute;left:50%;top:23px;width:auto;height:auto;border:0;box-shadow:none;transform:translateX(-50%);padding:0;background:transparent;white-space:nowrap}.career-map-center:after{display:none}.career-map-center span,.career-map-center small{display:none}.career-map-center strong{font-size:21px;line-height:1;margin:0;letter-spacing:.05em}.career-map-center strong br{display:initial}.career-node{position:relative;inset:auto!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;width:100%;height:128px;transform:none;filter:drop-shadow(0 5px 9px rgba(57,41,26,.10))}.career-node-face{padding:12px 20px;gap:4px}.career-node-icon{width:20px;height:20px}.career-node-index{font-size:10px}.career-node strong{font-size:clamp(18px,4.5vw,23px);line-height:.98}.career-node:hover,.career-node:focus-visible,.career-node.is-active{transform:translateY(-3px) scale(1.01)}.career-map-detail{display:block;width:auto;padding:22px 23px;margin:0}.career-map-detail h2{font-size:36px;margin:5px 0 12px}.career-map-detail p{font-size:19px;line-height:1.4}.career-map-tags span{font-size:10px}.career-map-detail-num{margin:10px 0 6px}.career-map-capabilities{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-height:0}.career-map-capabilities>div{flex-direction:column;align-items:flex-start;gap:5px}.career-map-cap-list{flex-wrap:wrap}.career-map-capabilities>p{margin:0;text-align:left}}
@media(max-width:380px){.career-node{height:119px}.career-node strong{font-size:18px}.career-node-face{padding:8px 15px}.career-map-shell{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){.career-node,.career-map-routes path,.career-node:before,.career-node:after{transition:none!important}.career-node:hover,.career-node:focus-visible,.career-node.is-active{transform:translate(-50%,-50%)!important}@media(max-width:760px){.career-node:hover,.career-node:focus-visible,.career-node.is-active{transform:none!important}}}
