@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f6f6f1;--ink:#20221f;--muted:#6a6d65;--lime:#d9f881;--line:#d9dcd2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:'Manrope',Arial,sans-serif;font-size:35px;font-weight:800;letter-spacing:-3px}.brand span{font-size:14px;vertical-align:top;letter-spacing:0;margin-left:5px}nav{display:flex;gap:35px;font-size:14px}.nav-contact{font-size:14px;border-bottom:1px solid;padding:8px 0}.nav-contact span{margin-left:25px}.hero{display:grid;grid-template-columns:1.17fr 1fr;min-height:650px;padding:48px 5% 36px;gap:55px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;padding-top:22px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:600}.eyebrow i{display:inline-block;width:7px;height:7px;background:#6c8341;border-radius:50%;margin-right:8px}h1,h2,h3,p{margin:0}h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(45px,4.9vw,76px);letter-spacing:-4px;line-height:1.07;font-weight:500;margin:30px 0 24px}em{font-family:Georgia,serif;font-weight:400}h1 em{letter-spacing:-3px}.hero p{color:var(--muted);font-size:15px;line-height:1.8}.actions{display:flex;align-items:center;gap:27px;margin-top:30px}.button{display:inline-flex;padding:17px 21px;gap:37px;align-items:center;border-radius:5px;font-size:13px;font-weight:500}.dark{background:var(--ink);color:white}.text-link{font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:4px}.hero-bottom{margin-top:auto;padding-top:45px;display:flex;gap:25px;font-size:8px;letter-spacing:1px;color:var(--muted)}.hero-art{background:var(--lime);border-radius:9px;position:relative;overflow:hidden;min-height:550px;padding:24px}.art-top,.art-bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;position:relative;z-index:2}.art-bottom{position:absolute;bottom:24px;left:24px;right:24px}.orbit{position:absolute;border:1px solid #a7c35b;border-radius:50%;width:470px;height:470px;left:50%;top:43%;transform:translate(-50%,-50%)}.orbit-two{width:360px;height:360px}.asterisk{position:absolute;left:50%;top:37%;font-size:280px;line-height:1;transform:translate(-50%,-50%) rotate(-12deg);font-family:Arial,sans-serif}.code-label{position:absolute;right:27px;top:55%;font-family:monospace;font-size:11px;line-height:1.5;transform:rotate(-7deg)}.portrait-card{position:absolute;left:26px;right:26px;bottom:64px;background:#f8f9ee;padding:12px;display:flex;align-items:center;gap:13px;border-radius:6px;box-shadow:0 8px 25px #3d4c2510}.portrait-card img{width:58px;height:64px;object-fit:cover;object-position:top;border-radius:3px}.portrait-card b{display:block;font-size:13px}.portrait-card div span{display:block;font-size:10px;color:var(--muted);margin-top:6px}.portrait-arrow{margin-left:auto;font-size:22px}.tech-strip{display:flex;align-items:center;justify-content:space-between;padding:28px 5%;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tech-strip>span{font-size:9px;letter-spacing:1px;max-width:150px;line-height:1.6;color:var(--muted)}.tech-strip b{font-family:'Manrope',Arial,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.7px}.section{padding:95px 7%}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}h2{font-family:'Manrope',Arial,sans-serif;font-size:45px;letter-spacing:-2px;line-height:1.16;font-weight:500;margin-top:20px}.section-head>p{color:var(--muted);font-size:13px;line-height:1.8;padding-bottom:5px}.filters{display:flex;gap:10px;margin:32px 0 25px}.filters button{background:transparent;border:1px solid var(--line);border-radius:30px;padding:10px 18px;font-size:12px}.filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.filters span{font-size:9px;margin-left:9px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 25px}.project-card{border:0;padding:0;background:transparent;text-align:left;min-width:0}.project-card[hidden]{display:none}.project-visual{height:320px;border-radius:7px;overflow:hidden;position:relative;padding:44px 36px 0;transition:transform .3s}.project-card:hover .project-visual{transform:translateY(-4px)}.school{background:#dbe5e6}.mock-window{background:#fff;border-radius:7px;transform:rotate(-4deg);height:280px;box-shadow:0 20px 35px #20373720}.mock-bar{font-size:7px;display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid #eee;color:#7c928f}.school-layout{display:grid;grid-template-columns:65px 1fr;gap:18px}.school-layout aside{background:#203d3c;color:#fff;font-size:25px;font-weight:bold;height:250px;padding:17px 9px}.school-layout aside small{display:block;font-size:5px;letter-spacing:.4px;margin-top:20px}.school-layout>div{padding-top:23px;padding-right:16px}.school-layout small{font-size:6px;color:#69807b}.school-layout h3{font-size:18px;margin:9px 0 15px}.stat-boxes{display:flex;gap:10px}.stat-boxes span{background:#edf1ee;border-radius:4px;padding:13px;font-size:8px;width:50%}.stat-boxes b{display:block;font-size:20px;margin-top:8px}.mock-lines{margin-top:18px;height:50px;background:repeating-linear-gradient(white 0 13px,#e7ece9 14px 15px)}.visual-note{position:absolute;bottom:12px;left:16px;font-size:6px;letter-spacing:1px;opacity:.65}.commerce{background:#e8ddd2}.store{background:#f9f7f1;height:300px;transform:rotate(4deg);box-shadow:0 20px 35px #59412520}.store-nav{padding:14px;font-size:7px;border-bottom:1px solid #ddd}.store-nav span{float:right;font-size:5px}.store-content{padding:20px}.store-content small{font-size:6px}.store-content h3{font-family:Georgia,serif;font-weight:400;font-size:30px;margin-top:10px}.store-products{display:flex;gap:10px;margin-top:20px;height:85px}.store-products div{flex:1;background:#c6bda7;border-radius:50% 50% 0 0}.store-products div:nth-child(2){background:#8b715b;border-radius:35% 35% 12% 12%;transform:rotate(-8deg)}.store-products div:nth-child(3){background:#cac3ba;border-radius:5px}.project-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.8px;color:var(--muted);margin:20px 0 12px}.project-title{display:flex;justify-content:space-between;align-items:center}.project-title h3{font-size:20px;font-weight:500;letter-spacing:-.6px}.project-title>span{font-size:24px}.project-card>p{font-size:12px;color:var(--muted);margin-top:7px}.wide{grid-column:1/-1}.corporate{background:#272e29;height:300px;color:#f1f6e7;display:flex;align-items:center;justify-content:space-between;padding:40px 7%}.corporate-copy small{font-size:9px;letter-spacing:2px}.corporate-copy h3{font-size:37px;font-family:'Manrope',Arial,sans-serif;font-weight:400;letter-spacing:-1px;margin:18px 0}.pill{font-size:7px;border:1px solid #7e8b6d;border-radius:20px;padding:10px 16px;display:inline-block;color:var(--lime)}.blocks{display:flex;align-items:flex-end;gap:12px;transform:rotate(-12deg);margin-right:35px}.blocks div{height:120px;width:70px;background:#8b9e69;border-radius:4px}.blocks div:nth-child(2){height:175px;background:var(--lime)}.blocks div:nth-child(3){height:220px;background:#657952}.experience{background:#edeee7}.timeline article{display:grid;grid-template-columns:1fr 2fr 40px;gap:30px;padding:30px 0;border-top:1px solid #d2d6c9}.timeline article>span{font-size:10px;color:var(--muted);padding-top:6px}.timeline h3{font-size:20px;font-weight:500;letter-spacing:-.5px}.timeline h4{font-size:12px;margin:9px 0 12px;font-weight:500}.timeline p{font-size:13px;line-height:1.8;color:var(--muted);max-width:600px}.timeline b{font-size:11px;color:#8c9480;font-weight:400;text-align:right}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:10%}.about h2{font-size:36px}.about>div>p{font-size:14px;line-height:1.9;color:var(--muted);margin:24px 0}.values{display:flex;flex-wrap:wrap;gap:8px}.values span{font-size:10px;border:1px solid var(--line);border-radius:20px;padding:9px 13px}.about-details{padding-top:7px}.about-details h3{font-size:17px;font-weight:500}.education{border-top:1px solid var(--line);padding-top:24px}.education small{font-size:9px;letter-spacing:1.3px}.education h4{font-size:14px;font-weight:500;margin:18px 0 7px}.education p{font-size:12px;color:var(--muted);line-height:1.8}.language{display:block;font-size:11px;margin-top:20px}.contact{background:#20261f;color:#f5f7ef;position:relative}.contact .eyebrow{color:#bbc6ae}.contact h2{font-size:62px;margin-bottom:30px}.contact em{color:var(--lime)}.lime{background:var(--lime);color:#20261f}.contact-links{display:flex;gap:35px;font-size:12px;margin-top:45px;color:#c3ccba}footer{padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span{font-size:10px;color:var(--muted)}footer>div{display:flex;gap:23px;font-size:10px}dialog{border:0;border-radius:12px;padding:48px;max-width:640px;width:90%;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#172018aa;backdrop-filter:blur(5px)}dialog h2{font-size:35px;margin-bottom:24px}dialog p,dialog li{font-size:14px;line-height:1.8;color:var(--muted)}dialog h3{font-size:16px;margin-top:25px}dialog ul{padding-left:20px}.close{position:absolute;right:17px;top:12px;background:none;border:0;font-size:30px}.dialog-note{font-size:11px;line-height:1.6;padding:15px;background:#e8ecdd;margin:25px 0}.skip{position:absolute;left:12px;top:-100px;z-index:10;background:var(--lime);padding:15px}.skip:focus{top:10px}:focus-visible{outline:3px solid #728e31;outline-offset:5px}a:hover{opacity:.75}@media(min-width:1500px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:900px){.hero{gap:25px}.hero-art{min-height:520px}h1{font-size:52px;letter-spacing:-3px}.tech-strip b{font-size:16px}.project-visual{padding:35px 20px 0;height:280px}.section{padding:70px 5%}.section-head>p{max-width:240px}.blocks{margin-right:0}.about{gap:6%}}@media(max-width:650px){header{height:76px}nav{gap:17px;font-size:11px}.brand{font-size:29px}.nav-contact{font-size:11px}.nav-contact span{margin-left:8px}.hero{grid-template-columns:1fr;padding-top:22px;gap:35px}.hero-copy{padding-top:12px}h1{font-size:51px;letter-spacing:-3px}.hero p{font-size:14px}.hero-bottom{padding-top:32px;font-size:7px;gap:20px}.hero-art{min-height:430px}.asterisk{font-size:240px;top:36%}.orbit{width:360px;height:360px}.orbit-two{width:280px;height:280px}.portrait-card{bottom:55px}.tech-strip{flex-wrap:wrap;justify-content:flex-start;gap:20px}.tech-strip>span{max-width:none;width:100%;font-size:8px}.tech-strip b{font-size:16px}.section{padding:58px 5%}.section-head{display:block}h2{font-size:36px}.section-head>p{margin-top:20px;max-width:none;font-size:12px}.filters{gap:6px}.filters button{font-size:10px;padding:9px 13px}.project-grid{grid-template-columns:1fr;gap:30px}.wide{grid-column:auto}.project-visual{height:290px;padding:40px 30px 0}.corporate{padding:30px 25px;height:285px}.corporate-copy h3{font-size:27px}.corporate-copy small{font-size:7px}.blocks{gap:5px}.blocks div{width:25px;height:80px}.blocks div:nth-child(2){height:120px}.blocks div:nth-child(3){height:160px}.timeline article{grid-template-columns:1fr 24px;gap:13px}.timeline article>span{grid-column:1/-1}.timeline h3{font-size:18px}.about{grid-template-columns:1fr;gap:38px}.about h2{font-size:33px}.contact h2{font-size:43px}.contact-links{flex-direction:column;gap:18px;margin-top:32px}footer{flex-wrap:wrap}footer>div{width:100%;justify-content:space-between}dialog{padding:35px 25px}dialog h2{font-size:28px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Identidad y movimiento */
header .brand,footer .brand{font-size:23px;letter-spacing:-1px;white-space:nowrap}.brand .brand-dot{font-size:30px;color:#819a46;vertical-align:baseline;margin-left:0}.hero-art{isolation:isolate}.asterisk{animation:star-turn 35s linear infinite;will-change:transform}.orbit-one{animation:orbit-breathe 7s ease-in-out infinite}.orbit-two{border-style:dashed;animation:orbit-turn 45s linear infinite}.orbit-dot{position:absolute;left:50%;top:43%;width:12px;height:12px;border-radius:50%;background:#24351e;animation:dot-turn 18s linear infinite}.portrait-card{animation:card-float 6s ease-in-out infinite}.floating-tag{position:absolute;font-size:12px;padding:10px 14px;border:1px solid #a6bd69;background:#efffc4d9;border-radius:8px;backdrop-filter:blur(8px);z-index:2;box-shadow:0 8px 20px #37491e12}.floating-tag b{margin-left:14px}.tag-react{left:26px;top:27%;animation:tag-float 5s ease-in-out infinite}.tag-php{right:25px;top:18%;animation:tag-float 6s ease-in-out infinite reverse}.code-label{top:54%;right:28px;font-size:11px}.code-comment{font-size:8px;opacity:.65}.tech-item{display:inline-flex;align-items:center;gap:9px}.tech-item img{object-fit:contain;transition:transform .25s}.tech-item:hover img{transform:translateY(-4px) rotate(-8deg)}
.contact-intro{font-size:14px;line-height:1.7;color:#c3ccba;max-width:480px;margin-top:-8px}.contact-form{max-width:780px;margin-top:35px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:block;font-size:12px;color:#e1e9d9;margin-bottom:20px}.contact-form input:not(.honeypot),.contact-form select,.contact-form textarea{display:block;width:100%;padding:15px 16px;margin-top:9px;background:#ffffff06;border:1px solid #5d6955;border-radius:6px;color:#f7faef;font:inherit;font-size:14px;transition:border-color .2s,background .2s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9ba792}.contact-form select{color-scheme:dark}.contact-form textarea{resize:vertical;min-height:140px}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:2px solid var(--lime);outline-offset:3px;background:#ffffff0a}.honeypot{display:none}.form-bottom{display:flex;align-items:center;gap:24px}.form-bottom button{border:0;cursor:pointer}.form-bottom p{font-size:10px;line-height:1.8;color:#adbca0}.form-status{font-size:13px;line-height:1.7;margin-top:20px;color:var(--lime)}.contact-links{border-top:1px solid #ffffff22;padding-top:26px;margin-top:30px}
@keyframes star-turn{from{transform:translate(-50%,-50%) rotate(-12deg)}to{transform:translate(-50%,-50%) rotate(348deg)}}@keyframes orbit-breathe{50%{transform:translate(-50%,-50%) scale(.94);opacity:.5}}@keyframes orbit-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes dot-turn{from{transform:translate(-50%,-50%) rotate(0deg) translateX(180px)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(180px)}}@keyframes card-float{50%{transform:translateY(-7px)}}@keyframes tag-float{50%{transform:translateY(-10px) rotate(3deg)}}
@media(max-width:900px){header{flex-wrap:wrap;height:auto;min-height:94px;gap:10px;padding-top:15px;padding-bottom:15px}header .brand{font-size:21px}nav{gap:20px}.tech-strip{flex-wrap:wrap;justify-content:flex-start;gap:25px}.tech-strip>span{max-width:none;width:100%}.tech-item{gap:7px}}
@media(max-width:650px){header{display:grid;grid-template-columns:1fr auto;min-height:100px;gap:12px}header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font-size:12px}.nav-contact{grid-column:2;grid-row:1}header .brand{font-size:22px}.form-row{grid-template-columns:1fr;gap:0}.form-bottom{align-items:flex-start;flex-direction:column;gap:13px}.tech-strip{gap:20px}.tech-item img{width:24px;height:24px}.tag-react{top:24%;font-size:10px;padding:8px 10px;left:20px}.tag-php{top:15%;font-size:10px;padding:8px 10px}.code-label{top:51%;font-size:10px;right:20px}.hero-art .code-comment{font-size:7px}.contact h2{font-size:41px}.orbit-dot{width:9px;height:9px}.contact-form{margin-top:26px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Scroll choreography and a CSS 3D sculpture. */
.reading-progress{position:fixed;inset:0 0 auto;height:3px;background:#8ca848;transform:scaleX(0);transform-origin:left;z-index:50;pointer-events:none}
.hero-art{perspective:1100px;--scene-scroll:0deg;--scene-x:0deg;--scene-y:0deg}.depth-scene{position:absolute;width:310px;height:310px;left:50%;top:37%;transform:translate(-50%,-50%) rotateX(var(--scene-x)) rotateY(var(--scene-y));transform-style:preserve-3d;pointer-events:none}.sculpture{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:sculpture-orbit 24s linear infinite}.sculpture-ring{position:absolute;inset:12%;border:2px solid #293c24;border-radius:50%;transform-style:preserve-3d;box-shadow:inset 0 0 10px #4054290c,0 0 12px #4054290c}.ring-a{transform:rotateY(0deg)}.ring-b{transform:rotateY(45deg)}.ring-c{transform:rotateY(90deg)}.ring-d{transform:rotateY(135deg)}.ring-e{transform:rotateX(90deg);border-color:#69843a}.sculpture-core{position:absolute;inset:0;display:grid;place-items:center;font:140px/1 Arial,sans-serif;transform:rotateY(-25deg) translateZ(15px);color:#23321d;text-shadow:3px 4px #9eba54}.sculpture-satellite{position:absolute;left:50%;top:0;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#efffc9,#7b9a3a 65%,#344721);transform:translateZ(60px);box-shadow:0 7px 18px #3a4d3030}.sculpture-shadow{position:absolute;bottom:-20px;left:23%;width:54%;height:20px;background:#34472125;filter:blur(12px);border-radius:50%;animation:shadow-breathe 6s ease-in-out infinite}.hero-art .orbit{opacity:.5}.hero-art .portrait-card{z-index:3}.hero-art .code-label{z-index:2}.project-grid{perspective:1400px}.project-card{perspective:1000px}.project-visual{transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0px));transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s;will-change:auto}.project-card:hover .project-visual{--lift:-6px;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift));box-shadow:0 24px 40px -24px #23351e65}.project-visual::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,20%),#ffffff45,transparent 58%);opacity:0;transition:opacity .4s;pointer-events:none}.project-card:hover .project-visual::after{opacity:1}.motion-ready .reveal{opacity:0;transform:perspective(1000px) translate3d(0,45px,0) rotateX(5deg);transform-origin:center top;transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:perspective(1000px) translate3d(0,0,0) rotateX(0)}.timeline article{position:relative;transition:background .3s,padding-left .3s}.timeline article:hover{background:#e3e7da;padding-left:12px}.timeline article::before{content:"";position:absolute;top:0;left:0;height:1px;width:0;background:#829d45;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.timeline article.is-visible::before{width:100%}.contact h2 em{display:inline-block;transition:text-shadow .5s}.contact:hover h2 em{text-shadow:0 0 35px #d9f88135}.button{position:relative;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 22px #15210f15;opacity:1}.button span{display:inline-block;transition:transform .3s}.button:hover span{transform:translate(3px,-3px)}
@keyframes sculpture-orbit{from{transform:rotateX(-17deg) rotateY(0deg) rotateZ(-12deg)}to{transform:rotateX(-17deg) rotateY(360deg) rotateZ(-12deg)}}@keyframes shadow-breathe{50%{transform:scale(.8);opacity:.6}}
@media(max-width:650px){.depth-scene{width:250px;height:250px;top:35%}.sculpture-core{font-size:115px}.sculpture-ring{border-width:1.5px}.sculpture-shadow{bottom:-5px}.motion-ready .reveal{transform:translate3d(0,24px,0)}.project-card:hover .project-visual{transform:none;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none;transition:none}.depth-scene{transform:translate(-50%,-50%)}.sculpture{transform:rotateX(-17deg) rotateY(30deg) rotateZ(-12deg)}.project-card .project-visual,.project-card:hover .project-visual{transform:none}.button:hover{transform:none}.reading-progress{display:none}}
/* A timeline that unfolds as each stage enters the reading area. */
.timeline-hint{font-size:12px;color:var(--muted);margin:-10px 0 35px;line-height:1.7}.accordion-timeline{position:relative;--career-progress:0px;padding-left:62px}.accordion-timeline::before,.accordion-timeline::after{content:"";position:absolute;left:19px;top:24px;width:2px;bottom:35px;background:#d0d7c4;pointer-events:none}.accordion-timeline::after{bottom:auto;height:var(--career-progress);max-height:calc(100% - 58px);background:#789538;transition:height .35s ease}.timeline .career-step{display:block;position:relative;border:0;padding:0 0 25px;opacity:1;transform:none}.timeline .career-step::before{display:none}.timeline .career-step:hover{padding-left:0;background:none}.career-dot{position:absolute;left:-62px;top:22px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #c7cfbb;border-radius:50%;background:#edeee7;font-size:11px;font-weight:600;color:#859173;z-index:2;transition:background .5s,color .5s,box-shadow .5s}.career-step.is-reached .career-dot{background:var(--lime);color:#29351d;border-color:#a6bc74;box-shadow:0 0 0 6px #d9f88125}.career-card{background:#f8f9f2;border:1px solid #d6ddca;border-radius:12px;overflow:hidden;transition:box-shadow .4s,border-color .4s,background .4s}.career-step.is-open .career-card{border-color:#a5b580;box-shadow:0 12px 35px -23px #485a2780;background:#fcfdf7}.career-toggle{display:flex;align-items:center;justify-content:space-between;gap:22px;border:0;width:100%;padding:25px 30px;background:transparent;text-align:left;cursor:pointer}.career-heading{display:block;min-width:0}.career-date{display:block;font-size:10px;letter-spacing:1.1px;color:#7a865e;margin-bottom:13px}.timeline .career-heading h3{font-size:23px;line-height:1.35}.timeline .career-heading h4{font-size:13px;line-height:1.6;color:#68705d;margin:8px 0 0}.career-plus{width:33px;height:33px;flex-shrink:0;display:grid;place-items:center;border:1px solid #d4dcc6;border-radius:50%;font-size:23px;line-height:1;color:#67794a;transition:transform .5s,background .5s}.career-toggle[aria-expanded=true] .career-plus{transform:rotate(45deg);background:var(--lime);border-color:transparent}.career-panel{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .65s cubic-bezier(.22,1,.36,1),opacity .45s ease}.career-panel-inner{overflow:hidden;min-height:0;padding:0 30px}.career-panel-inner>p{max-width:730px;border-top:1px solid #e0e5d6;padding-top:20px}.career-tags{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0 27px}.career-tags span{padding:7px 11px;border:1px solid #d9e1cb;border-radius:30px;font-size:10px;color:#63734b;background:#eff3e6}.timeline-ready .career-step:not(.is-open) .career-panel{grid-template-rows:0fr;opacity:0}.timeline-ready .career-step:not(.is-open) .career-panel-inner{visibility:hidden;transition:visibility 0s .65s}.career-toggle:hover{background:#d9f88110}.career-toggle:focus-visible{outline-offset:-5px;border-radius:12px}
@media(max-width:650px){.accordion-timeline{padding-left:44px}.accordion-timeline::before,.accordion-timeline::after{left:13px;top:27px}.career-dot{width:29px;height:29px;left:-44px;top:25px;font-size:9px}.career-toggle{padding:22px 17px;gap:10px}.timeline .career-heading h3{font-size:18px}.timeline .career-heading h4{font-size:11px}.career-date{font-size:8px;letter-spacing:.7px;margin-bottom:10px}.career-plus{width:27px;height:27px;font-size:20px}.career-panel-inner{padding:0 17px}.timeline .career-panel p{font-size:12px;line-height:1.9}.timeline-hint{font-size:11px}.career-tags{gap:6px;padding-bottom:22px}.career-tags span{font-size:9px;padding:6px 9px}.timeline .career-step{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){.career-panel,.career-dot,.career-card,.career-plus,.accordion-timeline::after{transition:none!important}}
.career-role{display:block;font-size:23px;line-height:1.35;font-weight:500;letter-spacing:-.5px}.career-company{display:block;font-size:13px;line-height:1.6;color:#68705d;margin-top:8px}@media(max-width:650px){.career-role{font-size:18px}.career-company{font-size:11px}}
.contact-form button:disabled{opacity:.65;cursor:wait;transform:none}.form-status[data-state=error]{color:#ffb7a6}.form-status[data-state=success]{color:var(--lime)}