@property --angle{syntax: "<angle>"; initial-value: 135deg; inherits: false;}@property --angle-even{syntax: "<angle>"; initial-value: 225deg; inherits: false;}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.7;-webkit-font-smoothing:antialiased;font-weight:300;color:var(--foreground);background:var(--background);min-height:100vh}html[style*="color-scheme: light"] body{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' viewBox='0 0 700 700' width='700' height='700'%3E%3Cdefs%3E%3Cfilter id='nnnoise-filter' x='-20%25' y='-20%25' width='140%25' height='140%25' filterUnits='objectBoundingBox' primitiveUnits='userSpaceOnUse' color-interpolation-filters='linearRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.156' numOctaves='4' seed='15' stitchTiles='stitch' x='0%25' y='0%25' width='100%25' height='100%25' result='turbulence'%3E%3C/feTurbulence%3E%3CfeSpecularLighting surfaceScale='27' specularConstant='3' specularExponent='20' lighting-color='hsl(294, 100%25, 35%25)' x='0%25' y='0%25' width='100%25' height='100%25' in='turbulence' result='specularLighting'%3E%3CfeDistantLight azimuth='3' elevation='113'%3E%3C/feDistantLight%3E%3C/feSpecularLighting%3E%3C/filter%3E%3C/defs%3E%3Crect width='700' height='700' fill='hsla(0, 0%25, 95%25, 1.00)'%3E%3C/rect%3E%3Crect width='700' height='700' fill='hsl(294, 100%25, 35%25)' filter='url(%23nnnoise-filter)'%3E%3C/rect%3E%3C/svg%3E") repeat,var(--background)}html[style*="color-scheme: dark"] body{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' viewBox='0 0 700 700' width='700' height='700' opacity='0.49'%3E%3Cdefs%3E%3Cfilter id='nnnoise-filter' x='-20%25' y='-20%25' width='140%25' height='140%25' filterUnits='objectBoundingBox' primitiveUnits='userSpaceOnUse' color-interpolation-filters='linearRGB'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.164' numOctaves='4' seed='15' stitchTiles='stitch' x='0%25' y='0%25' width='100%25' height='100%25' result='turbulence'%3E%3C/feTurbulence%3E%3CfeSpecularLighting surfaceScale='24' specularConstant='1.2' specularExponent='20' lighting-color='hsl(258, 41%, 52%)' x='0%25' y='0%25' width='100%25' height='100%25' in='turbulence' result='specularLighting'%3E%3CfeDistantLight azimuth='3' elevation='150'%3E%3C/feDistantLight%3E%3C/feSpecularLighting%3E%3CfeColorMatrix type='saturate' values='0' x='0%25' y='0%25' width='100%25' height='100%25' in='specularLighting' result='colormatrix'%3E%3C/feColorMatrix%3E%3C/filter%3E%3C/defs%3E%3Crect width='700' height='700' fill='hsl(0, 0%, 14%)'%3E%3C/rect%3E%3Crect width='700' height='700' fill='hsl(258, 41%, 52%)' filter='url(%23nnnoise-filter)'%3E%3C/rect%3E%3C/svg%3E") repeat,var(--background)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-family:Lexend Zetta,sans-serif;text-transform:uppercase}html,body{min-height:100%;height:100%;scroll-behavior:smooth}:root{--background-dark: 0, 0%, 13%;--foreground-dark: 0, 0%, 94%;--primary-dark: 177, 68%, 49%;--noise-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' viewBox='0 0 700 700' width='700' height='700' opacity='0.49'%3E%3Cdefs%3E%3Cfilter id='nnnoise-filter' x='-20%25' y='-20%25' width='140%25' height='140%25' filterUnits='objectBoundingBox' primitiveUnits='userSpaceOnUse' color-interpolation-filters='linearRGB'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.164' numOctaves='4' seed='15' stitchTiles='stitch' x='0%25' y='0%25' width='100%25' height='100%25' result='turbulence'%3E%3C/feTurbulence%3E%3CfeSpecularLighting surfaceScale='24' specularConstant='1.2' specularExponent='20' lighting-color='hsl(258, 41%, 52%)' x='0%25' y='0%25' width='100%25' height='100%25' in='turbulence' result='specularLighting'%3E%3CfeDistantLight azimuth='3' elevation='150'%3E%3C/feDistantLight%3E%3C/feSpecularLighting%3E%3CfeColorMatrix type='saturate' values='0' x='0%25' y='0%25' width='100%25' height='100%25' in='specularLighting' result='colormatrix'%3E%3C/feColorMatrix%3E%3C/filter%3E%3C/defs%3E%3Crect width='700' height='700' fill='hsl(0, 0%, 14%)'%3E%3C/rect%3E%3Crect width='700' height='700' fill='hsl(258, 41%, 52%)' filter='url(%23nnnoise-filter)'%3E%3C/rect%3E%3C/svg%3E");--background-light: 0, 0%, 95%;--foreground-light: 0, 0%, 13%;--primary-light: 294, 100%, 35%;--noise-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' viewBox='0 0 700 700' width='700' height='700'%3E%3Cdefs%3E%3Cfilter id='nnnoise-filter' x='-20%25' y='-20%25' width='140%25' height='140%25' filterUnits='objectBoundingBox' primitiveUnits='userSpaceOnUse' color-interpolation-filters='linearRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.156' numOctaves='4' seed='15' stitchTiles='stitch' x='0%25' y='0%25' width='100%25' height='100%25' result='turbulence'%3E%3C/feTurbulence%3E%3CfeSpecularLighting surfaceScale='27' specularConstant='3' specularExponent='20' lighting-color='hsl(294, 100%25, 35%25)' x='0%25' y='0%25' width='100%25' height='100%25' in='turbulence' result='specularLighting'%3E%3CfeDistantLight azimuth='3' elevation='113'%3E%3C/feDistantLight%3E%3C/feSpecularLighting%3E%3C/filter%3E%3C/defs%3E%3Crect width='700' height='700' fill='hsla(0, 0%25, 95%25, 1.00)'%3E%3C/rect%3E%3Crect width='700' height='700' fill='hsl(294, 100%25, 35%25)' filter='url(%23nnnoise-filter)'%3E%3C/rect%3E%3C/svg%3E");--background: light-dark(hsl(var(--background-light)), hsl(var(--background-dark)));--foreground: light-dark(hsl(var(--foreground-light)), hsl(var(--foreground-dark)));--primary: light-dark(hsl(var(--primary-light)), hsl(var(--primary-dark)));--noise: light-dark(var(--noise-light), var(--noise-dark));--foreground-10: light-dark(hsla(var(--foreground-light), .1), hsla(var(--foreground-dark), .1));--primary-20: light-dark(hsla(var(--primary-light), .2), hsla(var(--primary-dark), .2))}html{color-scheme:light dark}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}a{color:var(--primary);text-decoration:none;&:has(.circle-scribble){position:relative;display:inline-block;.circle-scribble{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 2rem);max-width:none;height:calc(100% + 1em);stroke:var(--primary);stroke-width:2;stroke-miterlimit:10;stroke-dasharray:345;stroke-dashoffset:345;stroke-linecap:round;opacity:0;transition:stroke-dashoffset .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.75,0,.9,.5)}&:hover{.circle-scribble{filter:url(#wiggle);opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset .3s cubic-bezier(.645,.045,.355,1),opacity 0s}}}}header,footer{display:flex;border-bottom:1px solid var(--primary-20);backdrop-filter:blur(10px);padding-block:24px;padding-inline:24px;margin:0 auto;border-radius:0 0 16px 16px;text-align:center;transition:padding-block .3s ease-in-out,max-height .4s ease-in-out}header{flex-direction:column;gap:24px;align-items:stretch}.header-top{display:flex;justify-content:space-between;align-items:center}header ul{display:flex;gap:72px;align-items:center;justify-content:space-between;padding:.5rem 1rem;list-style:none}header ul>li{display:flex;align-items:center;font-weight:500;text-transform:uppercase}.header-top .text-menu{justify-content:center}header>.mobile-menu{display:none}.hamburger{display:none;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;aspect-ratio:1 / 1;width:2rem;height:2rem;padding:0;svg{width:100%;height:100%}path{stroke:currentColor;stroke-width:1;stroke-linecap:round;fill:none;transition:d .2s}&[aria-expanded=true]{.p1{d:path("M2,8 L8,2")}.p2{d:path("M5,5 L5,5")}.p3{d:path("M2,2 L8,8")}}}footer{border-top:1px solid var(--primary-20);border-bottom:none;border-radius:16px 16px 0 0;justify-content:center;align-items:center}.monogram{font-weight:700;font-size:1.5rem;position:relative;span:last-of-type{opacity:0}span{position:absolute;bottom:0;top:0;left:100%;transition:opacity .3s ease-in-out}&:hover{span:last-of-type{opacity:1}}}.themes{display:flex;gap:16px;align-items:center;justify-content:center}#themeToggle{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;aspect-ratio:1 / 1;width:2rem;height:2rem;padding:0;svg{width:100%;height:100%}}main{padding-inline:48px;margin:0 auto;max-width:1600px}section{margin-block-end:100px;scroll-margin-block-start:50px}.icon{display:inline;filter:url(#wiggle);width:auto;max-height:4.5rem;height:auto}.handwriting{font-family:Nanum Pen,sans-serif;font-size:2rem;line-height:1.5;color:var(--primary)}.underline{position:relative;&:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:25%;background-color:var(--primary);mask-image:url("data:image/svg+xml,%3csvg%20width='476'%20height='23'%20viewBox='0%200%20476%2023'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M473.663%203.53934C473.663%203.53942%20473.66%203.53869%20473.654%203.53689C473.66%203.53836%20473.663%203.53925%20473.663%203.53934ZM315.898%208.95104C319.748%208.75568%20323.597%208.56265%20327.446%208.37252C327.51%208.36936%20328.229%208.33293%20329.511%208.26798C345.147%207.47591%20444.523%202.44162%20461.32%201.73742C462.274%201.69743%20463.708%201.52544%20465.342%201.31212C465.698%201.26556%20466.063%201.21721%20466.432%201.16836C467.718%200.997923%20469.049%200.821425%20470.235%200.693919C471.689%200.537484%20473.164%200.423155%20474.077%200.565705C474.312%200.602352%20474.656%200.675359%20474.981%200.860186C475.335%201.06124%20475.869%201.53146%20475.882%202.33709C475.893%202.9902%20475.536%203.44726%20475.361%203.6447C475.15%203.88354%20474.889%204.09095%20474.634%204.26982C472.274%205.92208%20469.496%206.217%20466.922%206.21592C465.935%206.2155%20464.922%206.16964%20463.951%206.12568C463.656%206.11232%20463.365%206.09913%20463.08%206.08745C461.827%206.03618%20460.652%206.01167%20459.548%206.09754C445.923%207.15671%20432.283%208.09602%20418.631%208.83177C401.889%209.73403%20380.827%2010.4783%20357.114%2011.0904C357.108%2011.141%20357.1%2011.1903%20357.09%2011.2381C356.935%2012.0162%20356.6%2012.6992%20356.069%2013.2428C355.546%2013.779%20354.908%2014.1022%20354.263%2014.2906C353.027%2014.6516%20351.572%2014.5699%20350.241%2014.394C349.211%2014.258%20348.104%2014.0411%20347.061%2013.8367C346.733%2013.7725%20346.411%2013.7095%20346.1%2013.6506C344.74%2013.3932%20343.577%2013.2127%20342.662%2013.2244C332.638%2013.3521%20307.052%2013.334%20294.485%2013.3251C292.459%2013.3236%20290.771%2013.3224%20289.542%2013.3221C282.931%2013.6707%20276.318%2014.0222%20269.704%2014.3738C197.082%2018.2346%20124.316%2022.1031%2051.599%2022.1031C50.7706%2022.1031%2050.099%2021.4316%2050.099%2020.6031C50.099%2019.7747%2050.7706%2019.1031%2051.599%2019.1031C110.577%2019.1031%20169.577%2016.5559%20228.554%2013.5314C190.068%2013.7974%20151.596%2014.3156%20113.096%2015.078C112.311%2015.0935%20111.654%2014.5022%20111.575%2013.7345C69.1634%2013.8082%2034.329%2013.7194%2015.9962%2013.6055C10.9091%2013.5739%207.08906%2013.5404%204.72941%2013.5078C3.55454%2013.4916%202.72672%2013.4754%202.28509%2013.4593C2.17507%2013.4553%202.07606%2013.4509%201.99682%2013.4456C1.95955%2013.4431%201.90849%2013.4393%201.85571%2013.4331C1.8272%2013.4296%201.76677%2013.4206%201.72858%2013.4137C1.66049%2013.3992%201.43657%2013.3276%201.28388%2013.255C0.760886%2012.7826%200.644526%2011.2927%201.20635%2010.6629C1.38456%2010.5673%201.64572%2010.477%201.72152%2010.4604C1.81864%2010.4413%201.90628%2010.4342%201.93316%2010.432L1.93524%2010.4319C2.01476%2010.4254%202.11242%2010.421%202.21059%2010.4174C3.76681%2010.361%2011.9378%2010.322%2028.1828%2010.322C37.0759%2010.322%2045.9687%2010.3237%2054.8614%2010.3254C111.405%2010.3359%20167.942%2010.3464%20224.478%209.93182C256.119%209.69981%20265.056%209.57821%20277.338%209.41112C285.715%209.29714%20295.649%209.16199%20315.406%208.95619C315.57%208.95448%20315.734%208.95276%20315.898%208.95104Z'%20fill='currentColor'/%3e%3c/svg%3e");mask-size:cover;mask-position:50%;mask-repeat:no-repeat;rotate:2deg;clip-path:inset(0 100% 0 0);animation:scribble-in .8s 1.5s forwards ease-out}}html[style="color-scheme: dark;"] #sunIcon,html[style="color-scheme: light;"] #moonIcon{display:none}.intro{min-height:calc(100lvh - 194px);display:flex;flex-direction:column;justify-content:center;>div{position:relative;>.greetings{position:absolute;top:15%;right:15%;transform:rotate(10deg)}.title{.name{font-size:3.5rem;letter-spacing:normal;paint-order:stroke fill;display:inline-block;width:55%;text-align:right;color:transparent;-webkit-text-stroke:2px var(--primary)}}.get-started{margin-inline:auto;margin-block-start:5rem;width:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;opacity:0;animation:fade-in .6s 2.5s forwards;& svg{max-width:2rem;height:auto;filter:url(#wiggle);animation:mover .6s infinite alternate ease-in}}}}h1,h2{text-transform:uppercase;font-size:7.5rem;font-weight:700;line-height:1.03;letter-spacing:-.2em}h2{font-family:Lexend Zetta,sans-serif;font-size:4.5rem;letter-spacing:-16%;text-align:center;margin-block-end:80px}#work{position:relative;overflow:visible;h2{.icon{height:4.5rem;transform:translateY(15%)}.underline:after{height:23px}}>ul{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(20,1fr);grid-template-areas:"p1 ." "p1 p2" "p1 p2" "p1 p2" "p1 p2" "p1 p2" "p1 p2" "p1 p2" "p1 p2" ". p2" "p3 ." "p3 p4" "p3 p4" "p3 p4" "p3 p4" "p3 p4" "p3 p4" "p3 p4" "p3 p4" ". p4";gap:0 200px;list-style:none;padding:0;>li{&:first-child{grid-area:p1}&:nth-child(2){grid-area:p2}&:nth-child(3){grid-area:p3}&:nth-child(4){grid-area:p4}&:nth-child(2n) article{.border-glow:before,&:before{mask-image:linear-gradient(var(--angle-even),var(--primary),hsla(0,0%,100%,0) 50%)}.border-glow:after,&:after{mask-image:linear-gradient(var(--angle-even),hsla(0,0%,100%,0) 50%,var(--primary))}.border-glow,.border-glow:before,.border-glow:after,&:before,&:after{animation:border-rotate-back-even var(--timing) var(--function-out) forwards}&:hover{&:before,&:after,.border-glow:before,.border-glow:after{animation:border-rotate-even var(--timing) var(--function-in) forwards}}}}& article{--timing: .7s;--function-in: ease-out;--function-out: ease-in;padding:24px;border-radius:12px;position:relative;background:var(--background);.border-glow,.border-glow:before,.border-glow:after,&:before,&:after{content:"";position:absolute;inset:-1px;border-radius:inherit;animation:border-rotate-back var(--timing) var(--function-out) forwards}.border-glow:before,&:before{border:1px solid var(--primary);mask-image:linear-gradient(var(--angle),var(--primary),hsla(0,0%,100%,0) 50%);opacity:.7}.border-glow:after,&:after{border:1px solid var(--foreground);mask-image:linear-gradient(var(--angle),hsla(0,0%,100%,0) 50%,var(--primary));opacity:.3}.border-glow{z-index:-2;filter:blur(30px);&:before,&:after{border-width:20px;inset:-5px}&:after{opacity:0}}&:before,&:after{z-index:-1}& img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:12px 12px 4px 4px}& h3{font-size:2.5rem;letter-spacing:-.1em;line-height:1.2;margin-block:2rem 1.25rem}& p{margin-block:1.375rem 1.25rem}a{font-family:Lexend Zetta,sans-serif;font-weight:500;text-transform:uppercase;overflow-wrap:anywhere;&:hover,&:focus{filter:url(#wiggle);.link-arrow{clip-path:inset(0 0 0 0)}}.link-star{display:inline-flex;background-color:var(--primary);mask-size:contain;height:1rem;width:1.25rem;margin-inline-end:.5rem;mask-repeat:no-repeat;mask-position:center;mask-image:url("data:image/svg+xml,%3csvg%20width='109'%20height='112'%20viewBox='0%200%20109%20112'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M54.5659%20111.735C50.3445%20111.846%2046.9007%20109.29%2046.4563%20106.069C46.123%20103.514%2046.123%20100.903%2046.1786%2098.3482C46.5119%2087.1837%2040.9018%2078.5188%2034.4586%2070.2981C31.6258%2066.6877%2027.3489%2065.0214%2022.6832%2064.9103C18.6284%2064.7992%2014.5181%2064.8548%2010.4633%2064.7993C8.63035%2064.7437%206.74188%2064.7437%204.96445%2064.3549C2.57603%2063.855%200.35416%2061.0777%200.298615%2058.7448C0.243071%2056.3008%201.5206%2054.3012%203.6313%2053.4681C9.13022%2051.3574%2014.6292%2049.0801%2020.3503%2047.8025C32.2369%2045.1364%2038.4023%2036.9157%2042.2349%2026.3622C43.068%2024.1404%2042.5681%2021.3632%2042.5126%2018.8637C42.4015%2014.0869%2041.9572%209.31011%2042.1238%204.53327C42.1793%202.20039%2043.9012%200.478426%2046.4007%200.145158C48.9002%20-0.188111%2050.8443%201.03387%2051.7331%203.20012C53.1772%206.92161%2054.7324%2010.7542%2055.4545%2014.6978C59.176%2034.3051%2077.0615%2048.3025%2097.0576%2047.025C98.8906%2046.9139%20100.723%2046.4695%20102.556%2046.5806C104.834%2046.6917%20106.945%2047.6914%20107.889%2049.9687C109%2052.5793%20108.666%2055.2456%20106.611%2057.1341C105.056%2058.5782%20103.001%2059.7446%20100.946%2060.3001C85.7265%2064.2993%2075.5617%2074.9639%2066.1747%2086.4617C63.7863%2089.4056%2063.2308%2093.9046%2061.9532%2097.7372C60.8423%20101.236%2060.287%20104.958%2058.7317%20108.235C58.0097%20109.902%2055.6212%20110.901%2054.5659%20111.735ZM75.8394%2058.0227C70.8404%2054.7456%2066.3968%2052.2461%2062.3976%2049.1912C58.4539%2046.1362%2054.8991%2042.5258%2051.011%2038.971C46.1786%2044.581%2041.735%2049.7467%2036.9027%2055.3567C43.9568%2059.7447%2047.9561%2065.9101%2051.7887%2072.2422C52.844%2073.9641%2054.3992%2075.3528%2056.0656%2077.2968C59.676%2073.5753%2062.7309%2070.4093%2065.897%2067.2988C69.063%2064.2438%2072.2845%2061.3554%2075.8394%2058.0227Z'%20fill='currentColor'/%3e%3c/svg%3e");translate:0 .125rem}.link-arrow{display:inline-flex;margin-inline-start:.5rem;background-color:var(--primary);mask-size:contain;height:1rem;width:4rem;mask-repeat:no-repeat;mask-position:center;mask-image:url("data:image/svg+xml,%3csvg%20width='289'%20height='75'%20viewBox='0%200%20289%2075'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M194.519%2041.2155C196.519%2038.4383%20198.185%2036.0499%20199.963%2033.717C206.295%2025.6074%20214.516%2021.4416%20224.958%2021.7749C235.845%2022.1081%20246.12%2024.6632%20256.007%2029.1068C257.285%2029.7178%20258.674%2030.2177%20260.062%2030.4954C260.562%2030.6065%20261.506%2029.9955%20261.784%2029.4401C262.062%2028.8846%20262.062%2027.7737%20261.728%2027.3849C259.896%2025.5519%20257.896%2023.9411%20256.007%2022.2193C251.342%2017.9979%20246.509%2013.9431%20242.066%209.55503C239.288%206.7778%20239.289%203.88949%20241.399%201.72324C243.343%20-0.276365%20245.398%20-0.498517%20248.398%201.33446C250.897%202.83417%20253.286%204.66711%20255.674%206.44454C259.507%209.33287%20263.173%2012.4434%20267.116%2015.2762C271.004%2018.1089%20275.059%2020.8306%20280.225%2020.4974C280.947%2020.4418%20281.725%2020.6085%20282.391%2020.7751C285.946%2021.6638%20287.89%2023.6634%20288.168%2026.6628C288.446%2029.7733%20287.057%2032.6061%20283.669%2033.4393C270.449%2036.5498%20263.895%2046.9366%20257.285%2057.2124C255.119%2060.6006%20253.675%2064.4888%20251.508%2067.9881C250.175%2070.1543%20248.398%2072.0984%20246.398%2073.7092C243.621%2075.931%20239.4%2074.0425%20238.733%2070.4876C238.011%2066.7106%20238.789%2063.1001%20240.566%2059.7675C243.843%2053.602%20247.231%2047.4921%20250.897%2040.7712C246.898%2037.3274%20241.566%2036.9941%20236.844%2035.8832C231.901%2034.7168%20226.624%2034.5502%20221.459%2034.4946C216.737%2034.4946%20213.071%2037.1052%20210.183%2040.7712C208.572%2042.8263%20207.128%2044.9926%20205.962%2047.2699C202.685%2053.602%20196.019%2056.4348%20189.021%2053.3798C183.299%2050.8803%20177.467%2048.5474%20171.802%2045.8813C167.136%2043.715%20162.692%2040.9378%20158.027%2038.8271C148.806%2034.6613%20140.141%2035.4389%20132.087%2041.9931C126.366%2046.6589%20120.701%2051.4913%20114.48%2055.4905C99.427%2065.2109%2082.1525%2064.4332%2067.7664%2053.9353C65.378%2052.2134%2063.2673%2049.9916%2060.7123%2048.5475C56.2687%2045.9924%2051.7696%2043.1596%2046.9372%2041.5488C30.8848%2036.1609%2016.1099%2043.4928%2010.3333%2059.2675C9.44456%2061.7115%209.00018%2064.3221%207.94483%2066.655C7.44492%2067.7659%205.88959%2068.8212%204.66761%2068.9879C2.55691%2069.2656%201.33495%2067.5992%200.946141%2065.7107C0.00188112%2061.2116%200.668418%2056.8236%202.33476%2052.6577C7.83368%2038.716%2017.9984%2030.551%2032.8843%2028.5514C44.8265%2026.9406%2055.5466%2030.6065%2065.4336%2037.1052C68.4885%2039.1603%2071.3213%2041.5488%2074.3207%2043.7706C85.6519%2052.2133%2098.0383%2052.5466%20109.314%2044.5482C114.424%2040.9378%20119.367%2036.9941%20124.144%2032.8838C136.142%2022.4969%20149.362%2021.386%20163.47%2027.3849C168.58%2029.5511%20173.301%2032.495%20178.245%2035.0501C183.077%2037.494%20187.799%2040.4934%20194.519%2041.2155Z'%20fill='currentColor'/%3e%3c/svg%3e");clip-path:inset(0 100% 0 0);transition:clip-path .4s ease-out}}.technologies{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1rem;& li{padding:.375rem .75rem;color:var(--primary);position:relative;border:1px solid var(--primary);&:after{content:"";position:absolute;inset:-2px;padding:4px;border-radius:4px;border:2px solid var(--primary);background:transparent content-box;mask:conic-gradient(#000 0 0) content-box,conic-gradient(at 10px 10px,#0000 75%,#000 0) 0 0 / calc(100% - 10px) calc(100% - 10px);transition:inset .3s ease-out}&:hover:after{inset:-8px}}}&:hover{&:before,&:after,.border-glow:before,.border-glow:after{animation:border-rotate var(--timing) var(--function-in) forwards}}}}}#about{p{text-align:center;max-width:66ch;margin-inline:auto}h2 .underline:after{background-color:var(--primary);mask-image:url("data:image/svg+xml,%3csvg%20width='256'%20height='25'%20viewBox='0%200%20256%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M113.667%205.86378C76.9548%209.85718%2071.2801%2010.492%2065.6033%2011.1071C59.1925%2011.8017%2052.779%2012.4711%201.65922%2017.9239C0.835468%2018.0117%200.0964524%2017.4152%200.00858539%2016.5914C-0.0792817%2015.7677%200.517272%2015.0287%201.34103%2014.9408C52.459%209.48821%2058.8714%208.81892%2065.281%208.12444C71.0659%207.49766%2076.8485%206.85036%20115.492%202.64762C117.297%202.45134%20119.94%202.12768%20122.815%201.77579C125.736%201.41812%20128.896%201.03128%20131.655%200.719397C134.336%200.416361%20136.65%200.183018%20137.858%200.141305C138.149%200.131273%20138.459%200.128526%20138.711%200.15683L138.719%200.157678C138.801%200.166697%20139.108%200.200371%20139.411%200.367451C139.566%200.453459%20140.014%200.736054%20140.165%201.34601C140.328%202.00903%20140.011%202.49959%20139.856%202.68832C139.697%202.88124%20139.525%202.99419%20139.448%203.04225C139.354%203.10102%20139.265%203.14489%20139.198%203.1757C139.062%203.23741%20138.916%203.29029%20138.779%203.3355C138.5%203.42767%20138.13%203.5297%20137.678%203.64269C128.957%205.8229%20120.022%207.63623%20111.099%209.44704C107.045%2010.2697%20102.994%2011.0919%2098.9664%2011.9477C86.9289%2014.5056%2075.0437%2017.375%2063.6826%2021.4835C63.9322%2021.4646%2064.185%2021.4442%2064.4419%2021.4234L64.4735%2021.4208C65.1661%2021.3647%2065.8902%2021.3061%2066.6119%2021.2756C80.8564%2020.6737%20102.629%2018.5597%20115.703%2017.2811C126.395%2016.2355%20137.199%2014.8349%20148.051%2013.4281C166.534%2011.0321%20185.157%208.61802%20203.602%207.90858C203.8%207.90097%20203.955%207.89525%20204.063%207.89218C204.116%207.89068%20204.169%207.88946%20204.215%207.88932C204.23%207.88928%20204.249%207.88931%20204.272%207.88975C204.284%207.88999%20204.297%207.89035%20204.311%207.89089C204.33%207.89164%20204.362%207.8932%20204.402%207.89693L204.404%207.89707C204.428%207.89938%20204.527%207.90867%20204.648%207.94032C204.696%207.95295%20204.863%207.99729%20205.05%208.11119C205.176%208.18814%20205.814%208.61077%20205.767%209.4737C205.728%2010.1982%20205.215%2010.5612%20205.141%2010.613L205.138%2010.6154C204.995%2010.7171%20204.867%2010.7693%20204.823%2010.7869C204.721%2010.8279%20204.635%2010.8484%20204.612%2010.8539L204.611%2010.8541C204.575%2010.8627%20204.545%2010.8686%20204.527%2010.8719C204.466%2010.8834%20204.403%2010.8917%20204.37%2010.8959C204.288%2010.9065%20204.17%2010.9201%20204.038%2010.9352L204.031%2010.936C203.486%2010.9987%20202.471%2011.1154%20201.3%2011.3074C200.987%2011.3588%20200.665%2011.4151%20200.341%2011.4766C206.361%2011.5621%20212.424%2011.4583%20218.457%2011.3227C224.135%2011.1951%20229.812%2010.4164%20235.572%209.62617C235.812%209.59324%20236.052%209.56029%20236.293%209.52736C242.267%208.70889%20248.332%207.90747%20254.395%207.90747C255.224%207.90747%20255.895%208.57904%20255.895%209.40747C255.895%2010.2359%20255.224%2010.9075%20254.395%2010.9075C248.566%2010.9075%20242.696%2011.6783%20236.7%2012.4996C236.441%2012.535%20236.183%2012.5705%20235.924%2012.606C230.209%2013.3903%20224.378%2014.1904%20218.524%2014.322C211.52%2014.4793%20204.42%2014.5955%20197.378%2014.4194C197.319%2014.4179%20197.249%2014.4166%20197.171%2014.415C196.664%2014.4049%20195.807%2014.3879%20195.115%2014.2905C194.778%2014.243%20194.179%2014.1433%20193.706%2013.8361C193.445%2013.6662%20192.979%2013.2714%20192.893%2012.5735C192.838%2012.1254%20192.965%2011.7569%20193.119%2011.4885C178.309%2012.529%20163.494%2014.4515%20148.667%2016.3756C137.784%2017.7879%20126.894%2019.201%20115.995%2020.2668C102.949%2021.5427%2081.0839%2023.6667%2066.7386%2024.2729C66.0751%2024.3009%2065.3999%2024.3556%2064.688%2024.4132L64.684%2024.4136C63.9808%2024.4705%2063.2418%2024.5303%2062.5011%2024.5609C61.0215%2024.622%2059.4359%2024.5729%2057.8662%2024.1172C57.651%2024.0547%2056.9769%2023.8294%2056.6875%2023.0886C56.3732%2022.284%2056.7941%2021.6424%2056.9395%2021.4497C57.1224%2021.2072%2057.3444%2021.0286%2057.4967%2020.9164C57.6666%2020.7914%2057.8511%2020.6764%2058.0272%2020.575C58.7129%2020.1803%2059.61%2019.7999%2060.0921%2019.6163C72.4324%2014.9152%2085.3703%2011.7698%2098.3429%209.01323C102.43%208.14481%20106.513%207.31619%20110.583%206.4903C111.612%206.28148%20112.64%206.07284%20113.667%205.86378ZM59.244%2023.3569C59.2441%2023.3567%2059.246%2023.355%2059.25%2023.3518C59.246%2023.3554%2059.2439%2023.3571%2059.244%2023.3569Z'%20fill='currentColor'/%3e%3c/svg%3e");mask-size:cover;mask-position:50%;mask-repeat:no-repeat;height:17px}.other-stuff{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-block-start:80px;max-width:1200px;margin-inline:auto;.underline:after{height:12px;rotate:1deg;bottom:-7px}>div:first-child{position:relative}h3{margin-block-end:1rem}ul{padding-inline-start:2.5rem;display:flex;flex-direction:column;gap:.75rem;li{line-height:1.7;padding-inline-start:.5rem;&::marker{content:"🟅"}}}.handwriting{position:relative;margin-block-start:1.5rem;.icon{position:absolute;right:16px;top:calc(100% - 1rem);rotate:10deg}}}.lilly-pics{position:relative;background:none;display:block;padding:0 40px 50px 20px;margin:0;border:none;figure{position:absolute;top:0;border-radius:12px;margin:0;max-width:450px;text-align:center;padding:12px;transform:translateY(30px);background:hsl(var(--foreground-dark));box-shadow:0 8px 32px #0000004d;transition-timing-function:linear(0,-.004 4.9%,-.02 9.4%,-.124 26.4%,-.126 30.5%,-.104 34.1%,-.027 38.8%,.108 43.1%,.299 47%,.817 55.2%,.97 59.1%,1.071 63.4%,1.118 67.7%,1.127 72.6%,1.108 77.2%,1.019 90.7%,1.004 95.2%,1);img{border-radius:12px;height:auto;aspect-ratio:3 / 2;color:hsl(var(--foreground-light))}figcaption{margin-top:.5rem;color:hsl(var(--foreground-light))}&:first-child{position:relative;z-index:2;rotate:-5deg;transition:transform .5s,rotate .5s,filter .3s}&:last-child{z-index:1;rotate:2deg;opacity:.8;filter:blur(2px);transition:transform .5s,rotate .5s,opacity .35s,z-index .3s,filter .3s}}&:hover,&[aria-pressed=true]{figure:first-child{transform:translateY(20px) translate(-10px);rotate:-2deg;filter:blur(2px)}figure:last-child{transform:translateY(20px) translate(20px);rotate:5deg;opacity:1;z-index:3;filter:blur(0)}}}}#contact{ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1.5rem;font-size:2.5rem;font-family:Lexend Zetta,sans-serif;font-weight:700;text-transform:uppercase;align-items:center;justify-content:center;li svg{width:40px;height:40px}li:nth-child(2){margin-inline-end:16px}li:last-child{padding-inline-start:40px;margin-inline-start:40px;position:relative;&:before{content:"";position:absolute;top:50%;right:100%;display:inline-block;width:40px;height:8px;background:var(--foreground);transform:translateY(-50%)}a:first-child{letter-spacing:-15%}a:last-child{display:none}}li a{color:var(--foreground);transition:color .3s ease-in-out;svg path{transition:fill .3s ease-in-out}&:hover{color:var(--primary);svg{filter:url(#wiggle);path{fill:var(--primary)}}}}}}.intro:before{content:"";position:absolute;top:0;left:100px;width:50vw;height:50vw;background:radial-gradient(at left top,var(--primary) 0%,transparent 60%);border-radius:50%;z-index:-1;opacity:.7}#work:before{content:"";position:absolute;bottom:-150px;left:-150px;width:30vw;height:30vw;background:radial-gradient(circle,var(--primary) 0%,transparent 65%);border-radius:50%;z-index:-1;opacity:.5}@keyframes mover{0%{translate:0 0}to{translate:0 10px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scribble-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes bg-gradient{0%{background-position:-200% 50%}to{background-position:200% 50%}}@keyframes border-rotate{0%{--angle: 135deg}to{--angle: 315deg}}@keyframes border-rotate-back{0%{--angle: 315deg}to{--angle: 135deg}}@keyframes border-rotate-even{0%{--angle-even: 225deg}to{--angle-even: 45deg}}@keyframes border-rotate-back-even{0%{--angle-even: 45deg}to{--angle-even: 225deg}}@media(width<1366px){.intro>div{.title{font-size:6rem}>.greetings{right:5%}}#work ul{gap:0 100px}}@media(width<1080px){.intro>div{.title{font-size:5rem;.name{width:auto}}>.greetings{top:10%}}#work ul{gap:0 50px;article h3{font-size:2rem}}#contact ul{li:nth-child(2){margin-inline-end:0}li:last-child{font-size:2rem;padding-inline-start:0;margin-inline-start:0;&:before{display:none}}}}@media(width<910px){h2{font-size:3.5rem;.icon{height:3.5rem}}.intro>div>.greetings{top:-10%}#work{h2 .underline:after{height:18px}>ul{grid-template-columns:1fr;grid-template-rows:repeat(4,auto);grid-template-areas:none;gap:50px 0;>li:nth-child(n){grid-area:unset}}}#about .other-stuff{grid-template-columns:1fr;justify-items:center;h3{text-align:center}>div{width:fit-content;margin-inline:2rem}.handwriting{margin-block-end:1rem;.icon{top:90%;right:0;left:100%;max-height:2rem;rotate:70deg;transform:scaleY(-1)}}}#contact ul li:last-child{a:first-child{display:none}a:last-child{display:inline}}}@media(width<720px){header ul{gap:24px}main{padding-inline:24px}.intro>div{.greetings{text-align:center;right:50%;top:-15%;transform:translate(50%) rotate(0);width:max-content}.title{font-size:4rem;text-align:center;line-height:1.2;letter-spacing:-.15em;br{display:none}.name{text-align:center;font-size:3rem;margin-block-end:40px}}}}@media(width<560px){.icon{max-height:2.5rem}.hamburger{display:flex}.header-top .text-menu{display:none}header>.mobile-menu{display:none;justify-content:center;padding:0;opacity:0;transform:translateY(-20px);max-height:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out,max-height .4s ease-in-out,display .4s ease-in-out;transition-behavior:allow-discrete}header:has(.hamburger[aria-expanded=true])>.mobile-menu{display:flex;flex-wrap:wrap;opacity:1;transform:translateY(0);max-height:200px;@starting-style{max-height:0;opacity:0;transform:translateY(-20px)}}.intro>div .title{font-size:3rem;.name{font-size:2.25rem}}h2{font-size:2rem}#work{h2 .underline:after{height:12px}article{padding:16px;& h3{font-size:1.5rem;margin-block:1rem .75rem}& p{margin-block:1rem .75rem}}}#about{h2 .underline:after{height:10px}.other-stuff{>div{margin-inline:auto}.handwriting{max-width:calc(100% - 48px);line-height:1.2;.icon{max-height:1.5rem;top:70%;left:unset;right:-40px}}.lilly-pics{padding:0 20px 50px;figure:first-child{margin-inline:-20px}figure:last-child{transform:translate(-10px) translateY(20px)}&:hover,&[aria-pressed=true]{figure:first-child{transform:translate(0) translateY(20px);rotate:-2deg}figure:last-child{transform:translate(5px) translateY(20px)}}}}}}@media(width<480px){.icon{max-height:2.125rem}.intro>div{.title{font-size:2.125rem;.name{font-size:2rem}}.get-started{margin-block-start:3rem}}#work ul article h3{font-size:1.5rem;overflow-wrap:anywhere}}@media(height<800px){.intro{margin-block:50px;>div{.title{.name{margin-block-end:20px}}.get-started{margin-block-start:20px}}}}@font-face{font-family:H1 Fallback;src:local("Arial"),local("Helvetica"),local("sans-serif")}@font-face{font-family:Lexend Zetta Top Crit;src:url(/fonts/crit-top-subset.woff2) format("woff2");font-weight:500 700;font-style:normal;font-display:swap}@font-face{font-family:Lexend Zetta Name Crit;src:url(/fonts/crit-name-subset.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Nanum Pen;src:url(/fonts/NanumPenScript-Regular-subset.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lexend Exa;src:url(/fonts/LexendExa-VariableFont_wght-subset.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Lexend Zetta;src:url(/fonts/LexendZetta-VariableFont_wght-subset.woff2) format("woff2");font-weight:100 900;font-display:swap}h1[data-astro-cid-j7pv25f6],header[data-astro-cid-j7pv25f6] ul[data-astro-cid-j7pv25f6]>li[data-astro-cid-j7pv25f6],.monogram[data-astro-cid-j7pv25f6]{font-family:Lexend Zetta Top Crit,H1 Fallback,sans-serif}.intro[data-astro-cid-j7pv25f6] .title[data-astro-cid-j7pv25f6] .name[data-astro-cid-j7pv25f6]{font-family:Lexend Zetta Name Crit,H1 Fallback,sans-serif}.intro[data-astro-cid-j7pv25f6] .handwriting[data-astro-cid-j7pv25f6]{font-family:Nanum Pen,cursive}body{font-family:Lexend Exa,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}