:root{color-scheme:light;--sky-0: #a9dbf3;--sky-1: #cbeaf8;--sky-2: #eaf7fc;--sun: #ffd76a;--sun-glow: #fff3c4;--ocean-far: #3a8fc0;--lagoon-far: #3fc1c4;--lagoon-near: #8fe0d6;--foam: #ffffff;--sand-0: #fbf4e4;--sand-1: #f6ead0;--sand-2: #efdcb8;--sand-wet: #e6cfa2;--sand-shadow: #d9c08f;--sand-deep: #b8955a;--sea-0: #e0f5f1;--sea-1: #cbeded;--sea-2: #bce2ea;--sea-3: #b0d8e7;--floor-water: #c3e2e6;--floor: #ece5d1;--paper: #fbf4e4;--paper-alt: #f6ead0;--paper-deep: #efdcb8;--surface: #ffffff;--ink: #0e2a38;--ink-2: #2d4a58;--ink-3: #405a66;--line: #ead9b6;--line-strong: #d9c08f;--rule: #b8955a;--accent: #a03216;--accent-bright: #e8613a;--accent-soft: #fde6dc;--lagoon: #0a5f69;--lagoon-bright: #17a7ad;--lagoon-soft: #d9f2f0;--gold: #6e4f0a;--gold-soft: #f8ecd4;--fx-pine: #2e5e48;--fx-palm: #3f8a55;--fx-palm-dark: #2f6f45;--fx-trunk: #a07a4f;--fx-wood: #7a5434;--fx-sail: #f6ead0;--fx-coral: #f2a48f;--fx-coral-2: #e9a07a;--fx-gorgon: #c75b6e;--fx-weed: #5aa37a;--fx-shell: #f3e3cc;--fx-crab: #e8d3a6;--fx-chromis: #52b6e8;--fx-chromis-belly: #a9dcf5;--fx-clown: #f47b20;--fx-turtle: #7a8f4a;--fx-turtle-dark: #5d7038;--fx-turtle-skin: #9aa86a;--fx-napoleon: #3f8f88;--fx-nautilus-stripe: #b5653a;--fx-clam: #3fa0a8;--fx-clam-dot: #6c5bb4;--fx-tricot: #1b2b36;--fx-glass: #bfe6e0;--shadow-xs: 0 1px 2px rgba(122, 88, 34, .07);--shadow-sm: 0 2px 12px rgba(122, 88, 34, .08);--shadow-md: 0 16px 34px -16px rgba(122, 88, 34, .28);--shadow-lg: 0 34px 64px -30px rgba(122, 88, 34, .36);--foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 40'%3E%3Cpath d='M10.6 38.6C7.4 38.6 5.6 36.2 5.7 33 5.8 30 7.7 27.6 7.6 24.6 7.5 21.8 4.4 20.4 4.3 16.6 4.2 13.2 7.1 11.4 10.4 11.4 13.9 11.4 16.4 13.4 16.5 17.1 16.6 21.4 15.5 25.2 15.5 29.4 15.5 35 13.8 38.6 10.6 38.6Z'/%3E%3Cellipse cx='6.4' cy='6.9' rx='2.5' ry='3.2'/%3E%3Ccircle cx='10.6' cy='5.9' r='1.75'/%3E%3Ccircle cx='13.5' cy='7' r='1.55'/%3E%3Ccircle cx='15.8' cy='8.9' r='1.35'/%3E%3Ccircle cx='17.4' cy='11.5' r='1.15'/%3E%3C/svg%3E");--foot-pair: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='64' viewBox='0 0 28 64'%3E%3Cg transform='translate(1 1) scale(.62)'%3E%3Cpath d='M10.6 38.6C7.4 38.6 5.6 36.2 5.7 33 5.8 30 7.7 27.6 7.6 24.6 7.5 21.8 4.4 20.4 4.3 16.6 4.2 13.2 7.1 11.4 10.4 11.4 13.9 11.4 16.4 13.4 16.5 17.1 16.6 21.4 15.5 25.2 15.5 29.4 15.5 35 13.8 38.6 10.6 38.6Z'/%3E%3Cellipse cx='6.4' cy='6.9' rx='2.5' ry='3.2'/%3E%3Ccircle cx='10.6' cy='5.9' r='1.75'/%3E%3Ccircle cx='13.5' cy='7' r='1.55'/%3E%3Ccircle cx='15.8' cy='8.9' r='1.35'/%3E%3Ccircle cx='17.4' cy='11.5' r='1.15'/%3E%3C/g%3E%3Cg transform='translate(27 33) scale(-.62 .62)'%3E%3Cpath d='M10.6 38.6C7.4 38.6 5.6 36.2 5.7 33 5.8 30 7.7 27.6 7.6 24.6 7.5 21.8 4.4 20.4 4.3 16.6 4.2 13.2 7.1 11.4 10.4 11.4 13.9 11.4 16.4 13.4 16.5 17.1 16.6 21.4 15.5 25.2 15.5 29.4 15.5 35 13.8 38.6 10.6 38.6Z'/%3E%3Cellipse cx='6.4' cy='6.9' rx='2.5' ry='3.2'/%3E%3Ccircle cx='10.6' cy='5.9' r='1.75'/%3E%3Ccircle cx='13.5' cy='7' r='1.55'/%3E%3Ccircle cx='15.8' cy='8.9' r='1.35'/%3E%3Ccircle cx='17.4' cy='11.5' r='1.15'/%3E%3C/g%3E%3C/svg%3E");--caustic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M0 38C30 26 50 52 80 40S130 20 160 36S190 44 200 38'/%3E%3Cpath d='M0 118C24 108 46 132 76 122S124 100 150 116S186 126 200 118'/%3E%3Cpath d='M38 0C26 24 52 44 40 72S20 120 36 146S48 184 38 200'/%3E%3Cpath d='M128 0C140 22 114 48 126 76S150 118 132 146S118 182 128 200'/%3E%3C/g%3E%3C/svg%3E");--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-sans: "Space Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--nav-h: 72px;--shell: 1180px;--shell-narrow: 880px}*,*:before,*:after{box-sizing:border-box}*{margin:0}[popover]{margin:auto}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 24px)}html:has(dialog:modal){overflow:hidden;scrollbar-gutter:stable}@media(prefers-reduced-motion:reduce){html:not(.motion-ok){scroll-behavior:auto}html:not(.motion-ok) *,html:not(.motion-ok) *:before,html:not(.motion-ok) *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{min-height:100dvh;background-color:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,svg,video{display:block;max-width:100%}img{height:auto}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0}h1,h2,h3,h4{font-weight:600;line-height:1.1;text-wrap:balance}p{text-wrap:pretty}::selection{background-color:var(--accent);color:#fff}@supports (scrollbar-color: auto){html{scrollbar-color:var(--line-strong) var(--paper);scrollbar-width:thin}}.shell{width:100%;max-width:1180px;margin-inline:auto;padding-inline:20px}@media(min-width:768px){.shell{padding-inline:40px}}.shell--narrow{width:100%;max-width:880px;margin-inline:auto;padding-inline:20px}@media(min-width:768px){.shell--narrow{padding-inline:40px}}.section{position:relative;padding-block:88px}@media(min-width:768px){.section{padding-block:128px}}.section-head{margin-bottom:56px}@media(min-width:768px){.section-head{margin-bottom:72px}}.section-head__top{display:flex;align-items:center;gap:14px;margin-bottom:18px}.section-head__num{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.75rem}.section-head__rule{flex:0 0 auto;width:clamp(32px,8vw,88px);height:8px;background-color:var(--rule);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8'%3E%3Cpath d='M0 4 Q4 0 8 4 T16 4' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") 0 50%/16px 8px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8'%3E%3Cpath d='M0 4 Q4 0 8 4 T16 4' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") 0 50%/16px 8px repeat-x;transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.25,.46,.45,.94) .15s}.is-revealed .section-head__rule{transform:none}.section-head__label{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}.section-head__top:after{content:var(--sonde, none);margin-left:auto;padding-left:14px;font-family:var(--font-display);font-size:.875rem;font-style:italic;color:var(--ink-3);white-space:nowrap;background:linear-gradient(currentColor 0 0) 3px 0/1px 10px no-repeat,radial-gradient(circle,currentColor 0 2.5px,transparent 3px) 0 9px/7px 7px no-repeat}@supports (content: "x"/""){.section-head__top:after{content:var(--sonde, none)/""}}@media(max-width:479px){.section-head__top:after{display:none}}.section-title{font-family:var(--font-display);font-size:clamp(2.1rem,6vw,3.4rem);font-weight:500;font-variation-settings:"SOFT" 20,"WONK" 1,"opsz" 40;letter-spacing:-.02em;line-height:1.04;max-width:18ch}.section-title em{font-style:italic;color:var(--accent);font-variation-settings:"SOFT" 40,"WONK" 1,"opsz" 40}.section-lede{margin-top:20px;max-width:58ch;color:var(--ink-2);font-size:1.0625rem}.eyebrow{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}.btn{--btn-bg: var(--ink);--btn-fg: #fff;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 26px;border-radius:999px;background-color:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-sans);font-size:.9375rem;font-weight:600;letter-spacing:.01em;overflow:hidden;isolation:isolate;transition:transform .55s cubic-bezier(.34,1.12,.64,1),box-shadow .55s cubic-bezier(.4,0,.2,1),color .55s cubic-bezier(.4,0,.2,1)}.btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.btn:before{content:"";position:absolute;z-index:-1;top:0;left:-40%;width:180%;aspect-ratio:1;border-radius:42%;background-color:var(--btn-hover, var(--accent));translate:0 72%;transition:translate .7s cubic-bezier(.25,.46,.45,.94)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:hover:before{translate:0 -12%}.btn:active{transform:translateY(-1px)}.btn svg{flex:0 0 auto;transition:transform .55s cubic-bezier(.25,.46,.45,.94)}.btn:hover svg{transform:translate(4px)}@media(prefers-reduced-motion:no-preference){.btn:hover:before{animation:spin-slow 5s linear infinite}}@media(prefers-reduced-motion:reduce){.motion-ok .btn:hover:before{animation:spin-slow 5s linear infinite}}.is-still .btn:hover:before{animation-play-state:paused}@media(forced-colors:active){.btn{border:1.5px solid ButtonText}}.btn--accent{--btn-bg: var(--accent);--btn-hover: var(--lagoon)}.btn--ghost{--btn-bg: rgba(255, 255, 255, .6);--btn-fg: var(--ink);--btn-hover: var(--ink);border:1.5px solid rgba(14,42,56,.28)}.btn--ghost:hover{--btn-fg: #fff;border-color:var(--ink)}.link-underline{position:relative;display:inline-block;font-weight:500;color:var(--ink)}.link-underline:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:10px}.link-underline:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1.5px;background-color:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.link-underline:hover{color:var(--accent)}.link-underline:hover:after{transform:scaleX(1);transform-origin:left}.link-arrow{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--accent)}.link-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:10px}.link-arrow svg{transition:transform .55s cubic-bezier(.34,1.12,.64,1)}.link-arrow:hover svg{transform:translate(5px)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border:1px solid var(--line-strong);border-radius:999px;background-color:var(--surface);color:var(--ink-2);font-family:var(--font-mono);font-size:.7188rem;font-weight:500;letter-spacing:.01em;white-space:nowrap}.chip--accent{border-color:#a0321642;background-color:var(--accent-soft);color:var(--accent)}.chip--lagoon{border-color:#0a5f6942;background-color:var(--lagoon-soft);color:var(--lagoon)}.chip--gold{border-color:#6e4f0a3d;background-color:var(--gold-soft);color:var(--gold)}.card{position:relative;background-color:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-sm);transition:transform .6s cubic-bezier(.25,.46,.45,.94),box-shadow .6s cubic-bezier(.4,0,.2,1),border-color .6s cubic-bezier(.4,0,.2,1)}.taped{position:relative}.taped:before,.taped:after{content:"";position:absolute;z-index:3;top:-11px;width:84px;height:22px;pointer-events:none;background-color:#f2a48f8c}.taped:before{left:18px;rotate:-6deg}.taped:after{right:18px;rotate:5deg;background-color:#8fe0d699}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;top:8px;left:8px;z-index:500;padding:12px 20px;border-radius:999px;background-color:var(--ink);color:#fff;font-weight:600;transform:translateY(-160%);transition:transform .35s cubic-bezier(.25,.46,.45,.94)}.skip-link:focus-visible{transform:none;outline:2px solid var(--accent);outline-offset:3px}:is(main,section,footer)[tabindex="-1"]:focus{outline:none}.tint-sea{--paper: #e0f5f1;--paper-alt: #eef8f7;--paper-deep: #d5eef0;--line: #cfe5e9;--line-strong: #a9cdd6;--rule: #0a5f69;--shadow-xs: 0 1px 2px rgba(8, 70, 92, .07);--shadow-sm: 0 2px 12px rgba(8, 70, 92, .08);--shadow-md: 0 16px 34px -16px rgba(8, 70, 92, .3);--shadow-lg: 0 34px 64px -30px rgba(8, 70, 92, .4)}.zone{position:relative;isolation:isolate}.zone>:not(.decor){position:relative;z-index:1}.zone--sand{background:linear-gradient(180deg,var(--sand-0) 0%,var(--sand-1) 60%,var(--sand-2) 100%)}.zone--sand:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='120'%3E%3Cg fill='none' stroke='%23d9c08f' stroke-width='1.1' stroke-linecap='round'%3E%3Cpath d='M0 26C30 19 90 19 120 26S210 33 240 26'/%3E%3Cpath d='M0 79C40 79 80 89 120 89S200 79 240 79'/%3E%3Cpath d='M36 54c20-5 36 1 54-2'/%3E%3Cpath d='M150 114c16-4 30 1 44-2'/%3E%3C/g%3E%3C/svg%3E") 0 0/240px 120px;-webkit-mask-image:linear-gradient(90deg,#000 calc(50% - 650px),transparent calc(50% - 570px) calc(50% + 570px),#000 calc(50% + 650px));mask-image:linear-gradient(90deg,#000 calc(50% - 650px),transparent calc(50% - 570px) calc(50% + 570px),#000 calc(50% + 650px))}.zone--sea{--paper: #e0f5f1;--paper-alt: #eef8f7;--paper-deep: #d5eef0;--line: #cfe5e9;--line-strong: #a9cdd6;--rule: #0a5f69;--shadow-xs: 0 1px 2px rgba(8, 70, 92, .07);--shadow-sm: 0 2px 12px rgba(8, 70, 92, .08);--shadow-md: 0 16px 34px -16px rgba(8, 70, 92, .3);--shadow-lg: 0 34px 64px -30px rgba(8, 70, 92, .4);background:linear-gradient(180deg,var(--sea-0) 0%,var(--sea-1) 28%,var(--sea-2) 62%,var(--sea-3) 100%)}app-about-me{--sonde: "+2 m"}app-experience{--sonde: "+1 m"}app-projects{--sonde: "\2212 2 m"}app-skills{--sonde: "\2212 6 m"}app-certifications{--sonde: "\2212 11 m"}app-tech-watch{--sonde: "\2212 16 m"}app-footer{--sonde: "\2212 22 m"}.decor{pointer-events:none}.decor :is(a,button,[popover]){pointer-events:auto}.interlude{display:block;position:relative;z-index:0;height:0}.interlude__stage{position:absolute;inset-inline:0;top:-75px;height:150px;overflow:hidden;contain:layout paint}@media(min-width:768px){.interlude__stage{top:-105px;height:210px}}.mover{position:absolute;top:var(--y, 50%);left:0;width:var(--w, 120px);transform:translate(var(--rest, 60vw))}.mover>svg{display:block;width:100%;height:auto}.mover svg{overflow:visible}.mover--rev{transform:translate(var(--rest, 30vw)) scaleX(-1)}@media(prefers-reduced-motion:no-preference){.mover{animation:cross-x var(--dur, 40s) linear var(--delay, 0s) infinite;will-change:transform}.mover--rev{animation-name:cross-x-rev}.mover--once{animation-iteration-count:1;animation-fill-mode:both}}@media(prefers-reduced-motion:reduce){.motion-ok .mover{animation:cross-x var(--dur, 40s) linear var(--delay, 0s) infinite;will-change:transform}.motion-ok .mover--rev{animation-name:cross-x-rev}.motion-ok .mover--once{animation-iteration-count:1;animation-fill-mode:both}}.foot{position:absolute;width:var(--fw, 12px);aspect-ratio:1/2;background-color:var(--sand-shadow);opacity:.7;-webkit-mask:var(--foot) center/contain no-repeat;mask:var(--foot) center/contain no-repeat;rotate:var(--r, 0deg)}.foot--r{scale:-1 1}.bubble{position:absolute;left:var(--x, 50%);bottom:var(--b, 0);width:var(--s, 8px);aspect-ratio:1;border:1.5px solid rgba(255,255,255,.9);border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff 0 18%,#ffffff26 40%);opacity:.55;transform:translate(-50%)}@media(prefers-reduced-motion:no-preference){.bubble{opacity:0;animation:bubble-rise var(--d, 6s) cubic-bezier(.25,.46,.45,.94) var(--delay, 0s) infinite}}@media(prefers-reduced-motion:reduce){.motion-ok .bubble{opacity:0;animation:bubble-rise var(--d, 6s) cubic-bezier(.25,.46,.45,.94) var(--delay, 0s) infinite}}.legend{position:absolute;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.04em;color:var(--ink-3);white-space:nowrap}.legend em{font-family:var(--font-display);font-size:.75rem;font-style:italic}@media(max-width:767px){.legend{display:none}}.reveal{opacity:0;transform:translate3d(0,18px,0);transition:opacity 1.1s cubic-bezier(.25,.46,.45,.94) var(--reveal-delay, 0ms),transform 1.1s cubic-bezier(.25,.46,.45,.94) var(--reveal-delay, 0ms)}.reveal.is-revealed{opacity:1;transform:none}.reveal--static{opacity:1;transform:none;transition:none}@media(prefers-reduced-motion:reduce){html:not(.motion-ok) .reveal{transition-delay:0ms!important}}.draw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset var(--draw-dur, 1.6s) cubic-bezier(.25,.46,.45,.94) var(--draw-delay, 0ms)}.is-revealed .draw{stroke-dashoffset:0}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes rise-in{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:none}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.5}70%,to{transform:scale(2.3);opacity:0}}@keyframes breathe{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.9;transform:scale(1.12)}}@keyframes cross-x{0%{transform:translate(-22vw)}to{transform:translate(118vw)}}@keyframes cross-x-rev{0%{transform:translate(118vw) scaleX(-1)}to{transform:translate(-22vw) scaleX(-1)}}@keyframes drift-x{to{transform:translate(var(--drift, 40px))}}@keyframes hover-y{to{transform:translateY(var(--amp, -10px))}}@keyframes bob{0%{transform:translateY(0) rotate(-1.5deg)}to{transform:translateY(3px) rotate(1.5deg)}}@keyframes sway{0%{transform:rotate(var(--sway-from, -2.5deg))}to{transform:rotate(var(--sway-to, 2deg))}}@keyframes glint{0%,to{opacity:0}50%{opacity:var(--glint, .9)}}@keyframes flap{to{transform:scaleY(.8)}}@keyframes wave-loop{to{transform:translate(-50%)}}@keyframes bubble-rise{0%{transform:translate(-50%) scale(.4);opacity:0}15%{opacity:1}to{transform:translate(calc(-50% + var(--dx, 0px)),var(--rise, -180px)) scale(1);opacity:0}}.decor:not(.is-inview),.decor:not(.is-inview):before,.decor:not(.is-inview):after,.decor:not(.is-inview) :not(.scroll-anim),.decor:not(.is-inview) :not(.scroll-anim):before,.decor:not(.is-inview) :not(.scroll-anim):after,.is-still .decor,.is-still .decor:before,.is-still .decor:after,.is-still .decor :not(.scroll-anim),.is-still .decor :not(.scroll-anim):before,.is-still .decor :not(.scroll-anim):after{animation-play-state:paused!important}