:root{--color-bg:#f6eee6;--color-surface:#faf3f0;--color-text:#34322e;--color-brown:#9c724b;--color-green:#586e4e;--color-red:#99403d;--color-text-muted:#6a655f;--color-border:#b9b1a8;--color-brown-text:#7f6043;--color-green-text:#576c4d;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius:1px;--space-1:3px;--space-2:7px;--space-3:11px;--space-4:15px;--space-5:23px;--space-6:31px;--space-7:47px;--space-8:63px;--space-9:95px;--space-10:127px;--container-max:1280px;--container-pad:clamp(19px, 5vw, 63px)}[data-theme=dark]{--color-bg:#1e1a17;--color-surface:#2a2420;--color-text:#ede3d8;--color-text-muted:#9a918a;--color-border:#3d3530;--color-brown:#9c724b;--color-green:#586e4e;--color-red:#c45e5b;--color-brown-text:#c4a882;--color-green-text:#8aac7d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:var(--color-brown-text);text-decoration:none;transition:color 70ms}a:hover{color:var(--color-red)}ul,ol{list-style:none}h1{letter-spacing:0;color:var(--color-text);font-size:30px;font-weight:700;line-height:1.15}h2{letter-spacing:normal;color:var(--color-text);font-size:21px;font-weight:600;line-height:1.3}h3{letter-spacing:normal;color:var(--color-text);font-size:18px;font-weight:600;line-height:1.4}.container{max-width:var(--container-max);padding-left:var(--container-pad);padding-right:var(--container-pad);margin-left:auto;margin-right:auto}:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}@media (width>=1024px){h1{font-size:44px}h2{font-size:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.header{background:var(--color-bg);border-bottom:1px solid var(--color-border)}.header__inner{gap:var(--space-4);padding-top:var(--space-5);padding-bottom:var(--space-5);flex-direction:column;display:flex}.header__brand{gap:var(--space-1);flex-direction:column;display:flex}.header__name{color:var(--color-text);font-size:18px;font-weight:600;line-height:1.3}.header__subtitle{max-width:28ch;color:var(--color-text-muted);font-size:14px;font-weight:500;line-height:1.4}.header__right{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.header__nav{gap:var(--space-4);flex-wrap:wrap;display:flex}.header__link{padding:var(--space-1) 0;color:var(--color-text);font-size:15px;font-weight:500;line-height:1.4;transition:color 70ms;position:relative}.header__link:after{content:"";background-color:var(--color-brown-text);transform-origin:0;width:100%;height:2px;transition:transform 70ms;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.header__link:hover{color:var(--color-brown-text)}.header__link:hover:after{transform:scaleX(1)}.header__lang{gap:var(--space-2);border-left:1px solid var(--color-border);padding-left:var(--space-4);flex-shrink:0;display:flex}.header__lang-btn{border-radius:var(--radius);min-width:32px;min-height:32px;color:var(--color-text-muted);cursor:pointer;font:inherit;background:0 0;border:0;font-size:13px;font-weight:600;transition:color 70ms,background-color 70ms}.header__lang-btn:hover{color:var(--color-text)}.header__lang-btn--active{color:var(--color-brown-text);background:#9c724b14}@media (width>=640px){.header__inner{flex-direction:row;justify-content:space-between;align-items:center}.header__brand{align-items:baseline;gap:var(--space-4);flex-direction:row}.header__subtitle{max-width:none}.header__nav{gap:var(--space-6)}.header__lang{padding-left:var(--space-5)}}@media (prefers-reduced-motion:reduce){.header__link,.header__link:after,.header__lang-btn{transition:none}}.theme-switch{direction:rtl;justify-content:center;display:flex;position:relative}#theme-checkbox{display:none}#theme-checkbox+label{cursor:pointer;background-color:var(--color-border);border-radius:2px;justify-content:space-between;width:2.5em;height:1em;font-size:1.25rem;transition:background-color .2s;display:flex;position:relative}#theme-checkbox:checked+label{background-color:#3d3530}#theme-checkbox+label:active{transition:transform .2s;transform:scale(.88)}#theme-checkbox+label div{z-index:10;background-color:var(--color-surface);border-radius:2px;width:.8em;height:.8em;transition:left .5s cubic-bezier(1,.33,.11,1.34),background-color .2s;position:absolute;top:.1em;left:.1em}#theme-checkbox:checked+label div{background-color:#2a2420;left:1.6em}#theme-checkbox+label span{display:flex}#theme-checkbox+label svg{box-sizing:border-box;width:1em;height:1em;padding:.15em;display:inline-block}#theme-checkbox+label span:first-of-type{color:var(--color-text-muted)}#theme-checkbox+label span:last-of-type{color:var(--color-brown-text)}@media (prefers-reduced-motion:reduce){#theme-checkbox+label,#theme-checkbox+label div{transition:none}}.media-viewer{gap:var(--space-3);display:grid}.media-viewer__video-frame{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);overflow:hidden}.media-viewer__video-frame video,.media-viewer__video-frame iframe{width:100%;height:100%;display:block}.media-viewer__thumbs-wrapper{margin-inline:calc(var(--container-pad) * -1);scrollbar-width:thin;overflow:auto hidden}.media-viewer__thumbs{gap:var(--space-2);padding-inline:var(--container-pad);padding-bottom:var(--space-2);width:max-content;display:flex}.media-viewer__thumb{aspect-ratio:16/10;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;opacity:.58;flex:0 0 80px;padding:0;transition:border-color 70ms,opacity 70ms;position:relative;overflow:hidden}.media-viewer__thumb:hover,.media-viewer__thumb--active{border-color:var(--color-brown-text);opacity:1}.media-viewer__thumb img{object-fit:cover;width:100%;height:100%}.media-viewer__thumb--video img{filter:brightness(.55)}.media-viewer__thumb-play{color:#fff;pointer-events:none;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;inset:0}@media (width>=640px){.media-viewer__thumbs-wrapper{margin-inline:0;overflow:visible}.media-viewer__thumbs{width:auto;padding:0}.media-viewer__thumb{flex:1 1 0;min-width:0}}@media (prefers-reduced-motion:reduce){.media-viewer__thumb{transition:none}}.lightbox{z-index:9999;align-items:center;gap:var(--space-4);padding:var(--space-7) 0 var(--space-5);background:#0a0806cc;grid-template:"prev stage next"1fr"prev thumbs next"/56px 1fr 56px;display:grid;position:fixed;inset:0}.lightbox__backdrop{position:absolute;inset:0}.lightbox__close{top:var(--space-4);right:var(--space-4);border-radius:var(--radius);color:#ffffffb3;cursor:pointer;z-index:1;background:#ffffff0f;border:1px solid #ffffff26;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:color 70ms,border-color 70ms;display:flex;position:absolute}.lightbox__close:hover{color:#fff;border-color:#ffffff59}.lightbox__arrow{color:#ffffff80;cursor:pointer;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:56px;font-size:36px;line-height:1;transition:color 70ms;display:flex}.lightbox__arrow--prev{grid-area:prev}.lightbox__arrow--next{grid-area:next}.lightbox__arrow:hover{color:#fff}.lightbox__stage{z-index:1;grid-area:stage;justify-content:center;justify-self:center;align-items:center;width:fit-content;min-height:0;display:flex}.lightbox__media{object-fit:contain;border-radius:var(--radius);max-width:100%;max-height:calc(100vh - 150px);display:block;box-shadow:0 8px 40px #0009}.lightbox__thumbs{justify-content:center;gap:var(--space-3);padding:var(--space-1) var(--space-4);scrollbar-width:none;z-index:1;grid-area:thumbs;display:flex;overflow-x:auto}.lightbox__thumbs::-webkit-scrollbar{display:none}.lightbox__thumb{aspect-ratio:16/10;border-radius:var(--radius);cursor:pointer;opacity:.45;background:#ffffff0a;border:1px solid #ffffff26;flex:0 0 72px;padding:0;transition:opacity 70ms,border-color 70ms;overflow:hidden}.lightbox__thumb:hover,.lightbox__thumb--active{opacity:1;border-color:#fff9}.lightbox__thumb img{object-fit:cover;width:100%;height:100%}.lightbox__thumb-video-placeholder{color:#fffc;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;display:flex}@media (prefers-reduced-motion:reduce){.lightbox__close,.lightbox__arrow,.lightbox__thumb{transition:none}}.image-slider__stage{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);max-height:220px;position:relative;overflow:hidden}.image-slider__image{object-fit:contain;cursor:zoom-in;width:100%;height:100%;display:block}.image-slider__controls{right:var(--space-2);bottom:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);align-items:center;display:flex;position:absolute}.image-slider__control{width:28px;height:28px;color:var(--color-text);cursor:pointer;font:inherit;background:0 0;border:0;font-size:18px;line-height:1;transition:background-color 70ms,color 70ms}.image-slider__control:hover{background:var(--color-bg);color:var(--color-red)}.image-slider__count{min-width:34px;color:var(--color-text-muted);text-align:center;font-size:11px;font-weight:500;line-height:1}@media (prefers-reduced-motion:reduce){.image-slider__control{transition:none}}.image-slider__video-thumb{cursor:zoom-in;width:100%;height:100%;display:flex;position:relative}.image-slider__play-overlay{color:#fff;border-radius:var(--radius);pointer-events:none;background:#00000059;justify-content:center;align-items:center;font-size:28px;transition:background 70ms;display:flex;position:absolute;inset:0}.image-slider__video-thumb:hover .image-slider__play-overlay{background:#0000008c}.project-card{background:var(--color-surface);border-radius:var(--radius);padding:var(--space-5)}.project-card__meta{margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:14px;font-weight:500;line-height:1.4}.project-card__title-row{gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}.project-card__title{margin:0;font-weight:500}.project-card__title-name{display:block}.project-card__title-sub{color:var(--color-text-muted);margin-top:var(--space-1);font-size:14px;font-weight:400;display:block}.project-card__links{gap:var(--space-5);flex-wrap:wrap;display:flex}.project-card__link{align-items:center;gap:var(--space-2);color:var(--color-brown-text);font-size:15px;font-weight:500;line-height:1.4;transition:color 70ms;display:inline-flex}.project-card__link:hover{color:var(--color-red)}.project-card__link-icon{flex-shrink:0;font-size:16px}.project-card__body{gap:var(--space-5);flex-direction:column;display:flex}.project-card__content{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.project-card__media{opacity:.92;flex-shrink:0;width:100%}@media (width>=640px){.project-card__body{align-items:start;gap:var(--space-6);flex-direction:row}.project-card__content{flex:1;min-width:0}.project-card__media{width:min(43%,460px)}.project-card__title-row{justify-content:space-between;align-items:baseline;gap:var(--space-5);flex-direction:row}}.project-card__description{color:var(--color-text);font-size:16px;line-height:1.6}.project-card__details{gap:var(--space-4) var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-card__detail{gap:var(--space-1);flex-direction:column;display:flex}.project-card__detail--outcome{grid-column:1/-1}.project-card__label{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:1.3}.project-card__value{color:var(--color-text);font-size:16px;line-height:1.6}.project-card__tools{gap:var(--space-1);flex-direction:column;display:flex}.project-card__tools-list{color:var(--color-text-muted);font-size:15px;line-height:1.6}.project-card__badge{padding:3px var(--space-3);background:color-mix(in srgb, var(--color-green) 12%, transparent);color:var(--color-green-text);border-radius:2px;font-size:14px;font-weight:500;line-height:1.5;display:inline-block}@media (prefers-reduced-motion:reduce){.project-card__link{transition:none}}.work{padding-top:var(--space-7);padding-bottom:var(--space-7)}.work__list{flex-direction:column;display:flex}.work__divider{border:0;border-top:1px solid var(--color-border);margin:var(--space-7) 0}.work__project{scroll-margin-top:var(--space-5)}@media (width>=1024px){.work__divider{margin:var(--space-5) 0}}.about{padding-top:var(--space-7);padding-bottom:var(--space-7)}.about__heading{margin-bottom:var(--space-4)}.about__layout{gap:var(--space-5);flex-direction:column;display:flex}.about__image{border:1px solid var(--color-border);border-radius:var(--radius);object-fit:cover;width:140px;height:140px}.about__text{max-width:760px;color:var(--color-text);font-size:16px;line-height:1.6}.about__text p+p{margin-top:var(--space-4)}@media (width>=640px){.about{padding-top:var(--space-8);padding-bottom:var(--space-8)}.about__layout{align-items:flex-start;gap:var(--space-7);flex-direction:row}.about__image{width:180px;height:180px}}.skills{padding-top:var(--space-7);padding-bottom:var(--space-7)}.skills__heading{margin-bottom:var(--space-4)}.skills__groups{gap:var(--space-4);flex-direction:column;display:flex}.skills__group{gap:var(--space-1);flex-direction:column;display:flex}.skills__category{color:var(--color-text);font-size:15px;font-weight:600}.skills__items{color:var(--color-text-muted);font-size:16px;font-weight:400;line-height:1.6}@media (width>=640px){.skills{padding-top:var(--space-8);padding-bottom:var(--space-8)}.skills__groups{gap:var(--space-3)}.skills__group{align-items:baseline;gap:var(--space-2);flex-flow:wrap}}.ai{padding-top:var(--space-7);padding-bottom:var(--space-7)}.ai__heading{margin-bottom:var(--space-4)}.ai__text{max-width:760px;color:var(--color-text);font-size:16px;line-height:1.6}.ai__text p+p{margin-top:var(--space-4)}@media (width>=640px){.ai{padding-top:var(--space-8);padding-bottom:var(--space-8)}}.footer{border-top:1px solid var(--color-border);background:var(--color-surface)}.footer__inner{padding-top:var(--space-7);padding-bottom:var(--space-7);flex-direction:column;display:flex}.footer__invite{max-width:560px;margin-bottom:var(--space-4);color:var(--color-text);font-size:16px;line-height:1.6}.footer__email{overflow-wrap:anywhere;margin-bottom:var(--space-5);color:var(--color-brown-text);font-size:20px;font-weight:500;line-height:1.5}.footer__email:hover{color:var(--color-red)}.footer__social{align-items:center;gap:var(--space-2);margin-bottom:var(--space-7);flex-wrap:wrap;display:flex}.footer__social-link{align-items:center;gap:var(--space-2);color:var(--color-brown-text);font-size:15px;font-weight:500;line-height:1.4;transition:color 70ms;display:inline-flex}.footer__social-link:hover{color:var(--color-red)}.footer__social-icon{flex-shrink:0;font-size:16px}.footer__separator{color:var(--color-text-muted);font-size:15px}.footer__copy{color:var(--color-text-muted);font-size:13px}@media (width>=640px){.footer__inner{padding-top:var(--space-8);padding-bottom:var(--space-8)}}@media (prefers-reduced-motion:reduce){.footer__social-link{transition:none}}.minimap{display:none}@media (width>=1024px){.minimap{z-index:100;display:block;position:fixed;top:50%;right:32px;transform:translateY(-50%)}.minimap__track{background:var(--color-border);width:1px;position:absolute;top:0;bottom:0;left:4px}.minimap__dots{flex-direction:column;gap:20px;display:flex;position:relative}.minimap__item{align-items:center;display:flex;position:relative}.minimap__dot{border:1.5px solid var(--color-border);cursor:pointer;background:0 0;border-radius:50%;width:8px;height:8px;padding:0;transition:border-color 70ms,background-color 70ms}.minimap__dot:hover{border-color:var(--color-brown)}.minimap__dot--active{border-color:var(--color-green);background:var(--color-green)}.minimap__label{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);opacity:0;pointer-events:none;white-space:nowrap;padding:6px 10px;font-size:13px;font-weight:500;line-height:1;transition:opacity .12s;position:absolute;right:calc(100% + 12px)}.minimap__item:hover .minimap__label{opacity:1}}@media (prefers-reduced-motion:reduce){.minimap__dot,.minimap__label{transition:none}}