@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Indie+Flower&display=swap";*,:before,:after{box-sizing:border-box}@view-transition{navigation:auto}:root{--background:var(--color-bridal-heath);--background-dark:var(--color-mirage);--text-color:#222;--font-serif:"Fraunces", serif;--font-sans-serif:"Hanken Grotesk", sans-serif;--color-red:239, 68, 68;--color-orange:249, 115, 22;--color-yellow:234, 179, 8;--color-lime:132, 204, 22;--color-green:34, 197, 94;--color-teal:20, 184, 166;--color-sky:14, 165, 233;--color-blue:59, 130, 246;--color-indigo:99, 102, 241;--color-purple:139, 92, 246;--color-pink:236, 72, 153;--color-black:71, 85, 105;--color-white:255, 255, 255;--accent-red:185, 28, 28;--accent-orange:194, 65, 12;--accent-yellow:161, 98, 7;--accent-lime:77, 124, 15;--accent-green:21, 113, 46;--accent-teal:15, 118, 110;--accent-sky:3, 105, 161;--accent-blue:29, 78, 216;--accent-indigo:67, 56, 202;--accent-purple:124, 58, 237;--accent-pink:190, 24, 93;--accent-black:51, 60, 60;--accent:var(--accent-green);--swatch-base:255, 255, 255;--project-backgroud-opacity:.4;--project-item-opacity:.8;--color-bridal-heath:#fffbf6;--color-mirage:#14142b}body.theme--red{--accent:var(--accent-red)}body.theme--orange{--accent:var(--accent-orange)}body.theme--yellow{--accent:var(--accent-yellow)}body.theme--lime{--accent:var(--accent-lime)}body.theme--green{--accent:var(--accent-green)}body.theme--teal{--accent:var(--accent-teal)}body.theme--sky{--accent:var(--accent-sky)}body.theme--blue{--accent:var(--accent-blue)}body.theme--indigo{--accent:var(--accent-indigo)}body.theme--purple{--accent:var(--accent-purple)}body.theme--pink{--accent:var(--accent-pink)}body.theme--black{--accent:var(--accent-black)}.moon{visibility:hidden;display:none}.sun{visibility:visible;display:block}.dark-mode{--background:var(--color-mirage);--text-color:var(--color-bridal-heath);--swatch-base:42, 42, 64;--project-backgroud-opacity:.3;--project-item-opacity:.2;--accent-red:248, 113, 113;--accent-orange:251, 146, 60;--accent-yellow:250, 204, 21;--accent-lime:163, 230, 53;--accent-green:74, 222, 128;--accent-teal:45, 212, 191;--accent-sky:56, 189, 248;--accent-blue:96, 165, 250;--accent-indigo:129, 140, 248;--accent-purple:167, 139, 250;--accent-pink:244, 114, 182;--accent-black:148, 163, 184}.dark-mode .sun{visibility:hidden;display:none}.dark-mode .moon{visibility:visible;display:block}.dark-mode .emoji-sticker{background:currentColor}*{margin:0;font-size:10px}body{-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-variation-settings:"slnt" 0;background-color:var(--background);color:var(--text-color);font-family:Hanken Grotesk,sans-serif;font-style:normal;font-weight:400;line-height:1.5}.container{max-width:92rem;margin:0 auto}.toggle{cursor:pointer;width:4rem;height:4rem;fill:var(--text-color);background:0 0;background-color:var(--background);border-radius:100%;outline:none;justify-content:center;align-items:center;padding:0;line-height:1.05;display:inline-flex;position:absolute;top:1.2rem;right:max(1.2rem,50vw - 46rem);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}header,.header{text-align:center;color:var(--text-color);margin-top:13rem;margin-bottom:5rem}.header.container{max-width:72rem}.header__mobile{visibility:hidden;display:none}.about{font-family:var(--font-serif);text-align:left;color:var(--text-color);font-style:normal;font-weight:400}.about p{margin-bottom:1.3rem;line-height:1.8}.your-favorite,.favorite{font-size:2rem;transition:textDecoration .3s linear}.your-favorite{visibility:hidden;font-family:Indie Flower,cursive;font-size:3.2rem;display:none}.your-favorite--shown{visibility:visible;color:tomato;font-weight:900;display:inline-block;position:absolute;transform:translate(-100px,32px)}.favorite--strike-out{-webkit-text-decoration:line-through tomato;text-decoration:line-through tomato}.project-note{margin-top:8rem}.projects{text-align:center;margin-block:4rem 6rem}.projects__container{grid-template-columns:repeat(2,1fr);gap:3rem;max-width:102rem;margin:0 auto;padding-inline:3rem;display:grid}.project--full-width{grid-column:1/-1}.project{background:rgb(var(--swatch-base));border-radius:1.2rem;flex-direction:row;flex:1;gap:3rem;padding:2.5rem;transition:all .25s ease-in-out;display:flex;box-shadow:0 1rem 1.5rem -.3rem #0000001a}.project__image{object-fit:cover;border-radius:1.2rem;width:31rem}.project__title{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.project__title h3,.project__title h3 a{color:currentColor;font-size:2.2rem;font-weight:700;font-family:var(--font-serif);text-decoration:none}.project__content p{text-align:left;font-size:1.8rem}.project__links{gap:1rem;margin-top:auto;display:flex}.project__link{color:currentColor;text-align:left;font-size:1.8rem;font-weight:600;text-decoration:none}.project__link--external{align-items:center;gap:.4rem;display:inline-flex}.project__link-icon{width:1.8rem;height:1.8rem;color:color-mix(in srgb, var(--text-color) 60%, transparent);flex-shrink:0;transition:color .2s}.project__link--external:hover .project__link-icon{color:rgb(var(--accent))}.project__link--external:hover .underline-hover:after{width:100%}.project__meta{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:1.4rem;display:flex}.project__year{font-family:var(--font-sans-serif);letter-spacing:.04em;color:color-mix(in srgb, var(--text-color) 55%, transparent);font-size:1.3rem;font-weight:700}.project__chip{font-size:1.3rem;font-weight:500;font-family:var(--font-sans-serif);color:color-mix(in srgb, var(--text-color) 78%, transparent);background:color-mix(in srgb, var(--text-color) 7%, transparent);border:1px solid color-mix(in srgb, var(--text-color) 14%, transparent);border-radius:999px;padding:.3rem 1rem;line-height:1.5}.project__status{letter-spacing:.05em;text-transform:uppercase;font-size:1.2rem;font-weight:700;font-family:var(--font-sans-serif);color:var(--status-ink);background:color-mix(in srgb, var(--status-tint) 16%, transparent);border-radius:999px;align-items:center;gap:.6rem;padding:.4rem 1.1rem;display:inline-flex}.project__status:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:.7rem;height:.7rem}.project__status--teal{--status-ink:rgb(var(--accent-teal));--status-tint:rgb(var(--color-teal))}.project__status--green{--status-ink:rgb(var(--accent-green));--status-tint:rgb(var(--color-green))}.project__status--yellow{--status-ink:rgb(var(--accent-yellow));--status-tint:rgb(var(--color-yellow))}.project__status--black{--status-ink:rgb(var(--accent-black));--status-tint:rgb(var(--color-black))}.project__lock{letter-spacing:.03em;color:color-mix(in srgb, var(--text-color) 55%, transparent);white-space:nowrap;align-items:center;gap:.5rem;font-size:1.4rem;font-weight:600;display:inline-flex}.project__lock svg{width:1.4rem;height:1.4rem}.work{color:var(--text-color);flex-wrap:nowrap;gap:5rem;margin-bottom:8rem;display:flex}.work__info{max-width:60rem}.article--previous{margin-bottom:3rem}.skills{flex:1}.work__item{flex-direction:row;align-items:center;gap:2rem;margin-bottom:1.2rem;display:flex}.work__period{width:100px;font-size:1.8rem;font-weight:700;line-height:1.8;font-family:var(--font-sans-serif)}.work__summary{font-size:1.8rem;font-family:var(--font-serif)}.previous{flex-direction:row;align-items:center;gap:2rem;margin-bottom:1.1rem;display:flex}.h3.previous__title{width:10rem;margin-bottom:0}.button__previous{color:currentColor;background:0 0;border:0;align-items:center;padding:0;display:flex}.button__title{font-size:1.8rem;font-family:var(--font-sans-serif)}.button__icon{transition:transform .2s linear;position:absolute;right:-3rem;transform:rotate(180deg)}footer{color:var(--text-color);border-top:1px dashed var(--color-bridal-heath);margin-top:8rem;padding:4rem 0}.h1{font-size:4rem;font-weight:700;font-family:var(--font-serif)}.h2{font-size:3rem;font-family:var(--font-serif);margin-bottom:.5rem}.h3{font-size:2rem;font-family:var(--font-serif);margin-bottom:.3rem}p,.p{font-size:1.8rem;line-height:1.8;font-family:var(--font-sans-serif);margin-bottom:2.4rem;font-style:normal;font-weight:400}.summary{margin-bottom:1.1rem}.emoji-sticker{border-radius:.6rem;margin-inline:.3rem;padding:.2rem;font-size:2rem}ul.list{margin:0;column-gap:.3rem;margin-bottom:2.4rem;padding:0}ul.list--about{flex-wrap:wrap;justify-content:left;list-style:none;display:flex}ul.list--skills{flex-wrap:wrap;column-gap:1rem;list-style:none;display:flex}ul li{font-size:1.8rem;line-height:1.8;font-family:var(--font-sans-serif);font-style:normal;font-weight:400}svg path{stroke:currentColor}.link{font-size:1.8rem;line-height:1.8;font-family:var(--font-serif);color:currentColor;margin-bottom:2.4rem;font-style:normal;font-weight:700;text-decoration:none}.work .work__items{max-height:0;transition:max-height .2s linear;overflow:hidden}.button__title--expand{display:inline-block}.button__title--collapse,.work-history--shown .button__title--expand{display:none}.work-history--shown .button__title--collapse,.work-history--shown .work__items{display:inline-block}.work-history--shown .work__items{max-height:500px}.work-history--shown .button__icon{transform:rotate(0)}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}}::view-transition-old(root){animation:.25s ease-out both vt-fade-out}::view-transition-new(root){animation:.3s ease-in both vt-fade-in}:root.theme-vt::view-transition-old(root){mix-blend-mode:normal;animation:none}:root.theme-vt::view-transition-new(root){mix-blend-mode:normal;animation:none}:root.theme-vt::view-transition-old(root){z-index:0}:root.theme-vt::view-transition-new(root){z-index:1}.writings{margin-top:8rem;margin-bottom:4rem}.writings__subtitle{margin-bottom:0}.writings__list{border-top:1px solid color-mix(in srgb, var(--text-color) 14%, transparent);margin:2.8rem 0 0;padding:0;list-style:none}.writing-item__link{color:var(--text-color);border-bottom:1px solid color-mix(in srgb, var(--text-color) 14%, transparent);outline-offset:-.4rem;border-radius:1rem;outline:2px dashed #0000;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem 2.8rem;padding:2.8rem 2rem;text-decoration:none;transition:outline-color .2s,background-color .2s;display:grid}.writing-item__link:hover,.writing-item__link:focus-visible{outline-color:rgb(var(--accent));background-color:color-mix(in srgb, var(--accent) 5%, transparent)}.writing-item__link:focus-visible{outline-style:solid}.writing-item__index{font-family:var(--font-serif);font-feature-settings:"tnum" 1;color:color-mix(in srgb, rgb(var(--accent)) 55%, var(--text-color));grid-row:1/3;align-self:start;padding-top:.4rem;font-size:2.2rem;font-weight:600;line-height:1}.writing-item__title{font-size:2.4rem;font-weight:700;font-family:var(--font-serif);grid-column:2;margin:0}.writing-item__excerpt{opacity:.65;font-size:1.6rem;line-height:1.6;font-family:var(--font-sans-serif);grid-column:2;max-width:62rem;margin:0}.writing-item__arrow{border:2px dashed color-mix(in srgb, var(--text-color) 22%, transparent);width:4rem;height:4rem;color:color-mix(in srgb, var(--text-color) 55%, transparent);border-radius:50%;grid-area:1/3/3;justify-content:center;align-self:center;align-items:center;transition:border-color .2s,color .2s;display:inline-flex}.writing-item__arrow svg{width:1.9rem;height:1.9rem}.writing-item__link:hover .writing-item__arrow,.writing-item__link:focus-visible .writing-item__arrow{border-color:rgb(var(--accent));color:rgb(var(--accent))}@media (width<=600px){.writing-item__link{column-gap:1.6rem;padding:2.4rem 1.2rem}.writing-item__index{font-size:1.8rem}.writing-item__title{font-size:2rem}.writing-item__arrow{width:3.4rem;height:3.4rem}.writing-item__arrow svg{width:1.6rem;height:1.6rem}}.writing-item__title[data-article],.writing-item__excerpt[data-article],.article__title[data-article],.article__excerpt[data-article]{view-transition-name:attr(data-article type(<custom-ident>), none)}.article__header{margin-top:8rem;margin-bottom:3rem}.article-body{text-align:left}.article__back{align-items:center;margin-bottom:2rem;font-size:2rem;display:flex;transform:translate(-1rem)}.article__back-icon{width:2.4rem;height:2.4rem}.article__back-title{font-size:2.4rem;font-weight:700;font-family:var(--font-sans-serif);color:currentColor;margin-left:.7rem;text-decoration:none}.article__title{font-family:var(--font-serif);text-align:left;padding:0 2rem;font-size:3.8rem;font-weight:600}.article__excerpt{opacity:.65;font-size:1.8rem;line-height:1.6;font-family:var(--font-sans-serif);margin-top:1rem;padding:0 2rem}.article__content{color:var(--text-color);padding:0 2rem}.article__content code{background:gray;border-radius:.6rem;margin-inline:.3rem;padding:.5rem .8rem;font-size:1.8rem}.article__image-full{margin:0 auto;max-width:96rem;margin-bottom:4rem;position:relative}.article__svg{fill:red;width:100%;height:100%;position:absolute;-webkit-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20200%22%3E%3Cpath%20d%3D%22M0%2C0H400A0%2C0%200%2C0%2C1%20400%2C0V200A0%2C0%200%2C0%2C1%20400%2C200H209A10%2C10%200%2C0%2C1%20199%2C190L199%2C180A10%2C10%200%2C0%2C0%20189%2C170L10%2C170A10%2C10%200%2C0%2C1%200%2C160V0A0%2C0%200%2C0%2C1%200%2C0Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E) 50%/contain no-repeat;mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20200%22%3E%3Cpath%20d%3D%22M0%2C0H400A0%2C0%200%2C0%2C1%20400%2C0V200A0%2C0%200%2C0%2C1%20400%2C200H209A10%2C10%200%2C0%2C1%20199%2C190L199%2C180A10%2C10%200%2C0%2C0%20189%2C170L10%2C170A10%2C10%200%2C0%2C1%200%2C160V0A0%2C0%200%2C0%2C1%200%2C0Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E) 50%/contain no-repeat}.article__image-grid{grid-template-columns:repeat(2,1fr);gap:3rem;max-width:96rem;margin:0 auto;display:grid}img{max-width:100%;box-shadow:0 10px 35px -3px #0000001a}.underline-hover{font-size:inherit;position:relative}.underline-hover--dashed{border-bottom:2px dashed}.underline-hover:after{content:"";background-color:rgb(var(--accent));z-index:1;width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.underline-hover:hover:after{width:100%}@media (width<=920px){.about{text-align:left;padding-top:6rem}.header.container{text-align:center}.projects__container{grid-template-columns:1fr;gap:3rem}.container,.projects{margin:4rem 0}.container{padding:4rem}.header__mobile{visibility:visible;font-size:1.8rem;font-family:var(--font-sans-serif);font-weight:700;display:inline-block}ul.list{justify-content:flex-start}.header{visibility:hidden;display:none}.projects{padding:3rem 0}.project{flex-direction:column}.project__image{width:unset;max-height:32rem}.work{flex-direction:column-reverse;gap:3rem}}@media (width<=768px){.header.container h1{font-size:24px}.projects__container{grid-template-columns:1fr;gap:3rem;padding-inline:2rem}.container{margin:2rem 0;padding:2rem}.about{padding-top:6rem}.work__item{flex-direction:column;align-items:flex-start;gap:0}.your-favorite--shown{transform:unset;margin-right:3px;font-size:2rem;position:relative}.favorite--strike-out{visibility:hidden;display:none}.article__title{padding:0 2rem}.article__image-grid{grid-template-columns:repeat(1,1fr)}}.colour-picker-inline{vertical-align:middle;align-items:center;gap:.6rem;display:inline-flex;position:relative;top:-2px;left:4px}.colour-swatch{cursor:pointer;color:currentColor;background:0 0;border:none;outline:none;align-items:center;gap:.6rem;padding:0;display:inline-flex}.colour-swatch:focus-visible{outline:3px solid var(--text-color);outline-offset:3px;border-radius:.4rem}.colour-swatch-dot{border:2px solid #ffffff59;border-radius:50%;flex-shrink:0;width:2rem;height:2rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;box-shadow:0 2px 8px #00000038}.colour-swatch:hover .colour-swatch-dot{transform:scale(1.22);box-shadow:0 4px 12px #00000047}.colour-swatch--open .colour-swatch-dot{transform:scale(.85)}.colour-swatch-label{font-family:var(--font-sans-serif);border-bottom:.2rem dashed rgb(var(--accent));font-size:1.8rem;transition:opacity .15s,visibility .15s}.colour-picker-inline--open .colour-swatch-label{opacity:0;visibility:hidden}.colour-wheel{opacity:0;pointer-events:none;z-index:1000;transition:transform .36s cubic-bezier(.34,1.56,.64,1),opacity .2s;position:fixed;transform:scale(0)}.colour-wheel--open{opacity:1;pointer-events:auto;transform:scale(1)}.colour-wheel svg{filter:drop-shadow(0 6px 18px #0000002e);overflow:visible}.colour-wheel path{cursor:pointer;stroke:none;transform-box:fill-box;transform-origin:50%;transition:transform .2s cubic-bezier(.34,1.56,.64,1),filter .15s}.colour-wheel path:hover{filter:brightness(1.12);outline:none;transform:scale(1.09)}.colour-wheel path:focus-visible,.colour-wheel .wheel-centre:focus-visible{outline:none}.colour-wheel .slice--focused{stroke:var(--text-color);stroke-width:2.5px;filter:brightness(1.15)}.colour-wheel path.slice--selected{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards slice-select}.colour-wheel .wheel-centre{cursor:pointer;transform-box:fill-box;transform-origin:50%;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.colour-wheel .wheel-centre:hover{transform:scale(1.15)}@keyframes slice-select{0%{transform:scale(1)}45%{transform:scale(1.2)}75%{transform:scale(.93)}to{transform:scale(1)}}.note{border-radius:1rem;margin-top:2.4rem;margin-bottom:2.4rem;margin-left:1.8rem;padding:2rem 2.4rem 2.4rem;position:relative}.note__icon{background:var(--note-accent);pointer-events:none;color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3.6rem;height:3.6rem;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.note__title{font-family:var(--font-sans-serif);margin-bottom:.8rem;font-size:1.6rem;font-weight:700;display:block}.note p,.note ul,.note ol{margin-bottom:.6rem;font-size:1.6rem;line-height:1.7}.note p:last-child,.note ul:last-child,.note ol:last-child{margin-bottom:0}.note ul,.note ol{padding-left:2rem}.note a{color:currentColor;font-weight:600}.note--collapsible .note__toggle{cursor:pointer;width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:.8rem;padding:0;display:flex}.note--collapsible .note__title{margin-bottom:0}.note__chevron{flex-shrink:0;margin-left:auto;transition:transform .3s}.note--collapsible.note--open .note__chevron{transform:rotate(180deg)}.note--collapsible .note__body{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.note--collapsible .note__body-inner{padding-top:0;transition:padding-top .3s;overflow:hidden}.note--collapsible.note--open .note__body{grid-template-rows:1fr}.note--collapsible.note--open .note__body-inner{padding-top:1rem}.note--info{background:radial-gradient(circle at 0 0, transparent 2.1rem, rgba(var(--color-blue), .1) 2.1rem);outline:3px solid rgba(var(--color-blue), .25);outline-offset:3px}.note--info .note__icon{background:rgb(var(--color-blue))}.note--warning{background:radial-gradient(circle at 0 0, transparent 2.1rem, rgba(var(--color-yellow), .12) 2.1rem);outline:3px solid rgba(var(--color-yellow), .35);outline-offset:3px}.note--warning .note__icon{background:rgb(var(--color-yellow))}.note--danger{background:radial-gradient(circle at 0 0, transparent 2.1rem, rgba(var(--color-red), .1) 2.1rem);outline:3px solid rgba(var(--color-red), .3);outline-offset:3px}.note--danger .note__icon{background:rgb(var(--color-red))}.dark-mode .note--info{background:radial-gradient(circle at 0 0, transparent 2.1rem, rgba(var(--color-blue), .15) 2.1rem);outline-color:rgba(var(--color-blue), .35)}.dark-mode .note--warning{background:radial-gradient(circle at 0 0, transparent 2.1rem, rgba(var(--color-yellow), .15) 2.1rem);outline-color:rgba(var(--color-yellow), .4)}.dark-mode .note--danger{background:radial-gradient(circle at 0 0, transparent 2.1rem, rgba(var(--color-red), .15) 2.1rem);outline-color:rgba(var(--color-red), .35)}.video-player{background:#000;border-radius:1.2rem;max-width:96rem;margin:0 auto 4rem;line-height:0;position:relative;overflow:hidden;box-shadow:0 10px 35px -3px #0000002e}.video-player__video{width:100%;box-shadow:none;cursor:pointer;display:block}.video-player__corner{z-index:2;gap:.6rem;display:flex;position:absolute;top:1.2rem;right:1.2rem}.video-player__corner-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3.2rem;height:3.2rem;transition:background .15s,transform .15s;display:flex}.video-player__corner-btn:hover{background:#000000a6;transform:scale(1.08)}.video-player__overlay{z-index:2;background:linear-gradient(#0000 0%,#0000008c 100%);padding:3.5rem 1.4rem 1.2rem;position:absolute;bottom:0;left:0;right:0}.video-player__controls{align-items:center;gap:1rem;display:flex}.video-player__btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3.2rem;height:3.2rem;transition:background .15s,transform .15s;display:flex}.video-player__btn:hover{background:#ffffff47;transform:scale(1.08)}.video-player__scrubber{cursor:pointer;flex:1;padding:.8rem 0}.video-player__track{background:#ffffff4d;border-radius:99px;height:3px;transition:height .15s;overflow:hidden}.video-player__scrubber:hover .video-player__track{height:5px}.video-player__fill{background:rgb(var(--color-blue));border-radius:99px;height:100%;transition:width .1s linear}.video-player__time{font-family:var(--font-sans-serif);color:#ffffffd9;white-space:nowrap;flex-shrink:0;font-size:1.3rem;line-height:1}.video-player__time-sep{opacity:.5}.video-player__caption{font-family:var(--font-sans-serif);color:var(--text-color);opacity:.6;text-align:center;background:var(--background);padding:1rem 1.4rem .2rem;font-size:1.4rem;line-height:1}.article__read-time{font-family:var(--font-sans-serif);opacity:.55;margin-top:.6rem;padding-left:.2rem;font-size:1.5rem}.article__date{font-family:var(--font-sans-serif);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, rgb(var(--accent)) 70%, var(--text-color));margin-bottom:.6rem;padding:0 2rem;font-size:1.4rem;font-weight:700}.toc{scrollbar-width:none;width:20rem;max-height:calc(100vh - 16rem);display:none;position:fixed;top:14rem;left:max(1.6rem,50% - 74rem);overflow-y:auto}.toc::-webkit-scrollbar{display:none}@media (width>=1300px){.toc{display:block}}.toc__list{border-left:2px solid #80808033;margin:0;padding:0;list-style:none}.toc__item{margin:0;padding:0}.toc__link{font-family:var(--font-sans-serif);color:var(--text-color);opacity:.75;border-left:2px solid #0000;margin-left:-2px;padding:.5rem 0 .5rem 1.4rem;font-size:1.4rem;line-height:1.5;text-decoration:none;transition:opacity .15s,border-color .15s;display:block}.toc__link:hover{opacity:1;color:rgb(var(--accent));border-left-color:color-mix(in srgb, rgb(var(--accent)) 45%, transparent)}.toc__item--active .toc__link{opacity:1;color:rgb(var(--accent));border-left-color:rgb(var(--accent))}.shiki{border-radius:8px;margin:0;padding:1.25rem 1.5rem;font-size:.85rem;line-height:1.2;overflow-x:auto}.shiki code{font-size:inherit;background:0 0;padding:0}.shiki .line{display:block}.shiki span{color:var(--shiki-light);font-size:1.5rem;font-style:var(--shiki-light-font-style);font-weight:var(--shiki-light-font-weight);-webkit-text-decoration:var(--shiki-light-text-decoration);text-decoration:var(--shiki-light-text-decoration)}.shiki{background-color:var(--shiki-light-bg)}body.dark-mode .shiki span{color:var(--shiki-dark);font-style:var(--shiki-dark-font-style);font-weight:var(--shiki-dark-font-weight);-webkit-text-decoration:var(--shiki-dark-text-decoration);text-decoration:var(--shiki-dark-text-decoration)}body.dark-mode .shiki{background-color:var(--shiki-dark-bg)}.projects__title-row{align-items:center;gap:2rem;margin-bottom:1.2rem;display:flex}.projects__title-row .h2{margin-bottom:0}.projects__view-toggle{gap:.4rem;display:flex}.view-toggle-btn{cursor:pointer;width:3.6rem;height:3.6rem;color:var(--text-color);opacity:.4;background:0 0;border:2px solid #0000;border-radius:.8rem;justify-content:center;align-items:center;transition:opacity .15s,background .15s,border-color .15s;display:flex}.view-toggle-btn:hover{opacity:.7}.view-toggle-btn--active{opacity:1;color:rgb(var(--accent));background:rgb(var(--accent), .1);border-color:rgb(var(--accent), .45)}.projects__inner{width:100%}.projects__stack-panel{display:none}.projects--card-view .projects__inner{grid-template-columns:28rem 1fr;align-items:start;gap:5rem;max-width:102rem;margin:0 auto;padding-inline:3rem;display:grid}.projects--card-view .projects__stack-panel{flex-direction:column;gap:1.6rem;display:flex;position:sticky;top:2rem}.projects--card-view .projects__container{max-width:unset;margin:0;padding-inline:0;display:block}.projects--card-view .project{display:none}.projects--card-view .project--selected{outline:2px dashed rgb(var(--accent));outline-offset:6px;min-height:28rem;display:flex}.projects__stack-controls{align-self:center;gap:.8rem;margin-top:4rem;display:flex}.stack-nav-btn{border:2px dashed color-mix(in srgb, var(--text-color) 22%, transparent);cursor:pointer;width:4rem;height:4rem;color:color-mix(in srgb, var(--text-color) 55%, transparent);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,border-color .2s,color .2s;display:flex}.stack-nav-btn:hover{border-color:rgb(var(--accent));color:rgb(var(--accent));transform:scale(1.08)}.stack-nav-btn:focus-visible{outline:3px solid rgb(var(--accent));outline-offset:3px}.projects__stack{aspect-ratio:1;width:100%;position:relative}.stack-card{background:rgb(var(--swatch-base));border-radius:1.6rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s;position:absolute;inset:0;overflow:hidden;box-shadow:0 8px 28px -4px #0003}.stack-card img{object-fit:cover;width:100%;height:100%;box-shadow:none}.stack-card__placeholder{width:100%;height:100%;color:var(--text-color);justify-content:center;align-items:center;display:flex;position:relative}.stack-card__placeholder svg{z-index:1;opacity:.4;width:7.5rem;height:7.5rem;position:relative}.stack-card__placeholder:before{content:"";z-index:0;background:color-mix(in srgb, rgb(var(--accent)) var(--tint,32%), rgb(var(--swatch-base)));filter:hue-rotate(var(--hue,0deg));position:absolute;inset:0}.stack-card[data-project="1"] .stack-card__placeholder{--hue:0deg;--tint:34%}.stack-card[data-project="2"] .stack-card__placeholder{--hue:90deg;--tint:30%}.stack-card[data-project="3"] .stack-card__placeholder{--hue:180deg;--tint:33%}.stack-card[data-project="4"] .stack-card__placeholder{--hue:270deg;--tint:29%}.stack-card[data-project="5"] .stack-card__placeholder{--hue:135deg;--tint:36%}.stack-card[data-pos="0"]{z-index:6;opacity:1;transform:rotate(-3deg)skew(-2.5deg,1.5deg)}.stack-card[data-pos="1"]{z-index:5;opacity:1;transform:rotate(5deg)translate(6px,10px)skew(3deg,-1.5deg)}.stack-card[data-pos="2"]{z-index:4;opacity:.85;transform:rotate(-6deg)translate(-5px,14px)skew(-4deg,2.5deg)}.stack-card[data-pos="3"]{z-index:3;opacity:0;pointer-events:none;transform:rotate(2deg)translate(3px,16px)skew(2deg,-2deg)}.stack-card[data-pos="4"]{z-index:2;opacity:0;pointer-events:none;transform:rotate(-2deg)translate(-3px,16px)skew(-3deg,1deg)}.stack-card[data-pos="5"]{z-index:1;opacity:0;pointer-events:none;transform:rotate(1deg)translate(1px,16px)skew(1.5deg,-2.5deg)}@media (width<=920px){.projects__view-toggle{display:none}}.demo{--demo-parent:rgb(var(--accent-blue));--demo-child:rgb(var(--accent-orange));--demo-surface:rgb(var(--swatch-base));--demo-line:color-mix(in srgb, var(--text-color) 14%, transparent);--demo-muted:color-mix(in srgb, var(--text-color) 55%, transparent);font-family:var(--font-sans-serif);color:var(--text-color);text-align:left;background:color-mix(in srgb, var(--text-color) 3%, transparent);border:1px solid var(--demo-line);border-radius:1.6rem;flex-direction:column;gap:1.6rem;padding:1.8rem;display:flex}.dark-mode .demo{--demo-parent:rgb(var(--accent-red));--demo-child:rgb(var(--accent-yellow))}.demo__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.2rem;display:flex}.demo__title{letter-spacing:.12em;text-transform:uppercase;color:var(--demo-muted);font-size:1.3rem;font-weight:700}.demo__bar-tools{align-items:center;gap:1.2rem;display:flex}.demo__status{color:var(--demo-muted);align-items:center;gap:.7rem;font-size:1.4rem;display:inline-flex}.demo__dot{background:color-mix(in srgb, var(--text-color) 30%, transparent);border-radius:50%;flex-shrink:0;width:.8rem;height:.8rem}.demo[data-status=live] .demo__dot{background:var(--demo-parent)}.demo__dot--pulse{animation:1.6s ease-in-out infinite demoPulse}.demo__reset{color:var(--text-color);border:1px solid var(--demo-line);cursor:pointer;background:0 0;border-radius:.8rem;align-items:center;gap:.6rem;padding:.6rem 1.1rem;font-family:inherit;font-size:1.4rem;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.demo__reset:hover{border-color:var(--demo-parent);background:color-mix(in srgb, var(--demo-parent) 8%, transparent)}.demo__reset:focus-visible{outline:2px solid var(--demo-parent);outline-offset:2px}.demo__stage{position:relative}.demo__panels{grid-template-columns:1fr 1fr;gap:1.6rem;display:grid}.demo__panel{border:1px solid var(--demo-line);background:var(--demo-surface);border-radius:1.1rem;flex-direction:column;min-height:0;display:flex;overflow:hidden}.demo__panel-head{border-bottom:1px solid var(--demo-line);justify-content:space-between;align-items:baseline;gap:1rem;padding:1.1rem 1.4rem;display:flex}.demo__panel-title{letter-spacing:.1em;text-transform:uppercase;font-size:1.2rem;font-weight:700}.demo__panel-dir{color:var(--demo-muted);white-space:nowrap;font-size:1.25rem}.demo__panel-body{padding:1.4rem}.demo-actions{flex-wrap:wrap;gap:.9rem;display:flex}.demo-btn{color:var(--text-color);border:1px solid var(--demo-line);cursor:pointer;background:0 0;border-radius:.8rem;align-items:center;gap:.7rem;padding:.8rem 1.3rem;font-family:inherit;font-size:1.45rem;font-weight:600;transition:border-color .15s,background .15s,color .15s,opacity .15s;display:inline-flex}.demo-btn:hover:not(:disabled){border-color:var(--demo-parent);background:color-mix(in srgb, var(--demo-parent) 8%, transparent)}.demo-btn:focus-visible{outline:2px solid var(--demo-parent);outline-offset:2px}.demo-btn:disabled{opacity:.4;cursor:not-allowed}.demo-btn--primary{color:#fff;background:var(--demo-parent);border-color:var(--demo-parent);box-shadow:0 .4rem 1.4rem -.5rem var(--demo-parent)}.demo-btn--primary:hover:not(:disabled){background:color-mix(in srgb, var(--demo-parent) 88%, #000);color:#fff}.demo-btn--sent{animation:.45s demoSent}.demo-feed{flex-direction:column;gap:.5rem;max-height:22rem;display:flex;overflow-y:auto}.demo-feed__empty{color:var(--demo-muted);font-size:1.4rem;font-style:italic}.demo-feed__row{border-left:2px solid var(--demo-muted);background:color-mix(in srgb, var(--text-color) 3%, transparent);border-radius:.6rem;grid-template-columns:auto auto 1fr;align-items:baseline;gap:.6rem;padding:.5rem .8rem;font-size:1.4rem;display:grid}.demo-feed__row--in{border-left-color:var(--demo-child)}.demo-feed__row--out{border-left-color:var(--demo-parent)}.demo-feed__dir{font-weight:700;font-family:var(--font-sans-serif)}.demo-feed__row--in .demo-feed__dir{color:var(--demo-child)}.demo-feed__row--out .demo-feed__dir{color:var(--demo-parent)}.demo-feed__label{font-weight:600}.demo-feed__detail{color:var(--demo-muted);word-break:break-word;font-family:monospace;font-size:1.25rem}@keyframes demoPulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes demoSent{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--demo-parent) 60%, transparent)}to{box-shadow:0 0 0 .8rem #0000}}.fabric-demo__contexts{grid-template-columns:minmax(22rem,26rem) 1fr;align-items:stretch;gap:2.4rem;min-height:42rem;display:grid}.fabric-ctx{border:1.5px solid var(--ctx-color,var(--demo-line));background:var(--demo-surface);border-radius:1rem;flex-direction:column;display:flex;position:relative;overflow:hidden}.fabric-ctx--parent{--ctx-color:var(--demo-parent)}.fabric-ctx--child{--ctx-color:var(--demo-child);padding:0}.fabric-ctx__label{letter-spacing:.08em;text-transform:uppercase;color:var(--ctx-color);border-bottom:1px solid var(--demo-line);align-items:center;gap:.7rem;padding:.9rem 1.3rem;font-size:1.25rem;font-weight:700;display:flex}.fabric-ctx__label-note{letter-spacing:normal;text-transform:none;color:var(--demo-muted);margin-left:auto;font-size:1.2rem;font-weight:500}.fabric-tree{flex-direction:column;gap:.3rem;padding:1.2rem 1.3rem;display:flex}.fabric-tree__root{align-items:center;gap:.7rem;margin-bottom:.8rem;font-size:1.5rem;font-weight:600;display:flex}.fabric-tree__item{color:var(--text-color);border:1px solid #0000;border-radius:.6rem;align-items:center;gap:.8rem;padding:.6rem .9rem;font-size:1.4rem;transition:background .2s,border-color .2s,color .2s;display:flex}.fabric-tree__item[data-state=hover]{background:color-mix(in srgb, var(--demo-child) 9%, transparent)}.fabric-tree__item[data-state=open]{background:color-mix(in srgb, var(--demo-parent) 8%, transparent);border-color:color-mix(in srgb, var(--demo-parent) 30%, transparent);color:var(--demo-parent)}.fabric-tree__branch{color:var(--demo-muted);-webkit-user-select:none;user-select:none;font-family:monospace}.fabric-tree__name{flex:1}.fabric-tree__badge{letter-spacing:.05em;text-transform:uppercase;color:var(--demo-parent);font-size:1.1rem;font-weight:700}.fabric-ctx__status{letter-spacing:normal;text-transform:none;color:var(--demo-muted);align-items:center;gap:.55rem;margin-left:auto;font-size:1.2rem;font-weight:600;transition:color .25s;display:inline-flex}.fabric-ctx__status-dot{background:var(--demo-muted);border-radius:50%;width:.7rem;height:.7rem;transition:background .25s,box-shadow .25s}.fabric-ctx__status--on{color:var(--demo-child)}.fabric-ctx__status--on .fabric-ctx__status-dot{background:var(--demo-child);box-shadow:0 0 0 .3rem color-mix(in srgb, var(--demo-child) 22%, transparent)}.fabric-frame{background:#fffbf6;border:none;flex:1;width:100%;display:block}@media (prefers-reduced-motion:reduce){.demo__dot--pulse,.demo-btn--sent{animation:none}}@media (width<=760px){.demo{padding:1.4rem}.fabric-demo__contexts{grid-template-rows:auto auto;grid-template-columns:1fr;gap:1.6rem;min-height:0}.fabric-ctx--child{min-height:34rem}.demo__panels{grid-template-columns:1fr}}