:root{margin:0;font-size:100%}body{padding:var(--chrome-band) var(--column-left) 4rem;box-sizing:border-box;background:#fefefe;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif}h1,h2,h3,h4,h5,h6,p,a,li{color:#111;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-aleo),Georgia,serif}h1{font-size:315.733%}h2{font-size:236.859%}h3{font-size:177.689%}h4{font-size:133.3%}h5{font-size:111%}h6{color:#acacac;text-transform:uppercase;letter-spacing:.1rem;font-size:90%}input{border:none;border-radius:8px;padding:.5rem 1rem;font-size:100%;transition:box-shadow .3s;box-shadow:inset 0 0 0 1px #11111180}input:hover{box-shadow:inset 0 0 0 2px #11111180}input:focus{outline:none;box-shadow:inset 0 0 0 2px #111}button{color:#111;background:0 0;border:none;border-radius:5rem;transition:box-shadow .3s;box-shadow:inset 0 0 0 1px #11111180}button:hover,button:focus{outline:none;box-shadow:inset 0 0 0 2px #111}.home__content{color:#111;font-size:6vw;font-weight:700;line-height:9vw}.home__link{transition:color .3s ease-in}.home__work-link{animation:1s ease-in-out infinite paused color-2}.home__work-link:hover{animation-play-state:running}.home__email-link{animation:1s ease-in-out infinite paused color-1}.home__email-link:hover{animation-play-state:running}.home__social-link{animation:1s ease-in-out infinite paused color-3}.home__social-link:hover{animation-play-state:running}.home__content-item{color:#fefefe;font-size:133.3%;font-weight:200;line-height:.6}.home__content-item--design{align-self:start}.home__content-item--music{justify-self:center}.home__content-item--systems{justify-self:end}@keyframes color-1{0%{color:#b27116}50%{color:#7bf542}to{color:#3816b2}}@keyframes color-2{0%{color:#1684b2}50%{color:#b27116}to{color:#7bf542}}@keyframes color-3{0%{color:#3816b2}50%{color:#b27116}to{color:#7bf542}}.music__intro{color:#fff;margin-bottom:1.66rem}.music__discography{max-width:46rem;margin:0;padding:0;list-style:none}.music__release{align-items:baseline;gap:1rem;padding:.4rem 0;display:flex}.music__year{font-variant-numeric:tabular-nums;color:#fff;flex:none;width:2.75rem}.music__record{flex:1}.music__title{font-family:var(--font-aleo),Georgia,serif;margin-right:.5rem;font-size:1.05rem;font-weight:700}.music__artist{color:#fff;font-size:.85rem}.music__format{color:#fff;flex:none;font-size:.8rem}.music__profiles{color:#fff;margin-top:1.66rem}.posters__section{margin-top:1.66rem}.posters__section>div{grid-template-columns:1fr 1fr 1fr 1fr 1fr;display:grid}.posters__section img{width:100%;margin-top:-4px}.posters__link{cursor:pointer}.posters__no-link{cursor:auto}@media (max-width:787px){.posters__section>div{grid-template-columns:1fr 1fr}}@media (max-width:550px){.posters__section>div{grid-template-columns:1fr}}.resume__wrapper{justify-content:space-between;margin-top:2.94964rem;display:flex}.resume__details{border-left:1px solid #acacac;margin-left:2.94964rem;padding-left:2.94964rem}.resume__description{line-height:1.66rem}.resume__date{color:#acacac;margin:1rem 0}.resume__title{margin-bottom:1.66rem}.resume__experience-project{margin-top:1rem}.resume__experience-project-title{color:#555;margin-bottom:1rem;font-size:100%;font-weight:700}.resume__experience-item,.resume__details-section,.resume__small-header{margin-bottom:1.66rem}.resume__skill-header{margin-bottom:.66rem;font-size:100%}.resume__list{margin:1rem 0;padding-left:1.1rem}.resume__list-item{line-height:1.66rem}@media (max-width:787px){.resume__wrapper{flex-direction:column}.resume__details{border:none;margin:0;padding:0}}@media (min-width:1440px){.resume__wrapper{max-width:1440px;margin:2.94964rem auto}}.work__password-form{flex-direction:column;justify-content:center;align-items:center;height:calc(100vh + -19rem + 5px);display:flex}.work__password-label{text-align:center;max-width:60vw;line-height:2}.work__password-input{text-align:center;-webkit-appearance:none;margin:1.66rem;padding:1rem 3.93186rem}.work__password-error{color:#c40a00}.work__password-button{margin-top:1rem;padding:.8rem 1.66rem;font-size:100%}.work__password-button--disabled{cursor:not-allowed;color:#acacac}.work__password-button--disabled:hover{box-shadow:inset 0 0 0 1px #11111180}.work__item{margin:1.66rem 0}.work__section-header{margin-top:1.66rem}.work__link-section{margin-bottom:3.93186rem}@media (min-width:40rem){.portal .work__index{text-align:center;margin:auto}}.work__year{margin-left:.6rem;font-size:.78rem}.work-item__section{margin:2.21278rem 0}.work-item__section--figma{margin:3.93186rem 0;display:flex}.work-item__main-section{max-width:50vw;margin:0 auto}.work-item__header{margin-top:3.93186rem;margin-bottom:1rem}.work-item__header--sub-header{font-size:113.305%}.work-item__description{line-height:2rem}.work-item__list{padding-left:1rem}.work-item__list-item{margin-bottom:1rem;line-height:2rem}.work-item__companies{color:#fefefe;margin-top:1rem}.work-item__video{width:50vw;height:30vw;margin:2.21278rem auto}.work-item__status{flex-wrap:wrap;align-items:center;gap:1rem;max-width:27rem;margin:1.66rem 0;display:flex}.work-item__status-link{overflow-wrap:anywhere;min-width:0}.work-item__status-item{border:1px solid #fefefe;border-radius:8px;padding:.66rem 1rem}.work-item__image{width:70vw;height:auto;margin:0 auto}.work-item__image-container{align-items:flex-start;margin:3.93186rem 0;display:flex}.work-item__small-image{max-width:50vw;margin:auto}.work-item__image-section{grid-column-gap:2rem;grid-template-columns:1fr 1fr;align-items:center;display:grid}.work-item__image-section .work-item__image{max-width:45vw}.work-item__related-links{flex-direction:column;display:flex}.work-item__related-link{margin-bottom:1rem}.work-item__link{background:#fafafa;border:1px solid #eee;border-radius:8px;margin:1rem 0;padding:1.15rem 2.2rem;transition:background .3s;display:inline-block}.work-item__link,.work-item__link:link,.work-item__link:visited,.work-item__link:hover,.work-item__link:active{color:#111}.work-item__link:hover{background:#eee}.work-item__figma{border:none;width:70vw;height:50vw;margin:auto}@media (max-width:950px){.work-item__image-section{flex-direction:column;display:flex}.work-item__image-section .work-item__image{width:80vw}.work-item__main-section{max-width:100%}.work-item__video{width:80vw;height:50vw}}.essay{flex-direction:column;gap:1.35rem;max-width:34rem;margin:0 auto;padding-bottom:1.66rem;display:flex}.essay__header{border-bottom:1px solid #fefefe;flex-direction:column;gap:.5rem;margin-bottom:.5rem;padding-bottom:1.5rem;display:flex}.essay__title{font-family:var(--font-aleo),Georgia,serif;margin:0;font-size:236.859%;line-height:1.1}.essay__text{margin:0;line-height:1.7rem}.essay__text a,.essay__list-item a{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.essay__list{flex-direction:column;gap:1.35rem;margin:0;padding-left:1.3rem;display:flex}.essay__list-item{line-height:1.7rem}.essay__divider{border:0;border-top:1px solid #fefefe;width:100%;margin:1rem 0}.essay__figure{flex-direction:column;margin:1.5rem 0;display:flex}.essay__image{border-radius:8px;width:100%;height:auto;display:block}.essay__slot{text-align:center;color:#fefefe;border:1px dashed #fefefe;border-radius:8px;justify-content:center;align-items:center;min-height:9rem;padding:1rem;font-size:.9rem;display:flex}@media (max-width:40rem){.essay{max-width:none}}.header__wrapper{justify-content:space-between;align-items:center;margin-bottom:1.66rem;display:flex}.header__me>a,.header__links>a{transition:color .3s}.header__me>a:visited,.header__links>a:visited{color:#111}.header__me>a:hover,.header__links>a:hover{color:#555}.header__me>a{text-decoration:none}.header__links>a{margin-left:1rem}body:has(.patterned){background:#7b051d;margin:0}.patterned{box-sizing:border-box;min-height:100svh;padding:clamp(16px,5vw,56px);position:relative}.pattern-backdrop{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}.page-card{z-index:1;background:#fff;max-width:840px;margin:0 auto;padding:clamp(20px,4vw,48px);position:relative}.portal{z-index:1;color:#fff;flex-direction:column;min-height:calc(100svh - 2*clamp(16px,5vw,56px));display:flex;position:relative}.portal h1,.portal h2,.portal h3,.portal h4,.portal h5,.portal h6,.portal p,.portal a,.portal li,.portal label,.portal a:link,.portal a:visited,.portal a:hover,.portal a:active,.portal .header__me>a,.portal .header__me>a:visited,.portal .header__me>a:hover,.portal .header__links>a,.portal .header__links>a:visited,.portal .header__links>a:hover{color:#fff}.portal .header__links>a{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.portal .work__password-input{color:#111;box-shadow:none;background:#fff}.portal .work__password-input:hover,.portal .work__password-input:focus{box-shadow:0 0 0 2px #ffffff80}.portal .work__password-button,.portal .work__password-button--disabled{font-family:var(--font-aleo),Georgia,serif;color:#111;box-shadow:none;background:#fff;font-weight:700;transition:box-shadow .15s}.portal .work__password-button:hover,.portal .work__password-button:focus,.portal .work__password-button--disabled:hover,.portal .work__password-button--disabled:focus{box-shadow:0 0 0 2px #ffffff80}.portal .work__password-error{color:#fff}:root{--gutter:clamp(20px, 8vw, 200px);--column:min(980px, calc(100vw - 2 * var(--gutter)));--column-left:max(var(--gutter), calc((100vw - var(--column)) / 2));--name-top:clamp(18px, 2.6vh, 30px);--pad-x:20px;--pad-y:15px;--content-h:20px;--bar-left:max(10px, calc(var(--column-left) - var(--pad-x)));--bar-top:calc(var(--name-top) - var(--pad-y));--bar-h:calc(var(--content-h) + 2 * var(--pad-y));--chrome-band:clamp(84px, 9vh, 100px)}@media (max-width:500px){:root{--content-h:46px;--chrome-band:122px}}.chrome{z-index:20;pointer-events:none;letter-spacing:-.01em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;position:fixed;inset:0}.chrome a{pointer-events:auto}.chrome__name{top:var(--name-top);left:var(--column-left);font-family:var(--font-aleo),Georgia,serif;color:inherit;margin:0;font-size:17px;font-weight:700;line-height:1.15;position:absolute}.chrome__name a{color:inherit;text-decoration:none}.chrome__section{font-weight:500}.chrome__nav{top:var(--name-top);right:var(--column-left);gap:16px;display:flex;position:absolute}.chrome__nav a{color:inherit;text-underline-offset:3px;font-size:13px;text-decoration:underline;text-decoration-thickness:1px;display:inline-block}@media (max-width:500px){.chrome__nav{top:calc(var(--name-top) + 26px);right:auto;left:var(--column-left)}}.chrome,.chrome__name,.chrome__name a,.chrome__section,.chrome__nav a{color:#fff}.chrome__bar{top:var(--bar-top);left:var(--bar-left);right:var(--bar-left);height:var(--bar-h);box-sizing:border-box;opacity:0;-webkit-backdrop-filter:blur(8px)brightness(.45)saturate(180%);backdrop-filter:blur(8px)brightness(.45)saturate(180%);background:0 0;border:1.5px solid #ffffff6b;border-radius:12px;transition:opacity .2s cubic-bezier(.33,1,.68,1);position:absolute}.chrome--solid .chrome__bar{opacity:1}@media (prefers-reduced-motion:reduce){.chrome__bar{transition:none}}.pattern-field{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}.pattern-veil{z-index:0;pointer-events:none;background:#12060abd;position:fixed;inset:0}body{color:#fff;background:#7b051d}main{z-index:1;position:relative}body,main,main h1,main h2,main h3,main h4,main h5,main h6,main p,main li,main label,main a,main a:link,main a:visited,main a:hover,main a:active,main span,main ol,main ul,main div{color:#fff}main{animation:.62s cubic-bezier(.33,1,.68,1) both arrive}@keyframes arrive{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){main{animation:none}}body:has(.hero){padding-top:0;padding-bottom:0}.hero{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,2vh,22px);min-height:100svh;padding:clamp(20px,4vh,48px) 0;display:flex}.hero__name{font-family:var(--font-aleo),Georgia,serif;letter-spacing:-.015em;margin:0;font-size:clamp(50px,8vw,168px);font-weight:700;line-height:1}.hero__line{max-width:38rem;margin:0;font-size:clamp(14px,1.3vw,20px)}.hero__links{flex-direction:column;gap:clamp(10px,1.6vh,20px);width:min(100%,40rem);margin-top:clamp(14px,3vh,38px);display:flex}.hero__link{padding:clamp(14px,2vh,24px) clamp(14px,2.4vw,28px);text-decoration:none;display:block;position:relative}.hero__mark{pointer-events:none;border:2px solid #ffffff8c;width:1.25rem;height:1.25rem;transition:width .16s,height .16s,border-color .16s;position:absolute}.hero__mark--tl{border-bottom:0;border-right:0;top:0;left:0}.hero__mark--tr{border-bottom:0;border-left:0;top:0;right:0}.hero__mark--bl{border-top:0;border-right:0;bottom:0;left:0}.hero__mark--br{border-top:0;border-left:0;bottom:0;right:0}.hero__link:hover .hero__mark,.hero__link:focus-visible .hero__mark{border-color:#fff;width:1.9rem;height:1.9rem}.hero__link:focus-visible{outline:none}.hero .hero__link .hero__label,.hero .hero__link .hero__caption{color:inherit;display:block}.hero__label{font-family:var(--font-aleo),Georgia,serif;font-size:clamp(30px,4vw,68px);font-weight:700;line-height:1.05}.hero__caption{margin-top:4px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-size:clamp(12px,1.1vw,15px)}.hero__opening{top:var(--y0);left:var(--x0);width:var(--w0);height:var(--h0);z-index:30;pointer-events:none;transition:top .28s cubic-bezier(.33,1,.68,1),left .28s cubic-bezier(.33,1,.68,1),width .28s cubic-bezier(.33,1,.68,1),height .28s cubic-bezier(.33,1,.68,1),opacity .11s .17s;position:fixed}.hero__opening .hero__mark{border-color:#ffffff8c}.hero__link[data-lifted] .hero__mark{opacity:0;transition:none}.hero[data-opening] .hero__link:not([data-lifted]) .hero__mark{opacity:0;transition:opacity 90ms}.hero__opening[data-open]{opacity:0;width:100vw;height:100svh;top:0;left:0}.hero__opening[data-open] .hero__mark{border-color:#fff}.hero__quiet{margin:clamp(14px,2.4vh,26px) 0 0;font-size:clamp(14px,1.4vw,18px)}.hero__quiet a{text-underline-offset:4px;text-decoration:underline}
@font-face{font-family:Aleo;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b5d899e59923bf2c-s.1lk2aa37455k2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Aleo;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1903e9dea81d29d2-s.0acqav3l2tasj.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Aleo;font-style:normal;font-weight:500;font-display:swap;src:url(../media/3833725253561073-s.p.2ywvdhxqfuis4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Aleo;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b5d899e59923bf2c-s.1lk2aa37455k2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Aleo;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1903e9dea81d29d2-s.0acqav3l2tasj.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Aleo;font-style:normal;font-weight:700;font-display:swap;src:url(../media/3833725253561073-s.p.2ywvdhxqfuis4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Aleo Fallback;src:local(Times New Roman);ascent-override:80.1%;descent-override:26.11%;line-gap-override:0.0%;size-adjust:112.98%}.aleo_f72e12e3-module__eeFCWa__className{font-family:Aleo,Aleo Fallback;font-style:normal}.aleo_f72e12e3-module__eeFCWa__variable{--font-aleo:"Aleo", "Aleo Fallback"}