:root{--portfolio-bg: #222;--portfolio-text: #cacaca;--portfolio-text-muted: #a19d9d;--portfolio-control-bg: #343434;--portfolio-max: 1498px;--portfolio-pad: 80px;--portfolio-mono: "IBM Plex Mono", ui-monospace, monospace;--portfolio-sans: "IBM Plex Sans", system-ui, sans-serif;--portfolio-slide-width: 583px;--portfolio-slide-gap: 8px;--portfolio-slide-height: 698px;--space-bio-top: 118px;--space-after-bio: 302px;--space-header-carousel: 55px;--space-carousel-controls: 16px;--space-section: 120px;--space-about: 743px;--space-about-text-top: 311px;--space-about-headline-gap: 80px;--space-about-paragraph-gap: 30px;--space-about-column-gap: 339px;--about-text-width: 416px;--about-headline-width: 413px;--about-photo-width: 583px;--about-photo-height: 711px;--space-main-bottom: 80px;--space-header-inner-y: 0px;--space-header-fade: 72px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--portfolio-bg);color:var(--portfolio-text);font-family:var(--portfolio-sans);-webkit-font-smoothing:antialiased}img,video{display:block;max-width:100%}button{font:inherit;color:inherit}.portfolio-page{min-height:100dvh}.site-header{position:relative;padding-top:var(--space-bio-top);margin-bottom:var(--space-after-bio)}.site-header__sticky{position:sticky;top:0;z-index:100;isolation:isolate}.site-header__blur{position:absolute;inset:0;bottom:calc(-1 * var(--space-header-fade));pointer-events:none;z-index:0;opacity:0;transition:opacity .35s ease}.site-header.is-stuck .site-header__blur{opacity:1}.site-header__blur:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#222222f0,#222222b8 42%,#22222247 72%,#2220)}.site-header__blur:after{content:"";position:absolute;inset:0;backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);mask-image:linear-gradient(to bottom,#000,#000000d9 38%,#00000059 68%,#0000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.85) 38%,rgba(0,0,0,.35) 68%,rgba(0,0,0,0) 100%)}.site-header__inner{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:48px;max-width:var(--portfolio-max);margin:0 auto;padding:var(--space-header-inner-y) var(--portfolio-pad) 24px;pointer-events:auto}.site-header__bio{margin:0;max-width:495px;font-size:22px;line-height:31px;letter-spacing:-.04em;color:var(--portfolio-text)}.site-header__contact{display:inline-flex;flex-shrink:0;align-items:center;gap:8px;height:32px;padding:10px 14px;border:0;border-radius:6px;background:var(--portfolio-control-bg);color:var(--portfolio-text-muted);font-family:var(--portfolio-sans);font-size:15px;font-weight:500;letter-spacing:-.04em;cursor:pointer;transition:background-color .2s ease,color .2s ease}.site-header__contact:hover,.site-header__contact:focus-visible{background:#404040;color:#ddd;outline:none}.site-header__contact.is-copied{color:#eee}.site-header__contact-icon{width:18px;height:18px}.portfolio-main{max-width:var(--portfolio-max);margin:0 auto;padding:0 var(--portfolio-pad) var(--space-main-bottom)}.project-section{margin-bottom:var(--space-section)}.project-section__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:start;margin-bottom:var(--space-header-carousel)}.project-section__title{margin:0;font-family:var(--portfolio-mono);font-size:17px;font-weight:500;line-height:24px;letter-spacing:-.02em;color:var(--portfolio-text)}.project-section__description{margin:0;max-width:416px;font-size:17px;line-height:24px;letter-spacing:-.01em;color:var(--portfolio-text-muted)}.project-section__description em{font-style:italic}.project-carousel{display:grid;gap:var(--space-carousel-controls)}.project-carousel__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;margin-inline:calc(-1 * var(--portfolio-pad));padding-inline:var(--portfolio-pad)}.project-carousel__viewport::-webkit-scrollbar{display:none}.project-carousel__viewport:focus-visible{outline:2px solid rgba(202,202,202,.35);outline-offset:4px}.project-carousel__track{display:flex;gap:var(--portfolio-slide-gap);width:max-content}.project-carousel__slide{flex:0 0 var(--portfolio-slide-width);width:var(--portfolio-slide-width);height:var(--portfolio-slide-height);margin:0;scroll-snap-align:start;scroll-snap-stop:always;border-radius:4px;overflow:hidden;background:var(--portfolio-bg)}.project-carousel__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.project-carousel__controls{display:flex;align-items:center;gap:4px}.project-carousel__control{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:6px;background:var(--portfolio-control-bg);cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.project-carousel__control:not(.is-inactive):hover,.project-carousel__control:not(.is-inactive):focus-visible{background:#404040;outline:none}.project-carousel__control.is-inactive{cursor:default}.project-carousel__control img{width:32px;height:32px}.project-carousel__arrow{display:block;color:#555;transition:color .2s ease}.project-carousel.is-paused .project-carousel__control--prev .project-carousel__arrow,.project-carousel.is-paused .project-carousel__control--next .project-carousel__arrow{color:#ccc}.project-carousel.is-paused .project-carousel__control--prev:not(.is-inactive):hover .project-carousel__arrow,.project-carousel.is-paused .project-carousel__control--next:not(.is-inactive):hover .project-carousel__arrow,.project-carousel.is-paused .project-carousel__control--prev:not(.is-inactive):focus-visible .project-carousel__arrow,.project-carousel.is-paused .project-carousel__control--next:not(.is-inactive):focus-visible .project-carousel__arrow{color:#fff}.project-carousel__pause-bars{display:inline-flex;gap:3px;align-items:center;justify-content:center}.project-carousel__pause-bars span{display:block;width:2px;height:10px;border-radius:2px;background:#fff}.project-carousel__control--pause.is-paused .project-carousel__pause-bars span:first-child{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #fff;border-radius:0;background:transparent}.project-carousel__control--pause.is-paused .project-carousel__pause-bars span:last-child{display:none}.about-section{display:grid;grid-template-columns:var(--about-text-width) var(--about-photo-width);justify-content:space-between;align-items:start;margin-top:var(--space-about)}.about-section__content{padding-top:var(--space-about-text-top)}.about-section__headline{margin:0 0 var(--space-about-headline-gap);max-width:var(--about-headline-width);font-size:22px;font-weight:400;line-height:31px;letter-spacing:-.04em;color:var(--portfolio-text)}.about-section__paragraph{margin:0 0 var(--space-about-paragraph-gap);max-width:var(--about-text-width);font-size:17px;line-height:24px;letter-spacing:-.01em;color:var(--portfolio-text-muted)}.about-section__paragraph:last-child{margin-bottom:0}.about-section__photo{margin:0;border-radius:4px;overflow:hidden;width:var(--about-photo-width);max-width:100%;height:var(--about-photo-height);justify-self:end}.about-section__photo-el{width:100%;height:100%;object-fit:cover;object-position:center}.gate{cursor:pointer;min-height:100dvh}.gate-dialog{margin:auto;padding:0;border:0;background:transparent;color:#999;font-family:Menlo,Monaco,Courier New,monospace;font-size:13px}.gate-dialog::backdrop{background:#000000b8}.gate-dialog__panel{width:min(92vw,360px);padding:24px;border:1px solid #333;background:#0a0a0a}.gate-dialog__title{margin:0 0 16px;font-size:13px;font-weight:400;letter-spacing:.02em}.gate-dialog__form{display:grid;gap:12px}.gate-dialog__input{width:100%;padding:10px 12px;border:1px solid #333;border-radius:0;background:#000;color:#ccc;font:inherit}.gate-dialog__input:focus{outline:1px solid #666;outline-offset:0}.gate-dialog__submit{justify-self:start;padding:8px 14px;border:1px solid #444;background:#111;color:#ccc;font:inherit;cursor:pointer}.gate-dialog__submit:hover{border-color:#666;color:#fff}.gate-dialog__error{margin:0;color:#c66}@media(max-width:1100px){:root{--portfolio-pad: clamp(20px, 4vw, 48px);--portfolio-slide-width: min(583px, 72vw);--portfolio-slide-height: auto;--space-bio-top: clamp(72px, 10vw, 118px);--space-after-bio: clamp(120px, 18vw, 302px);--space-section: clamp(64px, 10vw, 120px);--space-about: clamp(320px, 40vw, 743px)}.project-section__header,.about-section{grid-template-columns:1fr;justify-content:stretch;gap:16px;align-items:start}.about-section__content{padding-top:0}.about-section__headline{max-width:none}.about-section__photo{order:-1;justify-self:center;width:min(var(--about-photo-width),100%);max-width:100%;height:auto;aspect-ratio:583 / 711}.project-carousel__slide{aspect-ratio:583 / 698;height:auto}}@media(max-width:640px){:root{--portfolio-pad: 16px;--portfolio-slide-width: min(88vw, 420px);--space-header-carousel: 32px}.site-header__inner{flex-direction:column;align-items:stretch;gap:20px}.site-header__bio{font-size:18px;line-height:1.41}.site-header__contact{align-self:flex-start}}@media(prefers-reduced-motion:reduce){.project-carousel__viewport{scroll-behavior:auto}.site-header__contact,.project-carousel__control,.site-header__blur{transition:none}}