@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";@layer components;@layer theme{:root,:host{--font-sans:-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-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--font-weight-bold:700;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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 utilities{.grid{display:grid}.hidden{display:none}}:root{--color-white:#fff;--color-black:#000;--color-background:var(--color-white);--page-padding:24px;--page-padding-mobile:16px;--page-bottom-space:20px;--line-height:1.2;--grid-gap:1rem;--header-height:20vh;--header-height-mobile:15vh;--header-width:20vw;--header-width-mobile:40vw;--header-height-compact:7.5vh;--header-content-padding-top:32px;--icon-menu-size:3rem;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:40px;--spacing-xll:50px;--spacing-xxl:75px;--border-width:1px;--radius-small:4px;--radius-medium:8px;--radius-large:16px;--media-gap:10px;--font-primary:"Manrope", sans-serif;--font-weight-primary:600;--font-weight-bold:900;--font-size-xs:9px;--font-size-sm:12px;--font-size-md:16px;--font-size-mdlg:20px;--font-size-lg:24px;--font-size-xl:48px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.5s ease;--opacity-full:1;--opacity-medium:.5;--opacity-low:0;--opacity-hover:.2;--clamp:clamp(250px, 25vw, 300px)}html{scroll-behavior:smooth}body{background-color:var(--color-background);color:var(--color-black);font-family:var(--font-primary);font-weight:var(--font-weight-primary);margin:0}*{box-sizing:border-box}.app-content{opacity:0}.app-content--visible{animation:.35s ease-out forwards page-fade-in}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}.project-grid{padding-inline:var(--page-padding)}@media (width<=768px){:root{--page-padding:var(--page-padding-mobile);--header-height:20vh;--header-height-compact:50px;--font-size-xl:36px}}@keyframes sprite-6x3{0%{background-position:0 0}5.555%{background-position:20% 0}11.111%{background-position:40% 0}16.666%{background-position:60% 0}22.222%{background-position:80% 0}27.777%{background-position:100% 0}33.333%{background-position:0%}38.888%{background-position:20%}44.444%{background-position:40%}50%{background-position:60%}55.555%{background-position:80%}61.111%{background-position:100%}66.666%{background-position:0 100%}72.222%{background-position:20% 100%}77.777%{background-position:40% 100%}83.333%{background-position:60% 100%}88.888%{background-position:80% 100%}94.444%{background-position:100% 100%}to{background-position:100% 100%}}.header{z-index:40;width:100%;height:var(--header-height);transition:height var(--transition-normal);background-color:#fff;position:fixed;top:0;left:0}.header__menu,.header__back{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.header--compact{height:var(--header-height-compact)}.header__link--active{opacity:var(--opacity-medium)}.header__link{transition:opacity var(--transition-fast), transform .3s ease}.header__container{width:100%;height:100%;position:relative}.header__content{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;padding:0;display:flex;position:relative}.header__title{width:var(--header-width);height:auto;transition:transform var(--transition-normal), opacity var(--transition-fast);display:block}.header__title--hidden{opacity:0;pointer-events:none;position:absolute;transform:translateY(-1rem)}.header__navigation{justify-content:center;align-items:center;gap:var(--spacing-xxl);font-size:var(--font-size-md);display:flex;position:static;transform:none}@media (hover:hover){.header__link:hover{opacity:var(--opacity-medium);transform:scale(.9)}}@media (width<=768px){.header{height:var(--header-height-mobile)}.header__title{width:var(--header-width-mobile);height:auto;transition:transform var(--transition-normal), opacity var(--transition-fast);display:block}.header--compact{height:var(--header-height-compact)}.header__navigation{width:100%;padding-inline:var(--page-padding);font-size:var(--font-size-md);justify-content:space-between;gap:0}}.project-grid{gap:var(--grid-gap);padding-inline:var(--page-padding);padding-bottom:var(--page-bottom-space);display:grid}.project-grid--2-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid--4-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{overflow:hidden}.project-card a{color:inherit;text-decoration:none;display:block}.project-card__image-wrapper{aspect-ratio:4/3;background-color:#f5f5f5;border-radius:8px;position:relative;overflow:hidden}.project-card__image{object-fit:cover;width:100%;height:100%;transition:opacity var(--transition-normal)}.project-card__overlay{opacity:0;transition:opacity var(--transition-normal);pointer-events:none;background-color:#ffffffe6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-card__info{text-align:center;flex-direction:column;align-items:center;display:flex}.project-card__title{font-size:var(--font-size-md);margin:0}.project-card__category{font-size:var(--font-size-sm);margin:4px 0 0}.project-card__year{font-size:var(--font-size-sm);margin:2px 0 0}.project-card__animation{width:var(--project-animation-size);aspect-ratio:400/230;top:var(--project-animation-top);opacity:0;background-position:0 0;background-repeat:no-repeat;background-size:600% 300%;position:absolute;left:47%;transform:translate(-50%,-50%)}.project-grid--work{--project-animation-size:70%;--project-animation-top:50%}.project-grid--lab{--project-animation-size:90%;--project-animation-top:52%}.project-grid--all{--project-animation-size:80%;--project-animation-top:50%}.project-card:hover .project-card__animation{opacity:1;animation:1.5s step-end forwards sprite-6x3}.project-card:hover .project-card__image,.project-card:hover .project-card__overlay{opacity:1}@media (width<=768px){.project-grid--2-columns,.project-grid--4-columns{grid-template-columns:1fr}}@media (hover:none){.project-card:hover .project-card__image{opacity:1}.project-card:hover .project-card__overlay{opacity:0}}.project-viewer{z-index:30;gap:var(--grid-gap);padding-inline:var(--page-padding);opacity:0;background:#fff;grid-template-columns:1fr 1fr;animation:.3s forwards project-viewer-in;display:grid;position:fixed;inset:0}@keyframes project-viewer-in{0%{opacity:0}to{opacity:1}}.project-viewer__info{padding-top:var(--header-height-compact);align-items:center;display:flex}.project-viewer__info-content{width:100%;max-width:520px;margin-inline:auto}.project-viewer__title{font-size:var(--font-size-md);margin:0}.project-viewer__meta{margin-top:var(--spacing-lg);opacity:var(--opacity-medium);font-style:italic}.project-viewer__meta p{margin:0}.project-viewer__description{margin-top:var(--spacing-xl);white-space:pre-line;max-width:520px;line-height:1.2}.project-viewer__media{gap:var(--media-gap);height:100vh;padding-top:var(--header-height-compact);flex-direction:column;display:flex;overflow-y:auto}.project-viewer__media-item{justify-content:center;width:100%;padding-bottom:20px;display:flex}.project-viewer__media-item img,.project-viewer__media-item video,.project-viewer__media-item iframe{object-fit:contain;border-radius:10px;width:auto;max-width:100%;height:auto;max-height:90vh;display:block}.project-viewer__media-item video{height:auto}.project-viewer__media-item iframe{aspect-ratio:16/9}.project-viewer__back{z-index:60;cursor:pointer;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;position:absolute;top:1rem;left:1rem}.project-viewer__video-preview{aspect-ratio:16/9;cursor:pointer;background:#000;border:0;border-radius:10px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.project-viewer__video-preview img{object-fit:cover;width:100%;height:100%;display:block}.project-viewer__play-button{color:#000;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:20px;line-height:1;transition:transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-viewer__video-preview:hover .project-viewer__play-button{transform:translate(-50%,-50%)scale(1.1)}@media (width<=768px){.project-viewer{top:var(--header-height-compact);height:calc(100vh - var(--header-height-compact));padding-inline:var(--page-padding);flex-direction:column;gap:0;display:flex;overflow-y:auto}.project-viewer__info{padding-top:var(--page-padding);padding-bottom:var(--page-bottom-space);order:1;align-items:flex-start;display:flex}.project-viewer__media{width:100%;height:auto;padding-top:var(--header-height-compact);gap:var(--media-gap);order:2;overflow:visible}.project-viewer__media-item iframe{aspect-ratio:16/9}.project-viewer__info-content{width:100%;max-width:none}.project-viewer__back{position:fixed;top:1rem;left:1rem}}.work-page__content{width:50%;padding-top:calc(var(--header-height-compact)*1.3);margin-inline:auto;transition:opacity .5s}.work-page__content--open{opacity:.1}@media (width<=768px){.work-page__content{width:100%}}.home-page__content{padding-top:var(--header-height);width:50%;margin-inline:auto;transition:opacity .5s}.home-page__content--open{opacity:.1}@media (width<=768px){.home-page__content{padding-top:var(--header-height-mobile);width:100%;transition:opacity .5s}}.project-page{background-color:var(--color-white);min-height:100vh}.project-page__content{min-height:100vh;padding-top:var(--header-height-compact);grid-template-columns:1fr 1fr;display:grid}.project-page__info{top:var(--header-height-compact);height:calc(100vh - var(--header-height-compact));padding-inline:var(--page-padding);align-items:center;display:flex;position:sticky}.project-page__info-content{width:100%;max-width:520px;margin-inline:auto}.project-page__title{font-size:var(--font-size-md);margin:0}.project-page__meta{margin-top:var(--spacing-lg);font-size:var(--font-size-md);font-style:italic}.project-page__meta p{margin:0}.project-page__description{max-width:520px;margin-top:var(--spacing-xl);font-size:var(--font-size-md);line-height:1.2}.project-page__description p{white-space:pre-line}.project-page__media{height:calc(100vh - var(--header-height-compact));padding-inline:var(--page-padding);padding-bottom:var(--page-bottom-space);overflow-y:auto}.project-page__media-item{justify-content:center;width:100%}.project-page__media-item img,.project-page__media-item video{object-fit:contain;border-radius:10px;justify-content:center;width:100%;height:auto;max-height:80vh;display:block}.lab-page{background-color:var(--color-white);min-height:100vh}.lab-page__content{padding-top:calc(var(--header-height-compact)*1);width:70%;margin-inline:auto;transition:opacity .5s}.lab-page__content--open{opacity:.1}@media (width<=768px){.lab-page__content{width:100%}}.about-page{background-color:var(--color-white);min-height:100vh}.about-page__content{height:calc(100vh - var(--header-height-compact));padding-top:var(--header-height-compact);grid-template-columns:35% 35% 30%;display:grid}.about-page__intro-column,.about-page__info-column{padding:var(--page-padding);padding-right:2rem}.about-page__text{height:calc(100vh - var(--header-height-compact));padding:var(--page-padding);overflow-y:auto}.about-page__text-content{max-width:650px;padding-top:0;padding-bottom:var(--page-bottom-space);margin-inline:auto}.about-page__intro p{white-space:pre-line;margin:0 0 var(--spacing-lg);font-size:var(--font-size-md);line-height:var(--line-height)}.about-page__info-column .about-page__section:first-child{margin-top:0}.about-page__section{margin-top:var(--spacing-xll)}.about-page__section-title{margin:0 0 var(--spacing-lg);font-size:var(--font-size-md);opacity:var(--opacity-medium)}.about-page__section-keyword{font-weight:var(--font-weight-bold);font-size:var(--font-size-mdlg);margin:0 0 var(--spacing-lg);line-height:var(--line-height);margin-bottom:4rem}.about-page__awards{gap:var(--spacing-xs);flex-direction:column;display:flex}.about-page__award{font-size:var(--font-size-md);line-height:var(--line-height);grid-template-columns:80px 1fr;display:grid}.about-page__award-year,.about-page__award-title{display:block}.about-page__email{margin-bottom:var(--spacing-lg);color:inherit;transition:opacity var(--transition-fast);text-decoration:none;display:block}.about-page__email:hover{opacity:var(--opacity-medium)}.about-page__value{font-size:var(--font-size-md);line-height:var(--line-height);margin:0}.about-page__visual{height:calc(100vh - var(--header-height-compact));justify-content:center;align-items:center;display:flex;overflow:hidden}.about-page__contact{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.about-page__contact a{transition:opacity var(--transition-fast)}.about-page__contact a:hover{opacity:var(--opacity-medium)}.about-page__animation{flex-shrink:0;width:100%;height:100%}.about-page__animation video{object-fit:cover;border-radius:10px;width:95%;height:95%;margin-top:2.5%;display:block}@media (width<=768px){.about-page__content{height:auto;padding-top:var(--header-height-compact);flex-direction:column;display:flex}.about-page__intro-column,.about-page__info-column{width:100%;padding:var(--page-padding)}.about-page__visual{width:100%;height:calc(100vh - var(--header-height-compact))}.about-page__animation{width:100%;margin-top:4rem}.about-page__animation video{object-fit:cover;border-radius:10px;width:80%;height:90%;margin-top:2.5%;margin-left:10%;display:block}}