@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Press+Start+2P&display=swap";:root{font-family:IBM Plex Mono,monospace;color:#fff;background:#090512;font-synthesis:none;--ink:#090512;--cream:#fff8df;--pink:#ff4fd8;--cyan:#7df9ff;--yellow:#ffe45c;--orange:#ff7657}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#090512}body{margin:0;min-width:320px;background:#090512;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{min-height:100vh;background:radial-gradient(circle at 50% 0%,#21103a 0,#090512 36%,#050308)}.crt,.noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:90}.crt{background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 4px);mix-blend-mode:overlay}.noise{opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.scroll-bar{position:fixed;top:0;left:0;width:100%;height:3px;background:#24162e;z-index:120}.scroll-bar span{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,var(--yellow),var(--pink),var(--cyan))}.topbar{position:fixed;z-index:100;top:0;left:0;width:100%;height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 34px;border-bottom:1px solid rgba(255,255,255,.13);background:#090512b3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.logo{display:flex;align-items:center;gap:12px;width:max-content}.logo>span{display:grid;place-items:center;width:42px;height:42px;background:var(--yellow);color:var(--ink);font-family:"Press Start 2P";font-size:11px;box-shadow:5px 5px 0 var(--pink)}.logo small{font-size:10px;letter-spacing:.13em;color:#c4bdd2}.topbar nav{display:flex;gap:28px}.topbar nav a,.contact-mini{font-size:10px;font-weight:700;letter-spacing:.13em}.topbar nav a{color:#aaa0b6}.topbar nav a:hover{color:var(--yellow)}.contact-mini{justify-self:end;border:1px solid var(--cyan);padding:11px 13px;color:var(--cyan);box-shadow:3px 3px #7df9ff40;transition:.2s}.contact-mini:hover{background:var(--cyan);color:var(--ink);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--pink)}main{overflow:hidden}.intro{position:relative;min-height:100svh;display:flex;align-items:center;padding:120px max(6vw,28px) 70px;isolation:isolate}.intro:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,#090512);z-index:-1}.intro-copy{position:relative;z-index:4;width:min(850px,72vw)}.terminal-line{font-size:12px;color:#9a8ea6;margin:0 0 25px}.terminal-line span{color:var(--cyan)}.overline,.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:700;color:var(--yellow)}h1,h2{font-family:"Press Start 2P",system-ui;letter-spacing:-.04em}.intro h1{font-size:clamp(50px,8.4vw,136px);line-height:.9;margin:20px 0 27px;text-shadow:8px 8px 0 #3b1c55}.intro h1 em{font-style:normal;color:var(--pink);text-shadow:8px 8px 0 rgba(125,249,255,.5)}.lede{max-width:730px;font-size:clamp(15px,1.35vw,20px);line-height:1.8;color:#c7bfd0}.intro-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.pixel-button{position:relative;display:inline-flex;align-items:center;gap:14px;padding:16px 19px;border:1px solid rgba(255,255,255,.35);font-weight:700;font-size:12px;letter-spacing:.08em;box-shadow:5px 5px #342040;transition:.2s}.pixel-button:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--pink)}.pixel-button.primary{color:var(--ink);background:var(--yellow);border-color:var(--yellow)}.stat-row{display:flex;gap:44px;margin-top:58px}.stat-row div{display:flex;flex-direction:column;gap:6px}.stat-row strong{font-family:"Press Start 2P";font-size:22px;color:var(--cyan)}.stat-row span{font-size:9px;color:#82778d;letter-spacing:.12em}.sun{position:absolute;z-index:-3;right:-3vw;top:13vh;width:min(45vw,620px);aspect-ratio:1;border-radius:50%;background:repeating-linear-gradient(to bottom,var(--pink) 0,var(--pink) 12px,transparent 12px,transparent 21px),linear-gradient(var(--yellow),var(--pink));filter:drop-shadow(0 0 45px rgba(255,79,216,.35));animation:sunPulse 5s ease-in-out infinite}.mountains{position:absolute;inset:auto 0 0;height:43vh;z-index:-2;overflow:hidden;opacity:.6}.mountains span{position:absolute;bottom:-30%;width:55%;height:95%;background:linear-gradient(140deg,#32184c,#090512);clip-path:polygon(50% 0,100% 100%,0 100%);border-left:1px solid var(--pink)}.mountains span:nth-child(1){left:-10%;transform:scale(.8)}.mountains span:nth-child(2){left:25%;height:120%}.mountains span:nth-child(3){right:-12%;transform:scale(.65)}.scroll-cue{position:absolute;right:35px;bottom:40px;display:flex;align-items:center;gap:13px;transform:rotate(90deg);transform-origin:right center;font-size:9px;letter-spacing:.15em;color:#756b80}.scroll-cue i{width:70px;height:1px;background:#756b80;position:relative}.scroll-cue i:after{content:"";position:absolute;width:16px;height:1px;right:0;background:var(--yellow);animation:scrollCue 1.7s infinite}.about{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:110px max(8vw,28px);background:var(--cream);color:var(--ink);position:relative}.about:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(9,5,18,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(9,5,18,.07) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to right,#000,transparent 70%);mask-image:linear-gradient(to right,#000,transparent 70%)}.section-number{position:relative;font-size:10px;letter-spacing:.15em;margin-bottom:70px}.about-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start}.about h2{font-size:clamp(35px,5vw,78px);line-height:1.25;margin:18px 0}.about h2 span{color:var(--pink)}.about-copy>p{font-size:clamp(16px,1.35vw,21px);line-height:1.8;margin-top:0}.attribute-grid{display:grid;gap:24px;margin-top:45px}.attribute-grid>div{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px;font-size:11px;font-weight:700}.attribute-grid b{color:var(--pink)}.attribute-grid i{grid-column:1/-1;height:9px;background:#d9d0b5;box-shadow:3px 3px #090512}.attribute-grid i:after{content:"";display:block;width:var(--value);height:100%;background:repeating-linear-gradient(90deg,var(--ink) 0,var(--ink) 10px,var(--yellow) 10px,var(--yellow) 12px);transform-origin:left;animation:loadBar 1.2s ease both}.experience-shell{position:relative}.chapter-nav{position:fixed;z-index:60;left:25px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;opacity:0;pointer-events:none;transition:.3s}.experience-shell:hover .chapter-nav,.chapter-nav:focus-within{opacity:1;pointer-events:auto}.chapter-nav>p{font-size:8px;letter-spacing:.15em;color:#776e80;writing-mode:vertical-rl;margin:0 0 10px 13px}.chapter-nav button{display:grid;grid-template-columns:22px 20px 70px;align-items:center;gap:7px;border:0;background:none;color:#766d7f;cursor:pointer;padding:0;text-align:left}.chapter-nav button span,.chapter-nav button small{font-size:8px}.chapter-nav button i{width:10px;height:1px;background:#766d7f;transition:.25s}.chapter-nav button.active{color:#fff}.chapter-nav button.active i{width:20px;background:var(--yellow)}.experience{--primary:var(--pink);--accent:var(--cyan);position:relative;min-height:100svh;display:flex;align-items:center;padding:110px max(8vw,48px);isolation:isolate;overflow:hidden;background:#090512}.experience:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 82% 34%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 34%),linear-gradient(120deg,#0b0710,#090512 60%,#10071b)}.experience-inner{width:100%;max-width:1400px;margin:auto;position:relative;z-index:4}.experience-meta{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:18px;margin-bottom:8vh}.experience-meta p,.experience-meta span{font-size:10px;letter-spacing:.17em}.experience-meta p{color:var(--primary);font-weight:700}.experience-meta span{color:#7a7181}.experience-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center}.company{font-size:12px;color:var(--accent);letter-spacing:.11em}.role-block h2{font-size:clamp(35px,4.5vw,72px);line-height:1.2;margin:20px 0 28px;max-width:900px;text-shadow:6px 6px 0 color-mix(in srgb,var(--primary) 28%,transparent)}.summary{max-width:760px;color:#c0b8c7;font-size:clamp(15px,1.2vw,19px);line-height:1.8}.stack{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.stack span{border:1px solid color-mix(in srgb,var(--primary) 50%,#444);padding:8px 10px;font-size:9px;color:#d9d1de;background:#09051280}.strength-panel{border:1px solid rgba(255,255,255,.18);background:#08050fa6;box-shadow:12px 12px color-mix(in srgb,var(--primary) 28%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-title{margin:0;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.15);color:var(--primary);font-size:9px;letter-spacing:.18em}.strength-panel article{position:relative;display:grid;grid-template-columns:38px 1fr;gap:14px;padding:22px 18px;border-bottom:1px solid rgba(255,255,255,.11);overflow:hidden}.strength-panel article:last-child{border:0}.strength-panel article span{font-family:"Press Start 2P";font-size:10px;color:var(--accent)}.strength-panel article p{margin:0;color:#ddd5e2;font-size:12px;line-height:1.55}.strength-panel article i{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary);transition:width .9s ease var(--delay)}.experience[data-experience]:hover .strength-panel article i{width:100%}.chapter-footer{display:flex;align-items:center;gap:20px;margin-top:9vh;color:#706777;font-size:8px;letter-spacing:.12em}.chapter-footer>div{height:2px;flex:1;background:#27202d}.chapter-footer i{display:block;height:100%;background:var(--primary)}.scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;pointer-events:none}.scene-grid{position:absolute;left:-20%;bottom:-40%;width:140%;height:75%;transform:perspective(450px) rotateX(60deg);transform-origin:center;background-image:linear-gradient(color-mix(in srgb,var(--primary) 35%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--primary) 35%,transparent) 1px,transparent 1px);background-size:60px 40px;animation:gridMove 4s linear infinite;-webkit-mask-image:linear-gradient(to top,#000,transparent 80%);mask-image:linear-gradient(to top,#000,transparent 80%)}.scene-ring{position:absolute;border:1px solid color-mix(in srgb,var(--primary) 48%,transparent);border-radius:50%;animation:ring 8s linear infinite}.scene-ring.one{width:420px;height:420px;right:5%;top:15%}.scene-ring.two{width:650px;height:650px;right:-3%;top:2%;animation-direction:reverse;animation-duration:13s}.scene-orb{position:absolute;width:12px;height:12px;border-radius:50%;right:20%;top:20%;background:var(--accent);box-shadow:0 0 22px 6px var(--accent);animation:orb 5s ease-in-out infinite}.data-stream{position:absolute;right:-15px;top:22%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.4em;color:color-mix(in srgb,var(--primary) 50%,transparent);animation:dataFlow 6s linear infinite}.scene-pixels:before,.scene-pixels:after{content:"";position:absolute;width:12px;height:12px;background:var(--primary);box-shadow:70px 80px var(--accent),180px 20px var(--primary),310px 160px var(--accent),470px 90px var(--primary),600px 230px var(--accent);animation:pixels 3s steps(4) infinite}.scene-pixels:before{left:8%;top:17%}.scene-pixels:after{right:5%;bottom:20%;transform:rotate(180deg)}.scene-orbits .scene-ring{border-style:dashed}.scene-signal:before{content:"";position:absolute;inset:15% 0 auto;width:100%;height:150px;background:repeating-linear-gradient(90deg,transparent 0,transparent 13px,color-mix(in srgb,var(--primary) 35%,transparent) 14px,transparent 15px);clip-path:polygon(0 48%,5% 48%,6% 20%,8% 80%,10% 48%,20% 48%,21% 30%,23% 70%,25% 48%,100% 48%);animation:signal 2s linear infinite}.finale{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px 28px 70px;background:var(--yellow);color:var(--ink);overflow:hidden}.final-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(9,5,18,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(9,5,18,.12) 1px,transparent 1px);background-size:42px 42px;transform:perspective(600px) rotateX(52deg) scale(1.4);transform-origin:center 100%;opacity:.45}.finale>*:not(.final-grid){position:relative}.finale .eyebrow{color:#6a5100}.finale h2{font-size:clamp(38px,6vw,92px);line-height:1.22;margin:25px 0}.finale h2 span{color:var(--pink);text-shadow:7px 7px 0 var(--ink)}.finale>p:not(.eyebrow){max-width:720px;font-size:16px;line-height:1.7}.big-contact{width:min(780px,100%);display:grid;grid-template-columns:1fr auto auto;align-items:center;text-align:left;gap:25px;margin-top:38px;padding:24px 28px;background:var(--ink);color:#fff;box-shadow:10px 10px 0 var(--pink);transition:.2s}.big-contact:hover{transform:translate(-5px,-5px);box-shadow:16px 16px 0 var(--cyan)}.big-contact span{font-family:"Press Start 2P";font-size:17px}.big-contact small{color:#aaa1af}.big-contact b{font-size:24px;color:var(--cyan)}.final-links{display:flex;gap:28px;margin-top:45px;font-size:10px;font-weight:700;letter-spacing:.12em}.final-links a{border-bottom:2px solid var(--ink);padding-bottom:4px}footer{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#090512;color:#766d7d;font-size:9px;letter-spacing:.12em}@keyframes sunPulse{50%{transform:scale(1.035);filter:drop-shadow(0 0 75px rgba(255,79,216,.55))}}@keyframes scrollCue{0%{right:55px}to{right:0}}@keyframes loadBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes gridMove{to{background-position:0 40px,60px 0}}@keyframes ring{to{transform:rotate(360deg)}}@keyframes orb{50%{transform:translate(-120px,190px) scale(1.7)}}@keyframes dataFlow{to{transform:translateY(100px)}}@keyframes pixels{50%{transform:translate(15px,20px)}}@keyframes signal{to{transform:translate(30px)}}@media(max-width:900px){.topbar{padding:0 18px;grid-template-columns:1fr auto}.topbar nav{display:none}.contact-mini{font-size:8px}.intro-copy{width:100%}.sun{width:75vw;right:-25vw;opacity:.65}.stat-row{gap:24px;flex-wrap:wrap}.about-grid,.experience-grid{grid-template-columns:1fr;gap:50px}.experience{padding-inline:28px}.strength-panel{max-width:650px}.chapter-nav{display:none}.role-block h2{font-size:clamp(31px,8vw,58px)}.experience-meta{margin-bottom:55px}.big-contact{grid-template-columns:1fr auto}.big-contact small{grid-row:2;grid-column:1/-1}.finale h2 span{text-shadow:4px 4px 0 var(--ink)}}@media(max-width:600px){.topbar{height:68px}.logo small{display:none}.contact-mini{padding:9px}.intro{padding-top:110px}.intro h1{font-size:clamp(42px,14vw,68px);text-shadow:4px 4px 0 #3b1c55}.intro h1 em{text-shadow:4px 4px 0 rgba(125,249,255,.5)}.lede{font-size:14px}.pixel-button{width:100%;justify-content:center}.stat-row strong{font-size:16px}.about{padding-inline:22px}.about h2{font-size:31px}.experience{padding:95px 22px 65px}.experience-meta{align-items:flex-start;gap:20px}.experience-meta span{text-align:right}.strength-panel article{padding:18px 14px}.finale{padding-inline:18px}.finale h2{font-size:32px}.big-contact{padding:20px}.big-contact span{font-size:13px}.final-links{flex-wrap:wrap;justify-content:center}footer{height:auto;padding:24px 18px;gap:14px;flex-direction:column;text-align:center}.scroll-cue{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.menu-toggle,.mobile-nav{display:none}body.menu-open{overflow:hidden}@media(min-width:901px){.experience{padding-left:clamp(180px,12vw,220px);padding-right:max(6vw,48px)}.chapter-nav{left:14px;padding:14px 10px;background:#090512d1;border:1px solid rgba(255,255,255,.1);box-shadow:6px 6px #ff4fd81f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@media(max-width:900px){.topbar{grid-template-columns:1fr auto auto;gap:12px}.desktop-nav{display:none!important}.menu-toggle{display:flex;width:38px;height:38px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:8px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;cursor:pointer}.menu-toggle span{display:block;width:17px;height:1px;background:var(--cyan);transition:transform .2s ease,opacity .2s ease}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.topbar .mobile-nav{position:absolute;display:flex;top:calc(100% + 1px);left:0;right:0;flex-direction:column;padding:12px 18px 18px;background:#090512f7;border-bottom:1px solid rgba(255,255,255,.15);box-shadow:0 18px 30px #00000040}.mobile-nav a{padding:16px 4px;border-bottom:1px solid rgba(255,255,255,.1);font-size:11px;letter-spacing:.14em;color:#d8d0df}.mobile-nav a:last-child{border:0;color:var(--cyan)}.intro-copy,.experience-inner,.experience-grid{min-width:0}.role-block h2,.finale h2{overflow-wrap:anywhere}.scene-ring.one{width:min(55vw,420px);height:min(55vw,420px)}.scene-ring.two{width:min(82vw,650px);height:min(82vw,650px)}}@media(max-width:600px){html,body,#app,.site-shell{width:100%;max-width:100%;min-width:0;overflow-x:clip}.topbar{padding-inline:14px;gap:8px}.contact-mini{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intro{min-height:100svh;padding:104px 20px 64px}.intro h1{width:100%;font-size:clamp(28px,10vw,48px);line-height:.98;letter-spacing:-.06em}.terminal-line{font-size:10px;margin-bottom:20px;white-space:nowrap}.overline,.eyebrow{font-size:9px;letter-spacing:.14em}.intro-actions{gap:12px;margin-top:28px}.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:42px}.stat-row strong{font-size:clamp(13px,4vw,17px)}.stat-row span{font-size:7px;line-height:1.5}.sun{top:20vh;width:100vw;right:-48vw}.about{min-height:unset;padding:92px 20px 100px}.section-number{margin-bottom:42px}.about-grid{gap:30px}.about-copy>p{font-size:14px;line-height:1.75}.attribute-grid{gap:18px;margin-top:34px}.experience{min-height:unset;padding:88px 20px 58px}.experience-meta{margin-bottom:42px;padding-bottom:14px}.experience-meta p,.experience-meta span{font-size:8px;line-height:1.5}.experience-grid{gap:34px}.company{font-size:10px;line-height:1.5}.role-block h2{font-size:clamp(25px,9vw,42px);margin:14px 0 20px}.summary{font-size:14px;line-height:1.75}.stack{gap:7px;margin-top:22px}.stack span{padding:7px 8px;font-size:8px}.strength-panel{box-shadow:7px 7px color-mix(in srgb,var(--primary) 28%,transparent)}.strength-panel article{grid-template-columns:30px 1fr;gap:10px}.strength-panel article p{font-size:11px}.chapter-footer{margin-top:50px}.scene-ring.one{right:-12%;top:20%}.scene-ring.two{right:-28%;top:8%}.data-stream{right:4px;font-size:7px}.finale{min-height:unset;padding:94px 20px 80px}.finale h2{font-size:clamp(25px,8.5vw,36px);margin:20px 0}.finale>p:not(.eyebrow){font-size:14px;line-height:1.7}.big-contact{grid-template-columns:1fr auto;gap:12px;padding:17px 15px;margin-top:25px;box-shadow:7px 7px 0 var(--pink)}.big-contact span{font-size:11px;line-height:1.5}.big-contact small{font-size:9px;overflow-wrap:anywhere}.final-links{gap:18px;margin-top:34px;font-size:8px;line-height:1.5}.pixel-button{width:calc(100% - 6px)}.strength-panel,.big-contact{width:calc(100% - 7px)}}@media(max-width:360px){.logo>span{width:36px;height:36px;font-size:9px}.contact-mini{max-width:112px;font-size:7px;padding-inline:7px}.menu-toggle{width:36px}.stat-row{gap:8px}.stat-row span{font-size:6px}}.company-logos{display:flex;flex-wrap:wrap;gap:12px;margin-top:42px;align-items:center}.company-logos>p{flex-basis:100%;margin:0 0 2px;color:#82778d;font-size:8px;font-weight:700;letter-spacing:.18em}.company-logo{display:inline-flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid rgba(255,255,255,.2);background:#09051280;box-shadow:3px 3px #ff4fd840;color:#d3cbd9;transition:transform .2s ease,color .2s ease,border-color .2s ease}.company-logo b{display:grid;place-items:center;width:26px;height:26px;font-family:"Press Start 2P";font-size:10px;background:var(--yellow);color:var(--ink);box-shadow:3px 3px 0 var(--pink);image-rendering:pixelated}.company-logo small{font-size:8px;letter-spacing:.08em}.company-logo.deloitte b{background:var(--cyan)}.company-logo.cegedim b{background:var(--pink)}.company-logo.qestit b{background:var(--orange)}.company-logo:hover{transform:translate(-2px,-2px);color:#fff;border-color:var(--cyan)}@media(max-width:600px){.company-logos{gap:8px;margin-top:30px}.company-logo{flex:1 1 calc(50% - 8px);padding:6px 7px}.company-logo small{font-size:7px}}.about>.section-number,.about>.about-grid{width:min(100%,1400px);margin-inline:auto}.about-copy{min-width:0}@media(min-width:1101px){.about-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(48px,6vw,100px)}.about-copy{max-width:680px}.about h2{font-size:clamp(30px,2.8vw,48px);white-space:nowrap}}@media(max-width:1100px){.about-grid{grid-template-columns:1fr;gap:44px}.about-copy{max-width:760px}.about h2{font-size:clamp(20px,6vw,48px);white-space:nowrap}}.skills-section{position:relative;padding:110px max(6vw,28px) 125px;background:#fff8df;color:#090512;overflow:hidden}.skills-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(9,5,18,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(9,5,18,.07) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 90%);mask-image:linear-gradient(to bottom,#000,transparent 90%);pointer-events:none}.skills-section>.section-number,.skills-heading,.skill-list{position:relative}.skills-heading{display:grid;grid-template-columns:1fr minmax(280px,470px);gap:7vw;align-items:end;margin-bottom:56px}.skills-heading h2{font-size:clamp(32px,5vw,72px);line-height:1.2;margin:18px 0 0}.skills-heading h2 span{color:var(--pink)}.skills-intro{font-size:clamp(14px,1.2vw,18px);line-height:1.8;margin:0}.skill-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1400px;margin:auto}.skill-card{position:relative;min-height:260px;padding:22px;border:1px solid rgba(9,5,18,.26);background:#ffffff6e;box-shadow:7px 7px color-mix(in srgb,var(--skill-color) 54%,transparent);overflow:hidden}.skill-card:last-child{grid-column:1/-1}.skill-card-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid rgba(9,5,18,.18);font-size:10px;letter-spacing:.12em}.skill-card-top>span{font-family:"Press Start 2P";color:var(--skill-color);font-size:15px}.skill-card-top b{font-size:8px}.skill-card-main h3{font-family:"Press Start 2P";font-size:clamp(15px,1.7vw,25px);line-height:1.4;margin:24px 0 12px;max-width:600px}.skill-card-main p{max-width:680px;font-size:13px;line-height:1.7;margin:0 0 22px;color:#3f3746}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tags span{padding:8px 9px;border:1px solid rgba(9,5,18,.26);background:#ffe45c40;font-size:9px;font-weight:700}.skill-card:nth-child(2) .skill-tags span{background:#7df9ff40}.skill-card:nth-child(3) .skill-tags span{background:#ff4fd829}.skill-card:nth-child(4) .skill-tags span{background:#ff765733}.skill-card:nth-child(5) .skill-tags span{background:#b28cff33}.skill-scan{position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--skill-color);transform:scaleX(.25);transform-origin:left;transition:transform .5s ease}.skill-card:hover .skill-scan{transform:scaleX(1)}@media(max-width:900px){.skills-section{padding-inline:28px}.skills-heading{grid-template-columns:1fr;gap:20px}.skill-list{grid-template-columns:1fr}.skill-card:last-child{grid-column:auto}}@media(max-width:600px){.skills-section{padding:88px 20px 95px}.skills-heading{margin-bottom:38px}.skills-heading h2{font-size:30px}.skills-intro{font-size:14px}.skill-card{min-height:0;padding:17px;box-shadow:5px 5px color-mix(in srgb,var(--skill-color) 54%,transparent)}.skill-card-top{padding-bottom:14px}.skill-card-main h3{font-size:14px;margin:19px 0 10px}.skill-card-main p{font-size:12px;margin-bottom:17px}.skill-tags{gap:6px}.skill-tags span{padding:7px;font-size:8px}}.experience>.scene{z-index:0}.experience:after{animation:screenBreath 8s ease-in-out infinite alternate}.scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 0 42%,color-mix(in srgb,var(--accent) 14%,transparent) 50%,transparent 58%);background-size:220% 100%;mix-blend-mode:screen;opacity:.3;animation:scanSweep 9s linear infinite}.hero-sprite{position:absolute;z-index:1;right:3%;bottom:3%;width:min(380px,35vw);aspect-ratio:1009 / 1559;background:url(../assets/hero-coffee.png) center bottom / contain no-repeat;opacity:.82;filter:saturate(.9) contrast(1.08) drop-shadow(0 0 28px rgba(255,79,216,.35));pointer-events:none;animation:heroCoffee 4.5s ease-in-out infinite alternate}@keyframes heroCoffee{0%{transform:translateY(1%) rotate(-1deg)}to{transform:translateY(-1%) rotate(1deg)}}@keyframes screenBreath{0%{opacity:.78}to{opacity:1}}@keyframes scanSweep{0%{background-position:140% 0}to{background-position:-40% 0}}@media(max-width:900px){.hero-sprite{right:-5%;width:min(330px,42vw);opacity:.58}}@media(max-width:600px){.hero-sprite{right:-5%;bottom:2%;width:60vw;max-width:235px;opacity:.38}}@media(max-width:600px){.scene:after{opacity:.18}}@media(prefers-reduced-motion:reduce){.hero-sprite,.experience:after,.scene:after{animation:none}}
