*{box-sizing:border-box}html,body,#root{min-height:auto;max-width:100%;overflow-x:hidden}html,html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--page-bg);color:var(--page-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html.ethan-portfolio{scroll-behavior:smooth}::selection{background:var(--selection-bg);color:var(--selection-text)}img{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){html.ethan-portfolio{scroll-behavior:auto}}html{--font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--page-bg: #ffffff;--page-text: #000000;--text-muted: #a0a5ac;--text-muted-hover: #c2c6cc;--text-hover: #a0a5ac;--border: #e1e4e8;--selection-bg: #000000;--selection-text: #ffffff;--media-bg: #e1e4e8}html[data-theme=light]{--page-bg: #ffffff;--page-text: #000000;--text-muted: #a0a5ac;--text-muted-hover: #c2c6cc;--text-hover: #a0a5ac;--border: #e1e4e8;--selection-bg: #000000;--selection-text: #ffffff;--media-bg: #e1e4e8}html[data-theme=dark]{--page-bg: #1a1a1c;--page-text: #e8e8ea;--text-muted: #9a9ea6;--text-muted-hover: #b0b4bc;--text-hover: #b8bcc4;--border: #333338;--selection-bg: #3d6db5;--selection-text: #f5f5f7;--media-bg: #252528}.portfolio-page{font-family:var(--font-sans);min-height:auto;width:100%;max-width:100%;overflow-x:hidden;display:flex;justify-content:center;padding:clamp(36px,6vw,72px) clamp(12px,2vw,20px) 30px;background:var(--page-bg);color:var(--page-text);cursor:crosshair;transition:background .2s ease,color .2s ease}.portfolio-page a,.portfolio-page button,.portfolio-page .contact-link,.portfolio-page .entry-row,.portfolio-page .scroll-hint,.portfolio-page .theme-toggle{cursor:pointer}.portfolio-content{width:100%;max-width:560px;min-width:0;overflow-x:hidden;display:flex;flex-direction:column;gap:0;animation:portfolio-enter 1.1s cubic-bezier(.22,1,.36,1) both}.portfolio-content>*{padding-bottom:clamp(20px,3vw,32px)}.portfolio-content>*+*{border-top:1px solid var(--border);padding-top:clamp(20px,3vw,32px)}@keyframes portfolio-enter{0%{opacity:0;filter:blur(10px);transform:translateY(24px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.portfolio-section{display:flex;flex-direction:column;gap:0}.section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px}.section-title{margin:0;font-family:inherit;font-size:17px;line-height:21px;letter-spacing:-.03em;font-weight:400}.portfolio-section--split .section-title,.portfolio-section--entries .section-title,.portfolio-section--gallery .section-title{font-size:15px;line-height:18px}.section-index{font-family:inherit;font-size:12px;line-height:14px;letter-spacing:-.01em;color:var(--text-muted);flex-shrink:0}.section-hint{margin:-8px 0 12px;font-family:inherit;font-size:10px;line-height:12px;letter-spacing:-.01em;color:var(--text-muted)}.intro-copy{display:flex;flex-direction:column;gap:0}.intro-copy p{margin:0 0 1em;font-family:inherit;font-size:12px;line-height:14px;letter-spacing:-.01em;color:var(--page-text)}.intro-copy p:last-child{margin-bottom:0}.intro-currently{margin-top:.15em}.contact-list{display:flex;flex-direction:column}.contact-link{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:3px 0;border:0;text-decoration:none;color:var(--page-text);font-family:inherit;font-size:12px;line-height:14px;letter-spacing:-.01em;transition:color .15s ease}.contact-link:hover,.contact-link:focus-visible{color:var(--text-hover);outline:none}.contact-link:hover .contact-link__arrow,.contact-link:focus-visible .contact-link__arrow{color:var(--text-hover)}.contact-link__num{font-family:inherit}.contact-link__arrow{color:var(--page-text);font-size:12px;line-height:1;transition:color .15s ease}.portfolio-section--split .section-header{padding-bottom:0}.portfolio-columns{display:flex;flex-flow:row;align-items:flex-start;gap:40px;width:100%}.portfolio-column{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:6px}.portfolio-column--education{gap:6px}.portfolio-column--education .entry-detail--inline{margin-top:12px;min-height:0;animation:none}.portfolio-column--education .entry-detail--inline .entry-detail__period{display:none}.entries-layout{display:flex;flex-direction:column;gap:24px;transition:gap .5s cubic-bezier(.22,1,.36,1)}.portfolio-section--entries .entries-layout:not(:has(.entry-detail-panel.is-visible)){gap:0}.entries-list{display:flex;flex-direction:column}.entry-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:2px 0;transition:color .15s ease}.entry-row__main{display:flex;align-items:center;gap:4px;min-width:0;flex:1}.entry-row__mark{width:5px;height:5px;flex-shrink:0}html[data-theme=dark] .entry-row__mark{box-shadow:0 0 0 .5px var(--border)}.entry-row__logo{height:13px;width:auto;max-width:13px;flex-shrink:0;display:block;object-fit:contain}.entry-row__title,.entry-row__period{font-family:inherit;font-size:12px;line-height:14px;letter-spacing:-.01em}.entry-row__title{color:var(--page-text)}.entry-row__title--link{text-decoration:none;border:0}.entry-row__title--link:hover,.entry-row__title--link:focus-visible{color:var(--text-hover);outline:none}.entry-row__period{color:var(--text-muted);flex-shrink:0;align-self:center}.entry-row.is-active .entry-row__title{color:var(--page-text)}.entry-row:hover .entry-row__title,.entry-row:focus-visible .entry-row__title{color:var(--text-hover)}.entry-row.is-active:hover .entry-row__title,.entry-row.is-active:focus-visible .entry-row__title{color:var(--page-text)}.entry-row:hover .entry-row__period,.entry-row:focus-visible .entry-row__period{color:var(--text-muted-hover)}.entry-row.is-active .entry-row__period{color:var(--text-muted)}.entry-row:focus-visible{outline:none}.entry-detail-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1),opacity .45s ease}.entry-detail-panel.is-visible{grid-template-rows:1fr;opacity:1}.entry-detail-panel__inner{overflow:hidden;min-height:0}.entry-detail{display:flex;flex-direction:column;gap:12px;padding-top:2px;animation:detail-fade-in .5s cubic-bezier(.22,1,.36,1) both}@keyframes detail-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.entry-detail__body{display:flex;flex-direction:column;gap:16px}.entry-detail__media{width:100%;aspect-ratio:3 / 2;border-radius:4px;overflow:hidden;background:var(--media-bg)}.entry-detail__media img{width:100%;height:100%;object-fit:cover}.entry-detail__title{display:inline-block;margin:0 0 8px;font-family:inherit;font-size:12px;line-height:14px;letter-spacing:-.01em;color:var(--page-text);text-decoration:none;border:0}a.entry-detail__title:hover,a.entry-detail__title:focus-visible{color:var(--text-hover);outline:none}.entry-detail__description,.entry-detail__credit{margin:0;font-family:inherit;font-size:12px;line-height:14px;letter-spacing:-.01em}.entry-detail__description{color:var(--page-text)}.entry-detail__credit{margin-top:8px;color:var(--text-muted);font-size:10px;line-height:12px}.entry-detail__period{margin:0;align-self:flex-end;font-family:inherit;font-size:10px;line-height:12px;color:var(--text-muted)}.project-showcase{display:flex;flex-direction:column;gap:12px}.project-showcase__media{width:100%;border-radius:4px;overflow:hidden;background:var(--media-bg)}.project-showcase__video{width:100%;max-width:100%;height:auto;display:block;vertical-align:middle;pointer-events:none}.project-showcase__meta{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.project-showcase__title,.project-showcase__year{margin:0;font-family:inherit;font-size:12px;line-height:14px;letter-spacing:-.01em}.project-showcase__title{color:var(--page-text)}.project-showcase__year{flex-shrink:0;color:var(--text-muted);font-size:10px;line-height:12px}.portfolio-showcases{scroll-margin-top:12px}.portfolio-showcases>*{padding-bottom:clamp(20px,3vw,32px)}.portfolio-showcases>*+*{border-top:1px solid var(--border);padding-top:clamp(20px,3vw,32px)}.portfolio-showcases>*:last-child{padding-bottom:0}.scroll-hint{position:fixed;right:clamp(40px,6vw,64px);bottom:clamp(20px,4vw,32px);z-index:20;display:flex;align-items:center;justify-content:center;padding:4px;border:0;background:none;color:#000;opacity:.85;transition:opacity .4s ease;animation:scroll-hint-bounce 4s ease-in-out infinite}html[data-theme=dark] .scroll-hint{color:var(--page-text)}.scroll-hint:hover,.scroll-hint:focus-visible{opacity:1;outline:none}.scroll-hint--hidden{opacity:0;pointer-events:none;animation:none}.scroll-hint__icon{width:16px;height:16px;display:block;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@keyframes scroll-hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.portfolio-content>.portfolio-footer{padding-bottom:0}.portfolio-footer{margin:0;display:flex;align-items:baseline;justify-content:space-between;gap:16px}.portfolio-footer p{margin:0;font-family:inherit;font-size:10px;line-height:12px;letter-spacing:-.01em;color:var(--text-muted)}.theme-toggle{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;font-family:inherit;font-size:10px;line-height:12px;letter-spacing:-.01em;color:var(--text-muted);flex-shrink:0;transition:color .15s ease}.theme-toggle:hover,.theme-toggle:focus-visible{color:var(--text-hover);outline:none}.theme-toggle__icon{width:11px;height:11px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}@media (max-width: 640px){.portfolio-page{padding-top:24px}.section-header{padding-bottom:12px}.portfolio-columns{flex-direction:column;gap:32px}.portfolio-section--split .section-header{padding-bottom:0}}@media (prefers-reduced-motion: reduce){.portfolio-content,.scroll-hint{animation:none}.entry-detail-panel,.entries-layout{transition:none}.entry-detail{animation:none}}