:root{--ink:#20252a;--muted:#58616b;--paper:#fff;--line:#d8dde2;--accent:#16dfca;--dark:#17232a;--green:#087c75;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #985100;outline-offset:5px}p{font-size:17px;line-height:1.65;margin:0 0 19px}h1,h2,h3{margin:0;font-weight:500;letter-spacing:-.045em}h1{font-size:clamp(48px,5.1vw,78px);line-height:1.06}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}h2{font-size:clamp(36px,3.7vw,54px);line-height:1.13}h3{font-size:25px;line-height:1.2;letter-spacing:-.03em}.wrap{max-width:1260px;padding-left:42px;padding-right:42px;margin:0 auto}.small{font-size:13px;line-height:1.6}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.13em;line-height:1.6;margin-bottom:20px}.preview{background:#e6ebdf;border-bottom:1px solid var(--line);padding:8px 16px;text-align:center;font-size:11px;letter-spacing:.04em}.skip{position:absolute;top:-100px;padding:14px;background:white;z-index:3}.skip:focus{top:0}.site-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:27px;padding-bottom:27px}.brand{text-decoration:none;font-size:23px;font-weight:700;letter-spacing:-.03em;flex-shrink:0}.brand span{display:block;font-size:9px;font-weight:400;letter-spacing:.1em;margin-top:8px}nav{display:flex;align-items:center;gap:27px;font-size:13px}nav a{text-decoration:none}.nav-cta{border:1px solid var(--ink);padding:12px 16px;border-radius:30px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;padding-top:73px;padding-bottom:88px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px}.lead{font-size:20px;line-height:1.55}.hero .lead{margin:25px 0 18px;max-width:530px}.intro{max-width:530px;color:var(--muted);font-size:16px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:27px 0 19px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 23px;border-radius:5px;text-decoration:none;font-size:14px;font-weight:700;min-height:50px}.primary{background:var(--ink);color:var(--paper)}.secondary{border:1px solid var(--line)}.button:hover{transform:translateY(-1px)}.architecture{margin:4px 0 0;background:var(--dark);color:#eff5e9;border-radius:15px;padding:29px;align-self:start;box-shadow:14px 14px 0 #e7eddf}.figure-top{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.11em;color:#b6cdbd;padding-bottom:12px}.architecture ol{list-style:none;padding:0;margin:0}.architecture li{display:flex;align-items:start;gap:17px;border-top:1px solid #355047;padding:21px 0}.number{border:1px solid #4c6c5d;color:var(--accent);border-radius:50%;font-size:11px;min-width:30px;height:30px;display:grid;place-items:center}.architecture strong{font-size:19px;font-weight:500;letter-spacing:-.02em}.architecture p{font-size:13px;line-height:1.5;color:#bbcec0;margin:6px 0 0}.architecture figcaption{font-size:11px;line-height:1.6;color:#bbcec0;border-top:1px solid #355047;padding-top:16px}.section{padding-top:83px;padding-bottom:83px}.section-heading{margin-bottom:38px}.section-heading>p:last-child:not(.eyebrow){max-width:660px;margin-top:21px;color:var(--muted)}.services{border-top:1px solid var(--line)}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.index{display:block;font-size:11px;letter-spacing:.09em;color:var(--green);margin-bottom:25px}.three-grid article{border-top:1px solid var(--line);padding-top:23px}.three-grid h3{max-width:280px;margin-bottom:16px}.three-grid p{font-size:15px;color:var(--muted)}.three-grid .deliverable{font-size:13px;color:var(--ink);border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.work{background:#e9efe3}.proof-top{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px;border-top:1px solid #c3d1bd;padding:26px 0}.tag{background:var(--ink);color:white;padding:8px 10px;font-size:10px;letter-spacing:.05em;border-radius:4px}.proof-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.proof-flow article{background:var(--paper);padding:26px;border-radius:7px}.proof-flow h3{font-size:23px;margin-bottom:17px}.proof-flow p{font-size:14px;color:var(--muted);margin:0}.proof-flow .index{margin-bottom:18px}.evidence-notes{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}.evidence-notes p{font-size:13px;margin:0}.demo{display:grid;grid-template-columns:250px 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:15px;background:#fffef9}.scenario-picker{display:flex;flex-direction:column;padding:14px;background:#edf1e8;border-right:1px solid var(--line);gap:6px}.scenario-picker button{display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:5px;color:var(--ink);padding:19px 12px;font-size:14px}.scenario-picker button span{font-size:10px}.scenario-picker button[aria-pressed=true]{background:var(--ink);color:white}.scenario-picker button:hover:not([aria-pressed=true]){border-color:#89a38f}.scenario-result{padding:31px 35px;min-height:360px}.scenario-input{font-size:15px;max-width:650px;color:var(--muted)}.result-line{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:22px 0 17px}.result-line h3{font-size:30px}.result-badge{background:#e4f0d7;color:#315432;border:1px solid #c4d6b7;padding:6px 9px;font-size:11px;border-radius:4px}.result-badge.blocked{background:#fff0db;color:#825326;border-color:#e1c59e}#result-reason{font-size:15px}.test-summary{display:grid;grid-template-columns:220px 1fr auto;gap:35px;align-items:center;border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.test-summary>div{display:flex;gap:18px;align-items:center}.test-summary strong{font-size:48px;font-weight:400;letter-spacing:-.04em}.test-summary span{font-size:12px;line-height:1.6}.test-summary p{font-size:12px;color:var(--muted);margin:0}.text-link{font-size:14px;text-decoration-thickness:1px;text-underline-offset:5px}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.about-title{margin-top:28px;font-size:18px}.about-title span{font-size:13px;color:var(--muted)}.about>div>p:not(.lead):not(.eyebrow):not(.about-title){color:var(--muted)}.downloads{border-top:1px solid var(--line)}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:23px}.download-card{display:block;text-decoration:none;background:#e9efe3;border:1px solid #d4dfca;padding:29px;border-radius:7px}.download-card:hover{border-color:var(--green)}.download-card h3{display:flex;justify-content:space-between;gap:15px;margin-bottom:15px}.download-card p{font-size:14px;margin:0;color:var(--muted)}.contact{background:var(--ink);color:var(--paper);border-radius:15px;margin-top:0;margin-bottom:70px;text-align:center}.contact .eyebrow{color:var(--accent)}.contact h2{font-size:clamp(35px,4vw,57px)}.contact>p:not(.eyebrow){max-width:600px;margin:25px auto}.contact .primary{background:var(--accent);color:var(--ink)}.contact .muted{color:#bfd0c3}.email{font-size:16px;text-underline-offset:4px;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-bottom:30px;font-size:12px}footer p{font-size:12px;margin:0;color:var(--muted)}footer a{text-decoration:none}
@media(max-width:1000px){nav{gap:17px}.hero{gap:35px}.test-summary{grid-template-columns:190px 1fr}.test-summary>a{grid-column:2}.wrap{padding-left:30px;padding-right:30px}.architecture{padding:24px}.contact{margin-left:30px;margin-right:30px}.about{gap:45px}}
@media(max-width:760px){.wrap{padding-left:23px;padding-right:23px}.site-header{display:block;padding-top:23px;padding-bottom:15px}nav{margin-top:25px;gap:21px;font-size:12px;flex-wrap:wrap}.nav-cta{padding:0;border:0}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:63px;gap:35px}h1{font-size:clamp(47px,10vw,67px)}.hero .lead{font-size:19px}.architecture{max-width:560px;margin-right:8px}.section{padding-top:55px;padding-bottom:55px}.three-grid,.proof-flow,.evidence-notes,.about,.download-grid{grid-template-columns:1fr;gap:27px}.three-grid h3{max-width:none}.section-heading{margin-bottom:28px}.proof-top{align-items:start;flex-direction:column;gap:12px}.proof-flow article{padding:24px}.evidence-notes{gap:17px}.demo{grid-template-columns:1fr}.scenario-picker{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid var(--line);padding:10px;gap:8px}.scenario-picker button{padding:13px 10px;font-size:12px;min-height:47px}.scenario-result{padding:25px 23px;min-height:400px}.result-line{gap:12px}.result-line h3{font-size:27px}.test-summary{grid-template-columns:1fr;gap:18px}.test-summary>a{grid-column:auto}.about{gap:20px}.about-title{margin-top:20px}.contact{margin-left:15px;margin-right:15px;margin-bottom:40px;border-radius:10px}footer{flex-wrap:wrap;gap:15px}footer p{order:3;width:100%}.button{gap:20px;padding:15px 18px;font-size:13px}.actions{gap:10px}.brand{font-size:22px}.preview{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}
/* Personal consulting page: context, recognisable friction, outcome, evidence. */
.brand{font-size:36px;letter-spacing:-.045em}.brand span{font-size:9px;letter-spacing:.08em;margin-top:10px}.site-header{padding-top:30px;padding-bottom:30px}nav{gap:22px}.hero{padding-top:55px;padding-bottom:68px;align-items:start}.hero h1{font-size:clamp(49px,4.85vw,74px)}.audience{font-size:14px;color:var(--green);margin:24px 0 13px}.hero .hook-question{font-size:23px;font-weight:500;line-height:1.4;margin:0 0 16px;max-width:500px}.hero .intro{font-size:16px;max-width:505px}.hero .actions{gap:11px}.hero .button{padding:16px 18px;font-size:13px}.outcome-card{margin:7px 0 0;padding:31px;background:var(--dark);color:var(--paper);border-radius:13px;box-shadow:12px 12px 0 #e4eadb}.outcome-card h2{font-size:40px;line-height:1.12;margin:20px 0 16px}.outcome-card h2 em{color:var(--accent);font-family:Georgia,serif;font-weight:400}.outcome-card .card-intro{font-size:14px;color:#c7d5c7;line-height:1.55}.output-line{display:flex;align-items:center;gap:12px;padding:19px 0;border-top:1px solid #3e5344;border-bottom:1px solid #3e5344}.check-mark{background:var(--accent);color:var(--dark);border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.output-line strong{font-size:15px;font-weight:500}.output-line div>span{display:block;font-size:11px;color:#c7d5c7;margin-top:5px}.pill{margin-left:auto;font-size:9px;letter-spacing:.1em;color:var(--accent);border:1px solid #5c725b;border-radius:20px;padding:6px 9px}.outcome-card .card-question{font-size:12px;line-height:1.5;margin:21px 0 16px;color:#c7d5c7}.outcome-list{list-style:none;margin:0;padding:0}.outcome-list li{margin:0 0 16px;padding-left:15px;border-left:2px solid #83ab6b}.outcome-list strong{font-size:15px;font-weight:500}.outcome-list span{display:block;font-size:12px;line-height:1.5;color:#c7d5c7;margin-top:4px}.outcome-card figcaption{font-size:10px;line-height:1.5;color:#b5c9b9;margin-top:22px}.reframe{padding-top:44px;padding-bottom:55px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;gap:0 65px;align-items:center}.reframe .eyebrow{grid-column:1/-1;margin-bottom:18px}.reframe h2{font-size:42px}.reframe em{font-family:Georgia,serif;color:var(--green)}.reframe>p:last-child{font-size:18px;color:var(--muted);margin:0}.checklist-section{display:grid;grid-template-columns:.72fr 1fr;gap:85px;align-items:center;border-top:1px solid var(--line)}.guide-cover{max-width:345px;background:var(--ink);color:var(--paper);padding:30px 29px 24px;box-shadow:8px 8px 0 #dce5d3;border-radius:3px;transform:rotate(-2deg);min-height:437px}.cover-author{display:block;font-size:21px;letter-spacing:-.03em;margin-bottom:40px}.cover-label{font-size:8px;letter-spacing:.13em;color:var(--accent);display:block;margin-bottom:18px}.guide-cover>strong{font-size:39px;line-height:1.09;letter-spacing:-.04em;font-weight:500;display:block}.guide-cover em{font-family:Georgia,serif;color:var(--accent);font-weight:400}.cover-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #506950;padding-top:17px;margin-top:33px;font-size:10px;line-height:1.5}.cover-arrow{font-size:28px;color:var(--accent)}.guide-copy>p:not(.eyebrow):not(.small){color:var(--muted);margin-top:21px}.guide-points{padding-left:19px;font-size:15px;line-height:1.6;margin:0 0 25px}.guide-points li{margin-bottom:10px}.guide-copy .small{margin-top:14px;font-size:12px}.evidence-detail{margin-top:26px;border-top:1px solid var(--line);padding:20px 0}.evidence-detail summary{font-size:14px;cursor:pointer;list-style-position:outside;margin-left:18px}.evidence-detail p{font-size:13px;color:var(--muted);max-width:800px;margin:17px 0 0}summary:focus-visible{outline:3px solid #985100;outline-offset:5px}
@media(max-width:1100px){nav{gap:15px;font-size:12px}.brand{font-size:33px}.brand span{font-size:8px}.checklist-section{gap:55px}.reframe{gap:0 35px}.hero .hook-question{font-size:21px}.outcome-card{padding:26px}.outcome-card h2{font-size:37px}}
@media(max-width:800px){.site-header{flex-wrap:wrap}.site-header nav{margin-top:8px}.checklist-section{gap:35px}.guide-cover{padding:25px 21px;min-height:390px}.guide-cover>strong{font-size:33px}.cover-author{font-size:19px}.reframe h2{font-size:35px}}
@media(max-width:760px){.brand{font-size:35px}.brand span{font-size:9px}.site-header nav{margin-top:24px;gap:16px}.hero{padding-top:35px;gap:25px;padding-bottom:57px}.hero h1{font-size:clamp(46px,10vw,67px)}.hero .hook-question{font-size:22px}.hero .actions{gap:10px}.outcome-card{margin-right:8px}.outcome-card h2{font-size:37px}.reframe{grid-template-columns:1fr;gap:22px;padding-top:35px;padding-bottom:44px}.reframe .eyebrow{margin:0}.reframe h2{font-size:37px}.reframe>p:last-child{font-size:16px}.checklist-section{grid-template-columns:1fr;gap:35px}.guide-cover{max-width:320px;width:100%;margin:0 auto;min-height:410px;padding:28px}.guide-cover>strong{font-size:38px}.guide-copy h2{font-size:35px}.guide-copy .button{font-size:13px}.cover-author{margin-bottom:30px}}

/* Final review: visible keyboard focus, usable navigation targets and narrow screens. */
nav a{display:inline-flex;align-items:center;min-height:44px}
nav a:hover,.text-link:hover,footer a:hover{text-decoration:underline;text-underline-offset:5px}
main:focus{outline:none}
.contact a:focus-visible{outline-color:var(--accent)}
.download-card:focus-visible{border-color:var(--green)}
@media(max-width:1000px){.site-header{flex-wrap:wrap}.site-header nav{flex-wrap:wrap}}
@media(max-width:760px){.site-header nav{gap:3px 18px;margin-top:16px}.hero .actions{align-items:stretch}.hero .button{justify-content:center}.section-heading>p:last-child:not(.eyebrow){font-size:16px}.about-title{line-height:1.5}}
@media(max-width:360px){.wrap{padding-left:20px;padding-right:20px}.brand{font-size:32px}.hero h1{font-size:43px}.hero .button{width:100%}.guide-copy h2{font-size:31px}.outcome-card{padding:23px}.scenario-picker button{font-size:11px}}

/* Personal introduction: identity, contract work and practical capabilities. */
.personal-header{align-items:flex-end;gap:32px;padding-top:42px;padding-bottom:36px}
.identity{min-width:0}
.personal-name{font-size:clamp(58px,6.2vw,82px);line-height:1.02;font-weight:600;letter-spacing:-.055em}
.personal-name a{text-decoration:none}
.personal-role{font-size:20px;line-height:1.4;margin:16px 0 8px;letter-spacing:-.02em}
.engagement{font-size:13px;color:var(--muted);margin:0}
.engagement span{padding:0 6px}
.personal-header nav{padding-bottom:2px;gap:24px;font-size:13px}
.personal-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.88fr);gap:88px;padding-top:44px;padding-bottom:66px}
.personal-hero #intro-title{font-size:clamp(42px,4.35vw,62px);line-height:1.08;margin-bottom:27px}
.personal-hero #intro-title em{font-family:Georgia,serif;font-weight:400;color:var(--green)}
.personal-hook{font-size:22px;line-height:1.45;letter-spacing:-.025em;margin-bottom:16px}
.personal-problem,.personal-value{font-size:16px;line-height:1.65;max-width:570px}
.personal-problem{color:var(--muted);margin-bottom:15px}
.personal-value{margin-bottom:0}
.personal-hero .actions{margin-top:26px;margin-bottom:16px}
.personal-cv{font-size:13px;margin:0;color:var(--muted)}
.personal-cv a{text-underline-offset:4px}
.expertise{margin-top:7px;padding:29px 0 0;border-top:2px solid var(--ink)}
.expertise .eyebrow{margin-bottom:19px}
.expertise h2{font-size:29px;line-height:1.25;letter-spacing:-.035em;margin-bottom:20px}
.expertise h2 em{font-family:Georgia,serif;color:var(--green);font-weight:400}
.expertise-intro{font-size:15px;color:var(--muted);line-height:1.6;margin-bottom:24px}
.expertise-list{margin:0}
.expertise-list>div{border-top:1px solid var(--line);padding:18px 0}
.expertise-list dt{font-size:17px;font-weight:600;letter-spacing:-.025em;margin-bottom:6px}
.expertise-list dd{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}
@media(max-width:1100px){.personal-header nav{gap:18px}.personal-hero{gap:48px}.personal-role{font-size:18px}.expertise h2{font-size:27px}}
@media(max-width:1000px){.personal-header{align-items:flex-start;gap:20px}.personal-header nav{margin-top:0}.personal-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:35px}}
@media(max-width:760px){.personal-header{padding-top:30px;padding-bottom:17px}.personal-name{font-size:clamp(47px,12.5vw,72px)}.personal-role{font-size:17px;max-width:330px;margin-top:13px}.engagement{font-size:12px}.personal-header nav{margin-top:20px;gap:4px 19px;font-size:12px}.personal-hero{grid-template-columns:1fr;padding-top:25px;padding-bottom:50px;gap:40px}.personal-hero #intro-title{font-size:clamp(39px,10vw,54px);margin-bottom:24px}.personal-hook{font-size:20px}.personal-problem,.personal-value{font-size:16px}.expertise{padding-top:25px;margin-top:0}.expertise h2{font-size:29px}.personal-hero .button{font-size:13px}}
@media(max-width:360px){.personal-name{font-size:46px}.personal-role{font-size:16px}.personal-hero #intro-title{font-size:36px}.personal-header nav{gap:3px 16px}.personal-hook{font-size:19px}}

/* Six scannable engagement capabilities; personal background lives in About. */
.personal-hero{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:65px}
.capability-panel{background:var(--dark);color:var(--paper);border-radius:14px;padding:30px;margin:7px 0 0;box-shadow:10px 10px 0 #e4eadb}
.capability-panel>.eyebrow{color:var(--accent);font-size:10px;margin-bottom:14px}
.capability-panel>h2{font-size:34px;line-height:1.15;margin-bottom:25px}
.capability-panel>h2 em{font-family:Georgia,serif;color:var(--accent);font-weight:400}
.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.capability-grid li{background:#19342e;border:1px solid #39564b;border-radius:7px;padding:18px 16px;min-width:0}
.capability-icon{display:block;width:24px;height:24px;color:var(--accent);margin-bottom:15px}
.capability-grid h3{font-size:17px;line-height:1.25;letter-spacing:-.025em;font-weight:600;margin-bottom:9px}
.capability-grid p{font-size:12px;line-height:1.55;color:#c7d5c7;margin:0}
.capability-panel .capability-note{font-size:12px;line-height:1.6;color:#c7d5c7;margin:22px 0 0;max-width:350px}
.about h2{font-size:clamp(34px,3.25vw,46px);line-height:1.18}
.about h2 em{font-family:Georgia,serif;color:var(--green);font-weight:400}
@media(min-width:761px) and (max-width:1000px){.personal-hero{gap:32px}.capability-panel{padding:22px}.capability-grid{gap:9px}.capability-grid li{padding:15px 12px}.capability-grid h3{font-size:15px}.capability-grid p{font-size:11px}}
@media(max-width:760px){.personal-hero{grid-template-columns:1fr;gap:38px}.capability-panel{padding:25px 20px;margin:0 7px 0 0;box-shadow:7px 7px 0 #e4eadb}.capability-panel>h2{font-size:32px;margin-bottom:22px}.capability-grid{gap:10px}.capability-grid li{padding:16px 12px}.capability-grid h3{font-size:16px}.capability-grid p{font-size:12px}.capability-panel .capability-note{margin-top:20px}.about h2{font-size:36px}}
@media(max-width:360px){.capability-panel{padding:24px 16px}.capability-grid{grid-template-columns:1fr}.capability-grid li{display:grid;grid-template-columns:25px 1fr;column-gap:13px;padding:16px}.capability-icon{grid-row:1/3;margin:0}.capability-grid h3{margin:0 0 6px}.capability-grid p{grid-column:2}.about h2{font-size:33px}}

/* Career context follows the approved opening; CV requests have their own page. */
.about.profile-section{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:80px;align-items:start;padding-top:78px;padding-bottom:78px}
.profile-portrait{position:relative;aspect-ratio:4/5;border:1px solid var(--line);border-radius:10px;background:#253f50;overflow:hidden}
.profile-portrait img{position:absolute;display:block;width:150%;max-width:none;height:auto;left:0;top:-32%}
.career-context{margin-top:29px;padding-top:25px;border-top:1px solid var(--line)}
.career-context .eyebrow{font-size:10px;margin-bottom:14px}
.company-names{list-style:none;display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;margin:0;padding:0}
.company-names li{font-size:25px;letter-spacing:-.03em;font-weight:600}
.profile-copy>.eyebrow{margin-bottom:16px}
.profile-copy>h2{font-size:clamp(36px,3.25vw,46px);margin-bottom:25px}
.profile-copy>.lead{font-size:21px;line-height:1.5;margin-bottom:16px}
.profile-copy>p:not(.lead):not(.eyebrow){font-size:15px;line-height:1.65}
.certifications{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;list-style:none;margin:27px 0 28px;padding:0}
.certifications li{display:flex;align-items:center;gap:13px;border:1px solid #c8d6c7;background:#eef2e9;border-radius:6px;padding:15px}
.certification-mark{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border:1px solid #b5c8b3;border-radius:50%;font-size:14px;color:var(--green)}
.certifications strong{font-size:14px;line-height:1.4;font-weight:600;display:block}
.certifications li>span>span{font-size:12px;display:block;color:#496254;margin-top:4px}
.experience-points>div{border-top:1px solid var(--line);padding:20px 0}
.experience-points h3{font-size:18px;line-height:1.35;font-weight:600;margin-bottom:9px;letter-spacing:-.02em}
.experience-points p{font-size:15px;line-height:1.65;color:var(--muted);margin:0}
.profile-copy .profile-closing{border-top:1px solid var(--line);padding-top:20px;margin-bottom:20px}
.profile-copy .brand-attribution{font-size:10px!important;line-height:1.6!important;margin:25px 0 0;max-width:580px}
.recruiter-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:36px;padding-bottom:36px;border-bottom:1px solid var(--line)}
.recruiter-name{font-size:29px;letter-spacing:-.04em;font-weight:600;text-decoration:none}
.recruiter-main{max-width:850px;padding-top:70px;padding-bottom:85px}
.recruiter-main h1{font-size:clamp(47px,6vw,72px);line-height:1.06;font-weight:500;letter-spacing:-.05em;margin-bottom:28px}
.recruiter-main h1 em{font-family:Georgia,serif;color:var(--green);font-weight:400}
.recruiter-main>.lead{max-width:640px}
.recruiter-main>p:not(.eyebrow):not(.lead){max-width:640px;color:var(--muted)}
.recruiter-brief{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;margin:30px 0}
.recruiter-brief h2{font-size:21px;line-height:1.3}
.recruiter-brief ul{padding-left:20px;font-size:15px;line-height:1.65;margin-bottom:0}
.recruiter-brief li{padding-left:4px;margin-bottom:8px}
.recruiter-note{margin-top:16px;font-size:12px}
.profile-copy>.text-link,.recruiter-header>a,.recruiter-main>.text-link,.recruiter-page footer>a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:1000px){.about.profile-section{gap:42px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.certifications{grid-template-columns:1fr}.company-names{gap:12px 24px}.company-names li{font-size:23px}}
@media(max-width:760px){.about.profile-section{grid-template-columns:1fr;gap:34px;padding-top:52px;padding-bottom:52px}.profile-visual{max-width:380px;width:100%}.career-context{margin-top:22px;padding-top:22px}.profile-copy>h2{font-size:37px}.profile-copy>.lead{font-size:20px}.certifications{grid-template-columns:1fr 1fr;gap:10px}.certifications li{padding:13px 11px;gap:9px;align-items:flex-start}.certifications strong{font-size:12px}.certification-mark{width:22px;height:22px;font-size:12px}.experience-points>div{padding:19px 0}.recruiter-header{flex-wrap:wrap;padding-top:26px;padding-bottom:25px;gap:14px}.recruiter-name{font-size:26px}.recruiter-main{padding-top:43px;padding-bottom:55px}.recruiter-main .button{min-height:50px}}
@media(max-width:360px){.certifications{grid-template-columns:1fr}.profile-copy>h2{font-size:34px}}

/* Visual refinement: white, silver hairlines and restrained teal. Copy is unchanged. */
body{background:var(--paper);-webkit-font-smoothing:antialiased}
body em{font-family:inherit!important;font-style:normal;font-weight:inherit!important;color:inherit!important}
.wrap{max-width:1280px;padding-left:48px;padding-right:48px}
.preview{background:#f6f7f8;border-color:#e6e9ec;color:#626b73;font-size:10px;padding:6px 16px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #087c75;outline-offset:5px}
.personal-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding-top:30px;padding-bottom:0}
.personal-name{font-size:clamp(48px,5vw,68px);font-weight:550;letter-spacing:-.055em;line-height:1.05}
.personal-role{font-size:17px;font-weight:400;letter-spacing:-.01em;margin:12px 0 7px;max-width:none}
.engagement{font-size:12px;color:#65707a}
.personal-header nav{justify-content:center;flex-wrap:wrap;gap:8px;width:100%;margin:22px 0 0;padding:12px 0;border-top:1px solid #e2e6e9;border-bottom:1px solid #e2e6e9;font-size:12px}
.personal-header nav a{padding:8px 18px;min-height:42px;border-radius:6px;transition:background-color .15s,border-color .15s}
.personal-header nav a:hover{background:#f5f8f9;text-decoration:none}
.personal-header .nav-cta{border:1px solid #cbd2d8;background:#fff;margin-left:12px;box-shadow:inset 0 -1px 0 #16dfca}
.personal-hero{grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:52px;padding-top:45px;padding-bottom:52px;align-items:stretch}
.personal-hero #intro-title{font-size:clamp(39px,3.65vw,53px);line-height:1.08;font-weight:520;letter-spacing:-.05em;margin-bottom:24px;max-width:600px;text-wrap:balance}
.personal-hero #intro-title em{color:var(--ink)}
.personal-hook{font-size:20px;line-height:1.5;font-weight:450;letter-spacing:-.025em;margin-bottom:17px}
.personal-problem,.personal-value{font-size:15px;line-height:1.65;max-width:570px}
.personal-problem{margin-bottom:16px}
.personal-hero .actions{margin-top:23px;margin-bottom:14px;gap:10px}
.personal-hero .button{min-height:48px;padding:14px 17px;font-size:12px;font-weight:600;letter-spacing:-.01em;border-radius:7px;border:1px solid #c4ccd3;background:#fff;color:var(--ink);transition:background-color .15s,border-color .15s}
.personal-hero .primary{box-shadow:inset 0 -1px 0 var(--accent)}
.personal-hero .button:hover{transform:none;background:#f4fbfa;border-color:#90b9b5}
.personal-hero .secondary{border-color:#d7dde2;color:#47515a;box-shadow:none}
.personal-cv{font-size:12px;color:#59646e}
.personal-cv a{text-decoration-color:#9ca8b1}
.capability-panel{position:relative;display:flex;flex-direction:column;background:linear-gradient(135deg,#fff,#f8fafb);color:var(--ink);border:1px solid #d5dce2;border-radius:14px;padding:25px;margin:0;box-shadow:0 8px 30px rgba(25,45,60,.025)}
.capability-panel::before{content:"";position:absolute;top:-1px;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.capability-panel>.eyebrow{color:#5e6c75;font-size:9px;letter-spacing:.15em;margin-bottom:11px}
.capability-panel>h2{font-size:29px;line-height:1.2;font-weight:500;letter-spacing:-.04em;margin-bottom:23px}
.capability-grid{flex:1;gap:10px;grid-auto-rows:1fr}
.capability-grid li{background:rgba(255,255,255,.8);border:1px solid #dde3e7;border-radius:7px;padding:17px 15px}
.capability-icon{color:#009b90;width:23px;height:23px;stroke-width:1.25;margin-bottom:13px}
.capability-grid h3{font-size:16px;line-height:1.3;font-weight:550;letter-spacing:-.025em;margin-bottom:7px}
.capability-grid p{color:#5c6670;font-size:12px;line-height:1.5}
.capability-panel .capability-note{color:#5c6670;font-size:11px;line-height:1.5;margin-top:18px;max-width:none}
.about.profile-section{position:relative;isolation:isolate;overflow:hidden;max-width:none;width:100%;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;padding:60px max(48px,calc((100% - 1184px)/2));background:#fff;border-top:1px solid #edf0f2}
.profile-visual{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;align-self:stretch;max-width:none;width:auto}
.profile-portrait{position:absolute;z-index:-1;inset:0 auto 0 0;width:66%;height:100%;aspect-ratio:auto;border:0;border-radius:0;background:#fff;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 22%,rgba(0,0,0,.9)34%,rgba(0,0,0,.42)49%,transparent 64%);mask-image:linear-gradient(90deg,#000 0%,#000 22%,rgba(0,0,0,.9)34%,rgba(0,0,0,.42)49%,transparent 64%)}
.profile-portrait img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:left 38%}
.profile-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,0)12%,rgba(255,255,255,0)75%,#fff 100%)}
.career-context{position:relative;margin:0;padding:17px 20px;background:rgba(255,255,255,.97);border:1px solid #d9dfe4;border-radius:8px;max-width:100%;width:300px}
.career-context .eyebrow{font-size:9px;color:#55616a;letter-spacing:.15em;margin-bottom:12px}
.company-names{gap:26px}
.company-names li{font-size:23px;font-weight:550;letter-spacing:-.04em}
.profile-copy{position:relative}
.profile-copy>.eyebrow{color:#58646e;font-size:10px;letter-spacing:.15em;margin-bottom:16px}
.profile-copy>h2{font-size:clamp(34px,3.2vw,46px);font-weight:500;letter-spacing:-.045em;line-height:1.1;margin-bottom:22px}
.profile-copy>.lead{font-size:20px;line-height:1.5;font-weight:400;letter-spacing:-.015em;margin-bottom:15px}
.profile-copy>p:not(.lead):not(.eyebrow),.experience-points p{font-size:14px;line-height:1.65}
.certifications{gap:12px;margin:24px 0}
.certifications li{background:#fbfcfd;border:1px solid #d4dde2;border-radius:6px;padding:14px}
.certification-mark{color:#087c75;border-color:#b4d8d3;background:#fff;font-size:12px;border-radius:50%;width:24px;height:24px}
.certifications strong{font-size:13px;font-weight:550}
.certifications li>span>span{color:#5d6871;font-size:11px}
.experience-points>div{padding:18px 0;border-color:#e0e5e9}
.experience-points h3{font-size:17px;font-weight:550;margin-bottom:8px}
.profile-copy .profile-closing{border-color:#e0e5e9;padding-top:18px;margin-bottom:10px}
.profile-copy>.text-link{font-size:13px;text-decoration-color:#adb9c0}
.profile-copy .brand-attribution{font-size:10px!important;margin-top:15px}
@media(min-width:761px) and (max-width:1050px){.personal-hero{gap:30px}.personal-hero #intro-title{font-size:40px}.capability-panel{padding:21px}.capability-grid li{padding:14px 11px}.capability-grid h3{font-size:14px}.capability-grid p{font-size:11px}.about.profile-section{padding-left:32px;padding-right:32px;gap:42px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.career-context{width:240px}.profile-copy>.lead{font-size:18px}}
@media(max-width:760px){.wrap{padding-left:24px;padding-right:24px}.personal-header{padding-top:25px;padding-bottom:0}.personal-name{font-size:clamp(44px,10vw,60px)}.personal-role{font-size:15px;margin-top:10px}.engagement{font-size:11px}.personal-header nav{margin-top:18px;gap:3px;padding:9px 0;font-size:11px}.personal-header nav a{padding:7px 10px;min-height:44px}.personal-header .nav-cta{margin-left:0}.personal-hero{grid-template-columns:1fr;gap:28px;padding-top:32px;padding-bottom:38px}.personal-hero #intro-title{font-size:clamp(36px,8.6vw,50px);margin-bottom:22px;max-width:570px}.personal-hook{font-size:19px}.personal-problem,.personal-value{font-size:15px}.personal-hero .actions{margin-top:22px}.personal-hero .button{font-size:12px;padding:14px 15px}.capability-panel{padding:23px;margin:0}.capability-panel>h2{font-size:28px;margin-bottom:20px}.capability-grid li{padding:15px 12px}.capability-grid h3{font-size:15px}.capability-grid p{font-size:12px}.about.profile-section{display:block;padding:0 24px 42px;overflow:hidden}.profile-visual{position:relative;display:block;margin:0 -24px 29px}.profile-portrait{position:relative;z-index:0;width:100%;height:clamp(430px,108vw,610px);-webkit-mask-image:none;mask-image:none}.profile-portrait img{object-position:left 38%}.profile-portrait::after{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,0)9%,rgba(255,255,255,0)66%,#fff 100%)}.career-context{margin:-14px 24px 0;padding-top:18px;width:auto;border-color:#dbe1e5}.company-names li{font-size:23px}.profile-copy>h2{font-size:36px}.profile-copy>.lead{font-size:19px}.certifications{grid-template-columns:1fr 1fr;gap:10px}.certifications li{padding:12px 10px;gap:8px}.certifications strong{font-size:12px}.certification-mark{flex-shrink:0;width:21px;height:21px}.profile-copy>p:not(.lead):not(.eyebrow),.experience-points p{font-size:14px}}
@media(max-width:360px){.personal-name{font-size:43px}.personal-role{font-size:14px}.personal-header nav{column-gap:2px}.personal-header nav a{padding-left:8px;padding-right:8px}.personal-hero #intro-title{font-size:34px}.capability-panel{padding:20px}.capability-grid{grid-template-columns:1fr}.capability-grid li{display:grid;grid-template-columns:24px 1fr;column-gap:12px}.capability-icon{margin:0}.capability-grid h3{margin-bottom:5px}.certifications{grid-template-columns:1fr}.profile-copy>h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.personal-header nav a,.personal-hero .button{transition:none}}

/* Original glass capability illustration: layered tubes, tiny currents and etched chambers. */
:root{--font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-family:var(--font-ui)}
.personal-name{font-weight:550;letter-spacing:-.055em}
.personal-hero{position:relative;gap:56px;padding-bottom:60px}
.hero-copy{position:relative;z-index:2}
.capability-flow{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:hidden}
.capability-panel{padding:27px 26px 23px;background:radial-gradient(ellipse at 100% 0%,rgba(129,231,218,.14),transparent 52%),linear-gradient(145deg,#fff 15%,#f3f7f8 100%);border:1px solid #cbd6d9;border-radius:17px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.9),inset 0 -1px 0 #c3d0d3,0 14px 40px -25px #809997;isolation:isolate}
.capability-panel::before{inset:5px;border:1px solid rgba(177,198,199,.34);height:auto;border-radius:12px;background:none;pointer-events:none}
.capability-panel::after{content:"";position:absolute;inset:8px;z-index:-1;border-radius:11px;background-image:radial-gradient(#769c961c .6px,transparent .7px);background-size:12px 12px;pointer-events:none}
.capability-panel>.eyebrow{font-size:8.5px;letter-spacing:.15em;margin-bottom:10px;max-width:220px}
.capability-panel>h2{font-size:29px;margin-bottom:46px;max-width:calc(100% - 120px)}
.capability-panel>.eyebrow,.capability-panel>h2,.capability-grid,.capability-note{position:relative;z-index:2}
.intake-manifold{position:absolute;width:126px;height:58px;top:36px;right:16px;z-index:2}
.intake-manifold svg{display:block;width:100%;height:100%;overflow:visible}
.mini-pipe-edge{stroke:#b9cecf;stroke-width:6;stroke-linejoin:round;stroke-linecap:round}
.mini-pipe-core{stroke:#faffff;stroke-width:4;stroke-linejoin:round;stroke-linecap:round}
.manifold-shell{fill:#edf7f5;stroke:#a8c7c6;stroke-width:1}
.manifold-well{fill:#d6f3eb;fill-opacity:.55;stroke:#fff;stroke-width:1}
.manifold-rib{stroke:#a9c5c4;stroke-width:.75}
.atom-core{fill:#0cb8a1!important;stroke:#c7fff1!important;stroke-width:.75!important}
.atom-orbit{stroke:#4bbfae;stroke-width:.6}
.mini-current{stroke:#00b9a4;stroke-width:1.65;stroke-dasharray:.1 14 .3 20;stroke-linecap:round;animation:mini-current 3s linear infinite}
.capability-grid{gap:28px 28px;grid-auto-rows:1fr;margin:0;padding:0;flex:1}
.capability-grid li{position:relative;display:block;min-width:0;list-style:none;padding:14px 14px 15px;border:1px solid #bfcece;border-radius:10px;background:linear-gradient(120deg,rgba(255,255,255,.94),rgba(226,247,241,.65) 50%,rgba(238,243,244,.85));box-shadow:inset 0 0 0 2px rgba(255,255,255,.78),inset -1px -1px 0 rgba(143,186,181,.2),0 4px 9px -7px rgba(15,65,65,.2)}
.capability-grid li::before{content:"";position:absolute;inset:5px;border:1px solid rgba(176,204,200,.35);border-radius:6px;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.58) 0%,rgba(255,255,255,.08) 40%,transparent 40.3%)}
.capability-grid h3{position:relative;font-size:15px;line-height:1.25;margin:11px 0 6px;letter-spacing:-.025em;font-weight:600}
.capability-grid p{position:relative;font-size:11.5px;line-height:1.5;color:#4e6567;margin:0;max-width:190px}
.stage-instrument{position:relative;display:flex;align-items:center;height:35px;gap:8px;color:#729e9d}
.stage-instrument svg{display:block;width:94px;height:34px;stroke:currentColor;stroke-width:.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:1;max-width:62%}
.stage-number{position:absolute;right:22px;top:-4px;color:#647c7d;font-size:8px;letter-spacing:.09em;font-variant-numeric:tabular-nums}
.stage-vial{position:absolute;right:1px;top:4px;width:12px;height:29px;border:1px solid #adc5c5;border-radius:4px;background:linear-gradient(90deg,#f7ffff,#d9eeeb 45%,#fff);box-shadow:inset 0 0 0 1px #fff}
.stage-vial::before,.stage-vial::after{content:"";position:absolute;left:-2px;right:-2px;height:3px;background:linear-gradient(#fff,#cfdfdf);border:1px solid #adc3c3;border-radius:2px}
.stage-vial::before{top:-2px}.stage-vial::after{bottom:-2px}
.stage-vial i{position:absolute;bottom:2px;left:2px;right:2px;height:42%;background:linear-gradient(0deg,#56d2bd66,#94edd455);border-top:1px solid #6fd4c0;border-radius:0 0 2px 2px}
.stage-vial b{position:absolute;width:2px;height:2px;border-radius:50%;background:#00b69d;left:4px;top:7px;box-shadow:2px 10px 0 #00b69d,-1px 13px 0 #2fcbb4;animation:vial-drift 4s ease-in-out infinite alternate;animation-delay:var(--stage-delay)}
.capability-panel .capability-note{font-size:10px;line-height:1.5;margin:18px 75px 0 0;color:#566b6e}
.flow-pipe,.flow-particle{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.pipe-rim{stroke:#b8cbce;stroke-width:7;opacity:.86}
.pipe-frost{stroke:#f9ffff;stroke-width:5.4}
.pipe-channel{stroke:#cbe6e2;stroke-width:2.9;opacity:.7}
.pipe-shine{stroke:#fff;stroke-width:.65;transform:translate(-1px,-1px);opacity:.95}
.flow-particle{stroke:#00bda8;stroke-width:1.7;stroke-dasharray:.2 42 .5 28 .2 61;animation:glass-current 6.6s linear infinite;filter:drop-shadow(0 0 1.2px #4de7d3)}
.flow-particle-fine{stroke:#148a7f;stroke-width:.85;stroke-dasharray:.1 18 .1 29 .1 52;animation:glass-current-fine 5.2s linear infinite;opacity:.55;filter:none}
.pipe-collar{fill:#f3faf9;stroke:#9ab8b9;stroke-width:.8}
.pipe-collar-inner{fill:#d8f7ee;stroke:#fff;stroke-width:.7}
.pipe-reservoir{fill:#f0f9f7;stroke:#adc8c7;stroke-width:.8}
.pipe-reservoir-fill{fill:#a0e9d755;stroke:#88cab9;stroke-width:.5}
.flow-ready .capability-grid>li{animation:glass-stage 15s ease-in-out infinite;animation-delay:var(--stage-delay)}
.flow-ready .actions .primary{animation:glass-cta 8s ease-in-out infinite}
.flow-toggle{position:absolute;z-index:4;right:20px;bottom:16px;top:auto;display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:5px 7px;border:1px solid #cddadc;border-radius:5px;background:#ffffffcc;color:#51696b;font:inherit;font-size:8px;line-height:1.2;cursor:pointer}
.flow-toggle[hidden]{display:none}.flow-toggle:hover{background:#f1fcf8;border-color:#83b7ae}
.flow-paused .flow-particle,.flow-paused .capability-grid>li,.flow-paused .actions .primary,.flow-paused .mini-current,.flow-paused .stage-vial b{animation-play-state:paused}
@keyframes glass-current{to{stroke-dashoffset:-131.9}}
@keyframes glass-current-fine{to{stroke-dashoffset:-99.3}}
@keyframes mini-current{to{stroke-dashoffset:-34.4}}
@keyframes vial-drift{to{transform:translateY(4px);opacity:.45}}
@keyframes glass-stage{0%,12%,100%{border-color:#bfcece;box-shadow:inset 0 0 0 2px #ffffffc7,0 4px 9px -7px #0f414133}5%{border-color:#83bdb2;box-shadow:inset 0 0 0 2px #ffffffc7,0 0 14px -5px #40d4b960}}
@keyframes glass-cta{0%,100%{box-shadow:inset 0 -1px 0 #16dfca}45%{box-shadow:inset 0 -1px 0 #16dfca,0 0 11px -3px #2ddbb650}}
/* A compact photographic experience section, with original typeset brand-name treatments. */
.about.profile-section{display:grid;grid-template-columns: minmax(0,.76fr) minmax(0,1.24fr);gap:23px 64px;min-height:580px;padding:28px max(48px,calc((100% - 1184px)/2)) 34px;position:relative;isolation:isolate;background:#fff;overflow:hidden;border-top:1px solid #edf0f2}
.profile-portrait{position:absolute;z-index:-1;inset:0 auto 0 0;width:55%;height:100%;aspect-ratio:auto;border:0;border-radius:0;background:transparent;overflow:hidden;-webkit-mask-image:none;mask-image:none}
.profile-portrait img{position:absolute;inset:0 auto 0 0;display:block;height:100%;width:auto;max-width:none;object-fit:contain;object-position:left center;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 69%,rgba(0,0,0,.83)80%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 69%,rgba(0,0,0,.83)80%,transparent 100%)}
.profile-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.86)15%,rgba(255,255,255,.1)25%,transparent 31%,rgba(255,255,255,0)85%,#fff 100%);pointer-events:none}
.career-context{grid-column:1/-1;position:relative;align-self:start;margin:0;padding:0 0 19px;width:auto;max-width:none;border:0;border-bottom:1px solid #c9d1d788;border-radius:0;background:none}
.career-context .eyebrow{font-size:8px;letter-spacing:.17em;margin:0 0 15px;color:#435057}
.company-names{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;list-style:none;padding:0;margin:0;gap:17px 24px;color:#171c20}
.company-names li{font-family:var(--font-ui);font-size:25px;line-height:1.05;font-weight:650;letter-spacing:-.055em;white-space:nowrap}
.company-names li span{display:block;font-size:8px;line-height:1.2;letter-spacing:.06em;margin-top:4px;font-weight:500}
.company-names .wordmark-racv{font-weight:850;font-style:italic;letter-spacing:-.08em}
.company-names .wordmark-sportsbet{font-weight:800;font-style:italic;font-size:23px;letter-spacing:-.055em}
.company-names .wordmark-stratton{font-size:25px;font-weight:550;letter-spacing:-.07em}.company-names .wordmark-stratton span{text-align:center;letter-spacing:.21em;font-size:7px}
.company-names .wordmark-wunderman{font-size:16px;font-weight:650;letter-spacing:-.055em}.company-names .wordmark-wunderman span{font-size:11px;letter-spacing:-.02em;margin-top:1px}
.company-names .wordmark-ive{font-size:31px;font-weight:650;letter-spacing:-.075em}.company-names .wordmark-ive span{font-size:6px;letter-spacing:.32em;text-align:center;margin-top:1px}
.company-names .wordmark-kaleido{font-size:24px;font-weight:500;letter-spacing:-.06em}
.company-names .wordmark-cub{font-size:25px;font-weight:800;letter-spacing:-.065em}.company-names .wordmark-cub span{font-size:6px;letter-spacing:0;white-space:normal;max-width:60px;margin-top:1px}
.company-names .wordmark-coles{font-size:28px;font-weight:600;letter-spacing:-.07em}
.company-names .wordmark-adidas{font-size:26px;font-weight:750;letter-spacing:-.065em}
.company-names .wordmark-sansoni{font-size:10px;font-weight:650;letter-spacing:.16em;text-align:center}.company-names .wordmark-sansoni span{font-size:10px;letter-spacing:.08em;margin-top:3px;font-weight:650}
.company-names .wordmark-syfe{font-size:26px;font-weight:600;letter-spacing:-.075em}
.company-names .wordmark-selfwealth{font-size:19px;font-weight:650;letter-spacing:-.045em}.company-names .wordmark-selfwealth span{font-size:8px;letter-spacing:0;text-align:right;margin-top:1px}
.platform-context{display:flex;align-items:center;gap:26px;margin-top:18px}.platform-context .eyebrow{margin:0;font-size:7px;white-space:nowrap}
.platform-names{display:flex;align-items:center;flex-wrap:wrap;gap:15px 28px;list-style:none;padding:0;margin:0;color:#293035}
.platform-names li{font-size:17px;font-weight:600;letter-spacing:-.045em;line-height:1.2;white-space:nowrap}
.platform-names .wordmark-salesforce{font-size:17px;font-weight:500;letter-spacing:-.06em}.platform-names .wordmark-braze{font-size:20px;font-style:italic;font-weight:750;letter-spacing:-.07em}.platform-names .wordmark-moengage{font-weight:450;font-size:15px}.platform-names .wordmark-make{font-size:21px;font-weight:800;letter-spacing:-.065em}.platform-names .wordmark-codex{font-weight:500;letter-spacing:-.035em}
.profile-copy{grid-column:2;max-width:700px}
.profile-copy>.eyebrow{font-size:8px;margin-bottom:12px;letter-spacing:.15em}
.profile-copy>h2{font-size:38px;margin-bottom:17px;line-height:1.1}
.profile-copy>h2 br{display:none}
.profile-copy>.lead{font-size:18px;line-height:1.5;margin-bottom:12px}
.profile-copy>p:not(.eyebrow):not(.lead){font-size:13px;line-height:1.6;margin-bottom:13px}
.experience-points{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0}
.experience-points>div{padding:14px 0 10px;border-top:1px solid #d8e0e3;border-bottom:0}
.experience-points h3{font-size:14px;line-height:1.3;margin-bottom:7px;letter-spacing:-.025em}
.experience-points p{font-size:12px;line-height:1.6;margin:0;color:#566069}
.profile-copy .profile-closing{padding-top:11px;margin:0 0 13px;border:0}
.certifications{display:flex;flex-wrap:wrap;gap:10px 23px;margin:0 0 6px}
.certifications li{padding:0;display:flex;align-items:center;gap:7px;background:none;border:0;border-radius:0}
.certification-mark{width:17px;height:17px;font-size:9px;min-width:17px}
.certifications li>span>span{display:inline;font-size:10px;margin-left:5px;color:#526267}.certifications strong{font-size:10px;font-weight:550}
.profile-copy>.text-link{font-size:11px;min-height:35px}
.profile-copy .brand-attribution{font-size:9px!important;line-height:1.5!important;margin:2px 0 0!important;max-width:560px}
@media(min-width:761px) and (max-width:1100px){.personal-hero{gap:30px}.capability-panel{padding-left:20px;padding-right:20px}.capability-panel>h2{font-size:26px;max-width:calc(100% - 90px)}.intake-manifold{width:104px;right:10px;top:48px}.capability-grid{gap:26px 24px}.capability-grid li{padding:12px}.capability-grid h3{font-size:14px}.capability-grid p{font-size:11px}.about.profile-section{grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);padding-left:32px;padding-right:32px;gap:25px 32px}.company-names{justify-content:flex-start;gap:20px 30px}.platform-context{align-items:flex-start}.platform-names{gap:12px 25px}.profile-copy>h2{font-size:34px}.profile-copy>.lead{font-size:17px}}
@media(max-width:760px){.personal-hero{gap:32px;padding-bottom:44px}.capability-panel{padding:24px 22px 22px}.capability-panel>h2{font-size:27px;max-width:none;margin-bottom:70px}.intake-manifold{top:77px;right:19px;width:117px;height:54px}.capability-grid{gap:27px 24px}.capability-grid li{padding:13px 11px}.capability-grid h3{font-size:14px}.capability-grid p{font-size:11px}.stage-instrument svg{max-width:67%;width:78px}.stage-number{right:16px}.stage-vial{right:-2px;width:10px}.flow-toggle{right:17px;bottom:16px}.capability-panel .capability-note{font-size:9px;margin-right:64px}.about.profile-section{display:grid;grid-template-columns:1fr;gap:0;min-height:0;padding:28px 24px 36px}.career-context{grid-column:1;margin:0;padding:0 0 20px;border-bottom:0}.company-names{justify-content:flex-start;gap:21px 24px}.company-names li{font-size:23px}.platform-context{display:block;margin-top:23px}.platform-context .eyebrow{margin-bottom:13px}.platform-names{gap:13px 22px}.profile-portrait{position:relative;grid-column:1;grid-row:2;z-index:0;height:auto;width:calc(100% + 48px);aspect-ratio:1086/1448;max-height:none;margin:0 -24px;inset:auto;overflow:hidden}.profile-portrait img{width:100%;height:100%;object-fit:contain;-webkit-mask-image:none;mask-image:none}.profile-portrait::after{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.7)4%,transparent 17%,transparent 83%,#fff 100%)}.profile-copy{grid-column:1;grid-row:3;margin-top:-10px;z-index:1;max-width:none}.profile-copy>h2{font-size:34px;margin-bottom:17px}.profile-copy>.lead{font-size:18px}.profile-copy>p:not(.eyebrow):not(.lead){font-size:14px}.experience-points{gap:18px}.experience-points h3{font-size:14px}.experience-points p{font-size:12px}.certifications{gap:12px}.certifications li{padding:0;align-items:center}.certifications strong{font-size:10px}.certification-mark{width:17px;height:17px}.profile-copy>.text-link{font-size:12px;min-height:44px}.profile-copy .brand-attribution{font-size:9px!important}}
@media(max-width:360px){.capability-grid{grid-template-columns:1fr}.capability-grid li{padding:15px 17px}.stage-instrument svg{max-width:60%;width:94px}.capability-grid h3{font-size:15px}.capability-grid p{max-width:none;font-size:12px}.capability-panel>h2{font-size:25px}.capability-panel>.eyebrow{font-size:8px}.capability-panel .capability-note{margin-right:60px;font-size:9px}.company-names{gap:21px 19px}.experience-points{grid-template-columns:1fr;gap:0}.profile-copy>h2{font-size:32px}.platform-names{gap:14px 20px}}
@media(prefers-reduced-motion:reduce){.flow-particle,.mini-current,.stage-vial b,.flow-ready .capability-grid>li,.flow-ready .actions .primary{animation:none}.flow-particle{opacity:.65}}

/* Keep the caption and pause control in normal flow at every width. */
.capability-footer{position:relative;z-index:4;display:flex;align-items:center;gap:12px;margin-top:18px}
.capability-panel .capability-note{flex:1;min-width:0;font-size:10px;line-height:1.5;margin:0}
.capability-footer .flow-toggle{position:relative;inset:auto;flex:none;font-size:8px}
@media(max-width:360px){.capability-footer{align-items:flex-start;gap:9px}.capability-panel .capability-note{font-size:9px}}
/* Preserve a soft photo edge and readable copy at the intermediate breakpoints. */
@media(min-width:761px){.profile-portrait{width:100%}}
@media(min-width:761px) and (max-width:1100px){.profile-portrait img{-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 22%,rgba(0,0,0,.12)42%,transparent 58%);mask-image:linear-gradient(90deg,#000 0%,#000 22%,rgba(0,0,0,.12)42%,transparent 58%)}.profile-portrait::after{background:linear-gradient(180deg,rgba(255,255,255,.94)0%,rgba(255,255,255,.89)24%,transparent 36%,transparent 85%,#fff 100%)}}
@media(min-width:761px) and (max-width:900px){.personal-hero{grid-template-columns:1fr;gap:34px}.hero-copy{max-width:650px}.capability-panel{width:100%;max-width:650px;justify-self:center}.personal-hero #intro-title{font-size:48px}.capability-panel>h2{max-width:calc(100% - 120px)}.capability-grid h3{font-size:16px}.capability-grid p{font-size:12px}}

/* Original digital housing: projected wire geometry, not a product schematic. */
.capability-panel{background:radial-gradient(ellipse at 82% 6%,#d9f8f259,transparent 53%),linear-gradient(135deg,#fff,#f3f8f8);border-color:#bccdd1;box-shadow:inset 0 0 0 3px #ffffffb3,inset 0 1px 0 #fff,0 12px 35px -24px #607f83;overflow:hidden}
.capability-panel::before{inset:5px;border-color:#c9d9dc80;box-shadow:inset 0 1px 0 #fff}
.capability-panel::after{background-image:radial-gradient(#769c9626 .5px,transparent .7px);background-size:10px 10px;opacity:.55}
.capability-panel>h2{margin-bottom:26px}
.capability-panel .digital-engine{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}
.capability-panel .capability-grid{gap:24px 30px;flex:none;grid-auto-rows:1fr}
.capability-panel .capability-grid>li{display:block;padding:0 8px 6px;border:0;border-radius:0;background:none;box-shadow:none;animation:none}
.capability-panel .capability-grid>li::before{display:none}
.capability-panel .digital-stage{height:92px;width:100%;pointer-events:none}
.capability-panel .capability-grid h3{margin:12px 0 6px;font-size:15px}
.capability-panel .capability-grid p{max-width:190px;color:#506267;font-size:11.5px}
.capability-panel .capability-footer{margin-top:16px}
.digital-engine path,.digital-engine line,.digital-engine circle,.digital-engine ellipse,.digital-engine rect{vector-effect:non-scaling-stroke;fill:none;stroke-linecap:round;stroke-linejoin:round}
.digital-engine .housing-grid{stroke:#739897;stroke-width:.45;opacity:.13}
.digital-engine .housing-edge{stroke:#6d9e9e;stroke-width:.6;opacity:.42}
.digital-engine .mesh-back{stroke:#73999d;stroke-width:.45;opacity:.43}
.digital-engine .mesh-main{stroke:#2d777d;stroke-width:.65;opacity:.82}
.digital-engine .mesh-accent{stroke:#009e95;stroke-width:.8;opacity:.92}
.digital-engine .mesh-fine{stroke:#54b0a5;stroke-width:.4;opacity:.47}
.digital-engine .mesh-blue{stroke:#578aa7;stroke-width:.65;opacity:.7}
.digital-engine .mesh-violet{stroke:#8a85b2;stroke-width:.6;opacity:.65}
.digital-engine .mesh-point{fill:#10cdb6;stroke:#e1fff7;stroke-width:.5;opacity:1;filter:drop-shadow(0 0 1px #24dcc291)}
.digital-engine .mesh-plane{fill:#32c3aa08;stroke:#39918b;stroke-width:.5;opacity:.7}
.digital-engine .digital-tube-halo{stroke:#fff;stroke-width:7;opacity:.4}
.digital-engine .digital-tube-edge{stroke:#72a5a6;stroke-width:.5;opacity:.65}
.digital-engine .digital-tube-core{stroke:#70bcb4;stroke-width:.5;opacity:.48}
.digital-engine .digital-collar{stroke:#5c9c9d;stroke-width:.5;opacity:.6}
.digital-engine .digital-particle{stroke:var(--stream,#00a99b);stroke-width:1.9;stroke-dasharray:.15 27 .3 48 .2 37;animation:digital-stream var(--speed,7s) linear infinite;filter:drop-shadow(0 0 1px #59e9d18c)}
.digital-engine .digital-particle-fine{stroke-width:.9;stroke-dasharray:.1 15 .1 36 .1 29;opacity:.72;animation-name:digital-stream-fine}
.digital-engine .digital-core-particle{stroke:#00b4a0;stroke-width:1.45;stroke-dasharray:.1 22 .1 43;animation:digital-core 5s linear infinite}
.flow-paused .digital-particle,.flow-paused .digital-core-particle{animation-play-state:paused}
@keyframes digital-stream{to{stroke-dashoffset:-112.65}}
@keyframes digital-stream-fine{to{stroke-dashoffset:-80.3}}
@keyframes digital-core{to{stroke-dashoffset:-65.2}}
@media(min-width:901px) and (max-width:1100px){.capability-panel .capability-grid{gap:28px 20px}.capability-panel .capability-grid>li{padding-left:3px;padding-right:3px}.capability-panel .digital-stage{height:86px}.capability-panel .capability-grid h3{font-size:14px}.capability-panel .capability-grid p{font-size:11px}}
@media(max-width:760px){.capability-panel>h2{margin-bottom:59px}.capability-panel .capability-grid{gap:29px 20px}.capability-panel .capability-grid>li{padding:0 1px 10px}.capability-panel .digital-stage{height:85px}.capability-panel .capability-grid h3{font-size:14px}.capability-panel .capability-grid p{font-size:11px}}
@media(max-width:360px){.capability-panel .capability-grid{grid-template-columns:1fr;gap:25px}.capability-panel .capability-grid>li{padding:0 12px 10px}.capability-panel .digital-stage{height:108px}.capability-panel .capability-grid h3{font-size:15px}.capability-panel .capability-grid p{font-size:12px;max-width:none}}
@media(prefers-reduced-motion:reduce){.digital-engine .digital-particle,.digital-engine .digital-core-particle{animation:none}}

/* Smoked glass with connected, illustrative processing and fine coloured grains. */
.capability-panel{color:#f3f8f9;background:radial-gradient(ellipse at 80% 0%,#71969e38,transparent 60%),linear-gradient(135deg,#3b535c,#293f48 62%,#314a53);border-color:#91a8ae;box-shadow:inset 0 0 0 3px #ffffff0d,inset 0 1px 0 #e8f6f98c,0 12px 35px -24px #526c75}
.capability-panel::before{border-color:#cbe0e029;box-shadow:inset 0 1px 0 #ffffff1f}
.capability-panel::after{background-image:radial-gradient(#ceeeed45 .5px,transparent .7px);opacity:.3}
.capability-panel>.eyebrow{color:#cfdee2}
.capability-panel>h2,.capability-panel .capability-grid h3{color:#f3f8f9}
.capability-panel .capability-grid p{color:#d2dfe3}
.capability-panel .capability-note{color:#cfdee2}
.capability-panel .capability-footer{margin-top:14px}
.digital-engine .housing-grid{stroke:#d9eeee;opacity:.12}
.digital-engine .housing-edge{stroke:#d9eeee;opacity:.36}
.digital-engine .mesh-back{stroke:#e7f5f8;opacity:.2}
.digital-engine .mesh-main{stroke:#f1fcff;opacity:.6;stroke-width:.55}
.digital-engine .mesh-accent{stroke:#f0ffff;opacity:.75;stroke-width:.65}
.digital-engine .mesh-fine{stroke:#c7e9e9;opacity:.28}
.digital-engine .mesh-blue{stroke:#e8faff;opacity:.5}
.digital-engine .mesh-violet{stroke:#f0eaff;opacity:.45}
.digital-engine .mesh-point{fill:#c5eeeb;stroke:none;opacity:.65;filter:none}
.digital-engine .digital-tube-halo{stroke:#e4f8ff;stroke-width:7;opacity:.065}
.digital-engine .digital-tube-edge{stroke:#f4feff;stroke-width:.7;opacity:.72}
.digital-engine .digital-tube-core{stroke:#c1e3e8;stroke-width:.45;opacity:.3}
.digital-engine .digital-collar{stroke:#fff;stroke-width:.55;opacity:.52}
.digital-engine .active-port{stroke:#f4ffff;stroke-width:.65;fill:#d6fffb1c}
.digital-engine .process-channel{stroke:var(--stream);stroke-width:.45;opacity:.21}
.digital-engine .ai-capillary-shell{stroke:#fff7ce;stroke-width:1.7;opacity:.15}
.digital-engine .channel-filament{stroke:var(--stream);stroke-width:.45;opacity:.55}
.digital-engine .process-grains{stroke:var(--stream);stroke-width:.88;stroke-dasharray:.12 3.3 .18 5.2 .08 2.6 .12 4.1;opacity:.95;filter:drop-shadow(0 0 .7px var(--stream))}
.digital-engine .grain-motion{animation:sand-travel .9s linear infinite;animation-delay:var(--grain-delay,0s)}
.digital-engine .grain-fine{stroke-width:.52;stroke-dasharray:.08 2.8 .1 4.2 .1 3.4 .06 5.5;opacity:.72;animation-name:sand-fine;animation-duration:1.3s}
.digital-engine .grain-teal{stroke-width:1.08;filter:drop-shadow(0 0 1.1px #36ffd7)}
.digital-engine .grain-teal.grain-fine{stroke-width:.55;opacity:.9}
.digital-engine .review-rotor{stroke-width:.7;opacity:.8;animation-duration:.65s}
.digital-engine .human-release{animation-name:sand-travel,approval-release;animation-duration:.9s,8s;animation-timing-function:linear,linear;animation-iteration-count:infinite,infinite;animation-delay:var(--grain-delay,0s),0s}
.digital-engine .approval-arrival{animation-name:sand-travel,approval-arrival;animation-duration:.9s,8s;animation-timing-function:linear,linear;animation-iteration-count:infinite,infinite;animation-delay:var(--grain-delay,0s),0s}
.digital-engine .human-command{stroke-width:1.15;animation-name:sand-travel,human-command;animation-duration:.9s,8s;animation-timing-function:linear,linear;animation-iteration-count:infinite,infinite;animation-delay:var(--grain-delay,0s),0s}
.digital-engine .queue-grain{fill:var(--stream);stroke:none;filter:drop-shadow(0 0 1px var(--stream));animation:approval-queue 8s linear infinite}
.digital-engine .approval-gate{stroke:#d7a8ff;stroke-width:1.25;fill:#c898ef09;animation:approval-gate 8s linear infinite}
.digital-engine .approval-signal{fill:#ddb2ff;stroke:#fff0ff;stroke-width:.4;animation:approval-signal 8s linear infinite}
.digital-engine .inspection-scan{stroke:#8bffe7;stroke-width:.95;fill:#45f3cf09;filter:drop-shadow(0 0 1.5px #39ffd280);animation:inspection-sweep 3s ease-in-out infinite}
.capability-panel .flow-legend{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:7px 15px;list-style:none;margin:10px 0 0;padding:13px 0 0;border-top:1px solid #d9eff019;color:#cfdee2;font-size:9px;line-height:1.4}
.flow-legend li{display:inline-flex;align-items:center;gap:6px}
.flow-legend i{width:4px;height:4px;border-radius:50%;background:var(--key);box-shadow:0 0 5px color-mix(in srgb,var(--key),transparent 35%)}
.flow-legend .key-ai{--key:#ffe49a}.flow-legend .key-human{--key:#d7a8ff}.flow-legend .key-info{--key:#8cd4ff}.flow-legend .key-workflow{--key:#53ffe0}
.capability-footer .flow-toggle{background:#e6f8ff0b;border-color:#c9e0e34d;color:#e0ecf0}
.capability-footer .flow-toggle:hover{background:#e6f8ff1b;border-color:#c9e0e39e}
.capability-footer .flow-toggle:focus-visible{outline:2px solid #83ffe1;outline-offset:4px}
.flow-paused .grain-motion,.flow-paused .queue-grain,.flow-paused .approval-gate,.flow-paused .approval-signal,.flow-paused .inspection-scan{animation-play-state:paused}
@keyframes sand-travel{to{stroke-dashoffset:-15.7}}
@keyframes sand-fine{to{stroke-dashoffset:-16.24}}
@keyframes approval-release{0%,46%,88%,100%{opacity:0}51%,82%{opacity:1}}
@keyframes approval-arrival{0%,39%,92%,100%{opacity:1}46%,84%{opacity:.06}}
@keyframes approval-queue{0%{opacity:.15}28%,43%{opacity:1}55%,85%{opacity:0}100%{opacity:.15}}
@keyframes human-command{0%,26%,62%,100%{opacity:.12}35%,51%{opacity:1}}
@keyframes approval-gate{0%,43%,89%,100%{stroke:#d7a8ff;opacity:.85}50%,82%{stroke:#76ffe0;opacity:.2}}
@keyframes approval-signal{0%,29%,86%,100%{fill:#aa85c7;opacity:.5}38%,47%{fill:#efd6ff;opacity:1}51%,80%{fill:#65fbd9;opacity:1}}
@keyframes inspection-sweep{0%,100%{transform:translate(0,0);opacity:.35}50%{transform:translate(var(--scan-x),var(--scan-y));opacity:.95}}
@media(max-width:760px){.capability-panel .flow-legend{font-size:8.5px;gap:6px 11px}}
@media(prefers-reduced-motion:reduce){.digital-engine .grain-motion,.digital-engine .queue-grain,.digital-engine .approval-gate,.digital-engine .approval-signal,.digital-engine .inspection-scan{animation:none}.digital-engine .human-release{opacity:1}}
/* The same fine grain continues out through the existing enquiry-button return. */
.capability-flow .flow-particle{stroke:#04b89d;stroke-width:1.05;stroke-dasharray:.12 3.3 .18 5.2 .08 2.6 .12 4.1;animation:sand-travel .9s linear infinite;filter:drop-shadow(0 0 .65px #36dfbc)}
.capability-flow .flow-particle-fine{stroke-width:.55;opacity:.55;animation-delay:-.43s}
.flow-paused .capability-flow .flow-particle{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.capability-flow .flow-particle{animation:none}}

/* Approved opening, reordered on mobile; the output circuit now feeds four actions. */
.personal-hero{grid-template-areas:"title panel" "copy panel" "actions panel";grid-template-rows:auto auto 1fr;row-gap:20px;align-items:start}
.personal-hero #intro-title{grid-area:title;margin:0;align-self:start}
.hero-copy{grid-area:copy}
.hero-copy .personal-value{margin-bottom:0}
.capability-panel{grid-area:panel;align-self:start;padding-top:26px;padding-bottom:26px}
.capability-panel>h2{margin-bottom:38px}
.capability-panel .intake-manifold{top:24px;right:17px;width:119px;height:58px}
.capability-panel .digital-stage{height:112px}
.capability-panel .capability-grid{gap:24px 30px}
.capability-panel .capability-grid>li{padding-bottom:3px}
.capability-panel .capability-grid h3{margin-top:10px}
.action-deck{grid-area:actions;position:relative;z-index:2;min-width:0;padding:0 0 1px}
.action-deck-header{display:flex;align-items:center;gap:22px;min-height:42px;margin-bottom:25px}
.action-intro{font-size:11px;color:#65727a;letter-spacing:.015em}
.personal-hero .flow-toggle{position:relative;inset:auto;display:inline-flex;align-items:center;gap:9px;border:0;border-radius:6px;min-height:42px;padding:3px 5px;background:#fff;color:#46545c;font-size:10px;cursor:pointer;flex-shrink:0}
.personal-hero .flow-toggle[hidden]{display:none}
.switch-track{display:block;position:relative;width:38px;height:20px;border:1px solid #a9b8be;border-radius:12px;background:linear-gradient(#ecf1f3,#fff);box-shadow:inset 0 1px 3px #536c751f}
.switch-track i{position:absolute;top:3px;left:3px;width:12px;height:12px;border:1px solid #9aadb3;border-radius:50%;background:#e0e8eb;transition:transform .2s,background .2s;box-shadow:0 1px 2px #0002}
.flow-toggle[aria-checked="true"] .switch-track i{transform:translateX(18px);background:#49ecd0;border-color:#169f8e;box-shadow:0 0 6px #54edce70}
.personal-hero .flow-toggle:hover .switch-track{border-color:#238f83}
.personal-hero .action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:0}
.action-link{display:flex;position:relative;flex-direction:column;justify-content:center;gap:9px;min-width:0;min-height:85px;padding:14px 16px;border:1px solid #b8c6cb;border-radius:8px;background:linear-gradient(140deg,#fff,#f3f7f8);color:#253139;text-decoration:none;box-shadow:inset 0 1px 0 #fff,0 3px 8px -7px #506671;transition:border-color .2s,background .2s}
.action-link strong{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:550;letter-spacing:-.015em;line-height:1.3}
.action-link strong>span{font-size:14px;color:#5c7378;font-weight:400;flex-shrink:0}
.action-link>span{font-size:10.5px;line-height:1.5;color:#64737b}
.action-link:hover,.action-link:focus-visible{border-color:#58aaa0;background:#f3fcf9}
.flow-ready .actions .primary{animation:none}
.capability-flow .pipe-rim{stroke:#657d87;stroke-width:6.5;opacity:.85}
.capability-flow .pipe-frost{stroke:#f3fbfc;stroke-width:4.7}
.capability-flow .pipe-channel{stroke:#9ccbc8;stroke-width:2.2;opacity:.65}
.capability-flow .pipe-shine{stroke:#fff;stroke-width:.65}
.output-route .flow-particle{opacity:.6}
.output-highlight .flow-particle{opacity:1;stroke:#00a98f;stroke-width:1.5}
.output-highlight .pipe-rim{stroke:#349e91}
.digital-engine .system-crawl{stroke:#8bffe4;stroke-width:1.05;stroke-dasharray:7 29 2 43;filter:drop-shadow(0 0 1px #5affe0);animation:system-build 3.6s linear infinite}
.digital-engine .integration-field{stroke:#49ffdc;stroke-width:5;opacity:.12;filter:blur(1.2px)}
.digital-engine .integration-wave{stroke:#93ffe9;stroke-width:1.15;stroke-dasharray:15 9 2 13;filter:drop-shadow(0 0 2px #12ffcc);animation:integration-wave 1.2s linear infinite}
.digital-engine .test-piston{stroke:#c5fff2;stroke-width:.85;fill:#68efcf0a;animation:test-stroke 2.4s ease-in-out infinite}
.digital-engine .test-result{fill:#73ffda;stroke:#d5fff4;stroke-width:.5;animation:test-result 2.4s ease-in-out infinite}
.flow-paused .system-crawl,.flow-paused .integration-wave,.flow-paused .test-piston,.flow-paused .test-result{animation-play-state:paused}
@keyframes system-build{to{stroke-dashoffset:-81}}
@keyframes integration-wave{to{stroke-dashoffset:-39}}
@keyframes test-stroke{0%,12%,100%{transform:translate(0,0)}45%,65%{transform:translate(var(--stroke-x),var(--stroke-y))}}
@keyframes test-result{0%,25%,100%{opacity:.25}55%,80%{opacity:1}}
@media(min-width:901px) and (max-width:1100px){.personal-hero{column-gap:30px;row-gap:18px}.capability-panel .digital-stage{height:99px}.capability-panel .capability-grid{gap:25px 24px}.action-link{padding:12px;min-height:91px}.action-link strong{font-size:12px}.action-link>span{font-size:10px}}
@media(max-width:900px){.personal-hero{grid-template-columns:1fr;grid-template-areas:"title" "panel" "copy" "actions";grid-template-rows:auto;row-gap:28px}.personal-hero #intro-title,.hero-copy,.action-deck{width:100%;max-width:650px;justify-self:center}.capability-panel{width:100%;max-width:650px;justify-self:center}.action-deck-header{margin-bottom:25px}.personal-hero .action-grid{margin:0}}
@media(max-width:760px){.capability-panel>h2{margin-bottom:71px}.capability-panel .intake-manifold{top:62px;right:19px;width:117px;height:54px}.capability-panel .digital-stage{height:101px}.capability-panel .capability-grid{gap:27px 24px}.action-link{min-height:107px;padding:13px 12px}.action-link strong{font-size:12px}.action-link>span{font-size:10px}.action-deck-header{gap:20px}.action-intro{font-size:10px}.personal-hero .action-grid{gap:18px 24px}.capability-panel{padding-bottom:23px}}
@media(max-width:360px){.personal-hero .action-grid{grid-template-columns:1fr}.action-link{min-height:76px;padding:13px 16px}.action-deck-header{gap:10px}.capability-panel .digital-stage{height:120px}}
@media(prefers-reduced-motion:reduce){.digital-engine .system-crawl,.digital-engine .integration-wave,.digital-engine .test-piston,.digital-engine .test-result{animation:none}.switch-track i,.action-link{transition:none}}

/* Satin-black glass, independently sleeved channels and three tactile contact actions. */
.personal-hero{isolation:isolate}
.personal-hero::before{content:"";position:absolute;top:0;bottom:0;left:calc((100% - 100vw)/2);width:100vw;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 86% 39%,#dce9e7a8,transparent 59%),radial-gradient(ellipse at 12% 85%,#e1e6ee70,transparent 52%),linear-gradient(180deg,#fff 0%,#f7f9fa 28%,#f0f4f5 82%,#fff 100%)}
.personal-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#768f9708 1px,transparent 1px),linear-gradient(#768f9708 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 38%,#000);-webkit-mask-image:linear-gradient(90deg,transparent 38%,#000)}
/* Opaque satin backing, clear perimeter glass; no reflection streaks. */
.capability-panel{background:radial-gradient(ellipse at 8% 0%,#25292b88,transparent 65%),linear-gradient(155deg,#121617,#080b0c 68%,#121819);border-color:#697577;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 0 0 1px #ffffff25,inset 0 0 0 3px #020607,0 1px 2px #14232233,0 16px 36px -20px #172a356b,0 0 0 3px #ffffff80}
.capability-panel::before{inset:5px;z-index:0;border-color:#adc9c528;background:none;box-shadow:inset 0 0 0 1px #0008}
.capability-panel::after{inset:1px;z-index:0;border-radius:15px;background:none;opacity:1}
.capability-panel .capability-grid h3{isolation:isolate}
.capability-panel .capability-grid h3::before{content:"";position:absolute;inset:-5px -7px;z-index:-1;border:1px solid #b8d1cc35;border-radius:4px;background:linear-gradient(160deg,#ffffff0d,#ffffff04);box-shadow:inset 0 0 0 1px #ffffff04,0 2px 4px #0003;pointer-events:none}
.capability-panel .capability-grid p{color:#dce5e5;padding-top:5px}
.digital-engine .intake-socket{stroke:#c5ddda;stroke-width:.55;fill:#0b1111;opacity:.8}
.digital-engine .channel-capillary-shell{stroke:var(--stream);stroke-width:2.1;opacity:.2}
.digital-engine .channel-filament{stroke-width:.55;opacity:.82}
.digital-engine .digital-tube-edge{stroke:#f5ffff;opacity:.88}
.capability-flow .pipe-rim{stroke:#657572;stroke-width:7;opacity:1}
.capability-flow .pipe-frost{stroke:#101717;stroke-width:5.1}
.capability-flow .pipe-channel{stroke:#040908;stroke-width:2.8;opacity:1}
.capability-flow .pipe-shine{stroke:#607b76;stroke-width:.45;opacity:.65}
.capability-flow .flow-particle{stroke:#66ffe0}
.capability-flow .pipe-collar{stroke:#758c86;fill:#121a18;stroke-width:1.1}
.capability-flow .pipe-collar-inner{fill:#76ffe1;stroke:#162e28}
.output-route .flow-particle{opacity:.85}
.personal-hero .action-grid>.primary{grid-column:1/-1}
.personal-hero .action-link{padding-right:72px;background:linear-gradient(145deg,#202526,#0d1112);color:#f1f7f5;border-color:#59d4ba66;box-shadow:inset 0 0 0 1px #ffffff06,0 2px 4px #18352d15;transition:border-color .18s,background .18s,box-shadow .18s}
.personal-hero .action-link.primary{border-color:#54d7ba80}
.personal-hero .action-link:hover,.personal-hero .action-link:focus-visible{border-color:#65e5c5;background:linear-gradient(145deg,#253330,#111a17);box-shadow:inset 0 0 0 1px #5affe00b,0 3px 9px #236c5a20}
.action-link strong>.action-actuator{position:absolute;right:18px;top:50%;width:39px;height:25px;transform:translateY(-50%);border:1px solid #5fdcbd50;border-radius:7px;background:linear-gradient(180deg,#060c0b,#17211e);box-shadow:inset 0 2px 3px #0009,0 1px 0 #ffffff0b}
.action-actuator::before{content:"";position:absolute;left:7px;right:7px;top:11px;height:2px;border-radius:2px;background:#03110d;box-shadow:0 1px 0 #849f9633}
.action-actuator i{position:absolute;left:3px;top:3px;width:20px;height:17px;border:1px solid #637c73;border-radius:4px;background:linear-gradient(130deg,#3e4b46,#1d2823);box-shadow:0 1px 2px #0008,inset 0 1px 0 #ffffff1c;transition:transform .18s ease,box-shadow .18s}
.action-actuator i::after{content:"";position:absolute;left:7px;top:4px;width:3px;height:7px;border-left:1px solid #9fafaa;border-right:1px solid #6b8178}
.action-actuator b{position:absolute;right:4px;top:4px;width:3px;height:3px;border-radius:50%;background:#3cbba5;box-shadow:0 0 3px #29d4b633;transition:background .18s}
.action-link:hover .action-actuator i,.action-link:focus-visible .action-actuator i{transform:translateX(10px);box-shadow:0 1px 2px #0008,inset 0 1px 0 #adffe22b}
.action-link:hover .action-actuator b,.action-link:focus-visible .action-actuator b{background:#40f8cf;box-shadow:0 0 5px #21dcb7}
.action-link:active .action-actuator i{transform:translateX(10px) translateY(1px);box-shadow:inset 0 1px 2px #345b6e4d}
.action-link:active{box-shadow:inset 0 1px 4px #345b6e21}
.personal-hero .flow-toggle{padding:3px 9px;background:linear-gradient(145deg,#202526,#0d1112);color:#dceae5;border:1px solid #59d4ba66}
.personal-hero .switch-track{background:#080e0c;border-color:#637e74;box-shadow:inset 0 1px 3px #0009}
.personal-hero .switch-track i{background:#51665e;border-color:#91a99e}
@media(max-width:1100px){.personal-hero .action-link{padding-right:60px}.action-link strong>.action-actuator{right:12px}}
@media(max-width:760px){.personal-hero .action-link{min-height:106px;padding-right:12px;padding-top:44px}.personal-hero .action-link.primary{min-height:85px;padding-top:13px;padding-right:66px}.action-link strong>.action-actuator{top:12px;right:12px;transform:none;width:35px;height:23px}.action-actuator i{height:15px;width:18px}.action-actuator i::after{left:6px;top:3px}.action-link.primary strong>.action-actuator{top:50%;transform:translateY(-50%)}.action-link:hover .action-actuator i,.action-link:focus-visible .action-actuator i{transform:translateX(8px)}.action-link:active .action-actuator i{transform:translateX(8px) translateY(1px)}}
@media(max-width:360px){.personal-hero .action-link{padding:13px 64px 13px 16px;min-height:80px}.action-link strong>.action-actuator{top:50%;transform:translateY(-50%)}}
@media(prefers-reduced-motion:reduce){.personal-hero .action-link,.action-actuator i,.action-actuator b{transition:none}}

.personal-hero .action-link>span{color:#bccbc5}

/* A fine travelling current quietly draws attention to the existing CTA latches. */
.actuator-orbit{position:absolute;inset:-5px;width:calc(100% + 10px);height:calc(100% + 10px);overflow:visible;pointer-events:none}
.actuator-grains{fill:none;stroke:#8bffe1;stroke-width:.9;stroke-linecap:round;stroke-dasharray:.15 3 .2 4 .15 15 .25 5 .2 32 .15 39.9;vector-effect:non-scaling-stroke;opacity:.65;filter:drop-shadow(0 0 .7px #51ffcb);animation:actuator-current 7s linear infinite}
.action-link:hover .actuator-grains,.action-link:focus-visible .actuator-grains{opacity:1}
.flow-paused .actuator-grains{animation-play-state:paused}
@keyframes actuator-current{to{stroke-dashoffset:-100}}
@media(prefers-reduced-motion:reduce){.actuator-grains{animation:none}}

/* The lower return houses the motion control; the cable collector remains transparent. */
.personal-hero>.flow-toggle{position:absolute;left:var(--motion-x,50%);top:var(--motion-y,100%);transform:translate(-50%,-50%);z-index:4;min-height:34px;font-size:9px;padding:3px 9px}
.personal-hero>.flow-toggle::after{content:"";position:absolute;inset:-5px 0;pointer-events:auto}
.capability-flow .coupler-shell{fill:#07171355;stroke:#9ab7ae;stroke-width:.75;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.capability-flow .coupler-rings{fill:none;stroke:#cee9df;stroke-width:.6;opacity:.8;vector-effect:non-scaling-stroke}
.capability-flow .coupler-filament{fill:none;stroke-width:.65;stroke-linecap:round;vector-effect:non-scaling-stroke}
.personal-hero .action-link::after{content:"";position:absolute;inset:-1px;border:1px solid #74ffda;border-radius:inherit;pointer-events:none;opacity:.18;animation:cta-outline-breathe 5.5s ease-in-out infinite}
.actuator-outline{fill:none;stroke:#74ffda;stroke-width:.7;vector-effect:non-scaling-stroke;opacity:.18;animation:cta-outline-breathe 5.5s ease-in-out infinite}
.flow-paused .action-link::after,.flow-paused .actuator-outline{animation-play-state:paused}
@keyframes cta-outline-breathe{0%,100%{opacity:.18}50%{opacity:.72}}
@media(prefers-reduced-motion:reduce){.personal-hero .action-link::after,.actuator-outline{animation:none;opacity:.35}}

/* Experience sits within one continuous photograph-to-white background. */
.about .platform-context{justify-content:center;align-items:center}
.about .platform-names{justify-content:center}
.about .profile-portrait::before{content:"";position:absolute;inset:-32px;background:url("images/chris-millett-portrait.jpg") left center / min(72vw,960px) auto no-repeat;filter:blur(32px);opacity:.18;mask-image:linear-gradient(90deg,#000 0%,#000 24%,transparent 68%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 24%,transparent 68%);pointer-events:none}
.about .profile-portrait img{mask-image:linear-gradient(90deg,#000 0%,#000 56%,#000b 74%,#0003 91%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 56%,#000b 74%,#0003 91%,transparent 100%)}
.about .profile-portrait::after{background:linear-gradient(180deg,#fff 0%,#fffffff2 6%,#ffffffb3 14%,#ffffff33 23%,transparent 32%,transparent 77%,#ffffffb3 92%,#fff 100%)}
.about .profile-copy .profile-closing{margin-top:6px;padding-top:15px;border-top:1px solid #d8e0e3}
@media(max-width:760px){.about .platform-context{display:flex;flex-wrap:wrap;gap:13px 22px}.about .platform-context .eyebrow{margin:0}.about .profile-portrait::before{background-size:100% auto;opacity:.12;mask-image:none;-webkit-mask-image:none}.about .profile-portrait img{mask-image:none;-webkit-mask-image:none}.about .profile-portrait::after{background:linear-gradient(180deg,#fff 0%,#ffffffb3 5%,transparent 20%,transparent 67%,#ffffffa6 87%,#fff 100%)}.about .experience-points{grid-template-columns:1fr;gap:0}.about .experience-points p{font-size:13px;line-height:1.65}}

@media(min-width:761px) and (max-width:1100px){.about .profile-portrait{mask-image:linear-gradient(90deg,#000 0%,#000 20%,transparent 40%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 20%,transparent 40%)}.about .profile-portrait img{mask-image:linear-gradient(90deg,#000 0%,#000 18%,#0008 37%,transparent 62%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 18%,#0008 37%,transparent 62%)}}

/* The portrait's sky carries through the opening without a white section reset. */
.personal-header,.personal-hero,.about.profile-section{--opening-sky:linear-gradient(90deg,#d0e0ec 0%,#dce8f0 24%,#f0f5f8 57%,#fff 91%)}
.personal-header{position:relative;isolation:isolate}
.personal-header::before{content:"";position:absolute;inset:0 auto 0 calc((100% - 100vw)/2);width:100vw;z-index:-1;pointer-events:none;background:var(--opening-sky)}
.personal-hero::before{background:var(--opening-sky)}
.personal-header .engagement,.personal-hero .action-intro{color:var(--muted)}
.about.profile-section{border-top-color:transparent;background:linear-gradient(180deg,transparent 75%,#fff 100%),var(--opening-sky)}
.about .profile-portrait::after{background:linear-gradient(180deg,transparent 75%,#fff 100%),var(--opening-sky);mask-image:linear-gradient(180deg,#000 0%,#000d 8%,transparent 30%,transparent 77%,#000 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000d 8%,transparent 30%,transparent 77%,#000 100%)}
@media(max-width:760px){.about .profile-portrait::after{background:var(--opening-sky);mask-image:linear-gradient(180deg,#000 0%,transparent 23%,transparent 67%,#000 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 23%,transparent 67%,#000 100%)}}

/* Bring the opening to the page edges, with compact experience rows over the sky. */
.personal-header,.personal-hero{max-width:none}
.about.profile-section{border-top:0;margin-top:-1px}
.personal-hero{z-index:1}
.personal-hero::before{bottom:-4px}
.about .career-context{border:0;container-type:inline-size}
.career-context .company-caption{margin:10px 0 0}
.career-context .eyebrow>span{display:inline-block;font-size:1em;letter-spacing:0;margin-left:4px}
@media(min-width:1101px){.about.profile-section{padding-left:48px;padding-right:48px}}
@media(max-width:760px){
  .about.profile-section{padding-top:0}
  .about .profile-portrait{grid-row:1}
  .about .career-context{grid-row:1;z-index:1;padding:25px 0 0}
  .about .profile-copy{grid-row:2}
  .about .company-names{flex-wrap:nowrap;justify-content:space-between;gap:1.5cqw}
  .about .company-names li{font-size:2.11cqw}
  .about .company-names li span{font-size:.68cqw;margin-top:.34cqw}
  .about .company-names .wordmark-sportsbet{font-size:1.94cqw}
  .about .company-names .wordmark-stratton span{font-size:.59cqw}
  .about .company-names .wordmark-wunderman{font-size:1.35cqw}
  .about .company-names .wordmark-wunderman span{font-size:.93cqw;margin-top:.08cqw}
  .about .company-names .wordmark-ive{font-size:2.62cqw}
  .about .company-names .wordmark-ive span{font-size:.51cqw;margin-top:.08cqw}
  .about .company-names .wordmark-kaleido{font-size:2.03cqw}
  .about .company-names .wordmark-cub span{font-size:.51cqw;max-width:5.07cqw;margin-top:.08cqw}
  .about .company-names .wordmark-coles{font-size:2.36cqw}
  .about .company-names .wordmark-adidas,.about .company-names .wordmark-syfe{font-size:2.2cqw}
  .about .company-names .wordmark-sansoni,.about .company-names .wordmark-sansoni span{font-size:.84cqw}
  .about .company-names .wordmark-selfwealth{font-size:1.6cqw}
  .about .platform-context{flex-wrap:nowrap;gap:9px;margin-top:12px}
  .about .platform-context .eyebrow{font-size:7px}
  .about .platform-names{flex:1;min-width:0;flex-wrap:nowrap;justify-content:space-between;gap:.9cqw}
  .about .platform-names li{font-size:1.85cqw}
  .about .platform-names .wordmark-braze,.about .platform-names .wordmark-make{font-size:2.1cqw}
  .about .profile-portrait::after{mask-image:linear-gradient(180deg,#000 0%,#000d 13%,transparent 26%,transparent 67%,#000 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000d 13%,transparent 26%,transparent 67%,#000 100%)}
}
@media(max-width:360px){.about .platform-context{gap:6px}.about .platform-names{gap:.6cqw}.about .platform-names li{font-size:1.6cqw}.about .platform-names .wordmark-braze,.about .platform-names .wordmark-make{font-size:1.8cqw}}

/* Keep the experience names close, with both quiet captions on one line. */
.about .career-context{display:grid;grid-template-columns:max-content max-content minmax(0,1fr);align-items:center;gap:14px 24px;max-width:1184px;width:100%;justify-self:center}
.about .company-names{grid-column:1/-1}
.about .company-caption{margin:0;white-space:nowrap}
.about .platform-context{display:contents}
.about .platform-context>.eyebrow{margin:0}
.about .platform-names{justify-content:flex-start;gap:15px 22px}
@media(max-width:760px){.about .career-context{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px}.about .platform-names{grid-column:1/-1;justify-content:center;gap:2.5cqw}}
@media(max-width:360px){.about .career-context{column-gap:8px}.about .career-context .eyebrow{letter-spacing:0}}

/* On phones the photograph's sky rises through the page instead of ending at a pale band. */
@media(max-width:760px){
  .personal-header::before{background:#fff}
  .personal-hero::before{background:linear-gradient(180deg,#fff 0%,#f8fafc calc(100% - 1050px),#f0f5f9 calc(100% - 620px),#dfeaf2 calc(100% - 330px),#bdd1e1 calc(100% - 250px),#7f9bb2 calc(100% - 140px),#4b6982 calc(100% - 60px),#2e4b64 calc(100% - 4px),#2e4b64 100%)}
  .about.profile-section{background:#fff}
  .about .profile-portrait::before{content:none}
  .about .profile-portrait::after{background:linear-gradient(180deg,#2e4b64 0%,#2e4b6400 18%,transparent 67%,#fff 100%);mask-image:none;-webkit-mask-image:none}
  .about .career-context .eyebrow{font-size:clamp(4.5px,1.35cqw,6px);letter-spacing:.12em;color:#dce8f1}
  .about .company-names,.about .platform-names{color:#f2f7fa}
}

/* The same two black name rows scale together across every screen size. */
.about .career-context{grid-template-columns:max-content max-content minmax(0,1fr);gap:clamp(4px,1.182cqw,14px) 2%}
.about .company-names{grid-column:1/-1;grid-row:1;flex-wrap:nowrap;justify-content:space-between;gap:2.027cqw;color:#171c20}
.about .company-names li{font-size:2.1115cqw}
.about .company-names li span{font-size:.6757cqw;margin-top:.3378cqw}
.about .company-names .wordmark-sportsbet{font-size:1.9426cqw}
.about .company-names .wordmark-stratton span{font-size:.5912cqw}
.about .company-names .wordmark-wunderman{font-size:1.3514cqw}
.about .company-names .wordmark-wunderman span{font-size:.9291cqw;margin-top:.0845cqw}
.about .company-names .wordmark-ive{font-size:2.6182cqw}
.about .company-names .wordmark-ive span{font-size:.5068cqw;margin-top:.0845cqw}
.about .company-names .wordmark-kaleido{font-size:2.027cqw}
.about .company-names .wordmark-cub span{font-size:.5068cqw;max-width:5.0676cqw;margin-top:.0845cqw}
.about .company-names .wordmark-coles{font-size:2.3649cqw}
.about .company-names .wordmark-adidas,.about .company-names .wordmark-syfe{font-size:2.1959cqw}
.about .company-names .wordmark-sansoni,.about .company-names .wordmark-sansoni span{font-size:.8446cqw}
.about .company-names .wordmark-sansoni span{margin-top:.2534cqw}
.about .company-names .wordmark-selfwealth{font-size:1.6047cqw}
.about .company-names .wordmark-selfwealth span{margin-top:.0845cqw}
.about .career-context .eyebrow{grid-row:2;font-size:clamp(3.5px,.6757cqw,8px);font-weight:500;letter-spacing:.015em;color:#435057;white-space:nowrap}
.about .career-context .eyebrow>span{margin-left:.3378cqw}
.about .company-caption{grid-column:1}
.about .platform-context>.eyebrow{grid-column:2;font-size:clamp(3.5px,.5912cqw,7px)}
.about .platform-names{grid-column:3;grid-row:2;flex-wrap:nowrap;justify-content:flex-start;min-width:0;gap:1.8581cqw;color:#293035}
.about .platform-names li{font-size:1.4358cqw}
.about .platform-names .wordmark-braze{font-size:1.6892cqw}
.about .platform-names .wordmark-moengage{font-size:1.2669cqw}
.about .platform-names .wordmark-make{font-size:1.7736cqw}

/* Approved monochrome highlights. Geometry, animation and coloured input channels stay intact. */
:root{--accent:#fff;--green:#334e63}
.personal-header .nav-cta{box-shadow:inset 0 -1px 0 #fff}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#233f57}
.personal-hero .action-link:focus-visible,.personal-hero .flow-toggle:focus-visible,.business-value a:focus-visible{outline-color:#fff}
.personal-hero .action-link:focus-visible,.personal-hero .flow-toggle:focus-visible{box-shadow:0 0 0 7px #233f57}
.digital-engine .mesh-fine{stroke:#e6edf2}
.digital-engine .mesh-point{fill:#f1f5f8}
.digital-engine .active-port{stroke:#fff;fill:#ffffff1c}
.digital-engine .grain-teal{filter:drop-shadow(0 0 1.1px #ffffff)}
.digital-engine .inspection-scan{stroke:#fff;fill:#ffffff09;filter:drop-shadow(0 0 1.5px #ffffff80)}
.digital-engine .system-crawl{stroke:#fff;filter:drop-shadow(0 0 1px #fff)}
.digital-engine .integration-field{stroke:#fff}
.digital-engine .integration-wave{stroke:#fff;filter:drop-shadow(0 0 2px #ffffffb3)}
.digital-engine .test-piston{stroke:#f7fbff;fill:#ffffff0a}
.digital-engine .test-result{fill:#fff;stroke:#fff}
.digital-engine .intake-socket{stroke:#d4dfe7;fill:#0b1015}
.capability-panel::before{border-color:#c5d2dd28}
.capability-panel .capability-grid h3::before{border-color:#d2dce535}
.capability-flow .pipe-rim{stroke:#68737d}
.capability-flow .pipe-frost{stroke:#10151a}
.capability-flow .pipe-channel{stroke:#04070a}
.capability-flow .pipe-shine{stroke:#7b8b97}
.capability-flow .flow-particle{stroke:#fff;filter:drop-shadow(0 0 .65px #ffffffb3)}
.capability-flow .pipe-collar{stroke:#85929c;fill:#12191f}
.capability-flow .pipe-collar-inner{fill:#fff;stroke:#243440}
.capability-flow .coupler-shell{fill:#07121c55;stroke:#acbbc8}
.capability-flow .coupler-rings{stroke:#e1eaf2}
.output-highlight .flow-particle{stroke:#fff}
.output-highlight .pipe-rim{stroke:#a2b5c5}
.personal-hero .action-link{color:#f5f8fb;border-color:#ffffff66;box-shadow:inset 0 0 0 1px #ffffff06,0 2px 4px #18253515}
.personal-hero .action-link.primary{border-color:#ffffff80}
.personal-hero .action-link:hover,.personal-hero .action-link:focus-visible{border-color:#fff;background:linear-gradient(145deg,#26323e,#111923);box-shadow:inset 0 0 0 1px #ffffff0b,0 0 8px #ffffff26}
.personal-hero .action-link:focus-visible{box-shadow:0 0 0 7px #233f57}
.action-link strong>.action-actuator{border-color:#ffffff50;background:linear-gradient(180deg,#070b10,#19222b)}
.action-actuator::before{background:#06101b;box-shadow:0 1px 0 #9baab633}
.action-actuator i{border-color:#788895;background:linear-gradient(130deg,#44515c,#202b34)}
.action-actuator i::after{border-left-color:#aab8c4;border-right-color:#7b8c9a}
.action-actuator b{background:#fff;box-shadow:0 0 3px #ffffff55}
.action-link:hover .action-actuator i,.action-link:focus-visible .action-actuator i{box-shadow:0 1px 2px #0008,inset 0 1px 0 #ffffff2b}
.action-link:hover .action-actuator b,.action-link:focus-visible .action-actuator b{background:#fff;box-shadow:0 0 5px #ffffffb3}
.personal-hero .action-link>span{color:#c5ced6}
.personal-hero .flow-toggle{color:#e7edf3;border-color:#ffffff66}
.personal-hero .switch-track{background:#080d14;border-color:#7b8e9e}
.personal-hero .switch-track i{background:#576978;border-color:#a0b2c1}
.flow-toggle[aria-checked=true] .switch-track i{background:#fff;border-color:#dae5ed;box-shadow:0 0 6px #ffffff70}
.personal-hero .flow-toggle:hover .switch-track{border-color:#d7e4ee}
.actuator-grains{stroke:#fff;filter:drop-shadow(0 0 .7px #ffffffb3)}
.personal-hero .action-link::after{border-color:#fff}
.actuator-outline{stroke:#fff}

/* One closing section: a visual explanation, business value and a bounded next step. */
.business-value{background:#102237;color:#fff;overflow:hidden}
.value-intro{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;padding-top:74px;padding-bottom:58px;background:#fff;color:var(--ink)}
.value-intro .eyebrow{color:var(--muted);font-size:10px;letter-spacing:.14em;margin-bottom:20px}
.value-intro h2{font-size:clamp(40px,4.5vw,66px);line-height:1.04;letter-spacing:-.05em}
.value-lead{max-width:590px;font-size:18px;line-height:1.6;color:var(--muted);margin:0 0 2px}
.value-illustration{position:relative;isolation:isolate;margin:0;background:#102237}
.value-illustration img{display:block;width:100%;height:auto;aspect-ratio:3/1}
.value-illustration::after{content:"";position:absolute;inset:0 0 auto;aspect-ratio:3/1;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent 60%,#102237 100%)}
.value-illustration .value-caption{position:relative;z-index:1;max-width:none;display:flex;justify-content:space-between;gap:25px;align-items:end;padding-top:4px;padding-bottom:48px}
.value-illustration .value-caption>span{font-size:clamp(28px,3.3vw,48px);line-height:1.17;letter-spacing:-.04em;color:#bbcedf}
.value-illustration .value-caption strong{font-weight:500;color:#fff;text-shadow:0 0 12px #ffffff16}
.value-illustration .value-caption small{font-size:10px;letter-spacing:.04em;color:#b0c2d2;padding-bottom:6px;white-space:nowrap}
.value-detail{max-width:none;padding-bottom:63px;background:radial-gradient(ellipse at 40% 0%,#2e4b6433,transparent 65%)}
.value-framing{display:flex;justify-content:space-between;gap:25px;align-items:baseline;padding-top:25px;border-top:1px solid #ffffff29;margin-bottom:35px}
.value-framing .eyebrow{font-size:9px;letter-spacing:.14em;color:#c4d3e0;white-space:nowrap;margin:0}
.value-framing>p:last-child{font-size:14px;color:#c4d3e0;line-height:1.6;margin:0;max-width:640px}
.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.benefit-grid article{border-top:1px solid #ffffff4d;padding-top:17px}
.benefit-number{display:block;color:#b7c8d8;font-size:10px;letter-spacing:.08em;margin-bottom:24px;font-variant-numeric:tabular-nums}
.benefit-grid h3{font-size:clamp(21px,2.15vw,31px);line-height:1.13;letter-spacing:-.035em;font-weight:500;margin-bottom:15px}
.benefit-grid p{font-size:14px;line-height:1.65;color:#c9d6e1;margin:0;max-width:290px}
.value-measure{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;align-items:start;padding:40px 0;margin-top:52px;border-top:1px solid #ffffff29;border-bottom:1px solid #ffffff29}
.value-measure h3{font-size:clamp(25px,2.6vw,37px);line-height:1.15}
.value-measure ul{display:flex;flex-wrap:wrap;gap:10px 25px;list-style:none;padding:0;margin:3px 0 14px;font-size:15px}
.value-measure li{padding-bottom:8px;border-bottom:1px solid #ffffff66}
.value-measure p{font-size:13px;line-height:1.65;color:#b7c8d8;max-width:540px;margin:0}
.value-contact{display:grid;grid-template-columns:1fr auto;gap:70px;align-items:center;padding-top:43px;scroll-margin-top:30px}
.value-contact h3{font-size:31px;line-height:1.15;margin-bottom:14px}
.value-contact p{font-size:14px;color:#c9d6e1;line-height:1.65;max-width:660px;margin:0}
.value-contact-actions{display:flex;flex-direction:column;align-items:flex-end;gap:9px}
.value-contact .button{background:linear-gradient(145deg,#171e26,#080d14);border:1px solid #ffffffb3;box-shadow:0 0 8px #ffffff0d,inset 0 0 0 1px #ffffff0a;font-size:13px;font-weight:500;white-space:nowrap}
.value-contact .button:hover{border-color:#fff;box-shadow:0 0 12px #ffffff21}
.value-email{display:inline-flex;align-items:center;min-height:44px;color:#c9d6e1;font-size:12px;text-underline-offset:4px;overflow-wrap:anywhere}
.landing-footer{max-width:none;background:#102237;color:#c4d3e0;padding-top:22px;border-top:1px solid #ffffff1f}
.landing-footer p{color:#c4d3e0}
.landing-footer a{min-height:44px;display:inline-flex;align-items:center}
.landing-footer a:focus-visible{outline-color:#fff}

/* The existing evidence and PDFs remain reachable through the approved navigation. */
.evidence-page .work{background:linear-gradient(120deg,#e5eef5,#f6f8fa)}
.evidence-page .work h1{font-size:clamp(36px,3.7vw,54px);line-height:1.13}
.evidence-page .proof-flow h2{font-size:23px;line-height:1.2;letter-spacing:-.03em;margin-bottom:17px}
.evidence-page .proof-top{border-color:#c6d2dc}
.evidence-page .demo{background:#fff}
.evidence-page .scenario-picker{background:#edf2f7}
.evidence-page .scenario-picker button:hover:not([aria-pressed=true]){border-color:#8198ac}
.evidence-page .result-badge{background:#e7eff7;border-color:#c4d4e3;color:#2a455c}
.evidence-page .result-badge.blocked{background:#f3ece2;border-color:#d9c8ad;color:#654b26}
.recruiter-main h1 em{font-family:inherit;font-style:normal;color:#334e63}
.recruiter-resources{margin-top:58px;padding-top:38px;border-top:1px solid var(--line);scroll-margin-top:30px}
.recruiter-resources .eyebrow{font-size:10px;color:var(--muted);margin-bottom:16px}
.recruiter-resources h2{font-size:35px;margin-bottom:20px}
.recruiter-resources>p:not(.eyebrow){font-size:15px;color:var(--muted)}
.resource-links{margin:28px 0 22px;border-top:1px solid var(--line)}
.resource-links>a{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 0;border-bottom:1px solid var(--line);text-decoration:none}
.resource-links>a:hover strong{text-decoration:underline;text-underline-offset:4px}
.resource-links strong{display:block;font-size:18px;font-weight:500;letter-spacing:-.02em}
.resource-links small{display:block;font-size:13px;line-height:1.6;color:var(--muted);margin-top:7px}
@media(max-width:1000px){.value-intro{gap:40px}.value-lead{font-size:16px}.benefit-grid{gap:25px}.value-contact{gap:35px}.value-measure{gap:35px}}
@media(max-width:760px){
  .value-intro{grid-template-columns:1fr;gap:25px;padding-top:38px;padding-bottom:34px}
  .value-intro h2{font-size:clamp(39px,10.6vw,62px)}
  .value-intro .eyebrow{font-size:9px;margin-bottom:16px}
  .value-lead{font-size:16px;line-height:1.65}
  .value-illustration .value-caption{padding-top:17px;padding-bottom:30px;align-items:start;flex-direction:column;gap:14px}
  .value-illustration .value-caption>span{font-size:32px}
  .value-illustration .value-caption small{font-size:9px;padding:0}
  .value-detail{padding-bottom:38px}
  .value-framing{display:block;padding-top:23px;margin-bottom:29px}
  .value-framing .eyebrow{margin-bottom:12px}
  .value-framing>p:last-child{font-size:13px}
  .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}
  .benefit-number{margin-bottom:16px}
  .benefit-grid h3{font-size:24px;line-height:1.17;margin-bottom:12px}
  .benefit-grid p{font-size:13px;line-height:1.6}
  .value-measure{grid-template-columns:1fr;gap:24px;padding:31px 0;margin-top:35px}
  .value-measure h3{font-size:30px}
  .value-measure ul{gap:10px 19px;font-size:13px}
  .value-measure p{font-size:12px}
  .value-contact{grid-template-columns:1fr;gap:24px;padding-top:32px}
  .value-contact h3{font-size:30px}
  .value-contact p{font-size:13px}
  .value-contact-actions{align-items:flex-start;gap:5px}
  .value-contact .button{width:100%;font-size:12px;padding:17px 16px}
  .landing-footer{gap:8px 25px;padding-bottom:25px}
  .landing-footer p{font-size:10px}
}
@media(max-width:360px){.benefit-grid{column-gap:19px}.benefit-grid h3{font-size:21px}.value-illustration .value-caption>span{font-size:28px}.value-measure h3,.value-contact h3{font-size:27px}.value-contact .button{font-size:11px;gap:12px}}

/* Reliability is the value: the approved illustration lives within the same photographic sky. */
.business-value{color:var(--ink);background:linear-gradient(180deg,#fff 0%,#eff5f9 14%,#d0e0ec 38%,#dce8f0 62%,#eff4f8 100%)}
.value-intro{background:transparent;padding-bottom:32px}
.value-illustration{background:transparent}
.value-illustration::after{content:none}
.value-scene{position:relative;isolation:isolate;aspect-ratio:3/1;overflow:hidden;mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 68%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 68%,transparent 100%)}
.value-scene img{filter:grayscale(.96)}
.value-scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 20%,#9bbbd126 45%,#aac9df80 75%,#d0e0ecb3 100%);mix-blend-mode:screen}
.value-glow{position:absolute;inset:0;z-index:1;pointer-events:none;background:url("images/factory-to-digital.webp") center / 100% 100% no-repeat;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent 32%,#000 65%);-webkit-mask-image:linear-gradient(90deg,transparent 32%,#000 65%);filter:grayscale(1) contrast(2.6) brightness(1.6);opacity:.16;animation:architecture-light 7.5s ease-in-out infinite}
.value-glow-bloom{filter:grayscale(1) contrast(2.6) brightness(1.6) blur(4px);opacity:.08;animation-name:architecture-bloom}
@keyframes architecture-light{0%,100%{opacity:.16}50%{opacity:.66}}
@keyframes architecture-bloom{0%,100%{opacity:.08}50%{opacity:.42}}
.value-illustration:has(.value-glow-control input:not(:checked)) .value-glow{animation-play-state:paused}
.value-illustration .value-caption{display:block;margin-top:-12px;padding-top:0;padding-bottom:27px}
.value-analogy{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center}
.value-analogy>span{font-size:clamp(28px,3.1vw,45px);line-height:1.16;letter-spacing:-.04em;color:#536b7c}
.value-illustration .value-analogy strong{font-weight:500;color:#202e3a;text-shadow:none}
.value-analogy p{max-width:540px;color:#41596d;font-size:16px;line-height:1.65;margin:0}
.value-image-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px}
.value-illustration .value-image-meta small{font-size:10px;letter-spacing:.03em;color:#4c6375}
.value-glow-control{position:relative;display:inline-flex;align-items:center;gap:9px;min-height:44px;color:#425a6d;font-size:10px;cursor:pointer;user-select:none}
.value-glow-control input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.value-glow-track{position:relative;display:block;width:31px;height:17px;border-radius:10px;border:1px solid #6d8292;background:#e4eef5;pointer-events:none}
.value-glow-track::after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#647b8e;transition:transform .2s}
.value-glow-control input:checked+.value-glow-track{background:#172b3d;border-color:#60798d}
.value-glow-control input:checked+.value-glow-track::after{transform:translateX(14px);background:#fff;box-shadow:0 0 5px #ffffff80}
.value-glow-control:has(input:focus-visible){outline:2px solid #233f57;outline-offset:4px;border-radius:3px}
.value-detail{background:transparent}
.value-framing{border-top-color:#647c924d}
.value-framing .eyebrow,.value-framing>p:last-child{color:#425a6d}
.benefit-grid article{border-top-color:#647c9266}
.benefit-number{color:#506b81}
.benefit-grid p,.value-contact p{color:#41596d}
.value-measure{border-color:#647c924d}
.value-measure li{border-color:#738b9f80;color:#253d51}
.value-measure p{color:#4c6375}
.value-contact .button{color:#fff}
.value-email{color:#41596d}
.business-value a:focus-visible{outline-color:#233f57}
.landing-footer{background:#eff4f8;color:#425a6d;border-top-color:#647c9233}
.landing-footer p{color:#425a6d}
.landing-footer a:focus-visible{outline-color:#233f57}
@media(max-width:1000px){.value-analogy{gap:40px}.value-analogy p{font-size:14px}}
@media(max-width:760px){
  .business-value{background:linear-gradient(180deg,#fff 0%,#eff5f9 14%,#cbdfea 27%,#dce8f0 55%,#eff4f8 100%)}
  .value-intro{padding-bottom:17px}
  .value-scene{mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 74%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 74%,transparent 100%)}
  .value-illustration .value-caption{margin-top:0;padding-top:12px;padding-bottom:20px}
  .value-analogy{grid-template-columns:1fr;gap:21px}
  .value-analogy>span{font-size:30px}
  .value-analogy p{font-size:14px;line-height:1.65}
  .value-image-meta{margin-top:14px}
  .value-image-meta small{font-size:9px}
  .value-glow-control{font-size:9px}
  .benefit-grid h3{font-size:23px}
}
@media(max-width:360px){.value-analogy>span{font-size:28px}.benefit-grid h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.value-glow{animation:none;opacity:.26}.value-glow-bloom{opacity:.12}.value-glow-control{display:none}.value-glow-track::after{transition:none}}

/* Final accents: readable actions, a soft section handoff and clear measures of value. */
.personal-hero .action-link strong{font-size:14px}
.personal-hero .action-link.primary strong{font-size:17px;letter-spacing:-.02em}
.personal-hero .action-link>span{font-size:11.5px}
.personal-hero .action-link strong>.action-actuator{border-color:#ffffffb3;box-shadow:inset 0 1px 3px #0009,0 0 7px #ffffff33}
.personal-hero .action-actuator i{background:linear-gradient(130deg,#fff,#d6e4ef);border-color:#fff;box-shadow:0 0 7px #ffffff8c,inset 0 1px 0 #fff}
.personal-hero .action-actuator i::after{border-left-color:#526879;border-right-color:#8ca2b2}
.personal-hero .action-actuator b{background:#fff;box-shadow:0 0 5px #ffffffcc}
.personal-hero .action-link:hover .action-actuator i,.personal-hero .action-link:focus-visible .action-actuator i{box-shadow:0 0 10px #ffffffb3,inset 0 1px 0 #fff}
.personal-hero .action-link:active .action-actuator i{box-shadow:0 0 7px #ffffff80,inset 0 1px 2px #345b6e4d}
.about.profile-section::after{content:"";position:absolute;inset:auto 0 0;height:88px;z-index:-1;background:linear-gradient(180deg,#e7f0f600,#e7f0f6);pointer-events:none}
.business-value{position:relative;background:linear-gradient(180deg,#e7f0f6 0%,#eff5f9 14%,#d0e0ec 38%,#dce8f0 62%,#eff4f8 100%)}
.business-value::before{content:"";position:absolute;top:0;left:48px;right:48px;height:1px;background:linear-gradient(90deg,#fff0,#fff 18%,#fff 82%,#fff0);box-shadow:0 0 8px 1px #ffffffb3;pointer-events:none}
.value-intro{padding-top:57px;align-items:center}
.value-illustration .value-caption{padding-bottom:41px}
.value-framing{align-items:start}
.value-framing .eyebrow{padding-top:3px}
.value-framing>p:last-child{max-width:700px}
.value-framing,.benefit-grid article,.value-measure{position:relative;border-top-color:transparent}
.value-framing::before,.benefit-grid article::before,.value-measure::before,.value-measure::after{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:#fffffff2;box-shadow:0 0 5px #ffffffb3;pointer-events:none}
.value-measure{border-bottom-color:transparent}
.value-measure::after{top:auto;bottom:-1px}
.value-measure-intro>p{margin-top:18px;max-width:440px;font-size:14px;line-height:1.65;color:#41596d}
.workflow-measures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 34px;margin:0}
.workflow-measures>div{min-width:0}
.workflow-measures dt{font-size:16px;font-weight:550;letter-spacing:-.02em;color:#253d51;margin-bottom:9px}
.workflow-measures dd{font-size:13px;line-height:1.6;color:#41596d;margin:0;max-width:260px}
@media(min-width:901px) and (max-width:1100px){.personal-hero .action-link.primary strong{font-size:16px}.personal-hero .action-link strong{font-size:13px}}
@media(max-width:760px){
  .personal-hero .action-link.primary strong{font-size:15px}
  .personal-hero .action-link strong{font-size:13px}
  .personal-hero .action-link>span{font-size:11px}
  .about.profile-section::after{height:64px}
  .business-value{background:linear-gradient(180deg,#e7f0f6 0%,#eff5f9 14%,#cbdfea 27%,#dce8f0 55%,#eff4f8 100%)}
  .business-value::before{left:24px;right:24px}
  .value-intro{padding-top:37px}
  .value-illustration .value-caption{padding-bottom:30px}
  .value-measure-intro>p{font-size:13px;margin-top:16px}
  .workflow-measures{gap:25px 24px}
  .workflow-measures dt{font-size:15px}
  .workflow-measures dd{font-size:12px}
}

/* Atmospheric colour pass only: the portrait's sky rises into violet-black. */
body:has(>.personal-header){--ink:#f5f7fb;--muted:#d7e1ec;--line:#ffffff66;background:#050609;color:#f5f7fb}
body:has(>.personal-header)>.preview{background:#100e1b;color:#b6bed1;border-color:#ffffff1a}
body:has(>.personal-header)>.skip{background:#fff;color:#10131d}
.personal-header::before{background:linear-gradient(180deg,#100e1b 0%,#15192c 64%,#1b293e 100%)}
.personal-hero::before{background:linear-gradient(180deg,#1b293e 0%,#23394f 48%,#2e4b64 100%)}
.personal-name{color:#fff;text-shadow:0 0 18px #ffffff24,0 0 44px #cbd9ff12}
.personal-role,.personal-header nav{color:#edf1fa}
.personal-header .engagement{color:#c6cedf}
.personal-header nav{border-color:#ffffff4d;box-shadow:0 1px 7px -4px #ffffff80}
.personal-header nav a:hover{background:#ffffff0d}
.personal-header .nav-cta{background:#10152299;color:#fff;border-color:#ffffff8c;box-shadow:inset 0 -1px 0 #fff,0 0 8px #ffffff0d}
.personal-hero #intro-title,.personal-hero .personal-hook{color:#fff}
.personal-hero .personal-problem{color:#d7e1ec}
.personal-hero .personal-value{color:#edf2f8}
.personal-header a:focus-visible,.about a:focus-visible{outline-color:#fff}
.about.profile-section{color:#f5f7fb;background:linear-gradient(180deg,#2e4b64 0%,#2e4b64 24%,#20384e 65%,#080b11 100%)}
.about.profile-section::after{background:linear-gradient(180deg,#080b1100,#080b11)}
.about .profile-portrait::before{opacity:0}
.about .profile-portrait::after{background:linear-gradient(180deg,#2e4b64 0%,#2e4b6400 24%,transparent 73%,#080b11 100%);mask-image:none;-webkit-mask-image:none}
.about .profile-copy>.lead{color:#f1f5fa}
.about .profile-copy>p:not(.lead):not(.eyebrow),.about .experience-points p{color:#d7e1ec}
.about .profile-copy h2,.about .experience-points h3,.about .profile-copy>.text-link{color:#fff}
.about .profile-copy>.text-link{text-decoration-color:#ffffff80}
.about .experience-points>div,.about .profile-copy .profile-closing{border-color:#ffffff80;box-shadow:0 -3px 7px -6px #fff}
.about .company-names,.about .platform-names{color:#f5f7fb}
.about .career-context .eyebrow{color:#c7d3df}
.business-value{background:#050609;color:#fff}
.business-value::before{background:#fff;box-shadow:0 0 6px 1px #ffffffb3,0 0 20px 2px #ffffff38}
.value-intro{color:#fff}
.value-lead{color:#d7e1ec}
.value-scene::after{background:linear-gradient(90deg,transparent 20%,#49678112 45%,#6c91b32e 75%,#557a9638 100%)}
.value-analogy>span{color:#c8d4e0}
.value-illustration .value-analogy strong{color:#fff;text-shadow:0 0 12px #ffffff16}
.value-analogy p,.value-framing>p:last-child,.benefit-grid p,.value-measure-intro>p,.workflow-measures dd,.value-contact p{color:#d1dbe6}
.value-framing .eyebrow,.benefit-number{color:#ecf3fa}
.value-framing .eyebrow{text-shadow:0 0 8px #ffffff40}
.workflow-measures dt{color:#fff}
.value-framing::before,.benefit-grid article::before,.value-measure::before,.value-measure::after{background:#fffffff2;box-shadow:0 0 6px #ffffff73}
.value-email{color:#e2eaf3}
.business-value a:focus-visible,.landing-footer a:focus-visible{outline-color:#fff}
.landing-footer{background:#050609;color:#d1dbe6;border-color:#ffffffa6;box-shadow:0 -3px 9px -6px #ffffff80}
.landing-footer p{color:#d1dbe6}
@media(max-width:760px){
  .about.profile-section{background:linear-gradient(180deg,#2e4b64 0%,#172b3e calc(133.333vw - 30px),#172b3e 76%,#080b11 100%)}
  .about .profile-portrait::after{background:linear-gradient(180deg,#2e4b64 0%,#2e4b6400 20%,transparent 70%,#172b3e 100%)}
}

/* A quieter navigation, a direct contact panel and grouped business value. */
.personal-name{text-transform:uppercase;letter-spacing:.005em}
.personal-header nav{border-color:transparent;box-shadow:none;gap:12px}
.personal-header .nav-contact{appearance:none;font:inherit;color:inherit;background:transparent;border:0;border-radius:6px;padding:8px 18px;min-height:42px;cursor:pointer}
.personal-header .nav-contact:hover{background:#ffffff0d}
.personal-header .nav-contact:focus-visible{outline-color:#fff}
@media(min-width:901px){
  .personal-hero{grid-template-rows:auto 1fr auto}
  .personal-hero #intro-title{max-width:none;font-size:clamp(42px,4.25vw,66px)}
  .personal-hero .hero-copy{align-self:center}
  .personal-hero .action-deck{align-self:end}
}
.contact-dialog{width:min(440px,calc(100% - 32px));max-height:calc(100svh - 48px);margin:auto;padding:34px;border:1px solid #d9e4ef80;border-radius:17px;color:#f5f7fb;background:radial-gradient(ellipse at 0 0,#72849b26,transparent 65%),linear-gradient(145deg,#202833f5,#0b1018fa);box-shadow:inset 0 0 0 4px #ffffff04,0 25px 90px #0009,0 0 24px #ffffff0a;overflow:auto;overscroll-behavior:contain}
.contact-dialog::backdrop{background:#02050bd1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
body:has(.contact-dialog[open]){overflow:hidden}
.contact-dialog form{margin:0}
.contact-dialog h2{font-size:32px;line-height:1.15;padding-right:25px;letter-spacing:-.035em}
.contact-dialog>p{font-size:13px;color:#c7d3df;margin:13px 0 24px}
.contact-close{position:absolute;top:17px;right:17px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff38;border-radius:50%;background:#ffffff08;color:#fff;font-size:25px;line-height:1;cursor:pointer}
.contact-close:hover{background:#ffffff15;border-color:#ffffff80}
.contact-options{display:grid;gap:9px}
.contact-options>a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;min-height:73px;border:1px solid #ffffff30;border-radius:9px;background:linear-gradient(135deg,#ffffff0a,#ffffff03);text-decoration:none}
.contact-options>a:hover{background:#ffffff0f;border-color:#ffffff80}
.contact-options strong{display:block;font-size:15px;font-weight:550;letter-spacing:-.015em}
.contact-options small{display:block;font-size:12px;line-height:1.5;color:#c7d3df;margin-top:5px;overflow-wrap:anywhere}
.contact-options>a>span:last-child{color:#fff;font-size:18px;text-shadow:0 0 9px #ffffff40}
.contact-dialog a:focus-visible,.contact-dialog button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.value-system-panel,.value-measure{border:1px solid #ffffff40;border-radius:15px;background:radial-gradient(ellipse at 0 0,#6d89a321,transparent 65%),linear-gradient(145deg,#19212a,#0b1016);box-shadow:inset 0 0 0 4px #ffffff05,0 12px 36px #0004;padding:32px}
.value-system-panel .value-framing{padding-top:0;padding-bottom:25px;margin-bottom:28px;border-top:0;border-bottom:1px solid #ffffff20}
.value-system-panel .value-framing::before,.value-system-panel .benefit-grid article::before,.value-measure::before,.value-measure::after{content:none}
.value-system-panel .benefit-grid{gap:30px}
.value-system-panel .benefit-grid article{border:0;padding-top:0}
.value-system-panel .benefit-number{font-size:10px;color:#c4d1df;margin-bottom:17px}
.value-system-panel .benefit-grid h3{font-size:clamp(21px,2vw,29px)}
.value-system-panel .benefit-grid p{font-size:13px}
.value-measure{margin-top:22px;gap:7%}
.value-measure-intro>p{font-size:13px}
@media(max-width:760px){
  .personal-name{font-size:clamp(29px,8.9vw,49px);letter-spacing:.005em}
  .personal-header nav{gap:0;margin-top:17px}
  .personal-header nav a,.personal-header .nav-contact{padding:8px 12px;font-size:11px}
  .contact-dialog{padding:29px 22px}
  .contact-dialog h2{font-size:29px}
  .contact-close{top:12px;right:12px}
  .contact-options>a{padding:13px 14px}
  .value-system-panel,.value-measure{padding:24px 20px;border-radius:12px}
  .value-system-panel .value-framing{padding-bottom:20px;margin-bottom:24px}
  .value-system-panel .benefit-grid{gap:28px 22px}
  .value-system-panel .benefit-grid h3{font-size:21px}
  .value-system-panel .benefit-grid p{font-size:12px}
  .value-measure{gap:26px}
}
@media(max-width:380px){.value-system-panel .benefit-grid{grid-template-columns:1fr}.value-system-panel .benefit-grid h3{font-size:23px}.workflow-measures{grid-template-columns:1fr}}

/* The explanation leads into the image and its circuit joins the glass plates. */
.business-value{--value-gutter:48px;--value-pipe:#e8f3ff9c}
.business-value::before{z-index:3}
.business-value .value-intro{padding-top:0;padding-bottom:32px;align-items:center}
.business-value .value-illustration .value-caption{margin-top:0;padding-top:0;padding-bottom:48px}
.business-value .value-analogy>span{font-size:clamp(27px,2.8vw,40px)}
.business-value .value-illustration::before,.business-value .value-panels::before{content:"";position:absolute;width:3px;background:linear-gradient(90deg,#e8f3ffa6 0 1px,#050609 1px 2px,#ffffffb3 2px 3px);filter:drop-shadow(0 0 3px #ffffff40);pointer-events:none}
.business-value .value-illustration::before{z-index:2;bottom:0;right:1.2%;height:calc(9.4vw + 32px)}
.business-value .value-detail{padding-left:var(--value-gutter);padding-right:var(--value-gutter)}
.business-value .value-panels{position:relative}
.business-value .value-panels::before{top:0;bottom:-11px;right:calc(1.2vw - var(--value-gutter))}
.business-value .value-panels::after{content:"";position:absolute;right:calc(1.2vw - var(--value-gutter) - 1px);bottom:-13px;width:5px;height:5px;border-radius:50%;background:#edf5fc;box-shadow:0 0 5px #ffffff66;pointer-events:none}
.business-value .value-system-panel,.business-value .value-measure{position:relative}
.business-value .value-system-panel::before,.business-value .value-measure::before{content:"";position:absolute;inset:-11px;border:3px double var(--value-pipe);border-radius:24px;background:none;height:auto;box-shadow:0 0 5px #ffffff0d;pointer-events:none}
.business-value .value-measure{margin-top:42px}
.business-value .value-panel-port{position:absolute;z-index:1;top:41px;right:calc(1.2vw - var(--value-gutter));width:calc(var(--value-gutter) - 1.2vw + 12px);height:3px;border-top:3px double #edf5ffb3;filter:drop-shadow(0 0 2px #ffffff40);pointer-events:none}
.business-value .value-panel-port::before{content:"";position:absolute;left:0;top:-6px;width:5px;height:9px;border:1px solid #e8f3ffb3;border-radius:2px;background:#111923}
.business-value .value-panel-port::after{content:"";position:absolute;right:-1px;top:-4px;width:5px;height:5px;border:1px solid #e8f3ffb3;border-radius:50%;background:#111923}
.business-value .value-system-panel .value-framing{display:block;padding-bottom:23px;margin-bottom:25px}
.business-value .value-framing>p:last-child{max-width:1000px;font-size:16px;line-height:1.6}
@media(max-width:760px){
  .business-value{--value-gutter:24px}
  .business-value .value-intro{padding-top:10px;padding-bottom:27px}
  .business-value .value-illustration .value-caption{padding-bottom:36px}
  .business-value .value-analogy>span{font-size:28px}
  .business-value .value-framing>p:last-child{font-size:14px}
  .business-value .value-system-panel::before,.business-value .value-measure::before{inset:-8px;border-radius:19px}
  .business-value .value-measure{margin-top:34px}
}

/* Fine white navigation housings feed the existing intake without moving the layout. */
.personal-header .personal-role{color:#fff;text-shadow:0 0 7px #ffffff59,0 0 19px #cbdfff26}
.personal-header nav>a,.personal-header nav>.nav-contact{position:relative}
.personal-header nav>a::before,.personal-header nav>.nav-contact::before{content:"";position:absolute;inset:2px;border:1px solid #ffffffa6;border-radius:6px;box-shadow:inset 0 0 5px #ffffff09,0 0 5px #ffffff24;pointer-events:none}
.personal-header nav>a:hover::before,.personal-header nav>.nav-contact:hover::before,.personal-header nav>a:focus-visible::before,.personal-header nav>.nav-contact:focus-visible::before{border-color:#fff;box-shadow:0 0 8px #ffffff40}
.navigation-intake-feed{position:absolute;top:0;left:0;width:100%;z-index:4;overflow:hidden;pointer-events:none}
.navigation-intake-feed path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.navigation-intake-feed .feed-rim{stroke:#eaf3ffc2;stroke-width:3.5;filter:drop-shadow(0 0 2px #ffffff40)}
.navigation-intake-feed .feed-core{stroke:#152438;stroke-width:2}
.navigation-intake-feed .feed-light{stroke:#fff;stroke-width:.55;opacity:.85}
.navigation-intake-feed .feed-collar,.navigation-intake-feed .feed-collector{fill:#182436;stroke:#edf5ffcc;stroke-width:.7}
.navigation-intake-feed .feed-collector-core{stroke:#fff;stroke-width:.6;filter:drop-shadow(0 0 2px #fff9)}

/* Pair each desktop heading with its explanation, then span the image below both. */
.business-value .value-illustration{padding-top:32px;padding-bottom:32px}
@media(min-width:901px){
  .business-value .value-illustration{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6%;row-gap:24px}
  .business-value .value-scene{grid-column:1/-1;grid-row:3}
  .business-value .value-intro{grid-column:1;grid-row:1/span 2;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;gap:24px 0;align-items:start;margin:0;padding:0 0 0 48px}
  .business-value .value-intro h2,.business-value .value-analogy>span{font-size:clamp(30px,3vw,45px);line-height:1.1;font-weight:500;letter-spacing:-.05em}
  .business-value .value-illustration .value-caption{grid-column:2;grid-row:1/span 2;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;gap:24px 0;align-items:start;margin:0;padding:0 48px 0 0}
  .business-value .value-analogy{grid-row:1/span 2;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;gap:24px 0;align-items:start}
  .business-value .value-lead,.business-value .value-analogy p{max-width:590px;font-size:16px;line-height:1.65;margin:0}
}

/* Let the dark experience section meet the factory image without a divider. */
.business-value::before{content:none}

/* The illustration's terminal feeds a slow, fine current into both glass plates. */
.value-current-sheet{position:absolute;inset:0;width:100%;height:100%;z-index:3;overflow:hidden;pointer-events:none}
.value-current-sheet path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.value-current-ready .value-illustration::before,.value-current-ready .value-panels::before{content:none}
.value-current-rim{stroke:url(#value-current-tint);stroke-width:3;filter:drop-shadow(0 0 2px #ffffff29)}
.value-current-channel{stroke:#09111d;stroke-width:1.5;opacity:.8}
.value-current-grains{stroke:#fff;stroke-width:.8;stroke-dasharray:.25 6.75 .4 10.6 .2 8.8 .15 12.85;filter:drop-shadow(0 0 .7px #ffffffb3);animation:value-grain-flow 5s linear infinite}
.value-source-socket{fill:#101d2d88;stroke:#f0f6ffb3;stroke-width:.6}
.value-source-ring{stroke:#f4f8ff;stroke-width:.6;opacity:.85}
@keyframes value-grain-flow{to{stroke-dashoffset:-40}}
.value-current-paused .value-current-grains{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.value-current-grains{animation:none}}

/* One fine white pipe and slow grain current across every external connection. */
.navigation-intake-feed .feed-rim,.capability-flow .pipe-rim{stroke:#edf5ffd9;stroke-width:3;opacity:1;filter:drop-shadow(0 0 2px #ffffff29)}
.navigation-intake-feed .feed-core,.capability-flow .pipe-frost{stroke:#09111d;stroke-width:1.5;opacity:.8}
.navigation-intake-feed .feed-light,.capability-flow .pipe-channel,.capability-flow .pipe-shine,.capability-flow .flow-particle-fine{display:none}
.value-current-grains,.navigation-intake-feed .feed-grains,.capability-flow .flow-particle{stroke:#fff;stroke-width:.8;stroke-dasharray:.25 6.75 .4 10.6 .2 8.8 .15 12.85;filter:drop-shadow(0 0 .7px #ffffffb3);animation:value-grain-flow 5s linear infinite}
.navigation-intake-feed.flow-paused .feed-grains,.flow-paused .capability-flow .flow-particle,.value-current-paused .value-current-grains{animation-play-state:paused}
.capability-flow .pipe-collar{fill:#101d2d88;stroke:#f0f6ffb3;stroke-width:.6}
.capability-flow .pipe-collar-inner{fill:#edf5ff;stroke:#09111d;stroke-width:.6}
.business-value.value-contact-connected .value-panels::after{content:none}
.value-contact-socket{fill:#101d2d;stroke:#f0f6ffcc;stroke-width:.7}
.personal-hero .action-link,.personal-hero .action-link.primary{border-color:#ffffffd9;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 7px #ffffff33,0 0 16px #ffffff0f}
.personal-hero .action-link::after{box-shadow:0 0 7px #ffffff4d}
.personal-hero .action-link:hover{border-color:#fff;box-shadow:inset 0 0 0 1px #ffffff12,0 0 10px #ffffff45,0 0 19px #ffffff1a}
.personal-hero .action-link:focus-visible{border-color:#fff;box-shadow:0 0 0 7px #233f57,0 0 12px #ffffff45}
@media(prefers-reduced-motion:reduce){.value-current-grains,.navigation-intake-feed .feed-grains,.capability-flow .flow-particle{animation:none}}

/* CTA couplings: more detail within the existing switch footprint. */
.personal-hero .action-link strong>.action-actuator.coupling-mounted{border-color:transparent;background:none;box-shadow:none}
.coupling-mounted::before,.coupling-mounted>i,.coupling-mounted>b{display:none}
.cta-coupling{position:absolute;inset:-7px -10px;width:calc(100% + 20px);height:calc(100% + 14px);overflow:visible;pointer-events:none;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px #ffffff38);transition:filter .2s ease}
.coupling-case{fill:#0c1118;stroke:#dce9f1;stroke-width:.7}
.coupling-bevel{stroke:#aebdca66;stroke-width:.5}
.coupling-etch{stroke:#dce9f1;stroke-width:.45;opacity:.6}
.coupling-screw{fill:#151f28;stroke:#d2dde5;stroke-width:.5}
.coupling-bed{fill:#020509;stroke:#798e9f;stroke-width:.55}
.coupling-wire{stroke:#c6dbea;stroke-width:.55;opacity:.7;transition:opacity .2s}
.coupling-rail{stroke:#6e8798;stroke-width:.5}
.coupling-iris{stroke:#d4e7f3;stroke-width:.45;transform-origin:32px 20px;transition:transform .3s ease,opacity .2s;opacity:.5}
.coupling-carriage{transition:transform .2s cubic-bezier(.2,.7,.2,1);transform-box:view-box}
.coupling-grip{fill:#e2ebf2;stroke:#fff;stroke-width:.65}
.coupling-grooves{stroke:#253946;stroke-width:.65}
.coupling-contacts{stroke:#ecf7ff;stroke-width:.7}
.coupling-bridge{stroke:#fff;stroke-width:1.1;opacity:.25;filter:drop-shadow(0 0 1.5px #fff);transition:opacity .18s,stroke-width .18s}
.coupling-ready{fill:#fff;filter:drop-shadow(0 0 2px #fff);animation:coupling-invitation 4s ease-in-out infinite}
.coupling-charge{stroke:#fff;stroke-width:.85;stroke-dasharray:2 98;stroke-dashoffset:100;opacity:0;filter:drop-shadow(0 0 1.5px #fff)}
.cta-coupling .coupling-grains{stroke:#fff;stroke-width:.6;opacity:.7;filter:drop-shadow(0 0 1px #fff)}
.action-link:is(:hover,:focus-visible) .cta-coupling{filter:drop-shadow(0 0 3px #ffffff80)}
.action-link:is(:hover,:focus-visible) .coupling-left{transform:translateX(1px)}
.action-link:is(:hover,:focus-visible) .coupling-right{transform:translateX(-1px)}
.action-link:is(:hover,:focus-visible) .coupling-iris{transform:rotate(45deg);opacity:.9}
.action-link:is(:hover,:focus-visible) .coupling-wire,.action-link:is(:hover,:focus-visible) .coupling-bridge{opacity:1}
.action-link:is(:active,.switch-engaged) .coupling-left{transform:translateX(3px)}
.action-link:is(:active,.switch-engaged) .coupling-right{transform:translateX(-3px)}
.action-link:is(:active,.switch-engaged) .coupling-iris{transform:rotate(90deg);opacity:1}
.action-link:is(:active,.switch-engaged) .coupling-bridge{stroke-width:2;opacity:1}
.action-link:is(:active,.switch-engaged) .cta-coupling{filter:drop-shadow(0 0 4px #ffffffb3)}
.switch-engaged .coupling-charge{animation:coupling-connect .6s ease-out both}
@keyframes coupling-invitation{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes coupling-connect{0%{opacity:0;stroke-dashoffset:100}18%{opacity:1}80%{opacity:1}100%{opacity:0;stroke-dashoffset:-100}}
.flow-paused .coupling-ready{animation-play-state:paused}
.flow-paused .coupling-charge{animation:none}
@media(prefers-reduced-motion:reduce){.cta-coupling,.coupling-carriage,.coupling-iris,.coupling-wire,.coupling-bridge{transition:none}.coupling-ready,.coupling-charge{animation:none}.action-link:is(:hover,:focus-visible,:active,.switch-engaged) .coupling-iris{transform:none}}

/* A generous primary coupling and a quiet invitation to connect. */
.personal-hero .action-link{padding-right:106px}
.personal-hero .action-link strong>.action-actuator.coupling-mounted{width:68px;height:43px;right:20px}
.personal-hero .action-link.primary{padding-right:200px}
.personal-hero .action-link.primary strong>.action-actuator.coupling-mounted{width:84px;height:53px;right:26px}
.coupling-mounted .cta-coupling{inset:0;width:100%;height:100%}
.coupling-prompt{position:absolute;right:calc(100% + 15px);top:50%;transform:translateY(-50%);font-size:11px;font-weight:450;letter-spacing:.03em;color:#e4edf4;white-space:nowrap;transition:color .2s,text-shadow .2s}
.coupling-prompt::after{content:"";display:inline-block;width:9px;height:1px;margin-left:9px;vertical-align:middle;background:#e9f5ff66;box-shadow:0 0 3px #ffffff55}
.coupling-gear{fill:#0c1520;stroke:#dceaf5;stroke-width:.4;transition:transform .55s ease}
.coupling-halo{fill:none;stroke:#fff;stroke-width:.7;opacity:0;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px #ffffff80)}
.action-link:is(:hover,:focus-visible) .coupling-halo{animation:coupling-hover-halo 2.4s ease-in-out infinite}
.action-link:is(:hover,:focus-visible) .coupling-gear{transform:rotate(90deg)}
.action-link:is(:active,.switch-engaged) .coupling-gear{transform:rotate(150deg)}
.action-link:is(:hover,:focus-visible) .coupling-prompt{color:#fff;text-shadow:0 0 8px #ffffff80}
@keyframes coupling-hover-halo{0%,100%{opacity:.3;stroke-width:.65}50%{opacity:1;stroke-width:1.05}}
.flow-paused .coupling-halo{animation:none!important}
.flow-paused .action-link:is(:hover,:focus-visible) .coupling-halo{opacity:.7}
@media(max-width:1100px) and (min-width:761px){.personal-hero .action-link.primary{padding-right:164px}.personal-hero .action-link.primary strong>.action-actuator.coupling-mounted{width:72px;height:46px;right:20px}.coupling-prompt{font-size:10px;right:calc(100% + 10px)}.coupling-prompt::after{display:none}}
@media(max-width:760px){.personal-hero .action-link{padding-right:12px;padding-top:62px}.personal-hero .action-link strong>.action-actuator.coupling-mounted{width:59px;height:37px;right:14px;top:12px}.personal-hero .action-link.primary{padding-top:13px;padding-right:104px}.personal-hero .action-link.primary strong>.action-actuator.coupling-mounted{width:72px;height:46px;right:14px;top:50%;transform:translateY(-50%)}.coupling-prompt{right:0;top:calc(100% + 3px);width:100%;transform:none;text-align:center;font-size:8px;letter-spacing:.08em}.coupling-prompt::after{display:none}}
@media(max-width:360px){.personal-hero .action-link{padding:13px 88px 13px 16px;min-height:85px}.personal-hero .action-link strong>.action-actuator.coupling-mounted{top:50%;transform:translateY(-50%)}.personal-hero .action-link.primary{padding-right:104px}}
@media(prefers-reduced-motion:reduce){.coupling-gear,.coupling-prompt{transition:none}.action-link:is(:hover,:focus-visible,:active,.switch-engaged) .coupling-gear{transform:none}.action-link:is(:hover,:focus-visible) .coupling-halo{animation:none;opacity:.7}}

/* Keep the whole CTA panel clickable; draw attention to its existing coupling. */
.cta-coupling .coupling-grains{stroke:#fff;stroke-width:1;opacity:1;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 3px #ffffffb3)}
.coupling-prompt{color:#fff;text-shadow:0 0 4px #ffffffb3,0 0 10px #ffffff66}
.coupling-prompt::after{position:absolute;display:block;left:calc(100% + 3px);top:calc(50% - 3px);width:14px;height:6px;margin:0;background:#fff;box-shadow:none;clip-path:polygon(0 40%,70% 40%,52% 0,68% 0,100% 50%,68% 100%,52% 100%,70% 60%,0 60%);animation:coupling-invite-arrow 1.8s linear infinite;pointer-events:none}
@keyframes coupling-invite-arrow{0%{transform:translateX(-2px);opacity:0}20%,75%{opacity:1}100%{transform:translateX(7px);opacity:0}}
.flow-paused .coupling-prompt::after{animation-play-state:paused}
@media(max-width:760px){
  .coupling-prompt::after{left:calc(50% - 3px);top:-5px;width:6px;height:6px;clip-path:polygon(0 45%,50% 0,100% 45%,82% 45%,60% 25%,60% 100%,40% 100%,40% 25%,18% 45%);animation-name:coupling-invite-arrow-up}
  .about .profile-portrait{aspect-ratio:6/5}
  .about .profile-portrait img{object-fit:cover;object-position:50% 45%}
  .about.profile-section{background:linear-gradient(180deg,#2e4b64 0%,#172b3e calc(83.333vw - 20px),#172b3e 76%,#080b11 100%)}
}
@keyframes coupling-invite-arrow-up{0%{transform:translateY(2px);opacity:0}20%,75%{opacity:1}100%{transform:translateY(-4px);opacity:0}}
@media(prefers-reduced-motion:reduce){.coupling-prompt::after{animation:none;opacity:1}}

/* Owner-approved neon accent, confined to the connect controls and label. */
.personal-hero .action-link .cta-coupling .coupling-halo{stroke:#f5ff00;stroke-width:.75;opacity:1;filter:drop-shadow(0 0 1.2px #f5ff00) drop-shadow(0 0 3px #f5ff00cc) drop-shadow(0 0 7.2px #f5ff0080);animation:none}
.personal-hero .action-link .coupling-prompt{color:#f5ff00;text-shadow:0 0 2px #fffca8,0 0 6px #f5ff00,0 0 12px #f5ff00cc}

/* The current joins only after the two connector contacts meet. */
.personal-hero .action-link .coupling-bridge{opacity:0}
.cta-coupling .coupling-current{fill:none;stroke:#f5ff00;stroke-width:.55;stroke-dasharray:1.8 1;filter:drop-shadow(0 0 1px #f5ff00);animation:coupling-electric-current .65s linear infinite;transition:opacity .06s linear}
.coupling-current-trying{opacity:1}
.coupling-current-connected{opacity:0}
.cta-coupling .coupling-grip{transition:fill .12s linear,stroke .12s linear}
.cta-coupling .coupling-contacts{transition:stroke .12s linear}
.personal-hero .action-link:is(:hover,:focus-visible,:active,.switch-engaged) .coupling-left{transform:translateX(2px)}
.personal-hero .action-link:is(:hover,:focus-visible,:active,.switch-engaged) .coupling-right{transform:translateX(-2px)}
.personal-hero .action-link:is(:hover,:focus-visible,:active,.switch-engaged) .coupling-grip{fill:#64f599;stroke:#b4ffd1;transition-delay:.2s}
.personal-hero .action-link:is(:hover,:focus-visible,:active,.switch-engaged) .coupling-contacts{stroke:#64f599;transition-delay:.2s}
.personal-hero .action-link:is(:hover,:focus-visible,:active,.switch-engaged) .coupling-current-trying{opacity:0;transition-delay:.2s}
.personal-hero .action-link:is(:hover,:focus-visible,:active,.switch-engaged) .coupling-current-connected{opacity:1;transition-delay:.2s}
@keyframes coupling-electric-current{to{stroke-dashoffset:-2.8}}
.flow-paused .coupling-current{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
  .cta-coupling .coupling-current{animation:none;stroke-dasharray:none}
  .personal-hero .action-link .cta-coupling :is(.coupling-current,.coupling-grip,.coupling-contacts){transition:none}
}