/* HR alternative: career orientation first, working examples remain intact. */
.hero-copy .hr-role{font-size:18px;line-height:1.45;font-weight:600;color:#b5d6e6;margin:24px 0 0}.hero-copy .intro{margin-top:12px;font-size:16px;line-height:1.65}.hero-copy .actions{margin-top:25px}
.hr-credentials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:36px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hr-credentials strong{display:block;color:var(--text);font-size:18px;line-height:1.4;font-weight:600}.hr-credentials span{display:block;color:var(--muted);font-size:14px;line-height:1.5;margin-top:6px}.profile-details{margin-top:32px}
@media(max-width:760px){.hero-copy .hr-role{font-size:17px;margin-top:20px}.hero-copy .intro{font-size:15px}.hr-credentials{grid-template-columns:1fr;gap:18px;margin-top:28px;padding:20px 0}.hr-credentials strong{font-size:17px}.hr-credentials span{margin-top:3px}}

/* A clear professional heading, followed by the existing three-part signature. */
.hero-copy .hr-main-title{font-size:clamp(34px,2.85vw,41px);line-height:1.15;letter-spacing:-.04em;max-width:20ch}
.hero .hero-copy h1.hr-main-title>span{display:block;color:#b7d6e6;background:none;margin:0}
.hero-copy .hr-triple{margin-top:24px;font-size:25px;font-weight:600;line-height:1.4;letter-spacing:-.035em}
.hr-triple .hero-statement{display:block;font-size:inherit;line-height:inherit;margin:0}
.hr-triple .statement-lead{font-size:inherit;white-space:normal}
.hr-triple .hero-statement>span.blue,.hr-triple .hero-statement>span.orange,.hr-triple .hero-statement>span.green{display:inline}
.hero-copy .intro{margin-top:20px}
.profile-copy .hr-profile-focus{margin-top:18px!important;font-size:16px;line-height:1.65;color:#d3e4ee}
.profile-copy>.profile-lead+p{margin-top:20px}
.profile-copy .hr-biography{margin-top:22px;font-size:17px;line-height:1.7}
.hr-practice{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;margin-top:32px;padding:24px 0;border-top:1px solid var(--line)}
.hr-practice h3{font-size:23px;line-height:1.3;letter-spacing:-.025em}.hr-practice p{font-size:15px;line-height:1.65;margin-top:12px;max-width:48ch}.hr-practice ul{margin:0;padding-left:20px;color:var(--muted);font-size:15px;line-height:1.65}.hr-practice li+li{margin-top:9px}.hr-practice li::marker{color:var(--blue)}
@media(max-width:760px){.hr-practice{grid-template-columns:1fr;gap:18px;padding:22px 0}.hr-practice ul{font-size:14px}.hr-practice h3{font-size:22px}}
.profile .hr-practice{margin-top:28px;padding-bottom:0}.profile .hr-credentials{margin-top:28px}
@media(max-width:760px){.profile-copy .hr-biography{font-size:15px}}

/* One compact profile overview; credentials belong to their disclosure. */
.profile .profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:start;margin-top:36px}
.profile .profile-detail-group+.profile-detail-group{margin-top:0}
.profile .profile-card-grid{display:block}
.profile .profile-detail-group>h3{margin-bottom:18px;font-size:23px}
.profile .profile-detail-group .profile-card summary{min-height:0;padding:18px 0;align-items:center}
.profile .profile-detail-group .profile-card summary strong{font-size:20px}
.profile .profile-detail-group .profile-card summary small{margin-top:6px;font-size:14px;line-height:1.5}
.profile .profile-detail-group .profile-card:last-child{border-bottom:1px solid var(--line)}
.profile .profile-card-content{padding:0 28px 20px 0}
.profile .profile-card-content h4{margin-top:10px}
.profile .profile-card-content h4:not(:first-child){margin-top:18px}
@media(max-width:1100px) and (min-width:761px){.profile .profile-details{gap:36px}}
@media(max-width:760px){.profile .profile-details{grid-template-columns:1fr;gap:30px;margin-top:28px}.profile .profile-detail-group .profile-card summary strong{font-size:19px}.profile .profile-card-content{padding-right:0}}

/* The project and profile lists share the same columns and a quieter hierarchy. */
.profile .hr-practice{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;padding:26px 0 0}
.profile .hr-practice h3{font-size:23px;line-height:1.3}
.profile .hr-practice p{max-width:52ch;margin-top:12px}
.profile .hr-practice ul{font-size:14px;line-height:1.6}
.profile .hr-practice li+li{margin-top:10px}
.profile .profile-details{margin-top:32px}
.profile .profile-detail-group>h3{font-size:17px;font-weight:500;letter-spacing:0;color:#a9becc;margin-bottom:12px}
.profile .profile-detail-group .profile-card summary{padding:16px 0}
.profile .profile-detail-group .profile-card summary strong{font-size:18px;line-height:1.4;letter-spacing:-.015em}
.profile .profile-detail-group .profile-card summary small{font-size:13px;line-height:1.55;margin-top:4px;max-width:58ch}
.profile .profile-card .detail-toggle{font-size:20px;color:#92b7c9}
@media(max-width:1100px) and (min-width:761px){.profile .hr-practice{gap:36px}}
@media(max-width:760px){.profile .hr-practice{grid-template-columns:1fr;gap:18px}.profile .hr-practice h3{font-size:22px}.profile .profile-details{margin-top:28px}.profile .profile-detail-group .profile-card summary small{font-size:13px}}

/* Main groups, visible categories, then detailed bullet points. */
.profile .profile-detail-group>h3{font-size:23px;font-weight:600;letter-spacing:-.025em;color:var(--text);margin-bottom:18px}
.profile .profile-detail-group .profile-card summary{padding:17px 0}
.profile .profile-detail-group .profile-card summary strong{font-size:18px;font-weight:500}
.profile .profile-card-content{padding-top:3px}
@media(max-width:760px){.profile .profile-detail-group>h3{font-size:22px}.profile .profile-detail-group .profile-card summary{padding:16px 0}}

/* Two deliberate disclosure levels: overview, category, then facts. */
.profile .profile-overview{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
.profile .profile-overview-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;list-style:none;cursor:pointer}
.profile .profile-overview-summary::-webkit-details-marker{display:none}
.profile .profile-overview-summary strong{display:block;font-size:23px;font-weight:600;line-height:1.35;letter-spacing:-.025em;color:var(--text)}
.profile .profile-overview-summary small{display:block;margin-top:7px;color:var(--muted);font-size:13px;line-height:1.55}
.profile .profile-overview-summary .detail-toggle{font-size:23px;flex-shrink:0;width:22px}
.profile .profile-overview:not([open])>.profile-overview-summary .detail-toggle:before{content:'+'}
.profile .profile-overview[open]>.profile-overview-summary .detail-toggle:before{content:'−'}
.profile .profile-overview .profile-card:not([open]) .detail-toggle:before{content:'+'}
.profile .profile-overview .profile-card[open] .detail-toggle:before{content:'−'}
.profile .profile-overview>.profile-card-grid{padding:0 0 12px 20px;border-left:1px solid #547d9344;margin-bottom:18px}
.profile .profile-overview .profile-card:last-child{border-bottom:0}
.profile .profile-overview-summary:hover strong{color:#b7ddf1}
.profile .profile-overview-summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
@media(max-width:760px){.profile .profile-overview-summary strong{font-size:22px}.profile .profile-overview-summary{padding:18px 0}.profile .profile-overview>.profile-card-grid{padding-left:15px}}
.vision .vision-story{margin-top:32px}
.vision .scene-art{height:auto;aspect-ratio:2.25}
.vision .story-scene h3{font-size:21px;min-height:0;margin-top:16px}
.vision .story-scene>p:last-child{font-size:15px;line-height:1.6}
@media(max-width:1100px) and (min-width:761px){.hero-copy .hr-triple{font-size:23px}.vision .story-scene h3{font-size:19px}}
@media(max-width:760px){.hero-copy .hr-main-title{font-size:32px}.hero-copy .hr-triple{font-size:21px;margin-top:22px}.hr-triple .hero-statement>.statement-lead{font-size:inherit;white-space:normal}.profile-copy .hr-profile-focus{font-size:15px}.vision .scene-art{aspect-ratio:1.8}.vision .story-scene h3{font-size:22px}.vision .vision-story{gap:28px}}

/* Communication: intent and media together, without an additional click. */
.communication-depth{margin:24px 0 30px;padding:26px 0;border-top:1px solid #62cbae33;border-bottom:1px solid #62cbae33;background:radial-gradient(ellipse at 50% 0,#1c8d7020,transparent 75%)}
.communication-depth-label{font-size:14px;color:#64dfbb;margin-bottom:12px;font-weight:600}.communication-depth-intro{font-size:16px;line-height:1.7;max-width:90ch}.communication-format-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:25px}.communication-format-path>div{border-top:2px solid #48c49e88;padding-top:15px}.communication-format-path strong{font-size:17px;font-weight:500;color:#e1f2ed}.communication-format-path p{font-size:14px;line-height:1.65;margin:10px 0 16px}.communication-format-path>div>span{font-size:12px;color:#88cdb8}.communication-format-path .text-link{font-size:13px}.communication-depth-note{font-size:13px;line-height:1.7;margin-top:24px;color:#b2cec5}.communication-reel-intro{font-size:15px;line-height:1.7;margin:20px 0 25px;max-width:65ch}
@media(max-width:760px){.communication-format-path{grid-template-columns:1fr;gap:22px}.communication-depth{padding:22px 0}.communication-depth-intro{font-size:15px}.communication-format-path p{margin-bottom:12px}}

/* Communication uses the same text / clickable visual rhythm as technology and data. */
.communication-story-trigger{display:block;width:100%;padding:0;overflow:hidden;border:1px solid #3c897666;border-radius:8px;background:#0a2530;text-align:left;box-shadow:0 20px 45px #0004}.communication .communication-context .communication-story-trigger>img{position:static;width:100%;height:auto;aspect-ratio:1.32;object-fit:contain;object-position:center;border-radius:0}.communication-story-trigger>span{display:block;padding:15px 17px;color:#b6ddcf;font-size:15px;line-height:1.5;border-top:1px solid #3c897644}.communication-story-trigger b{display:block;margin-top:6px;color:#69dfb8;font-size:13px;font-weight:500}.communication-story-trigger:hover{border-color:#60d9b4;box-shadow:0 0 35px #24af8224}.communication .communication-context:after,.communication .communication-context:before{display:none}.communication .communication-context{background:none}.communication .communication-heading{padding-bottom:55px}
@media(max-width:760px){.communication-story-trigger>span{font-size:14px;padding:13px}.communication-story-trigger b{font-size:12px}.communication .communication-heading{padding-bottom:30px}}
/* Communication storybook shares the ASA/data scene structure. */
.communication-story-dialog .asa-story-intro{background:radial-gradient(ellipse at 80% 0,#15876f35,transparent 68%)}.communication-story-dialog .asa-kicker,.communication-story-dialog .asa-scene-label,.communication-story-dialog .asa-story-intro h2 span,.communication-story-dialog .asa-story-copy em,.communication-story-dialog .asa-story-signature b{color:#64dfbb}.communication-story-dialog .asa-personal{border-left-color:#52d0ac}.communication-story-dialog .asa-story-scene{background:radial-gradient(ellipse at 80% 50%,#10876c18,transparent 65%)}
.communication-reality-stage{min-width:0}.communication-reality-stage>img{width:100%;border:1px solid #52a98a66;border-radius:10px;box-shadow:0 20px 50px #0007;transform:perspective(1100px) rotateY(-5deg)}.communication-reality-labels{display:flex;flex-wrap:wrap;gap:10px 20px;padding:20px 0;color:#91dcc5;font-size:12px}.communication-reality-labels span{border-top:1px solid #5aaa9155;padding-top:9px}
.communication-question-stage{padding:17px;background:linear-gradient(135deg,#173e43,#0b2333);border:1px solid #56b59a77;border-radius:10px;box-shadow:0 20px 45px #0006}.communication-stage-label{display:block;font-size:13px;color:#87e3c7;margin-bottom:15px}.communication-question-stage>img{width:100%;border-radius:4px}.communication-question-path{display:grid;gap:10px;margin-top:18px;font-size:15px;color:#d9f1ea}.communication-question-path span{border-left:2px solid #4ac69e;padding-left:13px}
.communication-proof-stage{position:relative;min-height:380px;padding:15px 90px 110px 0;perspective:1000px}.communication-proof-main{padding:8px;background:linear-gradient(135deg,#315a61,#0c2231);border:1px solid #679caa;border-radius:10px;transform:rotate(-4deg);box-shadow:0 22px 45px #0007}.communication-proof-main>span{display:block;font-size:12px;padding:8px;color:#d2e9e1}.communication-proof-phone{position:absolute;right:0;top:65px;width:29%;background:#091722;border:3px solid #506d7e;padding:6px;border-radius:17px;transform:rotate(6deg);box-shadow:0 20px 45px #0009}.communication-proof-phone img{width:100%;border-radius:9px}.communication-proof-phone>span{display:block;font-size:10px;color:#b9d9ce;padding:7px 2px}.communication-proof-reel{position:absolute;bottom:0;left:15px;right:24%;background:#113b3d;border:1px solid #52c39c88;border-radius:8px;padding:18px;box-shadow:0 15px 35px #0007}.communication-proof-reel span,.communication-proof-reel small{display:block;font-size:12px;color:#8edbc3}.communication-proof-reel strong{display:block;font-size:20px;line-height:1.3;font-weight:500;margin:8px 0;color:#e2f5ec}
.communication-story-media{padding:35px 64px;background:#09212c;border-top:1px solid #a5d5ef16}.communication-story-media h3{font-size:25px}.communication-story-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:23px}.communication-story-actions .primary{background:#116c58;border-color:#4cc99b;box-shadow:0 0 24px #26b38a22}
@media(max-width:760px){.communication-reality-stage>img{transform:none}.communication-proof-stage{min-height:340px;padding-right:70px}.communication-proof-reel{left:0;right:20%;padding:14px}.communication-proof-reel strong{font-size:18px}.communication-story-media{padding:28px 24px}.communication-story-actions{flex-direction:column;align-items:stretch}.communication-question-path{font-size:14px}.communication-proof-phone{width:30%}}

/* HSE management positioning, October 2026: visible qualifications and two practice contexts. */
.hero-copy .hr-qualification-line{font-size:13px;line-height:1.65;color:#b9cfdb;margin-top:16px;max-width:58ch}
.hr-qualification-line span{color:#5c9dba;padding:0 4px}
.profile .hr-practice{align-items:start;padding-bottom:8px}
.profile .hr-practice article{min-width:0}
.profile .hr-practice .hr-practice-label{font-size:12px;line-height:1.6;color:#83c5e5;letter-spacing:.035em;margin:0 0 10px}
.profile .hr-practice ul{margin-top:18px;font-size:15px}
@media(max-width:760px){.hero-copy .hr-qualification-line{font-size:12px}.profile .hr-practice{gap:30px}.profile .hr-practice article+article{border-top:1px solid var(--line);padding-top:25px}}