@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_584fa438-module__dEAjgq__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_584fa438-module__dEAjgq__variable{--font-geist:"Geist", "Geist Fallback"}
@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6632a144c419935f-s.38msdipe8z81f.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/7b27d9904b50e540-s.30bhvdlsk8sra.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d38f3bca7db33566-s.p.3se9ogqst-d6c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Fallback;src:local(Times New Roman);ascent-override:69.68%;descent-override:25.12%;line-gap-override:0.0%;size-adjust:105.48%}.newsreader_a6088e77-module__jrchKa__className{font-family:Newsreader,Newsreader Fallback;font-style:normal}.newsreader_a6088e77-module__jrchKa__variable{--font-newsreader:"Newsreader", "Newsreader Fallback"}
:root{--concrete:#f4f0e8;--charcoal:#315a9e;--body-copy:#242a33;--accent-deep:#274b85;--accent-rgb:49 90 158;--ink-rgb:36 42 51;--iris-rgb:124 104 184;--teal-rgb:88 148 155;--midnight-rgb:18 35 65;--signal-teal-rgb:63 201 184}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--concrete);color:var(--body-copy);font-family:var(--font-geist), Arial, Helvetica, sans-serif}.portfolio-page{background:var(--concrete);min-height:100svh}.sign-out{z-index:10;top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));min-height:2.75rem;color:rgb(var(--ink-rgb) / .68);letter-spacing:.1em;-webkit-text-decoration-color:rgb(var(--ink-rgb) / .22);text-decoration-color:rgb(var(--ink-rgb) / .22);text-underline-offset:.32em;text-transform:uppercase;place-items:center;padding:0 .25rem;font-size:.68rem;font-weight:650;text-decoration-line:underline;text-decoration-thickness:1px;transition:color .16s,text-decoration-color .16s;display:inline-grid;position:fixed}.sign-out:hover{color:var(--body-copy);text-decoration-color:currentColor}.sign-out:focus-visible{outline:2px solid var(--body-copy);outline-offset:3px}.experience,.experience-viewport{position:relative}.stage{isolation:isolate;background:var(--concrete);height:100svh;position:relative;overflow:hidden}@keyframes hero-scroll-exit{0%{opacity:1;visibility:visible;transform:scale(1)}99%{visibility:visible}to{opacity:0;visibility:hidden;transform:scale(.965)}}@supports (animation-timeline:scroll()){.experience{height:200svh}.experience-viewport{height:100svh;position:sticky;top:0;overflow:hidden}.stage{z-index:2;pointer-events:none;height:100%;animation:linear both hero-scroll-exit;animation-timeline:scroll(root);animation-range:8% 52%;position:absolute;inset:0}}.spectral-field{z-index:0;opacity:.68;pointer-events:none;aspect-ratio:1;mix-blend-mode:multiply;width:clamp(22rem,46vw,45rem);position:absolute;top:45%;left:62%;transform:translate(-50%,-50%)}.spectral-motion{background:radial-gradient(circle at 32% 34%, rgb(var(--midnight-rgb) / .92), rgb(var(--accent-rgb) / .62) 25%, transparent 48%), radial-gradient(circle at 72% 32%, rgb(var(--iris-rgb) / .78), transparent 49%), radial-gradient(circle at 52% 76%, rgb(var(--signal-teal-rgb) / .82), rgb(var(--teal-rgb) / .38) 34%, transparent 54%);filter:blur(18px)saturate(1.08);will-change:transform;border-radius:50%;animation:9s cubic-bezier(.45,0,.55,1) infinite alternate spectral-drift;position:absolute;inset:-8%}.grain{z-index:3;pointer-events:none;opacity:.06;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-layer{z-index:1;place-items:center;padding:clamp(1.25rem,4vw,4rem);display:grid;position:absolute;inset:0}.name{z-index:1;color:var(--charcoal);font-family:var(--font-newsreader), Georgia, serif;letter-spacing:-.06em;white-space:nowrap;margin:0;font-size:clamp(3.7rem,11vw,11.4rem);font-weight:500;line-height:.86;animation:.95s cubic-bezier(.22,1,.36,1) both name-in;position:relative}.surname{display:inline-block;position:relative}.surname:after{background:rgb(var(--accent-rgb) / .46);transform-origin:0;content:"";height:1px;animation:.9s cubic-bezier(.22,1,.36,1) .3s both rule-in;position:absolute;bottom:-.14em;left:.04em;right:0}.moving-marker{--marker-cycle:1.5s;--marker-delay:.25s;z-index:1;opacity:0;width:18%;height:3px;animation:marker-travel var(--marker-cycle) var(--marker-delay) cubic-bezier(.2, .7, .35, 1) infinite, marker-visibility var(--marker-cycle) var(--marker-delay) linear infinite;backface-visibility:hidden;will-change:opacity, transform;position:absolute;bottom:calc(-.14em - 1px);left:.04em}.marker-bar{background:var(--charcoal);transform-origin:50%;animation:bar-morph var(--marker-cycle) var(--marker-delay) cubic-bezier(.22, 1, .36, 1) infinite;will-change:opacity, transform;position:absolute;inset:0}.marker-label{color:var(--charcoal);letter-spacing:.05em;opacity:0;white-space:nowrap;text-shadow:0 0 .35rem var(--concrete), 0 0 .7rem var(--concrete), 0 0 1rem var(--concrete);will-change:opacity, transform;padding:.18rem .2rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(.86rem,1vw,.98rem);font-weight:600;line-height:1;animation:12s cubic-bezier(.22,1,.36,1) infinite term-cycle;position:absolute;top:50%;left:50%}.term-1{animation-delay:.25s}.term-2{animation-delay:1.75s}.term-3{animation-delay:3.25s}.term-4{animation-delay:4.75s}.term-5{animation-delay:6.25s}.term-6{animation-delay:7.75s}.term-7{animation-delay:9.25s}.term-8{animation-delay:10.75s}@keyframes name-in{0%{opacity:0;transform:translateY(.22em)}to{opacity:1;transform:translateY(0)}}@keyframes rule-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes marker-travel{0%{transform:translate(0,0)}78%,to{transform:translate(455%)}}@keyframes marker-visibility{0%,94%{opacity:1}98%,to{opacity:0}}@keyframes bar-morph{0%,20.2%{opacity:1;transform:scaleX(1)}76%,to{opacity:0;transform:scaleX(.15)}}@keyframes term-cycle{0%,2.525%{opacity:0;transform:translate(-50%,-50%)scale(.94)}9.5%,12.25%{opacity:1;transform:translate(-50%,-50%)scale(1)}12.5%,to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes spectral-drift{0%{border-radius:48% 52% 55% 45%;transform:translate(-13%,-9%)rotate(-9deg)scale(.9)}50%{border-radius:55% 45% 47% 53%;transform:translate(12%,2%)rotate(7deg)scale(1.1)}to{border-radius:46% 54% 50% 50%;transform:translate(-6%,12%)rotate(-3deg)scale(.96)}}@media (max-width:640px){.sign-out{top:max(.75rem, env(safe-area-inset-top));right:max(.75rem, env(safe-area-inset-right));min-height:2.625rem}.spectral-field{opacity:.58;width:82vw;top:43%;left:68%}.hero-layer{padding-inline:1.25rem}.name{letter-spacing:-.05em;font-size:11.5vw}}@media (prefers-reduced-motion:reduce){.experience{height:auto}.experience-viewport{height:auto;position:relative;overflow:visible}.stage{opacity:1;height:100svh;animation:none;position:relative;inset:auto;transform:none}.name,.surname:after,.moving-marker,.marker-bar,.marker-label{animation:none}.surname:after{transform:none}.moving-marker,.marker-bar,.marker-label{opacity:0;will-change:auto}.spectral-motion{animation:none;transform:none}.sign-out{transition:none}}