@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--font-sans:"DM Sans", Arial, sans-serif;--font-mono:"DM Mono", monospace;--color-white:#fff;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Manrope", Arial, sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.top-\[25px\]{top:25px}.left-\[25px\]{left:25px}.z-10{z-index:10}.z-20{z-index:20}.mx-auto{margin-inline:auto}.my-\[38px_85px\]{margin-block:38px 85px}.my-\[64px\]{margin-block:64px}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-\[7px\]{margin-top:7px}.mt-\[25px\]{margin-top:25px}.mt-\[42px\]{margin-top:42px}.mt-auto{margin-top:auto}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-\[15px\]{margin-bottom:15px}.mb-\[65px\]{margin-bottom:65px}.ml-auto{margin-left:auto}.flex{display:flex}.grid{display:grid}.h-\[95px\]{height:95px}.min-h-\[340px\]{min-height:340px}.min-h-screen{min-height:100vh}.max-w-\[350px\]{max-width:350px}.max-w-\[415px\]{max-width:415px}.max-w-\[640px\]{max-width:640px}.max-w-\[800px\]{max-width:800px}.max-w-\[1600px\]{max-width:1600px}.list-disc{list-style-type:disc}.grid-cols-\[1fr_1\.05fr\]{grid-template-columns:1fr 1.05fr}.grid-cols-\[25\%_1fr\]{grid-template-columns:25% 1fr}.grid-cols-\[28\%_1fr_auto\]{grid-template-columns:28% 1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-\[7px\]{gap:7px}.gap-\[10px\]{gap:10px}.gap-\[11vw\]{gap:11vw}.gap-\[30px\]{gap:30px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#484b49\]{border-color:#484b49}.border-\[\#494b4b\]{border-color:#494b4b}.border-\[\#343737\]{border-color:#343737}.bg-\[\#171819\]{background-color:#171819}.bg-\[\#222425\]{background-color:#222425}.p-10{padding:calc(var(--spacing) * 10)}.px-\[6\.2vw\]{padding-inline:6.2vw}.py-\[25px\]{padding-block:25px}.py-\[25px_35px\]{padding-block:25px 35px}.py-\[110px_120px\]{padding-block:110px 120px}.py-\[110px_125px\]{padding-block:110px 125px}.py-\[115px\]{padding-block:115px}.pt-\[7px\]{padding-top:7px}.pt-\[30px\]{padding-top:30px}.pt-\[56px\]{padding-top:56px}.pb-\[10px\]{padding-bottom:10px}.pb-\[86px\]{padding-bottom:86px}.pl-5{padding-left:calc(var(--spacing) * 5)}.font-mono{font-family:var(--font-mono)}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[20px\]{font-size:20px}.text-\[clamp\(17px\,1\.8vw\,24px\)\]{font-size:clamp(17px,1.8vw,24px)}.text-\[clamp\(17px\,1\.65vw\,23px\)\]{font-size:clamp(17px,1.65vw,23px)}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.tracking-\[-\.025em\]{--tw-tracking:-.025em;letter-spacing:-.025em}.tracking-\[\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.text-\[\#8e9490\]{color:#8e9490}.text-\[\#9da29f\]{color:#9da29f}.text-\[\#9da39f\]{color:#9da39f}.text-\[\#777e7a\]{color:#777e7a}.text-\[\#969c99\]{color:#969c99}.text-\[\#858987\]{color:#858987}.text-\[\#a1a7a3\]{color:#a1a7a3}.text-\[\#a8adaa\]{color:#a8adaa}.text-\[\#adb1ae\]{color:#adb1ae}.text-\[\#aeb3b0\]{color:#aeb3b0}.text-\[\#d7dcda\]{color:#d7dcda}.text-\[\#e9e9e7\]{color:#e9e9e7}.text-\[\#f0f0ee\]{color:#f0f0ee}@media (hover:hover){.hover\:text-white:hover{color:var(--color-white)}}@media not all and (min-width:760px){.max-\[760px\]\:my-\[25px_55px\]{margin-block:25px 55px}.max-\[760px\]\:my-\[54px_44px\]{margin-block:54px 44px}.max-\[760px\]\:mt-5{margin-top:calc(var(--spacing) * 5)}.max-\[760px\]\:mt-\[18px\]{margin-top:18px}.max-\[760px\]\:mb-\[10px\]{margin-bottom:10px}.max-\[760px\]\:mb-\[35px\]{margin-bottom:35px}.max-\[760px\]\:mb-\[38px\]{margin-bottom:38px}.max-\[760px\]\:block{display:block}.max-\[760px\]\:flex{display:flex}.max-\[760px\]\:hidden{display:none}.max-\[760px\]\:h-\[76px\]{height:76px}.max-\[760px\]\:min-h-\[285px\]{min-height:285px}.max-\[760px\]\:max-w-\[280px\]{max-width:280px}.max-\[760px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[760px\]\:flex-col-reverse{flex-direction:column-reverse}.max-\[760px\]\:gap-\[9px\]{gap:9px}.max-\[760px\]\:gap-\[45px\]{gap:45px}.max-\[760px\]\:p-\[25px\]{padding:25px}.max-\[760px\]\:px-\[22px\]{padding-inline:22px}.max-\[760px\]\:py-\[75px\]{padding-block:75px}.max-\[760px\]\:pt-\[38px\]{padding-top:38px}.max-\[760px\]\:pb-\[55px\]{padding-bottom:55px}.max-\[760px\]\:text-\[16px\]{font-size:16px}.max-\[760px\]\:text-\[17px\]{font-size:17px}}@media not all and (min-width:420px){.max-\[420px\]\:text-\[10px\]{font-size:10px}}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}html{scroll-padding-top:24px}body{margin:0}a:focus-visible{outline-offset:4px;outline:2px solid #fff}::selection{color:#101112;background:#b8bebd}.wordmark{font:800 34px/1 var(--font-display);letter-spacing:-.11em}.nav-link{color:#aeb2af;font-size:12px;transition:color .2s}.nav-link:hover{color:#fff}.mobile-menu{display:none}.menu-toggle{border:1px solid #656a66;border-radius:50%;width:46px;height:46px;transition:background .25s,border-color .25s;position:relative}.menu-toggle:hover,.mobile-menu[data-open=true] .menu-toggle{background:#303433;border-color:#aeb5b0}.menu-toggle-line{transform-origin:50%;background:#e9e9e7;width:20px;height:1px;transition:transform .4s cubic-bezier(.2,.8,.2,1),top .4s cubic-bezier(.2,.8,.2,1);position:absolute;top:18px;left:12px}.menu-toggle-line+.menu-toggle-line{top:26px}.mobile-menu[data-open=true] .menu-toggle-line:first-child{top:22px;transform:rotate(45deg)}.mobile-menu[data-open=true] .menu-toggle-line+.menu-toggle-line{top:22px;transform:rotate(-45deg)}.mobile-menu-panel{z-index:10;clip-path:inset(0 0 100%);opacity:0;visibility:hidden;pointer-events:none;background:#202323;border-bottom:1px solid #656a66;max-height:calc(100dvh - 76px);padding:14px 22px 24px;transition:clip-path .5s cubic-bezier(.2,.8,.2,1),opacity .35s,visibility 0s .5s;position:absolute;top:100%;left:-22px;right:-22px;overflow-y:auto;box-shadow:0 24px 35px #0008}.mobile-menu[data-open=true] .mobile-menu-panel{clip-path:inset(0);opacity:1;visibility:visible;pointer-events:auto;transition:clip-path .5s cubic-bezier(.2,.8,.2,1),opacity .35s,visibility}.mobile-menu-link{font:600 clamp(25px, 7vw, 36px)/1.3 var(--font-display);letter-spacing:-.05em;opacity:0;border-bottom:1px solid #484b49;grid-template-columns:35px 1fr auto;align-items:baseline;gap:10px;padding:13px 0;transition:opacity .3s,transform .4s cubic-bezier(.2,.8,.2,1),color .2s;display:grid;transform:translateY(-10px)}.mobile-menu-link:last-child{border-bottom:0}.mobile-menu-link:hover{color:#b7bfba}.mobile-menu[data-open=true] .mobile-menu-link{opacity:1;transition-delay:calc(80ms + var(--menu-index) * 50ms);transform:translateY(0)}.mobile-menu-number{color:#969c99;font:10px/1 var(--font-mono);letter-spacing:0}.mobile-menu-arrow{color:#969c99;font:400 20px/1 var(--font-sans)}.kicker{font:500 10px/1.4 var(--font-mono);letter-spacing:.12em;color:#a2a7a4}.live-dot{background:#b7bfba;border-radius:50%;flex:none;width:7px;height:7px;animation:2s ease-in-out infinite breathe;display:inline-block;box-shadow:0 0 0 4px #b7bfba21}.hero-enter{animation:.8s cubic-bezier(.2,.8,.2,1) both rise-in}.hero-title{font:600 clamp(72px, 10.3vw, 174px)/.94 var(--font-display);letter-spacing:-.094em}.hero-title em{color:#a6aaa8;font-style:normal}.round-arrow{border:1px solid #8d9290;border-radius:50%;flex:none;place-items:center;width:70px;height:70px;font-size:29px;transition:background .25s,transform .25s;display:grid}.round-arrow:hover{background:#353838;transform:rotate(45deg)}.section-grid{grid-template-columns:28% 1fr;gap:30px;display:grid}.section-title{font:600 clamp(48px, 6.3vw, 100px)/1.02 var(--font-display);letter-spacing:-.078em}.fact{color:#898e8b;font:10px/1.6 var(--font-mono);letter-spacing:.09em}.fact strong{color:#e4e6e4;font:500 13px/1.5 var(--font-sans);letter-spacing:0;margin-top:8px;display:block}.project-title{font:600 clamp(43px, 4.5vw, 72px)/1.1 var(--font-display);letter-spacing:-.065em}.tag{color:#b8bdba;font:10px/1 var(--font-mono);border:1px solid #5b605d;border-radius:20px;padding:9px 11px}.project-art{isolation:isolate;justify-content:center;align-items:center;min-height:260px;display:flex;position:relative;overflow:hidden}.art-word{z-index:2;color:#f3f3ef;font:600 clamp(34px, 4vw, 62px)/1 var(--font-display);letter-spacing:-.07em;position:absolute;bottom:22px;right:25px}.art-shape{aspect-ratio:1;width:54%;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:relative}.project-card:hover .art-shape{transform:scale(1.08)rotate(4deg)}.art-forma{background:#424849}.art-forma .art-shape{border:25px solid #bcc1bd;border-radius:50%;box-shadow:0 0 0 42px #858e89,0 0 0 84px #626b67}.art-forma .art-shape:after{content:"";background:#303636;border-radius:50%;position:absolute;inset:24%}.art-atlas{background-color:#333a3d;background-image:linear-gradient(#abb6b21c 1px,#0000 1px),linear-gradient(90deg,#abb6b21c 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:32px 32px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.art-atlas .art-shape{aspect-ratio:1.2;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#89928e;width:50%;transform:rotate(-12deg);box-shadow:30px 30px #59635f,60px 60px #3e4945}.project-card:hover .art-atlas .art-shape{transform:rotate(-6deg)scale(1.05)}.art-mono{background:#51514e}.art-mono .art-shape{aspect-ratio:.8;background:linear-gradient(130deg,#bbbcb6 0 40%,#737872 40% 70%,#a0a39b 70%);border:12px solid #d2d0c8;width:48%;box-shadow:25px 25px #292b2a}.art-mono .art-shape:after{content:"M";color:#ece9df80;font:italic 170px/1 Georgia,serif;position:absolute;top:3%;left:9%}.experience-title{font:600 clamp(20px, 2.4vw, 30px) var(--font-display);letter-spacing:-.04em}.skill-pill{color:#c6cac7;border:1px solid #656a66;border-radius:100px;padding:14px 18px;font-size:14px}.contact-link{font:600 clamp(45px, 7.8vw, 120px)/1 var(--font-display);letter-spacing:-.08em;border-bottom:1px solid #8e9490;justify-content:space-between;align-items:baseline;padding-bottom:22px;display:flex}.contact-link span{font:400 clamp(35px, 5vw, 70px) var(--font-sans)}@keyframes breathe{50%{opacity:.55;box-shadow:0 0 0 8px #b7bfba08}}@keyframes rise-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.mobile-menu{display:block}.nav-link{font-size:11px}.hero-title{font-size:clamp(54px,12vw,92px)}.round-arrow{width:52px;height:52px;font-size:23px}.section-grid{display:block}.section-title{font-size:clamp(47px,9vw,70px)}.project-art{min-height:270px}.project-title{font-size:42px}.contact-link{font-size:clamp(44px,8.5vw,70px)}}@media (max-width:420px){.hero-title{font-size:clamp(49px,11.7vw,62px)}.contact-link{font-size:42px}.contact-link span{font-size:30px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.live-dot,.hero-enter{animation:none}.art-shape,.round-arrow{transition:none}.menu-toggle,.menu-toggle-line,.mobile-menu-panel,.mobile-menu-link{transition:none!important}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}
