body{min-height:100vh;font-family:var(--font-body);font-size:var(--text-xl);line-height:1.7;color:var(--ink-base);background-color:var(--color-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:var(--caramel-pale);color:var(--ink-base)}:focus-visible{outline:2px solid var(--caramel);outline-offset:3px}.about,.skills,.work,.blog,.article,.contact{position:relative;max-width:var(--container-max);margin:0 auto;padding:var(--space-28) var(--space-24) var(--space-24);overflow:hidden}.about:before,.skills:before,.work:before,.blog:before,.article:before,.contact:before{content:"";position:absolute;pointer-events:none;top:calc(var(--space-28) + var(--space-8));left:3.25rem;width:1px;bottom:var(--space-24);background-color:var(--ink-mid);opacity:.3}@media (max-width: 1024px){.about,.skills,.work,.blog,.article,.contact{padding-inline:var(--space-12)}}@media (max-width: 768px){.about,.skills,.work,.blog,.article,.contact{padding:var(--space-16) var(--space-4) var(--space-14)}.btn{width:100%;justify-content:center}.about:before,.skills:before,.work:before,.blog:before,.article:before,.contact:before{display:none}.about .section-index,.skills .section-index,.work .section-index,.blog .section-index,.contact .section-index{display:none}}@media (max-width: 480px){.about,.skills,.work,.blog,.article,.contact{padding-inline:var(--space-3)}}.section-index{position:absolute;top:var(--space-28);left:2.85rem;font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mid);writing-mode:vertical-rl;text-orientation:mixed}.section-eyebrow{display:block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mid);margin-bottom:var(--space-4)}.section-title{font-family:var(--font-display);font-size:clamp(3rem,6vw,5.5rem);font-weight:300;font-style:italic;letter-spacing:-.02em;line-height:.95;color:var(--ink-deep)}.section-title-rule{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-6)}.section-title-rule__line{display:block;width:40px;height:1px;background-color:var(--caramel)}.section-title-rule__dot{display:block;width:5px;height:5px;border-radius:var(--radius-pill);background-color:var(--caramel-light)}.section-divider{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-20);padding-left:var(--space-14);opacity:0;animation:fade-up .6s cubic-bezier(0,0,.3,1) .7s forwards}.section-divider__line{flex:1;height:1px;background-color:var(--border)}.section-divider__label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mid)}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(0,0,.3,1),transform .6s cubic-bezier(0,0,.3,1);transition-delay:var(--reveal-delay, 0ms)}[data-reveal=right]{transform:translate(-20px)}[data-reveal].is-inview{opacity:1;transform:none}.btn{display:inline-flex;align-items:center;gap:var(--space-2-5);padding:.875rem var(--space-7);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--ink-deep);color:var(--ink-deep);background:transparent;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1),transform .1s ease}.btn:hover{background:var(--ink-deep);color:var(--color-bg)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn--caramel{border-color:var(--caramel);color:var(--caramel)}.btn--caramel:hover{background:var(--caramel);color:var(--ivory-card)}.btn__arrow{width:14px;height:14px;transition:transform .25s cubic-bezier(.16,1,.3,1)}.btn:hover .btn__arrow{transform:translate(4px)}.lang-switcher{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.lang-switcher__btn{display:flex;align-items:center;justify-content:center;padding:.3rem .6rem;font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mid);background:transparent;border:none;border-right:1px solid var(--border);cursor:pointer;line-height:1;transition:background .2s ease,color .2s ease}.lang-switcher__btn:last-child{border-right:none}.lang-switcher__btn:hover{background:var(--caramel-pale);color:var(--ink-deep)}.lang-switcher__btn:active{background:var(--caramel);color:var(--ivory-card)}.lang-switcher__btn.is-active{background:var(--ink-deep);color:var(--ivory-card)}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-right{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes line-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes line-grow-v{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}