.navbar{z-index:100;padding:var(--sp-md) var(--sp-lg);transition:background var(--duration-normal) var(--ease), backdrop-filter var(--duration-normal) var(--ease);background:0 0;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);background:#faf5f0d9}.navbar__brand{font-family:var(--font-title);letter-spacing:-.02em;color:var(--color-text);text-transform:uppercase;transition:color var(--duration-fast) var(--ease);font-size:1.25rem;font-weight:700;text-decoration:none}.navbar__brand:hover{color:var(--color-primary)}.navbar__actions{align-items:center;gap:var(--sp-md);display:flex}.navbar__lang-toggle{align-items:center;gap:var(--sp-xs);display:flex}.navbar__lang-btn{text-transform:uppercase;letter-spacing:.06em;padding:var(--sp-2xs) var(--sp-xs);border-radius:var(--r-sm);transition:all var(--duration-fast) var(--ease);color:var(--color-text-muted);font-size:.8rem;font-weight:600}.navbar__lang-btn:hover{color:var(--color-primary)}.navbar__lang-btn--active{color:var(--color-primary);border-bottom:2px solid var(--color-primary)}.navbar__globe{color:var(--color-primary);cursor:pointer;transition:transform var(--duration-fast) var(--ease);font-size:1.25rem;line-height:1}.navbar__globe:hover{transform:scale(1.1)rotate(15deg)}@media (width<=768px){.navbar{padding:var(--sp-sm) var(--sp-md)}.navbar__brand{font-size:1rem}}.bottom-nav{bottom:var(--sp-lg);z-index:100;align-items:center;gap:var(--sp-lg);-webkit-backdrop-filter:blur(10px);border-radius:var(--r-full);padding:var(--sp-sm) var(--sp-lg);background:#faf5f0d9;border:1px solid #a6826d4d;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000001f}.bottom-nav__link{color:var(--color-text-muted);transition:all var(--duration-fast) var(--ease);padding:var(--sp-2xs) var(--sp-xs);border-radius:var(--r-md);flex-direction:column;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex;position:relative}.bottom-nav__link:hover{color:var(--color-text)}.bottom-nav__link--active{color:var(--color-primary)}.bottom-nav__link--active:after{content:"";background:var(--color-primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.bottom-nav__icon{font-size:1.25rem;line-height:1}.bottom-nav__label{text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;font-weight:600}.fab-contact{bottom:var(--sp-lg);right:var(--sp-lg);z-index:100;background:var(--color-primary);width:56px;height:56px;color:var(--color-bg);transition:all var(--duration-normal) var(--ease);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;text-decoration:none;display:flex;position:fixed;box-shadow:0 0 20px #f2b54440}.fab-contact:hover{color:var(--color-bg);transform:scale(1.1)rotate(12deg);box-shadow:0 0 40px #f2b54466}@media (width<=768px){.bottom-nav{bottom:var(--sp-md);gap:var(--sp-md);padding:var(--sp-xs) var(--sp-md)}.bottom-nav__label{font-size:.5rem}.fab-contact{bottom:var(--sp-md);right:var(--sp-md);width:48px;height:48px;font-size:1.25rem}}@media (width<=480px){.bottom-nav{gap:var(--sp-sm);padding:var(--sp-xs) var(--sp-sm)}}.hero{padding:var(--sp-xl) 0 var(--sp-2xl);position:relative;overflow:visible}.hero:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#f2b5440f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:10%;left:15%}.hero:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#73534c14 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:20%;right:10%}.hero__visual-row{align-items:flex-start;gap:var(--sp-2xl);z-index:1;display:flex;position:relative}.hero__content{gap:var(--sp-lg);padding-top:var(--sp-2xl);flex-direction:column;flex:0 0 40%;display:flex;overflow:visible}.hero__badge{align-self:flex-start}.hero__badges{gap:var(--sp-sm);flex-wrap:wrap;display:flex}.hero__title{letter-spacing:-.04em;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:.95;font-family:var(--font-title)}.hero__title .word{display:inline-block}.hero__title .letter{opacity:0;clip-path:inset(0 100% 0 0);cursor:default;transition:transform .3s cubic-bezier(.25,.46,.45,.94),color .3s;animation:.3s cubic-bezier(.25,.46,.45,.94) forwards typewriter,.5s cubic-bezier(.22,.61,.36,1) forwards settle;display:inline-block;transform:rotate(2deg)translateY(3px)}.hero__title .letter:hover{transform:translateY(-6px)scale(1.08)}.hero__title span .letter:hover{color:#e6a030}.hero__title .word:first-child .letter:first-child{animation-delay:.6s,.6s}.hero__title .word:first-child .letter:nth-child(2){animation-delay:.8s,.8s}.hero__title .word:first-child .letter:nth-child(3){animation-delay:1s,1s}.hero__title .word:first-child .letter:nth-child(4){animation-delay:1.2s,1.2s}.hero__title .word:first-child .letter:nth-child(5){animation-delay:1.4s,1.4s}.hero__title .word:first-child .letter:nth-child(6){animation-delay:1.6s,1.6s}.hero__title .word:last-child .letter:first-child{animation-delay:2s,2s}.hero__title .word:last-child .letter:nth-child(2){animation-delay:2.2s,2.2s}.hero__title .word:last-child .letter:nth-child(3){animation-delay:2.4s,2.4s}.hero__title .word:last-child .letter:nth-child(4){animation-delay:2.6s,2.6s}.hero__title .word:last-child .letter:nth-child(5){animation-delay:2.8s,2.8s}.hero__title .word:last-child .letter:nth-child(6){animation-delay:3s,3s}.hero__title .word:last-child .letter:nth-child(7){animation-delay:3.2s,3.2s}.hero__title .word:first-child .letter:first-child{--tilt:-1.5deg}.hero__title .word:first-child .letter:nth-child(2){--tilt:.8deg}.hero__title .word:first-child .letter:nth-child(3){--tilt:-.5deg}.hero__title .word:first-child .letter:nth-child(4){--tilt:1.2deg}.hero__title .word:first-child .letter:nth-child(5){--tilt:-1deg}.hero__title .word:first-child .letter:nth-child(6){--tilt:.3deg}.hero__title .word:last-child .letter:first-child{--tilt:-1deg}.hero__title .word:last-child .letter:nth-child(2){--tilt:1deg}.hero__title .word:last-child .letter:nth-child(3){--tilt:-.3deg}.hero__title .word:last-child .letter:nth-child(4){--tilt:1.5deg}.hero__title .word:last-child .letter:nth-child(5){--tilt:-.8deg}.hero__title .word:last-child .letter:nth-child(6){--tilt:.5deg}.hero__title .word:last-child .letter:nth-child(7){--tilt:-1.5deg}@keyframes typewriter{to{opacity:1;clip-path:none}}@keyframes settle{0%{transform:rotate(2deg)translateY(3px)}to{transform:rotate(var(--tilt,0deg)) translateY(0)}}.hero__title span{color:var(--color-primary);font-style:italic}.hero__subtitle{color:var(--color-text-muted);text-align:justify;-webkit-hyphens:auto;hyphens:auto;font-size:1.25rem;font-weight:300;line-height:1.7}.hero__description{margin-top:var(--sp-2xl);z-index:1;position:relative}.hero__visual{will-change:transform;flex:0 0 60%;position:relative}.hero__visual:before{content:"";pointer-events:none;width:300px;height:300px;left:var(--mouse-x,50%);top:var(--mouse-y,50%);opacity:0;z-index:5;background:radial-gradient(circle,#f2b54414,#0000 70%);border-radius:50%;transition:opacity .6s;position:absolute;transform:translate(-50%,-50%)}.hero__visual:hover:before{opacity:1}.hero__img-wrapper{aspect-ratio:4/3;border-radius:var(--r-2xl);background:var(--color-surface);width:100%;box-shadow:var(--shadow-xl);cursor:pointer;position:relative;overflow:hidden}.hero__img-wrapper:after{content:"";border-radius:var(--r-2xl);opacity:0;pointer-events:none;background:linear-gradient(135deg,#f2b54426,#0000 60%);transition:opacity .6s;position:absolute;inset:0}.hero__img-wrapper:hover:after{opacity:1}.hero__img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .8s cubic-bezier(.25,.46,.45,.94);animation:20s ease-in-out infinite alternate kenBurns}.hero__img-wrapper:hover .hero__img{animation-play-state:paused;transform:scale(1.12)}@keyframes kenBurns{0%{transform:scale(1)translate(0)}to{transform:scale(1.08)translate(-1.5%,-1.5%)}}.hero__notes{z-index:2;gap:var(--sp-md);flex-direction:column;display:flex;position:absolute;top:10%;right:-40px}.hero__notes .sticky-note:first-child{transform:rotate(-3deg)translate(0)}.hero__notes .sticky-note:nth-child(2){margin-top:-10px;transform:rotate(2deg)translate(20px)}.hero__notes .sticky-note:nth-child(3){margin-top:20px;transform:rotate(-1deg)translate(-10px)}.hero__handle{border:2px solid var(--color-primary);background:var(--color-bg);z-index:3;width:12px;height:12px;position:absolute}.hero__handle--tl{top:-6px;left:-6px}.hero__handle--tr{top:-6px;right:-6px}.hero__handle--bl{bottom:-6px;left:-6px}.hero__handle--br{bottom:-6px;right:-6px}.hero__frame-tag{background:var(--color-primary);color:var(--color-bg);text-transform:uppercase;letter-spacing:.15em;border-radius:var(--r-sm) var(--r-sm) 0 0;white-space:nowrap;z-index:4;padding:4px 12px;font-size:.55rem;font-weight:700;position:absolute;top:50%;right:-32px;transform:rotate(90deg)translate(-50%)}.sticky-note{width:200px;padding:var(--sp-md);box-shadow:var(--shadow-xl);cursor:grab;will-change:transform;transition:transform .5s cubic-bezier(.25,.46,.45,.94),box-shadow .5s cubic-bezier(.25,.46,.45,.94),filter .5s}.sticky-note:first-child{transform:rotate(-2deg)translate(-8px)}.sticky-note:nth-child(2){transform:rotate(3deg)translate(4px)}.sticky-note:nth-child(3){transform:rotate(-1deg)translate(-4px)}.sticky-note:hover{filter:brightness(1.05);z-index:5;box-shadow:0 28px 60px #5a3e3952;transform:translateY(-8px)rotate(0)translate(0)scale(1.05)!important}.sticky-note:active{cursor:grabbing;transition-duration:.15s;transform:translateY(-4px)rotate(0)translate(0)scale(1.02)!important}.sticky-note__divider{width:100%;height:1px;margin-bottom:var(--sp-sm);background:#0000001a}.sticky-note__text{font-size:.9rem;font-weight:600;line-height:1.4}.sticky-note__pin{text-align:right;margin-top:var(--sp-sm);opacity:.3;font-size:.75rem}.sticky-note--pink{background:var(--note-pink);color:var(--note-pink-text)}.sticky-note--lavender{background:var(--note-lavender);color:var(--note-lavender-text)}.sticky-note--gold{background:var(--note-gold);color:var(--note-gold-text)}@media (prefers-reduced-motion:reduce){.hero__img{animation:none}.hero__title .letter{opacity:1;clip-path:none;transform:rotate(var(--tilt,0deg)) translateY(0);animation:none}.hero__title .letter,.sticky-note,.hero__badge,.hero__img-wrapper:after{transition:none}.hero__visual:before{display:none}}@media (width<=1024px){.hero__visual-row{align-items:center;gap:var(--sp-xl);flex-direction:column}.hero__content{text-align:center;align-items:center;padding-top:0}.hero__badge{align-self:center}.hero__img-wrapper{width:100%;max-width:500px}.hero__notes{gap:var(--sp-sm);position:absolute;top:5%;right:-20px}.hero__notes .sticky-note:first-child,.hero__notes .sticky-note:nth-child(2),.hero__notes .sticky-note:nth-child(3){margin-top:0;transform:rotate(0)translate(0)}.sticky-note{width:140px;padding:var(--sp-sm)}.hero__description{max-width:none}.hero__handle,.hero__frame-tag{display:none}}@media (width<=790px){.hero__notes{display:none}}@media (width<=768px){.hero{padding:var(--sp-2xl) 0 var(--sp-xl)}.hero__content{align-items:center}.hero__title{font-size:clamp(2rem,10vw,3.5rem)}.hero__subtitle{text-align:left;font-size:1rem}.hero__visual{width:100%;max-width:340px}.hero__img-wrapper{max-width:340px}.sticky-note{width:160px}.hero__handle,.hero__frame-tag{display:none}}.projects__header{padding:var(--sp-2xl) 0 var(--sp-xl)}.projects__title{font-family:var(--font-title);letter-spacing:-.04em;text-transform:uppercase;margin-bottom:var(--sp-md);font-size:clamp(3rem,7vw,5.5rem);font-weight:700;line-height:.95}.projects__title span{color:var(--color-primary)}.projects__subtitle{color:var(--color-text);letter-spacing:.02em;max-width:650px;font-size:.85rem;font-weight:400;line-height:1.8}.projects__tags{gap:var(--sp-xs);padding-bottom:var(--sp-xl);flex-wrap:wrap;display:flex}.projects__bento{gap:var(--sp-md);padding-bottom:var(--sp-3xl);grid-template-columns:repeat(12,1fr);display:grid}.project-card{border:1px solid var(--color-border);border-radius:var(--r-xl);transition:all var(--duration-normal) var(--ease);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#faf5f073;flex-direction:column;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-4px)}.project-card--large{grid-column:span 8}.project-card--medium{grid-column:span 4}.project-card--wide{grid-column:span 5}.project-card--square{grid-column:span 4}.project-card--feature{background:var(--color-primary);color:var(--color-text);grid-column:span 3}.project-card__img{background:var(--color-surface-2);min-height:200px;color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;flex:1;justify-content:center;align-items:center;font-size:.75rem;font-weight:500;display:flex;overflow:hidden}.project-card__img img{object-fit:cover;object-position:left center;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease)}.project-card:hover .project-card__img img{transform:scale(1.05)}.project-card__body{padding:var(--sp-md)}.project-card__category{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:var(--sp-2xs);font-size:.65rem;font-weight:700}.project-card--feature .project-card__category{color:inherit;opacity:.7}.project-card__title{font-family:var(--font-title);margin-bottom:var(--sp-xs);letter-spacing:-.01em;font-size:2rem;font-weight:600}.project-card--feature .project-card__title{font-family:var(--font-title);font-size:2rem;font-weight:700}.project-card__desc{color:var(--color-text);font-size:.85rem;font-weight:400;line-height:1.6}.project-card--feature .project-card__desc{color:inherit;opacity:.8}.project-card__cta{align-items:center;gap:var(--sp-2xs);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--sp-sm);color:inherit;transition:gap var(--duration-fast) var(--ease);font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.project-card__cta:hover{gap:var(--sp-sm)}@media (width<=1024px){.project-card--large{grid-column:span 12}.project-card--medium,.project-card--wide,.project-card--square,.project-card--feature{grid-column:span 6}}@media (width<=768px){.projects__bento{grid-template-columns:1fr}.project-card--large,.project-card--medium,.project-card--wide,.project-card--square,.project-card--feature{grid-column:span 1}}.project-detail__header{padding:var(--sp-lg) 0 var(--sp-md);align-items:flex-start;gap:var(--sp-xl);display:flex}.project-detail__info{flex:1}.project-detail__title{font-family:var(--font-title);letter-spacing:-.03em;margin-bottom:var(--sp-lg);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.05}.project-detail__desc{color:var(--color-text);font-size:1rem;font-weight:400;line-height:1.7}.project-detail__hero-img{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-xl);width:100%;height:400px;color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--sp-xl);justify-content:center;align-items:center;font-size:.85rem;font-weight:500;display:flex;overflow:hidden}.project-detail__hero-img img{object-fit:cover;object-position:left center;width:100%;height:100%}.project-detail__section{padding:var(--sp-xl) 0}.project-detail__section+.project-detail__section{border-top:1px solid var(--color-border)}.project-detail__section-title{font-family:var(--font-title);letter-spacing:.15em;color:var(--color-primary);margin-bottom:var(--sp-md);font-size:2rem;font-weight:600}.project-detail__text-block{color:var(--color-text);margin-bottom:var(--sp-lg);font-size:1rem;font-weight:400;line-height:1.8}.project-detail__screens{gap:var(--sp-md);margin-bottom:var(--sp-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.project-detail__screen{aspect-ratio:3/4;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);justify-content:center;align-items:center;gap:var(--sp-xs);color:var(--color-text);text-transform:uppercase;letter-spacing:.08em;transition:all var(--duration-normal) var(--ease);flex-direction:column;font-size:.7rem;font-weight:500;display:flex}.project-detail__screen:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.project-detail__iframe-wrapper{border:1px solid var(--color-border);border-radius:var(--r-xl);background:var(--color-surface);width:100%;height:900px;padding:var(--sp-lg);overflow:hidden}.project-detail__iframe{border:none;width:100%;height:100%}.project-detail__iframe-fallback{width:100%;height:100%;padding:var(--sp-xl);text-align:center;background:var(--color-bg);justify-content:center;align-items:center;display:flex}.project-detail__iframe-fallback p{color:var(--color-text-muted);font-size:.95rem;line-height:1.7}.project-detail__iframe-fallback a{color:var(--color-primary);font-weight:600;text-decoration:underline}.project-detail__iframe-link{margin-top:var(--sp-md)}.project-detail__iframe-link a{color:var(--color-primary);transition:gap var(--duration-fast) var(--ease);font-size:.85rem;font-weight:600;text-decoration:none}.project-detail__iframe-link a:hover{color:var(--color-accent)}.project-detail__iframe-mobile{display:none}.project-detail__full-img{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-xl);width:100%;height:500px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--sp-xl);justify-content:center;align-items:center;font-size:.85rem;font-weight:500;display:flex}.project-detail__back{align-items:center;gap:var(--sp-xs);color:var(--color-primary);margin-bottom:var(--sp-lg);transition:gap var(--duration-fast) var(--ease);font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.project-detail__back:hover{gap:var(--sp-sm)}@media (width<=768px){.project-detail__header{gap:var(--sp-md);flex-direction:column}.project-detail__hero-img{height:250px}.project-detail__full-img{height:300px}.project-detail__screens{grid-template-columns:repeat(2,1fr)}.project-detail__iframe-wrapper{display:none}.project-detail__iframe-mobile{display:block}}.experience__header{padding:var(--sp-2xl) 0 var(--sp-xl);justify-content:space-between;align-items:flex-start;gap:var(--sp-xl);display:flex}.experience__header-content{flex:1}.experience__title{font-family:var(--font-title);letter-spacing:-.04em;margin-bottom:var(--sp-md);font-size:clamp(3rem,7vw,5rem);font-weight:700;line-height:.95}.experience__subtitle{color:var(--color-text);max-width:480px;font-size:1rem;font-weight:400;line-height:1.7}.timeline{padding:var(--sp-xl) 0 var(--sp-3xl)}.timeline__item{gap:var(--sp-2xl);padding:var(--sp-2xl) 0;border-bottom:1px solid var(--color-border);grid-template-columns:1fr 200px;align-items:start;display:grid}.timeline__item:last-child{border-bottom:none}.timeline__item:nth-child(2n){direction:rtl}.timeline__item:nth-child(2n)>*{direction:ltr}.timeline__info{gap:var(--sp-sm);flex-direction:column;display:flex}.timeline__number{color:var(--color-text-muted);opacity:.4;font-size:3rem;font-weight:200;line-height:1}.timeline__company{font-family:var(--font-title);letter-spacing:-.02em;font-size:2rem;font-weight:700}.timeline__role{color:var(--color-primary);font-size:.9rem;font-weight:600}.timeline__period{color:var(--color-text-muted);font-size:.8rem;font-weight:400}.timeline__desc{color:var(--color-text);margin-top:var(--sp-sm);font-size:.9rem;font-weight:400;line-height:1.7}.timeline__workana-link{color:var(--color-primary);text-underline-offset:2px;transition:color var(--duration-fast) var(--ease);font-weight:600;text-decoration:underline}.timeline__workana-link:hover{color:var(--color-accent)}.timeline__clients{gap:var(--sp-xs);margin-top:var(--sp-md);flex-wrap:wrap;display:flex}.timeline__client-badge{padding:var(--sp-2xs) var(--sp-sm);border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text);background:#a6826d26;border:1px solid #a6826d4d;font-size:.75rem;font-weight:500;display:inline-block}.timeline__logo{border:1px solid var(--color-border);border-radius:var(--r-lg);width:200px;height:150px;transition:all var(--duration-normal) var(--ease);background:#a9c6d9;justify-content:center;align-items:center;display:flex;overflow:hidden}.timeline__logo img{object-fit:contain;width:100%;height:100%;padding:var(--sp-md);transition:transform var(--duration-normal) var(--ease);filter:grayscale()}.timeline__logo:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.timeline__logo:hover img{transform:scale(1.05)}@media (width<=1024px){.experience__header{gap:var(--sp-lg);flex-direction:column}.experience__subtitle{max-width:none}.timeline__item{gap:var(--sp-lg);grid-template-columns:1fr 160px}.timeline__item:nth-child(2n){direction:ltr}.timeline__logo{width:160px;height:120px}}@media (width<=768px){.experience__title{font-size:clamp(2rem,10vw,3.5rem)}.experience__subtitle{font-size:.95rem}.timeline__item{gap:var(--sp-lg);grid-template-columns:1fr}.timeline__logo{order:-1;width:100%;height:150px}.timeline__company{font-size:1.5rem}}.resume__header{padding:var(--sp-2xl) 0 var(--sp-xl);justify-content:space-between;align-items:flex-start;gap:var(--sp-lg);flex-wrap:wrap;display:flex}.resume__header-left{flex:1}.resume__name{font-family:var(--font-title);letter-spacing:-.03em;margin-bottom:var(--sp-xs);font-size:clamp(2rem,5vw,3rem);font-weight:700}.resume__roles{color:var(--color-primary);margin-bottom:var(--sp-sm);letter-spacing:.02em;font-size:.85rem;font-weight:500}.resume__intro{color:var(--color-text);max-width:800px;margin-bottom:var(--sp-lg);font-size:.95rem;font-weight:400;line-height:1.7}.resume__download-btn{align-items:center;gap:var(--sp-xs);display:inline-flex}.resume__photo{aspect-ratio:3/4;border-radius:var(--r-lg);background:var(--color-surface);border:3px solid var(--color-primary);width:clamp(150px,25vw,300px);color:var(--color-text);text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:500;display:flex;overflow:hidden}.resume__photo-img{object-fit:cover;width:100%;height:100%}.resume__section{padding:var(--sp-xl) 0;border-top:1px solid var(--color-border)}.resume__section-title{font-family:var(--font-title);letter-spacing:.15em;color:var(--color-primary);margin-bottom:var(--sp-lg);align-items:center;gap:var(--sp-sm);font-size:2rem;font-weight:700;display:flex}.resume__section-title:before{content:"";background:var(--color-primary);width:24px;height:2px;display:inline-block}.resume__skills-grid{gap:var(--sp-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.resume__skill-card{padding:var(--sp-md);border-radius:var(--r-lg);background:var(--color-bg);border:1px solid var(--color-border);transition:all var(--duration-fast) var(--ease)}.resume__skill-card:hover{border-color:var(--color-primary)}.resume__skill-card--highlight{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg)}.resume__skill-card--highlight .resume__skill-desc{color:var(--color-bg);opacity:.85}.resume__skill-name{margin-bottom:var(--sp-2xs);font-size:.85rem;font-weight:700;display:block}.resume__skill-desc{color:var(--color-text);margin:0;font-size:.85rem;font-weight:400;line-height:1.5}.resume__entries{gap:var(--sp-xl);flex-direction:column;display:flex}.resume__entry{gap:var(--sp-lg);grid-template-columns:160px 1fr;align-items:start;display:grid}.resume__entry-period{color:var(--color-text-muted);padding-top:4px;font-size:.8rem;font-weight:500}.resume__entry-company{margin-bottom:4px;font-size:1.1rem;font-weight:700}.resume__entry-role{color:var(--color-primary);margin-bottom:var(--sp-xs);font-size:.85rem;font-weight:600}.resume__entry-desc{color:var(--color-text);font-size:.85rem;font-weight:400;line-height:1.7}.resume__edu-entries{gap:var(--sp-lg);flex-direction:column;display:flex}.resume__edu-entry{gap:var(--sp-lg);grid-template-columns:160px 1fr;align-items:start;display:grid}.resume__edu-year{color:var(--color-text-muted);padding-top:4px;font-size:.8rem;font-weight:500}.resume__edu-title{margin-bottom:4px;font-size:1rem;font-weight:700}.resume__edu-institution{color:var(--color-primary);margin-bottom:var(--sp-2xs);font-size:.85rem;font-weight:500}.resume__edu-desc{color:var(--color-text);font-size:.85rem;font-weight:400}.resume__cert-list{gap:var(--sp-md);flex-direction:column;display:flex}.resume__cert-item{gap:var(--sp-md);grid-template-columns:auto 1fr;align-items:center;display:grid}.resume__cert-logo{border-radius:var(--r-md);background:var(--color-surface);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-muted);text-transform:uppercase;justify-content:center;align-items:center;font-size:.55rem;font-weight:600;display:flex}.resume__cert-name{font-size:.9rem;font-weight:600}.resume__languages{gap:var(--sp-xl);flex-wrap:wrap;display:flex}.resume__language{gap:var(--sp-2xs);flex-direction:column;display:flex}.resume__language-name{font-size:.9rem;font-weight:600}.resume__language-level{color:var(--color-text-muted);font-size:.75rem;font-weight:400}.resume__footer-bar{padding:var(--sp-xl) 0;border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--sp-md);flex-wrap:wrap;display:flex}.resume__contact-links{gap:var(--sp-lg);display:flex}.resume__contact-link{color:var(--color-text-muted);align-items:center;gap:var(--sp-2xs);font-size:.8rem;font-weight:500;display:flex}.resume__contact-link:hover{color:var(--color-primary)}@media (width<=768px){.resume__header{flex-direction:column}.resume__entry,.resume__edu-entry{gap:var(--sp-xs);grid-template-columns:1fr}.resume__footer-bar{text-align:center;flex-direction:column}.resume__contact-links{flex-wrap:wrap;justify-content:center}}.not-found{text-align:center;min-height:60vh;padding:var(--sp-xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.not-found__number{font-family:var(--font-title);color:var(--color-primary);letter-spacing:-.04em;opacity:.3;font-size:clamp(5rem,15vw,10rem);font-weight:700;line-height:1}.not-found__title{font-family:var(--font-title);margin-bottom:var(--sp-md);letter-spacing:-.02em;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700}.not-found__desc{color:var(--color-text-muted);max-width:400px;margin-bottom:var(--sp-lg);font-size:1rem;font-weight:300;line-height:1.7}@font-face{font-family:Against;src:url(/fonts/against%20regular.ttf)format("truetype");font-style:normal}@font-face{font-family:Spinnaker;src:url(/fonts/Spinnaker-Regular.ttf)format("truetype");font-style:normal}:root{--color-bg:#faf5f0;--color-surface:#a9c6d9;--color-surface-2:#a6826d;--color-primary:#f2b544;--color-secondary:#a6826d;--color-accent:#73534c;--color-text:#5a3e39;--color-text-muted:#73534cb3;--color-border:#a6826d;--font:"Spinnaker", sans-serif;--font-title:"Against", sans-serif;--font-body:"Spinnaker", sans-serif;--sp-2xs:4px;--sp-xs:8px;--sp-sm:12px;--sp-md:20px;--sp-lg:32px;--sp-xl:52px;--sp-2xl:84px;--sp-3xl:136px;--sp-4xl:220px;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:20px;--r-2xl:32px;--r-full:9999px;--shadow-sm:0 1px 3px #5a3e391f;--shadow-md:0 4px 12px #5a3e3929;--shadow-lg:0 12px 32px #5a3e3933;--shadow-xl:0 20px 52px #5a3e393d;--ease:cubic-bezier(.4, 0, .2, 1);--duration-fast:.2s;--duration-normal:.35s;--duration-slow:.5s;--note-pink:#ff9bbc;--note-pink-text:#470123;--note-lavender:#ebdcff;--note-lavender-text:#330071;--note-gold:#feb300;--note-gold-text:#382400}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-weight:400;line-height:1.6;overflow-x:hidden}a{color:var(--color-primary);transition:color var(--duration-fast) var(--ease);text-decoration:none}a:hover{color:var(--color-accent)}img{max-width:100%;display:block}ul,ol{list-style:none}button{font-family:var(--font);cursor:pointer;color:inherit;background:0 0;border:none}.container{max-width:1450px;padding:0 var(--sp-lg);margin:0 auto}.container--narrow{max-width:800px}.container--wide{max-width:1400px}.page{background-image:radial-gradient(circle,#a6826d33 1px,#0000 1px);background-size:32px 32px;min-height:100vh;padding-top:80px;padding-bottom:120px}.section{padding:var(--sp-3xl) 0}.section+.section{border-top:1px solid var(--color-border)}.section__label{text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary);margin-bottom:var(--sp-xs);font-size:.7rem;font-weight:600}.section__title{font-family:var(--font-title);letter-spacing:-.03em;margin-bottom:var(--sp-xl);font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.05}.section__desc{color:var(--color-text-muted);max-width:640px;margin-bottom:var(--sp-xl);font-size:1.125rem;font-weight:300}.btn{align-items:center;gap:var(--sp-xs);padding:var(--sp-sm) var(--sp-lg);border-radius:var(--r-full);letter-spacing:.01em;transition:all var(--duration-normal) var(--ease);border:2px solid #0000;font-size:.875rem;font-weight:600;display:inline-flex}.btn--primary{background:var(--color-primary);color:#5a3e39;border-color:var(--color-primary)}.btn--primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 30px #f2b54440}.btn--outline{color:var(--color-primary);border-color:var(--color-primary);background:0 0}.btn--outline:hover{background:var(--color-primary);color:#5a3e39}.btn--ghost{color:var(--color-text);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--color-surface-2);color:#5a3e39}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);transition:all var(--duration-normal) var(--ease);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card__img{background:var(--color-surface-2);height:200px;overflow:hidden}.card__img img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease)}.card:hover .card__img img{transform:scale(1.05)}.card__body{padding:var(--sp-md)}.card__title{font-family:var(--font-title);margin-bottom:var(--sp-2xs);font-size:1rem;font-weight:600}.card__text{color:var(--color-text-muted);font-size:.85rem;font-weight:300}.card__tags{gap:var(--sp-2xs);margin-top:var(--sp-sm);flex-wrap:wrap;display:flex}.tag{padding:var(--sp-2xs) var(--sp-sm);border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.06em;background:var(--color-surface-2);color:var(--color-primary);border:1px solid var(--color-border);font-size:.7rem;font-weight:600;display:inline-block}.tag--active{background:var(--color-primary);color:#5a3e39;border-color:var(--color-primary)}.chip{padding:var(--sp-2xs) var(--sp-sm);border-radius:var(--r-full);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.78rem;font-weight:500;font-family:var(--font);cursor:pointer;transition:all .3s var(--ease);align-items:center;gap:5px;line-height:1.4;display:inline-flex}.chip:hover{border-color:var(--color-primary)}.chip--active{background:var(--color-primary);color:#5a3e39;border-color:var(--color-primary)}.chip__close{color:var(--color-text-muted);cursor:pointer;transition:color .2s var(--ease);background:0 0;border:none;padding:0 0 0 2px;font-family:inherit;font-size:1.15em;line-height:1}.chip__close:hover{color:var(--color-primary)}.chip--dismiss{transition:all .3s var(--ease), opacity .2s var(--ease)}.badge{align-items:center;gap:var(--sp-2xs);padding:var(--sp-2xs) var(--sp-sm);border-radius:var(--r-md);text-transform:uppercase;letter-spacing:.12em;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-size:.65rem;font-weight:700;display:inline-flex}.badge--success{color:var(--color-text);background:#a6c6d966}.badge--warning{color:var(--color-text);background:#f2b54433}.badge--error{color:var(--color-text);background:#73534c26}.input{width:100%;padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-lg);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);transition:border-color var(--duration-fast) var(--ease);outline:none;font-size:.9rem}.input:focus{border-color:var(--color-primary)}.input::placeholder{color:var(--color-text-muted);opacity:.6}.divider{background:var(--color-border);opacity:.4;width:100%;height:1px;margin:var(--sp-md) 0}.placeholder-box{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--r-lg);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;justify-content:center;align-items:center;font-size:.85rem;font-weight:500;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}::selection{background:var(--color-primary);color:#5a3e39}.grid{gap:var(--sp-md);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid--2,.grid--3{grid-template-columns:1fr}.grid--4{grid-template-columns:repeat(2,1fr)}.container{padding:0 var(--sp-md)}.section{padding:var(--sp-2xl) 0}}@media (width<=480px){.grid--4{grid-template-columns:1fr}}