*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body,h1,h2,h3,h4,p,ul,ol,li,figure{margin:0;padding:0}ul,ol{list-style:none}img,picture,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}:root{--color-bg:#f6f1e8;--color-surface:#fffcf7b8;--color-surface-strong:#fbf7f0;--color-border:#1f1d1a1f;--color-text:#1f1d1a;--color-text-muted:#6e6962;--color-text-soft:#938b81;--color-primary:#1f5f5b;--color-primary-hover:#184946;--color-primary-contrast:#f8f5ef;--shadow-sm:0 8px 24px #1f18120f;--shadow-md:0 18px 45px #1f18121a;--radius-sm:.75rem;--radius-md:1.25rem;--radius-lg:2rem;--radius-full:999px;--container-width:1200px;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--text-xs:.85rem;--text-sm:.95rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:2rem;--text-2xl:clamp(3rem, 6vw, 5.5rem);--transition-fast:.18s ease;--transition-medium:.26s ease}body{height:100%;font-family:Inter,Arial,sans-serif;font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;position:relative;overflow:hidden}body:before{content:"";pointer-events:none;z-index:-1;opacity:.25;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:140px 140px;position:fixed;inset:0}html{height:100%}#app{flex-direction:column;height:100%;display:flex;overflow-y:auto}main{display:block}#site-footer{padding:var(--space-6) 0}.container{width:min(100% - 2rem, var(--container-width));margin-inline:auto}.page-placeholder{padding:var(--space-16) 0}.section-heading{gap:var(--space-3);margin-bottom:var(--space-8);display:grid}.section-heading__eyebrow{color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.section-heading__title{font-size:var(--text-xl);line-height:1.1}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);border:1px solid var(--color-border);min-height:44px;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);padding:.9rem 1.35rem;display:inline-flex}.button:hover{transform:translateY(-1px)}.button--primary{background-color:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.button--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.button--ghost{color:var(--color-text);background-color:#0000}.button--ghost:hover{background-color:#ffffff59}.card-surface{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px)}.site-header{z-index:50;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(14px);background:#f6f1e8b8;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-6);min-height:76px;display:flex}.site-header__brand{letter-spacing:.02em;font-size:1rem;font-weight:700}.nav{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.nav__link{color:var(--color-text-muted);font-size:var(--text-sm);transition:color var(--transition-fast);position:relative}.nav__link:hover,.nav__link.is-active{color:var(--color-text)}.nav__link.is-active:after{content:"";background-color:var(--color-text);width:100%;height:1px;position:absolute;bottom:-.35rem;left:0}@media (width<=860px){.site-header__inner{padding:var(--space-4) 0;flex-direction:column;justify-content:center;align-items:flex-start}.nav{gap:var(--space-3)}}.home-page{flex-direction:column;display:flex}.home-page .hero{flex:1;align-items:center;padding:0;display:flex}.home-page .container.hero__grid{align-items:center}.hero{padding:clamp(4rem,8vh,7rem) 0 clamp(3rem,6vh,5rem)}.hero__grid{gap:var(--space-12);grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:center;margin-top:40px;margin-bottom:40px;display:grid}.hero__visual{justify-items:center;display:grid}.hero__portrait-area{place-items:center;width:min(360px,100%);display:grid;position:relative}.hero__portrait-wrapper{aspect-ratio:1;border:1px solid var(--color-border);width:min(320px,100%);box-shadow:var(--shadow-md);background:var(--color-surface-strong);border-radius:50%;overflow:hidden}.hero__portrait-image{object-fit:cover;width:100%;height:100%}.hero__socials{pointer-events:none;position:absolute;inset:0}.hero__social{pointer-events:auto;border:1px solid var(--color-border);width:56px;height:56px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);background:#fffcf7f0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute}.hero__social:hover{background:#fff;transform:translateY(-2px)}.hero__social-icon-image{object-fit:contain;width:30px;height:30px;display:block}.hero__social--top{top:51%;right:-5%}.hero__social--middle{top:77.5%;right:2%;transform:translateY(-50%)}.hero__social--middle:hover{transform:translateY(-50%)translateY(-2px)}.hero__social--bottom{bottom:0%;right:15%}.hero__content{gap:var(--space-5);display:grid}.hero__eyebrow{color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.hero__title{font-size:var(--text-2xl);letter-spacing:-.04em;line-height:.95}.hero__lead{max-width:58ch;color:var(--color-text-muted);font-size:var(--text-lg)}.hero__actions{gap:var(--space-4);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.featured-projects{padding:0 0 var(--space-4)}.project-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-card{min-height:280px;padding:var(--space-8);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);flex-direction:column;justify-content:flex-start;display:flex}.project-card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--color-border) 70%, var(--color-primary) 30%);transform:translateY(-4px)}.project-card__tag{margin-bottom:var(--space-4);color:var(--color-text-soft);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.project-card__title{margin-bottom:var(--space-4);font-size:1.4rem;line-height:1.1}.project-card__text{color:var(--color-text-muted);text-align:justify;line-height:1.7}.project-card__meta{margin-top:var(--space-5);color:var(--color-text-soft);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;line-height:1.4}@media (width<=980px){.hero__grid{gap:var(--space-8);grid-template-columns:1fr}.hero__visual{order:1}.hero__content{text-align:left;order:2}.project-grid{grid-template-columns:1fr}.hero__portrait-area{width:min(300px,100%)}.hero__socials{pointer-events:auto;justify-content:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex;position:static;inset:auto}.hero__social{position:static;transform:none!important}.home-page{min-height:auto;overflow:visible}.home-page .hero,.home-page .container.hero__grid{min-height:auto}}.projects-page{padding:var(--space-16) 0}.projects-view{padding:var(--space-16) 0 var(--space-4)}.projects-hero{gap:var(--space-5);margin-bottom:var(--space-10);display:grid}.projects-title{font-size:var(--text-2xl);letter-spacing:-.04em;line-height:.98}.projects-lead{max-width:70ch;color:var(--color-text-muted)}.projects-toolbar{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:minmax(0,2fr) repeat(4,minmax(160px,1fr));display:grid}.projects-field input,.projects-field select{width:100%;min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.projects-count{margin-bottom:var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm)}.project-grid--projects{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);min-height:260px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);position:relative;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.project-card:before{content:"";background:linear-gradient(to right, var(--color-surface) 0%, var(--color-surface) 65%, color-mix(in srgb, var(--color-surface) 85%, transparent) 70%, transparent 100%), var(--project-image) left center / cover no-repeat;opacity:.85;position:absolute;inset:0}.project-card--no-image .project-card__content{max-width:100%}.project-card__content{z-index:1;gap:var(--space-4);height:100%;padding:var(--space-8);flex-direction:column;max-width:75%;display:flex;position:relative}.project-card__tag{color:var(--color-text-faint);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.project-card__title{font-size:1.5rem;line-height:1.05}.project-card__text{color:var(--color-text-faint);line-height:1.6}.project-card__meta{color:var(--color-text-faint);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;margin-top:auto}@media (width<=1100px){.projects-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card__content{max-width:70%}}@media (width<=780px){.project-grid--projects,.projects-toolbar{grid-template-columns:1fr}.project-card__content{max-width:100%}.project-card:before{background:var(--color-surface)}}.keyword-dropdown{width:100%;position:relative}.keyword-summary{appearance:none;min-height:48px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-base);font-family:var(--font-body);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text);justify-content:space-between;align-items:center;font-weight:400;list-style:none;display:flex}.keyword-summary::marker{display:none}.keyword-summary__chevron{font-size:var(--text-xs);color:var(--color-text-muted);transition:transform .2s}.keyword-dropdown[open] .keyword-summary{border-bottom-right-radius:0;border-bottom-left-radius:0}.keyword-dropdown[open] .keyword-summary__chevron{transform:rotate(180deg)}.keyword-list{z-index:10;background:var(--color-surface);border:1px solid var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;width:100%;max-height:260px;position:absolute;overflow-y:auto}.keyword-list__divider{background:var(--color-border);height:1px;margin:var(--space-1) 0}.keyword-item{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);cursor:pointer;background:var(--color-surface);justify-content:space-between;align-items:center;transition:background .15s;display:flex}.keyword-item:hover{background:var(--color-surface-offset)}.keyword-item input{display:none}.keyword-item__check{border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-bg);flex-shrink:0;width:16px;height:16px;transition:background .15s,border-color .15s}.keyword-item--active .keyword-item__check{background:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:10px}.keyword-item--active{color:var(--color-primary);font-weight:500}.skills-view{padding:var(--space-16) 0 var(--space-4)}.skills-hero{gap:var(--space-5);margin-bottom:var(--space-10);display:grid}.skills-title{font-size:var(--text-2xl);letter-spacing:-.04em;line-height:.98}.skills-section-title{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-8);font-weight:700}.skills-lead{max-width:70ch;color:var(--color-text-muted)}.skills-tech{gap:var(--space-10) var(--space-8);margin-bottom:var(--space-12);grid-template-columns:repeat(3,1fr);display:grid}.skills-section{padding-top:var(--space-10);border-top:1px solid var(--color-border);margin-bottom:var(--space-10)}.skills-group{gap:var(--space-3);flex-direction:column;display:flex}.skills-group__title{font-family:var(--font-body,sans-serif);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.skills-group__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.skill-badge{align-items:center;gap:var(--space-3);font-size:var(--text-lg);color:var(--color-text);display:flex}.skill-badge__icon{object-fit:contain;width:24px;height:24px}.skill-badge:before{content:"";background:var(--color-text-faint);border-radius:50%;flex-shrink:0;width:4px;height:4px}.skill-badge__flag{border-radius:2px;flex-shrink:0}@media (prefers-color-scheme:dark){.skill-badge__icon{filter:invert()}}[data-theme=dark] .skill-badge__icon{filter:invert()}.skills-soft-list{font-size:var(--text-lg);color:var(--color-text);margin-top:var(--space-4);line-height:1.8}.skill-badge--lang{gap:var(--space-3)}.skill-badge__name{font-weight:600}.skill-badge__level{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:400}@media (width<=780px){.skills-tech{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.skills-tech{grid-template-columns:1fr}}.resume-view{padding:var(--space-16) 0 var(--space-4)}.resume-hero{gap:var(--space-5);margin-bottom:var(--space-12);display:grid}.resume-title{font-size:var(--text-2xl);letter-spacing:-.04em;line-height:.98}.resume-lead{max-width:70ch;color:var(--color-text-muted)}.timeline-header{margin-bottom:var(--space-8);grid-template-columns:1fr 40px 1fr;display:grid}.timeline-col__title{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.timeline-header span:first-child{text-align:right}.timeline{row-gap:var(--space-10);grid-template-rows:repeat(5,auto);grid-template-columns:1fr 40px 1fr;align-items:start;display:grid}.timeline-axis{grid-area:1/2/-1;justify-content:center;align-self:stretch;display:flex}.timeline-axis__line{background:var(--color-border);align-self:stretch;width:1px;min-height:100%}.timeline-item{align-items:flex-start;display:flex;position:relative}.timeline-item--left{text-align:right;flex-direction:row-reverse;grid-column:1}.timeline-item--right{text-align:left;flex-direction:row;grid-column:3}.timeline-dot{border-radius:var(--radius-full);background:var(--color-border);flex-shrink:0;width:8px;height:8px;margin-top:6px;position:absolute}.timeline-item--left .timeline-dot{right:-24px}.timeline-item--right .timeline-dot{left:-24px}.timeline-card{gap:var(--space-1);padding-right:var(--space-6);flex-direction:column;display:flex}.timeline-item--right .timeline-card{padding-right:0;padding-left:var(--space-6)}.timeline-card__period{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.06em}.timeline-card__title{font-size:var(--text-base);color:var(--color-text);font-weight:600;line-height:1.3}.timeline-card__org{font-size:var(--text-sm);color:var(--color-primary)}.timeline-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2);gap:var(--space-1);padding-left:var(--space-4);flex-direction:column;max-width:38ch;display:flex}.timeline-item--left .timeline-card__desc{padding-left:0;padding-right:var(--space-4);margin-left:auto;list-style-position:inside}@media (width<=640px){.timeline{row-gap:var(--space-8);grid-template-rows:none;grid-template-columns:24px 1fr}.timeline-header{grid-template-columns:1fr}.timeline-header span:nth-child(2),.timeline-header span:nth-child(3){display:none}.timeline-axis{grid-area:1/1/-1}.timeline-item--left,.timeline-item--right{text-align:left;flex-direction:row;grid-column:2;grid-row:auto!important}.timeline-item--left .timeline-dot,.timeline-item--right .timeline-dot{left:-24px;right:auto}.timeline-item--left .timeline-card{padding-right:0;padding-left:var(--space-6)}.timeline-item--left .timeline-card__desc{padding-right:0;padding-left:var(--space-4);margin-left:0;list-style-position:outside}}.about-view{padding-block:var(--space-16) var(--space-4)}.about-layout{gap:var(--space-10);grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);align-items:start;display:grid}.about-hero{gap:var(--space-5);margin-bottom:var(--space-12);display:grid}.about__title{font-size:var(--text-2xl);letter-spacing:-.04em;line-height:.98}.about_lead{max-width:70ch;color:var(--color-text-muted)}.about-main{min-width:0}.about-bio{gap:var(--space-5);margin-bottom:var(--space-10);display:grid}.about-bio p{max-width:none;font-size:var(--text-base);color:var(--color-text-muted);line-height:1.8}.about-side{gap:var(--space-6);padding:var(--space-8);border-radius:var(--radius-lg);display:grid;position:sticky;top:108px}.about-side__group{gap:var(--space-2);display:grid}.about-side__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.about-side__value{max-width:none;font-size:var(--text-base);color:var(--color-text)}.about-links{gap:var(--space-3);display:grid}.about-link{align-items:center;gap:var(--space-3);color:var(--color-text);display:inline-flex}.about-link img{width:18px;height:18px}.about-interests{gap:var(--space-5);display:grid}.about-section-title{font-size:var(--text-lg);line-height:1.2}.interests-list{gap:var(--space-3);flex-wrap:wrap;display:flex}.interest-tag{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-text);font-size:var(--text-sm);cursor:default;padding:.8rem 1.15rem}.interest-tag.is-clickable{cursor:pointer}.interest-tag.is-clickable:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.interest-tag:disabled{opacity:1}.hobby-modal{z-index:80;position:fixed;inset:0}.hobby-modal__backdrop{-webkit-backdrop-filter:blur(8px);background:#1816126b;position:absolute;inset:0}.hobby-modal__dialog{z-index:1;width:min(920px,100% - 2rem);padding:var(--space-8);border-radius:var(--radius-xl);margin:min(8vh,5rem) auto;position:relative}.hobby-modal__close{top:var(--space-4);right:var(--space-4);border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:50%;width:40px;height:40px;font-size:1.5rem;line-height:1;position:absolute}.hobby-modal__title{margin-bottom:var(--space-6);font-size:var(--text-xl)}.hobby-modal__grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.hobby-item{gap:var(--space-3);display:grid}.hobby-item__image-wrap{aspect-ratio:.72;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-2);overflow:hidden}.hobby-item__image{object-fit:cover;width:100%;height:100%}.hobby-item__title{font-size:var(--text-sm);line-height:1.4}@media (width<=920px){.about-layout{grid-template-columns:1fr}.about-side{position:static}}@media (width<=640px){.hobby-modal__dialog{padding:var(--space-6)}.hobby-modal__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.contact-section{padding-block:var(--space-16) var(--space-4)}.contact-layout{gap:var(--space-12);justify-content:center;align-items:start;display:flex}.contact-hero{gap:var(--space-5);margin-bottom:var(--space-12);display:grid}.contact-title{font-size:var(--text-2xl);letter-spacing:-.04em;line-height:.98}.contact-lead{max-width:70ch;color:var(--color-text-muted)}.contact-intro__text{font-size:var(--text-base);color:var(--color-text-muted);max-width:36ch;line-height:1.75}.contact-form{gap:var(--space-5);padding:var(--space-8);border-radius:var(--radius-lg);width:100%;max-width:540px;display:grid}.form-group{gap:var(--space-2);display:grid}.form-label{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;font-family:inherit}.form-input::placeholder{color:var(--color-text-faint)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-highlight)}.form-textarea{resize:vertical;min-height:120px}.form-error{font-size:var(--text-xs);color:var(--color-error,#a12c7b);min-height:1.2em}.contact-submit{justify-self:start;gap:var(--space-2)}.submit-spinner svg{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-feedback{font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.form-feedback--success{background:var(--color-success-highlight,#d4dfcc);color:var(--color-success,#437a22)}.form-feedback--error{background:var(--color-error-highlight,#e0ced7);color:var(--color-error,#a12c7b)}.skills-lead{max-width:none}@media (width<=768px){.contact-layout{gap:var(--space-8);grid-template-columns:1fr}.contact-intro__text{max-width:100%}.contact-form{padding:var(--space-6)}}.detail-view{padding:var(--space-16) 0 var(--space-4)}.detail-back{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-8);text-decoration:none;transition:color .15s;display:inline-flex}.detail-back:hover{color:var(--color-text)}.detail-header{gap:var(--space-3);margin-bottom:var(--space-10);flex-direction:column;display:flex}.detail-header__title-row{align-items:center;gap:var(--space-8);display:flex}.detail-github{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-text);font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.detail-github:hover{background:var(--color-surface-offset);border-color:var(--color-text-muted)}.detail-github img{width:22px;height:22px}.detail-title{font-size:var(--text-2xl);letter-spacing:-.03em;line-height:1}.detail-badges{gap:var(--space-2);padding-top:var(--space-2);flex-shrink:0;display:flex}.detail-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);background:var(--color-surface)}.detail-body{gap:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-10);grid-template-columns:1fr;display:grid;overflow:hidden}@media (width>=768px){.detail-body{grid-template-columns:65fr 35fr}}.detail-main{gap:var(--space-8);padding:var(--space-8);border-right:1px solid var(--color-border);flex-direction:column;display:flex}.detail-sidebar{gap:var(--space-8);padding:var(--space-8);background:var(--color-surface);flex-direction:column;display:flex}.detail-block__title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.detail-meta{gap:var(--space-2) var(--space-4);font-size:var(--text-sm);grid-template-columns:auto 1fr;display:grid}.detail-meta dt{color:var(--color-text-muted)}.detail-meta dd{color:var(--color-text)}.detail-tags{gap:var(--space-2) var(--space-4);flex-wrap:wrap;list-style:none;display:flex}.detail-tags--stack .detail-tag{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:500}.detail-tags--skills .detail-tag{font-size:var(--text-sm);color:var(--color-text-muted)}.detail-tags--skills{gap:var(--space-2);flex-direction:column}.challenge{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.challenge+.challenge{margin-top:var(--space-2)}.challenge__summary{padding:var(--space-3) var(--space-4);cursor:pointer;font-size:var(--text-sm);background:var(--color-surface);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-weight:500;list-style:none;display:flex}.challenge__chevron{font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0;transition:transform .2s}.challenge[open] .challenge__chevron{transform:rotate(180deg)}.challenge__body{border-top:1px solid var(--color-border);flex-direction:column;display:flex}.challenge__section{padding:var(--space-4);font-size:var(--text-sm);gap:var(--space-2);background:var(--color-surface-offset);flex-direction:column;line-height:1.6;display:flex}.challenge__section--solution{border-top:1px solid var(--color-border);background:var(--color-surface-offset)}.challenge__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text);font-weight:550}.challenge__section--solution .challenge__label{color:var(--color-primary)}.detail-carousel{align-items:center;gap:var(--space-2);grid-template-rows:auto auto;grid-template-columns:28px 1fr 28px;display:grid}.carousel-track-wrapper{border-radius:var(--radius-lg);border:1px solid var(--color-border);grid-column:2;overflow:hidden}.carousel-track{transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex}.carousel-slide{min-width:100%}.carousel-slide img{aspect-ratio:16/9;object-fit:cover;width:100%}.carousel-btn{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);width:28px;height:28px;color:var(--color-text);font-size:var(--text-sm);cursor:pointer;justify-content:center;align-items:center;transition:background .15s;display:flex}.carousel-btn:hover{background:var(--color-surface-offset)}.carousel-dots{justify-content:center;gap:var(--space-2);grid-column:2;display:flex}.carousel-dot{border-radius:var(--radius-full);background:var(--color-border);cursor:pointer;width:6px;height:6px;transition:background .15s}.carousel-dot--active{background:var(--color-primary)}.lightbox{z-index:100;background:oklch(0% 0 0/.9);justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.lightbox[aria-hidden=true]{display:none}.lightbox__img{object-fit:contain;border-radius:var(--radius-md);max-width:90vw;max-height:90vh}.lightbox__close,.lightbox__prev,.lightbox__next{color:#fff;font-size:var(--text-xl);cursor:pointer;padding:var(--space-4);opacity:.7;background:0 0;border:none;transition:opacity .15s;position:absolute}.lightbox__close:hover,.lightbox__prev:hover,.lightbox__next:hover{opacity:1}.lightbox__close{top:var(--space-4);right:var(--space-4)}.lightbox__prev{left:var(--space-4);top:50%;transform:translateY(-50%)}.lightbox__next{right:var(--space-4);top:50%;transform:translateY(-50%)}