/*
Theme Name: Nape Modern
Description: Approved Nape design, server-rendered in Dutch and English, with standard WordPress content support.
Version: 1.0.10
Requires at least: 5.8
Requires PHP: 8.0
Text Domain: nape-modern
*/

:root{--ink:#191919;--paper:#f5f3ef;--lime:#f28c00;--muted:#aaa8a4;--line:#3b3530;--font:"Segoe UI",Arial,sans-serif;--display:"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #995500;outline-offset:6px}
.hero a:focus-visible,.site-header a:focus-visible,.contact-section a:focus-visible,.site-footer a:focus-visible{outline-color:var(--lime)}
::selection{background:var(--lime);color:var(--ink)}
[hidden]{display:none!important}
.section-shell{padding-left:max(6.2vw,24px);padding-right:max(6.2vw,24px)}
.personal-photo{max-width:320px;margin:24px 0;padding:12px;border-radius:6px;background:repeating-linear-gradient(125deg,transparent,transparent 24px,#30241a0a 24px,#30241a0a 25px),#e4d9cc}
.personal-photo img{display:block;width:100%;height:auto;border-radius:4px;filter:grayscale(100%);box-shadow:0 10px 30px #0001}
.personal-photo figcaption{margin-top:10px;font-size:12px;color:#635850}
.recommendation-section{display:grid;grid-template-columns:1fr 1.8fr;gap:40px;align-items:center;padding-top:48px;padding-bottom:48px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at top right,#38291b 0,transparent 65%)}
.recommendation-intro h2{font-size:clamp(26px,2.4vw,34px);line-height:1.15;letter-spacing:-0.8px;margin:12px 0}
.recommendation-context{color:#c7beb6;max-width:32ch;font-size:14px;margin-bottom:0}
.recommendation-card{margin:0;padding:24px;border:1px solid #6f502f;border-top:3px solid var(--lime);border-radius:12px;background:#211e1b;box-shadow:0 12px 32px #0003}
.recommendation-mark{display:block;color:var(--lime);font:52px/0.8 Georgia,serif}
.recommendation-card blockquote{margin:8px 0 16px;font-size:clamp(17px,1.4vw,20px);line-height:1.5;letter-spacing:-0.1px}
.recommendation-card blockquote p{margin:0}
.recommendation-card figcaption{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}
.recommendation-card figcaption strong{font-size:15px}
.recommendation-card figcaption span{font-size:12px;color:#c7beb6}
.recommendation-card .text-link{font-size:13px;flex-wrap:wrap}
.recommendation-card a:focus-visible{outline-color:var(--lime)}
@media(max-width:760px){.recommendation-section{grid-template-columns:1fr;gap:20px;padding-top:36px;padding-bottom:36px}.recommendation-card{padding:20px}.recommendation-intro h2{letter-spacing:-0.6px}}
.site-header{padding:23px 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}
.wordmark{display:block;flex-shrink:0;line-height:0;padding:9px 15px}
.wordmark img{display:block;width:110px;height:auto}
.wordmark span{font-family:var(--font);font-size:12px;vertical-align:top;letter-spacing:0;margin-left:4px}
.desktop-nav,.header-actions,.language-switch{display:flex;align-items:center;gap:28px}
.desktop-nav{font-size:13px;color:#ccc7c3}
.desktop-nav a:hover,.text-link:hover,.site-footer a:hover{color:var(--lime)}
.header-actions{gap:26px;font-size:12px}
.language-switch{gap:8px;color:#b3aba3}
.language-switch a[aria-current]{color:var(--paper);border-bottom:1px solid var(--lime)}
.header-contact{border:1px solid #70665e;border-radius:40px;padding:11px 17px}
.header-contact span+span{padding-left:18px}
.hero{position:relative;min-height:690px;padding-top:95px;padding-bottom:60px;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;overflow:hidden}
.hero-copy{position:relative;z-index:2}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:600;letter-spacing:1.5px;color:#c4bab0;margin:0 0 28px}
.signal{display:inline-block;flex-shrink:0;width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px #ff960010}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-2.2px}
h1{font-size:clamp(42px,4.65vw,78px);line-height:1.16;letter-spacing:-3.3px;margin-bottom:28px}
h1 .muted{color:var(--muted)}
h1 .accent{display:none}
.accent{color:var(--lime)}
.hero-intro{max-width:480px;font-size:17px;color:#c4bcb5;line-height:1.8;margin-bottom:33px}
.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border-radius:5px;padding:16px 22px;font-size:13px;font-weight:650;transition:background .2s,transform .2s}
.button:hover{background:#ffb443;transform:translateY(-2px)}
.button-lime{background:var(--lime);color:var(--ink)}
.button span+span{font-size:21px;line-height:1}
.text-link{font-size:12px;display:inline-flex;gap:16px;align-items:center;transition:color .2s}
.hero-footnote{display:flex;align-items:center;gap:12px;margin-top:65px;color:#b6aaa0;font-size:11px}
.mini-rule{width:26px;height:1px;background:#88786a}
.hero-art{position:relative;min-height:480px;isolation:isolate;margin-right:-4vw}
.art-grid{position:absolute;inset:12% 0;background-image:linear-gradient(#bd947710 1px,transparent 1px),linear-gradient(90deg,#bd947710 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}
.sculpture{position:absolute;width:120%;height:auto;left:-10%;top:-9%;filter:drop-shadow(0 35px 40px #0007);animation:float 10s ease-in-out infinite}
.orbit{position:absolute;width:90%;height:36%;border:1px solid #be946435;border-radius:50%;top:30%;left:4%;transform:rotate(-28deg);z-index:-1}
.orbit-two{transform:rotate(53deg);height:62%;width:65%;top:18%;left:15%;border-color:#be946420}
.art-label{position:absolute;font-size:9px;letter-spacing:1.8px;color:#c4b7a8;border-top:1px solid #89756044;padding-top:10px;width:170px;display:flex;justify-content:space-between}
.art-label-top{top:0;right:8%}
.art-label-bottom{bottom:7%;left:0}
.art-caption{position:absolute;right:9%;bottom:2%;font-family:var(--display);font-size:11px;letter-spacing:3px;line-height:1.7;color:#ac9c8d}
.proof-strip{border-top:1px solid var(--line);padding-top:27px;padding-bottom:25px;display:grid;grid-template-columns:205px 1fr;align-items:center;gap:14px 30px}
.proof-strip>p:first-child{margin:0;color:#b5a99a;font-size:9px;letter-spacing:1.4px;max-width:150px}
.proof-names{display:flex;align-items:center;justify-content:space-between;gap:25px;color:#cbc3bb;font-family:var(--display);font-size:24px;font-weight:700;letter-spacing:-1px}
.proof-names>span:last-child{font-size:17px;letter-spacing:-.3px}
.brand-dot{color:var(--lime)}
.proof-disclaimer{grid-column:2;font-size:9px;color:#b2a79d;margin:0}
.light-section{background:var(--paper);color:var(--ink)}
.expertise{padding-top:105px;padding-bottom:108px}
.dark-eyebrow{color:#68594c}
h2{font-size:clamp(32px,3.4vw,53px);line-height:1.2;margin-bottom:24px}
.heading-row{display:flex;justify-content:space-between;gap:55px;align-items:flex-end;margin-bottom:43px}
.heading-row h2{margin-bottom:0;flex:1.5}
.heading-row>p{flex:1;max-width:350px;font-size:14px;color:#666059;line-height:1.8;margin-bottom:3px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.service-card{border:1px solid #d8d2cb;border-radius:6px;padding:28px;display:flex;flex-direction:column}
.card-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#775532;margin-bottom:38px}
.card-top svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.3}
h3{font-size:24px;line-height:1.35;letter-spacing:-.8px;margin-bottom:17px}
.service-card p{font-size:13px;line-height:1.85;color:#625953;margin-bottom:26px}
.card-tag{margin-top:auto;padding-top:18px;border-top:1px solid #d1c6bc;font-size:10px;color:#584c42}
.featured-card{background:#f6e6d1;border-color:#e4ccb1}
.ai-section{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;padding-top:110px;padding-bottom:110px;align-items:center}
.ai-copy .eyebrow{font-size:9px;letter-spacing:1.2px}
.section-intro{font-size:15px;line-height:1.85;max-width:470px;color:#beb4ab}
.ai-principles{margin-top:35px}
.ai-principles>div{display:flex;gap:17px;margin-top:22px}
.ai-principles>div>span{color:var(--lime);font-size:21px}
.ai-principles p{font-size:12px;color:#b5a89e;margin:0}
.ai-principles strong{display:block;font-weight:500;color:var(--paper);font-size:14px;margin-bottom:5px}
.ai-principles p>span{display:block;line-height:1.8}
.workflow-panel{background:linear-gradient(140deg,#373029,#26221e);border:1px solid #51463f;border-radius:8px;padding:28px 31px;box-shadow:0 30px 60px #0002;position:relative}
.panel-header{display:flex;align-items:center;gap:10px;font-size:8px;color:#cab9aa;letter-spacing:.7px;border-bottom:1px solid #564b42;padding-bottom:22px}
.panel-header>span:last-child{margin-left:auto;font-size:17px}
.workflow-panel h3{font-size:29px;margin:27px 0 25px}
.workflow{list-style:none;padding:0;margin:0}
.workflow li{display:flex;gap:18px;align-items:center;padding:18px 0;border-top:1px solid #4c4238}
.step-number{font-size:10px;color:#e4b882;width:28px;height:28px;border:1px solid #806754;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
.workflow strong{font-weight:500;font-size:14px;display:block}
.workflow li div>span{display:block;font-size:11px;color:#cbb6a6;margin-top:3px}
.step-icon{margin-left:auto;color:var(--lime)}
.workflow-note{margin:23px 0 0;padding:17px;background:#f28c000b;border-radius:4px;color:#c9b8a5;font-size:10px;line-height:1.8}
.about-section{display:grid;grid-template-columns:1fr 1.25fr;gap:10%;padding-top:110px;padding-bottom:95px;align-items:center}
.portrait-frame{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:4/4.7;background:#e4d9cc;display:flex;align-items:flex-start;justify-content:center}
.portrait-frame:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent,transparent 24px,#30241a0a 24px,#30241a0a 25px);z-index:1}
.portrait-frame img{width:72%;height:auto;margin-top:14%;aspect-ratio:1;border-radius:50%;filter:grayscale(100%);object-fit:cover;box-shadow:0 10px 30px #0001}
.portrait-caption{position:absolute;bottom:30px;left:28px;font-family:var(--display);font-weight:800;letter-spacing:-2px;font-size:46px;line-height:1.05;z-index:2}
.portrait-caption>span{font-size:25px;letter-spacing:-1px}
.portrait-note{display:flex;gap:18px;margin-top:20px;font-size:11px;line-height:1.7;color:#706054}
.portrait-note>span:first-child{font-size:30px}
.about-copy h2{font-size:clamp(32px,3vw,46px)}
.about-lead{font-size:18px!important;color:var(--ink)!important;line-height:1.7!important}
.about-copy>p:not(.eyebrow){font-size:13px;color:#635850;line-height:1.9}
.work-status{display:flex;gap:15px;border-top:1px solid #d4ccc4;border-bottom:1px solid #d4ccc4;padding:21px 0;margin:25px 0}
.work-status>.signal{margin-top:7px;background:#985700;box-shadow:none}
.work-status strong{font-size:12px;font-weight:600}
.work-status p{font-size:11px;color:#645951;margin:5px 0 0;line-height:1.8}
.dark-link{color:#744200;font-size:11px}
.dark-link:hover{color:#8b5000}
.approach-section{border-top:1px solid #d9d2cc;padding-top:70px;padding-bottom:95px;display:grid;grid-template-columns:1fr 2.1fr;gap:8%}
.approach-header h2{font-size:35px}
.approach-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:7px}
.approach-steps article>span{font-size:11px;color:#855323;display:block;margin-bottom:25px}
.approach-steps h3{font-size:17px;letter-spacing:-.4px}
.approach-steps p{font-size:12px;color:#6b5f55;line-height:1.9;margin-bottom:0}
.contact-section{padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}
.contact-section h2{font-size:clamp(43px,5vw,73px);letter-spacing:-3px}
.contact-section>div>p:last-child{color:#c0b3a8;font-size:13px;max-width:410px;line-height:1.9}
.contact-card{border-top:1px solid #6e6055;border-bottom:1px solid #6e6055;padding:28px 0}
.contact-card-label{color:#c6ad90;font-size:9px;letter-spacing:1.2px}
.contact-email{font-family:var(--display);font-size:clamp(20px,2.3vw,34px);letter-spacing:-1px;display:flex;justify-content:space-between;gap:10px;margin:26px 0 18px}
.contact-email:hover{color:var(--lime)}
.contact-card p{font-size:11px;line-height:1.8;color:#c8b8ac;max-width:330px}
.contact-location{display:flex;justify-content:space-between;gap:10px;margin-top:32px;font-size:9px;letter-spacing:1px;color:#c6b4a4}
.contact-location>span{color:#b9aa9c}
.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:30px;padding-bottom:30px}
.site-footer .wordmark{font-size:30px}
.site-footer p{font-size:10px;color:#c5b5a9;margin:0}
.site-footer>a:last-child{font-size:10px;color:#c7b7aa}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:-100px;left:20px;background:var(--lime);color:var(--ink);padding:12px;z-index:20}
.skip-link:focus{top:10px}
.noscript-note{padding:20px;text-align:center;font-size:13px}
.desktop-nav a[aria-current]{color:var(--lime)}
.section-more{margin-top:30px;font-weight:600}
.story-section{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding-top:15px;padding-bottom:95px}
.story-visual img{display:block;width:100%;height:auto;border-radius:8px}
.story-section h2{font-size:clamp(29px,3vw,46px)}
.story-section p:not(.eyebrow){font-size:14px;color:#625953;line-height:1.9}
.humor-note{font-style:italic;border-left:3px solid var(--lime);padding-left:17px;color:#744200}
.career-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:5%;align-items:center;padding-top:50px;padding-bottom:65px;overflow:hidden}
.career-hero h1{font-size:clamp(38px,4.2vw,66px);letter-spacing:-2.8px}
.career-hero .hero-intro{margin-bottom:30px}
.back-link{margin-bottom:35px;color:#c4b7a8}
.career-visual{display:block;width:100%;height:auto}
.career-jumps{display:flex;gap:22px;flex-wrap:wrap}
.career-jumps a{font-size:12px;border-bottom:1px solid #7e5c34;padding-bottom:6px}
.career-jumps a:hover{color:var(--lime)}
.experience-band{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);padding-top:30px;padding-bottom:35px}
.experience-band strong{font-size:36px;line-height:1.3;font-weight:500;color:var(--lime);display:block;letter-spacing:-1px}
.experience-band span{display:block;font-size:12px;color:#c4b7a8;margin-top:4px}
.experience-band>p{font-size:14px;font-style:italic;color:#dac6ad;margin:0;border-left:1px solid #765c3d;padding-left:30px}
.roles-section,.skills-section,.education-section,.projects-section{padding-top:85px;padding-bottom:85px}
.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:32px}
.roles-grid article{border:1px solid #d8d2cb;border-radius:7px;padding:26px}
.role-number{color:#855323;font-size:11px;display:block;margin-bottom:25px}
.roles-grid h3{font-size:22px}
.roles-grid p{font-size:14px;color:#625953;line-height:1.85;margin:0}
.roles-grid .role-ai{background:#f6e6d1;border-color:#e4ccb1}
.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 50px}
.skills-grid article{border-top:1px solid #655442;padding-top:25px}
.skills-grid h3{font-size:24px}
.skills-grid p{color:#f1cf9c;font-size:15px;line-height:1.9}
.skills-grid span{font-size:13px;color:#c8b8ac;line-height:1.8;display:block}
.legacy-skills{border:1px solid #655442;border-radius:7px;padding:22px;margin-top:42px}
.legacy-skills summary{cursor:pointer;font-size:15px;font-weight:500}
.legacy-skills p{color:#c8b8ac;font-size:13px;line-height:1.9;margin:18px 0 0}
.education-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.education-card{padding:27px;border:1px solid #d8d0c5;border-top:3px solid var(--lime);border-radius:8px;background:#eeebe5}
.education-card h3{font-size:22px;line-height:1.3;letter-spacing:-.5px;margin:13px 0 8px}
.education-card p{font-size:14px;line-height:1.8;color:#635850;margin-bottom:0}
.education-card .education-period{font-size:11px;letter-spacing:1px;font-weight:700;color:#995500}
.education-card .education-institution{font-size:13px;font-weight:650;color:#30271f;margin-bottom:12px}
.education-card.education-continuing{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;gap:6px 36px}
.education-continuing h3{margin-bottom:0}
.education-card .education-note{grid-column:2;font-size:12px;color:#756c64}
summary:focus-visible{outline:3px solid var(--lime);outline-offset:6px}
.project-disclaimer{color:#625953;font-size:12px;max-width:840px;margin-bottom:30px}
.project{border-top:1px solid #d3c8bb}
.project:last-child{border-bottom:1px solid #d3c8bb}
.project summary{display:grid;grid-template-columns:145px 1fr 32px;gap:20px;align-items:center;padding:26px 0;cursor:pointer;list-style:none}
.project summary::-webkit-details-marker{display:none}
.project summary:focus-visible{outline-color:#995500}
.project summary:hover .project-name{color:#915000}
.project-period{font-size:12px;color:#755d44}
.project-name{font-family:var(--display);font-size:25px;font-weight:600;letter-spacing:-.6px}
.project-name strong{display:block;font-family:var(--font);font-size:12px;letter-spacing:0;font-weight:400;color:#625953;margin-top:5px}
.project-toggle{border:1px solid #c9bba9;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:23px;font-weight:300;transition:transform .2s}
.project[open] .project-toggle{transform:rotate(45deg)}
.project-body{padding:0 52px 28px 165px;max-width:1050px}
.project-body p,.project-body li{font-size:14px;line-height:1.9;color:#514b45}
.project-body ul{padding-left:20px;margin-top:0}
.project-body li+li{margin-top:10px}
.project-body .project-ai{border-left:3px solid var(--lime);padding:12px 18px;background:#f2e6d5}
.project-body .project-tools{font-size:12px;color:#7b522b;margin-bottom:0}
.career-context{margin-top:45px;max-width:850px;background:#ece5dc;border-radius:7px;padding:30px}
.career-context h3{font-size:23px}
.career-context p{color:#625953;font-size:13px;line-height:1.9;margin-bottom:15px}
.career-context p:last-child{margin-bottom:0}
@keyframes float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-13px) rotate(2deg)}}
@media(min-width:1600px){.section-shell{padding-left:max(calc((100vw - 1400px)/2),6.2vw);padding-right:max(calc((100vw - 1400px)/2),6.2vw)}.hero-art{margin-right:0}}
@media(max-width:1050px){.desktop-nav{gap:18px}.hero{padding-top:70px;min-height:620px}.hero-art{min-height:400px}.hero-intro{font-size:15px;max-width:390px}h1{font-size:49px;letter-spacing:-2.5px}.service-card{padding:22px}.service-card h3{font-size:21px}.ai-section{gap:5%}.workflow-panel{padding:23px}.about-section{gap:7%}.approach-section{display:block}.approach-steps{margin-top:35px}.approach-header h2 br{display:none}}
@media(max-width:760px){html{scroll-padding-top:20px}.site-header{padding:20px 24px;gap:15px}.wordmark{font-size:34px}.desktop-nav{display:none}.header-actions{gap:18px}.header-contact{padding:9px 13px}.header-contact span+span{padding-left:8px}.hero{grid-template-columns:1fr;padding-top:54px;padding-bottom:35px;min-height:0}.hero .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:24px}h1{font-size:clamp(34px,7.7vw,57px);letter-spacing:-2px}.hero-intro{max-width:520px;font-size:15px}.hero-actions{gap:22px}.hero-footnote{margin-top:30px}.hero-art{min-height:340px;max-width:430px;width:100%;margin:35px auto 0}.sculpture{width:102%;left:0;top:-13%}.art-label-top{right:0}.art-label-bottom{bottom:5%;left:0}.art-caption{right:0;bottom:0}.proof-strip{display:block;padding-top:24px}.proof-strip>p:first-child{max-width:none;font-size:8px}.proof-names{margin:18px 0 12px;flex-wrap:wrap;justify-content:flex-start;gap:15px 28px;font-size:22px}.proof-names>span:last-child{font-size:15px}.expertise{padding-top:65px;padding-bottom:65px}.heading-row{display:block;margin-bottom:30px}.heading-row>p{max-width:550px;margin-top:22px}.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:22px}.service-grid{grid-template-columns:1fr}.service-card{padding:26px}.card-top{margin-bottom:22px}.service-card h3{font-size:25px}.service-card p{font-size:14px}.service-card h3 br{display:none}.card-tag{font-size:11px}.ai-section{grid-template-columns:1fr;gap:40px;padding-top:65px;padding-bottom:65px}.ai-copy .eyebrow{font-size:8px;letter-spacing:.8px}.section-intro{font-size:14px}.ai-principles p{font-size:13px}.workflow-panel{padding:25px}.panel-header{font-size:8px}.workflow-note{font-size:11px}.about-section{grid-template-columns:1fr;gap:40px;padding-top:60px;padding-bottom:60px}.portrait-composition{max-width:380px;width:100%;margin:auto}.portrait-frame{aspect-ratio:1.1}.portrait-frame img{width:54%;margin-top:7%}.portrait-caption{font-size:42px;bottom:25px}.portrait-caption>span{font-size:22px}.about-copy h2{font-size:36px}.about-copy>p:not(.eyebrow){font-size:14px}.work-status p{font-size:12px}.dark-link{font-size:12px}.approach-section{padding-top:50px;padding-bottom:60px}.approach-steps{grid-template-columns:1fr;gap:28px}.approach-steps article{border-top:1px solid #d0d7c4;padding-top:20px}.approach-steps article>span{margin-bottom:12px}.approach-steps h3{font-size:22px;margin-bottom:10px}.approach-steps p{font-size:14px}.contact-section{grid-template-columns:1fr;gap:35px;padding-top:65px;padding-bottom:65px}.contact-section h2{font-size:51px;letter-spacing:-2px}.contact-email{font-size:29px}.contact-section>div>p:last-child{font-size:14px}.contact-card p{font-size:12px}.site-footer{flex-wrap:wrap;gap:20px}.site-footer p{order:3;width:100%;font-size:11px}.site-footer>a:last-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:1050px){.site-header{gap:20px}.desktop-nav{font-size:12px;gap:14px}.header-actions{gap:16px}.wordmark img{width:96px}.story-section{gap:5%}.roles-grid{grid-template-columns:repeat(2,1fr)}.career-hero{grid-template-columns:1.4fr 1fr}.career-hero h1{font-size:43px}}
@media(max-width:760px){.wordmark{padding:7px 11px}.wordmark img{width:90px}.site-header{gap:12px}.header-actions{gap:12px}.story-section{grid-template-columns:1fr;gap:30px;padding-top:0;padding-bottom:60px}.story-visual{max-width:540px}.story-section h2{font-size:34px}.career-hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:35px;gap:25px}.career-hero h1{font-size:clamp(34px,7.7vw,52px);letter-spacing:-1.8px}.career-visual{max-width:430px;justify-self:center}.career-jumps{gap:14px}.career-jumps a{font-size:12px}.back-link{margin-bottom:30px}.experience-band{display:grid;grid-template-columns:1fr 1fr;gap:25px}.experience-band strong{font-size:32px}.experience-band>p{font-size:13px;padding-left:16px}.roles-section,.skills-section,.education-section,.projects-section{padding-top:60px;padding-bottom:60px}.roles-grid{grid-template-columns:1fr}.roles-grid h3{font-size:24px}.role-number{margin-bottom:15px}.skills-grid{grid-template-columns:1fr;gap:30px}.skills-grid article{padding-top:20px}.legacy-skills{padding:18px}.legacy-skills summary{font-size:14px}.education-grid{grid-template-columns:1fr;gap:16px}.education-card{padding:22px}.education-card.education-continuing{grid-column:auto;grid-template-columns:1fr;gap:12px}.education-card .education-note{grid-column:auto}.project summary{grid-template-columns:1fr 28px;gap:8px 14px;padding:22px 0}.project-period{grid-column:1;font-size:11px}.project-name{grid-column:1;font-size:23px;overflow-wrap:anywhere}.project-name strong{font-size:12px;line-height:1.7}.project-toggle{grid-column:2;grid-row:1/3;width:28px;height:28px}.project-body{padding:0 0 25px;max-width:100%}.project-body p,.project-body li{font-size:14px}.career-context{padding:23px}.humor-note{font-size:14px}}
@media(max-width:380px){.site-header{padding-left:20px;padding-right:20px;gap:10px}.wordmark{padding:6px 8px}.wordmark img{width:78px}.header-actions{gap:10px}.header-contact{padding:9px 10px}.header-contact span+span{display:none}.language-switch{gap:6px}.experience-band{gap:25px 16px}.experience-band>p{font-size:12px}}
:root{--header-height:80px;--admin-offset:0px}
html{scroll-padding-top:calc(var(--header-height) + var(--admin-offset) + 16px)}
:root:has(body.admin-bar){--admin-offset:32px}
.site-header{position:sticky;top:var(--admin-offset);z-index:1000;padding-top:9px;padding-bottom:9px;background:var(--ink)}
.site-header .wordmark{padding:0}
.site-header .wordmark img{width:76px}
.nav-toggle{display:none;align-items:center;justify-content:center;gap:9px;min-width:84px;min-height:44px;padding:8px 12px;border:1px solid #70665e;border-radius:8px;background:transparent;color:var(--paper);font:inherit;font-size:13px;cursor:pointer}
.desktop-nav .mobile-nav-contact{display:none}
.nav-toggle:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.nav-toggle-icon,.nav-toggle-icon::before,.nav-toggle-icon::after{display:block;width:17px;height:2px;background:currentColor}
.nav-toggle-icon{position:relative}
.nav-toggle-icon::before,.nav-toggle-icon::after{position:absolute;content:"";left:0}
.nav-toggle-icon::before{top:-5px}
.nav-toggle-icon::after{top:5px}
.navigation-open .nav-toggle-icon{background:transparent}
.navigation-open .nav-toggle-icon::before{top:0;transform:rotate(45deg)}
.navigation-open .nav-toggle-icon::after{top:0;transform:rotate(-45deg)}
@media(max-width:782px){:root:has(body.admin-bar){--admin-offset:46px}}
@media(max-width:760px){
  .site-header{padding:8px 20px;flex-wrap:wrap;gap:8px 12px}
  .site-header .wordmark img{width:64px}
  .site-header .header-actions{margin-left:auto;gap:14px}
  .site-header .header-contact{display:none}
  .site-header .desktop-nav{display:flex;flex-basis:100%;order:3;flex-wrap:wrap;gap:4px 18px;font-size:13px}
  .site-header .desktop-nav a{display:flex;align-items:center;min-height:44px}
  .navigation-ready .nav-toggle{display:flex}
  .site-header.navigation-ready{flex-wrap:nowrap}
  .navigation-ready .desktop-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:12px 20px 18px;background:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 16px 24px #0004;max-height:calc(100dvh - var(--header-height) - var(--admin-offset));overflow-y:auto}
  .navigation-ready.navigation-open .desktop-nav{display:flex;flex-direction:column;align-items:stretch;gap:4px}
}
@media(max-width:600px){:root:has(body.admin-bar){--admin-offset:0px}}