@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-tracking:initial}}}@layer theme{:root,:host{--u-font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--u-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--u-spacing:.25rem;--u-tracking-wide:.025em;--u-default-font-family:var(--u-font-sans);--u-default-mono-font-family:var(--u-font-mono);--u-spacing-fluid-xs:clamp(.5rem, 1vw, .625rem);--u-spacing-fluid-sm:clamp(1rem, 2vw, 1.5rem);--u-spacing-fluid-xl:clamp(2.5rem, 5vw, 3.5rem);--u-gap-gutter:20px}}@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(--u-default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--u-default-font-feature-settings,normal);font-variation-settings:var(--u-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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--u-default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--u-default-mono-font-feature-settings,normal);font-variation-settings:var(--u-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{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{.u\:relative{position:relative}.u\:z-2{z-index:2}.u\:mt-12{margin-top:calc(var(--u-spacing) * 12)}.u\:mt-fluid-xl{margin-top:var(--u-spacing-fluid-xl)}.u\:flex{display:flex}.u\:grid{display:grid}.u\:h-\[50vh\]{height:50vh}.u\:h-full{height:100%}.u\:min-h-\[50vh\]{min-height:50vh}.u\:w-full{width:100%}.u\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.u\:flex-col{flex-direction:column}.u\:items-center{align-items:center}.u\:justify-between{justify-content:space-between}.u\:justify-center{justify-content:center}.u\:gap-gutter{gap:var(--u-gap-gutter)}.u\:px-4{padding-inline:calc(var(--u-spacing) * 4)}.u\:py-fluid-sm{padding-block:var(--u-spacing-fluid-sm)}.u\:text-center{text-align:center}.u\:tracking-wide{--tw-tracking:var(--u-tracking-wide);letter-spacing:var(--u-tracking-wide)}.u\:select-none{-webkit-user-select:none;user-select:none}@media(min-width:48rem){.u\:md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.u\:md\:py-fluid-xs{padding-block:var(--u-spacing-fluid-xs)}}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}:root{--primary-color:#e4c787;--primary-contrast-color:#192727;--secondary-color:#9ab28a;--secondary-contrast-color:#593636;--tertiary-color:#bbb387;--tertiary-contrast-color:#313804;--quaternary-color:#c4a8b8;--quaternary-contrast-color:#3a2d2d;--loading-bg:#192727;--loading-fg:#e4c787;--loading-accent:#9ab28a;--main-font-family:"Supply";--secondary-font-family:"Nikkei";--page-title:"INDEX"}a,button,[role=button]{touch-action:manipulation}@font-face{font-family:Supply;src:url(/fonts/Supply/PPSupplySans-Regular.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Neue-Mono;src:url(/fonts/NeueMono/PPNeueMontrealMono-Book.otf)format("opentype");font-weight:200;font-style:normal}@font-face{font-family:Nikkei;src:url(/fonts/Nikkei/PPNikkeiLine-Light.otf)format("opentype");font-weight:200;font-style:normal}.sr-only{clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-container{background-color:var(--primary-contrast-color);max-width:1920px;min-height:100vh;margin:0 auto}root{font-size:16px}html body{background-color:var(--primary-color,#e4c787);overflow-x:hidden}.display{display:grid!important}.display-none{display:none!important}.hidden{visibility:hidden!important}.mouse-circle{z-index:999;mix-blend-mode:difference;pointer-events:none;opacity:0;background-color:#0000;border:2.5px solid #f5e0b4;border-radius:50%;width:25px;height:25px;transition:transform 50ms,background-color .1s,width .1s,height .1s,opacity .3s;position:fixed;transform:translate(-50%,-50%)}.mouse-circle.hovered{mix-blend-mode:difference;background-color:#f5e0b4;border:#f5e0b4;width:50px;height:50px}#initial-screen{z-index:9999;background:var(--loading-bg);opacity:1;pointer-events:auto;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}#initial-screen .icon-wrapper{width:100px;height:100px;color:var(--loading-fg);justify-content:center;align-items:center;display:flex}#initial-screen .icon-wrapper svg,#initial-screen .icon-wrapper .c-icon{width:100px;height:100px;color:var(--loading-fg)}#loading-canvas{z-index:10002;pointer-events:none;display:block;position:fixed;inset:0}#loading-screen{z-index:10000;pointer-events:none;opacity:0;justify-content:center;align-items:center;display:none;position:fixed;inset:0;overflow:hidden}.loading-content{box-sizing:border-box;width:100%;height:100%;font-family:var(--main-font-family);color:var(--loading-fg);z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2.5rem 3rem;display:flex;position:relative;overflow:hidden}.loading-top{flex-direction:row;justify-content:center;align-items:center;gap:2rem;width:100%;display:flex}.loading-icon{width:80px;height:80px;color:var(--loading-fg);flex-shrink:0}.loading-icon svg,.loading-icon .c-icon{width:80px;height:80px;color:var(--loading-fg)}.loading-name-text{font-family:var(--main-font-family);color:var(--loading-fg);white-space:nowrap;align-items:center;min-width:0;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:700;line-height:1;display:flex}.loading-note{font-family:var(--main-font-family);color:var(--loading-fg);opacity:1;white-space:nowrap;text-align:center;margin-top:2rem;margin-bottom:0;font-size:clamp(.7rem,1.4vw,.9rem)}.hero{background-image:url(/_astro/default.ChUQVXlH.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;height:100vh;position:relative;overflow:hidden}.hero-canvas{object-fit:cover;width:min(100vw,1920px);height:100vh;position:relative}.hero-container{position:absolute;bottom:20px;left:20px}.hero-container.removed{display:none}.name-container{position:relative}.name-background{z-index:1;background-color:#0000;width:100%;height:100%;position:absolute}.name-background.hovered-version{background-color:var(--primary-color)}.name-text{z-index:2;font-size:8rem;line-height:.92;font-family:var(--main-font-family);color:var(--primary-color);mix-blend-mode:exclusion;white-space:nowrap;position:relative;overflow:hidden}.name-text.hovered-version{color:var(--primary-contrast-color);mix-blend-mode:normal}.name-text::selection{background-color:var(--primary-color);color:var(--primary-contrast-color)}.name-text.hovered-version::selection{background-color:var(--primary-contrast-color);color:var(--primary-color)}.name-text.no-blend{mix-blend-mode:normal}.name-text.no-blend::selection{background-color:var(--primary-contrast-color);color:var(--primary-color)}.bottom-row{-webkit-user-select:none;user-select:none;flex-direction:row;display:flex}.icon-container{width:90px;height:120px;display:flex;position:relative}.icon-background,.icon-background-invisible{background-color:#0000;width:100%;height:100%;position:absolute}.icon-background{z-index:1}.icon-background.hovered-version{background-color:var(--primary-color)}.icon-background-invisible{z-index:2;pointer-events:auto}.svg-position{z-index:3;mix-blend-mode:exclusion;justify-content:flex-start;align-items:center;padding-left:7px;display:flex;position:relative}.svg-position.secondary{mix-blend-mode:normal}.svg-position.removed{display:none}.role-container{flex-direction:row;width:155px;height:120px;display:flex;position:relative}.role-background,.role-background-invisible{background-color:#0000;width:100%;height:100%;position:absolute}.role-background{z-index:1}.role-background.hovered-version{background-color:var(--primary-color)}.role-background-invisible{z-index:2;pointer-events:auto}.role-text{z-index:3;color:var(--primary-color);mix-blend-mode:exclusion;font-family:var(--main-font-family);justify-content:center;align-items:center;margin-top:.4rem;font-size:2rem;line-height:1;display:flex;position:relative}.role-text.hovered-version{color:var(--primary-contrast-color);mix-blend-mode:normal}.access-background{background-color:var(--primary-color);width:58rem;height:18rem;position:absolute;bottom:0;left:0}.hero-content-accessible{width:fit-content;height:fit-content;position:absolute;bottom:20px;left:20px}.hero-content-accessible.removed{display:none}.name-text-accessible{font-size:8rem;line-height:.92;font-family:var(--main-font-family);color:var(--primary-contrast-color);white-space:nowrap;overflow:hidden}.name-text-accessible::selection{background-color:var(--primary-contrast-color);color:var(--primary-color)}.role-text-accessible{color:var(--primary-contrast-color);font-family:var(--main-font-family);justify-content:center;align-items:center;margin-top:.4rem;font-size:2rem;line-height:1;display:flex}.access-button{z-index:3;background-color:var(--primary-color);height:1.7rem;color:var(--primary-contrast-color);font-family:var(--main-font-family);cursor:pointer;font-size:1.7rem;line-height:1.7rem;position:absolute;bottom:0;right:0}.access-button::selection{background-color:var(--primary-contrast-color);color:var(--primary-color)}@media(max-width:911px){.name-text,.name-text-accessible{font-size:6rem}.access-background{width:44rem;height:16rem}.svg-position{padding-left:6px}}@media(max-width:720px){.name-text,.name-text-accessible{font-size:5rem}.access-background{width:37rem;height:15rem}.access-button{height:1.3rem;font-size:1.3rem;line-height:1.3rem}.svg-position{padding-left:5px}}@media(max-width:600px){.name-text,.name-text-accessible{font-size:4rem}.svg-position{padding-left:4px}.loading-content{gap:1.5rem;padding:2rem 1.5rem}.loading-top{justify-content:center;align-items:center;gap:1.5rem;padding:0}.loading-icon,.loading-icon svg,.loading-icon .c-icon{flex-shrink:0;width:56px;height:56px}.loading-name-text{white-space:nowrap;align-items:center;min-width:0;margin-top:1.5rem;margin-left:1rem;font-size:clamp(1.4rem,6vw,1.8rem);line-height:1;display:flex}.loading-note{text-align:left;margin-top:4rem;padding:0 .5rem;font-size:clamp(.65rem,2.8vw,.85rem)}}@media(max-width:466px){.name-text,.name-text-accessible{font-size:3rem}.svg-position{padding-left:3px}}@media(max-width:360px){.name-text,.name-text-accessible{font-size:2.6rem}.svg-position{padding-left:2px}}.background-color{background-color:var(--primary-color)}.alt-color{color:var(--alt-color)}.link-box-wrapper{box-sizing:border-box;outline:25px solid #0000;width:100%;padding-top:25px;padding-left:15px;padding-right:15px}.link-box{background-color:var(--primary-contrast-color);color:var(--primary-color);box-sizing:border-box;font-family:var(--secondary-font-family);cursor:pointer;font-size:clamp(3rem,16vw,18rem);line-height:1.2;height:max(15rem,50vh)!important}.link-box:hover{background-color:var(--secondary-color);color:var(--secondary-contrast-color);outline:25px solid var(--primary-contrast-color)}.link-box-text::selection{background-color:var(--secondary-contrast-color);color:var(--secondary-color)}.tracking-work{letter-spacing:.117em}.tracking-about{letter-spacing:.035em}.tracking-contact{letter-spacing:.115em}.pixel-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.source-image{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.scroll-container{background-color:var(--secondary-color);color:var(--secondary-contrast-color);overflow:hidden}.scroll-track{white-space:nowrap;will-change:transform;gap:15rem;width:fit-content;animation:20s linear infinite scroll;display:flex;transform:translateZ(0)}.scroll-track.slow{animation-duration:60s!important}.scroll-text{font-family:var(--secondary-font-family);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;backface-visibility:hidden;font-size:52.7vh;line-height:1;position:relative;top:0;left:0}.scroll-text:hover{text-decoration:underline overline}@keyframes scroll{to{transform:translate(calc(-50% - 7.5rem))}}.line-container{background:var(--secondary-color);color:var(--secondary-contrast-color);cursor:crosshair;font-family:var(--secondary-font-family);position:relative;overflow:hidden;height:max(20rem,50vh)!important}.interactive-section{background:var(--secondary-color);height:auto;color:var(--secondary-contrast-color);cursor:crosshair;font-family:var(--secondary-font-family);position:relative;overflow:hidden}.section-title{color:var(--secondary-contrast-color);margin:.5rem 0;font-family:monospace;font-size:1.2rem;font-weight:700}.section-divider{background-color:var(--secondary-contrast-color);width:100%;height:2px}.content-container{height:auto;margin-top:0;display:flex}.image-display-area{flex:1;justify-content:center;align-items:center;min-height:200px;margin-right:1.5rem;padding:1rem 0;display:flex}.preview-image{aspect-ratio:1;border:2px solid var(--secondary-contrast-color);opacity:0;background:50%/cover no-repeat;width:100%;height:100%;max-height:15rem;transition:max-height .3s,height .3s}.boxes-container{flex-direction:column;flex:1;display:flex}.bullet-box{width:100%;color:var(--secondary-contrast-color);cursor:pointer;text-align:right;border:none;flex:1;justify-content:flex-end;align-items:flex-end;margin:0;padding:0;transition:color .1s cubic-bezier(.215,.61,.355,1);display:flex;position:relative}.bullet-box+.bullet-box{border-top:1px solid var(--secondary-contrast-color)}.bullet-box:before{content:"";background-color:var(--secondary-contrast-color);z-index:0;transform-origin:bottom;width:calc(100% + 1px);height:100%;margin:0;padding:0;transition:transform .15s cubic-bezier(.215,.61,.355,1) .15s;position:absolute;inset:0;transform:scaleY(0)}.bullet-title{font-size:1.2rem;font-weight:700;font-family:var(--secondary-font-family);z-index:1;margin:0;padding:0;position:relative}.bullet-box:hover,.bullet-box.is-active{color:var(--secondary-color)}.bullet-box:hover:before,.bullet-box.is-active:before{transform-origin:top;transition-delay:0s;transform:scale(1)}.section-title::selection{background-color:var(--secondary-contrast-color);color:var(--secondary-color)}.bullet-title::selection{background-color:var(--secondary-color);color:var(--secondary-contrast-color)}.resume-box-wrapper{box-sizing:border-box;outline:25px solid #0000;width:100%;position:relative;height:max(15rem,50vh)!important}.resume-box{background-color:var(--secondary-color);color:var(--secondary-contrast-color);box-sizing:border-box;font-family:var(--secondary-font-family);cursor:pointer;height:100%;font-size:clamp(3rem,16vw,18rem);line-height:1.2}.resume-box:hover{background-color:var(--tertiary-color);color:var(--tertiary-contrast-color);outline:25px solid var(--tertiary-contrast-color)}.resume-box-text::selection{background-color:var(--tertiary-contrast-color);color:var(--tertiary-color)}@media(max-width:768px){.link-box{height:30vh!important}.preview-image{aspect-ratio:3;width:100%;height:auto;max-height:none}.content-container{flex-direction:column}.image-display-area{width:100%;min-height:auto;margin-bottom:1rem;margin-right:0}.section-title{text-align:center}.button-desktop{display:none}}@media(min-width:768px){.interactive-section{flex-direction:column;height:max(30rem,50vh);display:flex}.content-container{flex-direction:row;flex:1 1 0;min-height:0;display:flex}.boxes-container{flex-direction:column;height:100%;min-height:0;display:flex}.bullet-box{min-height:0}.bullet-title{font-size:1.6rem;line-height:1}.button-mobile{display:none}}.scroll-container-manual{background-color:var(--secondary-color);color:var(--secondary-contrast-color);width:100%;height:max(30rem,40vh);overflow:hidden}.scroll-container-manual:hover{background-color:var(--tertiary-color);color:var(--tertiary-contrast-color);outline:25px solid var(--tertiary-contrast-color)}@media(max-height:650px){.scroll-container-manual{height:max(20rem,90vh)}}@media(max-width:400px){.scroll-section-title{font-size:clamp(1rem,2vw,2rem)!important}.vertical-item{font-size:clamp(.9rem,1.5vw,1.2rem)!important}}.scroll-track-manual{width:400%;height:100%;display:flex}.scroll-text-manual{z-index:2;font-family:var(--secondary-font-family);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding-left:clamp(0rem,8vw,10rem);padding-right:clamp(0rem,8vw,10rem);line-height:1;display:flex;position:relative}.scroll-content-wrapper{flex-direction:column;align-items:stretch;gap:1rem;width:100%;display:flex}.scroll-section-title{text-align:left;width:100%;font-size:clamp(1.4rem,5vw,3rem);font-weight:700}.scroll-section-title:hover{text-decoration:underline overline}.vertical-list{flex-direction:column;justify-content:center;width:100%;margin:0;padding:0;list-style:none;display:flex}.vertical-item{text-align:justify;text-align-last:justify;text-justify:inter-word;padding:.5rem 0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.4;position:relative}.contact-box{background-color:var(--primary-contrast-color);color:var(--primary-color);box-sizing:border-box;font-family:var(--secondary-font-family);cursor:pointer;height:max(15rem,25vh);font-size:clamp(4rem,10vw,11rem);font-weight:700;line-height:1}.contact-box:hover{background-color:var(--tertiary-color);color:var(--tertiary-contrast-color);outline:15px solid var(--tertiary-contrast-color)}.contact-box-text::selection{background-color:var(--tertiary-contrast-color);color:var(--tertiary-color)}.contact-box-title-subtext{font-size:clamp(1.5rem,5vw,3rem)}.contact-box-subtext{font-size:clamp(1rem,1.8vw,2rem)}.contact-box-subtext::selection{background-color:var(--tertiary-contrast-color);color:var(--tertiary-color)}.contact-box-title-subtext::selection{background-color:var(--tertiary-contrast-color);color:var(--tertiary-color)}.location-box{height:max(20rem,30vh)!important}.resume-background{background-color:var(--secondary-color)}.interactive-section .content-container .justify-stretch{text-align:justify;word-spacing:.2em;width:100%;display:block;letter-spacing:normal!important}.interactive-section .content-container .justify-stretch:after{content:"";width:100%;height:0;display:inline-block}.tracking-location{letter-spacing:.15em}.tracking-github{letter-spacing:.25em}.tracking-email{letter-spacing:.45em}.tracking-resume{letter-spacing:.15em}@property --tw-tracking{syntax:"*";inherits:false}.c-icon{display:inline-block;vertical-align:middle}.c-icon svg{--icon-height: calc(var(--icon-width, var(--_icon-width)) * (1 / (var(--icon-ratio))));display:block;width:var(--icon-width, var(--_icon-width));height:var(--icon-height);fill:currentColor}.svg-logo{--_icon-width: 32px;--icon-ratio: calc(925 / 302)}.svg-icon-amber-supply,.svg-icon-green-supply{--_icon-width: 75px;--icon-width: 75px;--icon-height: 75px;--icon-ratio: 1}.font-nikkei[data-astro-cid-sckkx6r4]{font-family:Nikkei}.footer-selection[data-astro-cid-sckkx6r4]{user-select:none}