.hero{--scroll: 0;position:relative;z-index:1;padding-top:64px;overflow:hidden}.hero-inner{position:relative;max-width:1400px;height:680px;margin:0 auto;padding:0 48px;display:flex;justify-content:space-between;align-items:flex-end;gap:48px}.hero-inner:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--color-border);transform-origin:left}@media(prefers-reduced-motion:no-preference){.hero-inner:after{animation:hero-line-draw 1.4s cubic-bezier(.65,0,.35,1) .1s both}.hero-greeting,.hero-name,.hero-tagline{animation:hero-fade-up .35s cubic-bezier(.22,1,.36,1) both}.hero-greeting{animation-delay:.1s}.hero-name{animation-delay:.2s}.hero-tagline{animation-delay:.35s}.hero-portrait>img{animation:hero-rise 1.1s cubic-bezier(.22,1,.36,1) .15s both}}@keyframes hero-line-draw{0%{scale:0 1}}@keyframes hero-fade-up{0%{opacity:0;translate:0 24px}}@keyframes hero-rise{0%{opacity:0;translate:0 80px}}.hero-text{align-self:center;transform:translate3d(0,calc(var(--scroll) * -.12px),0);will-change:transform}.hero-greeting{display:block;margin-bottom:16px;color:var(--color-text-muted);font-size:2rem;font-weight:400;letter-spacing:-.01em}.hero-name{display:block;color:var(--color-text);font-size:clamp(2.75rem,6.2vw,6.5rem);font-weight:700;line-height:1;letter-spacing:-.04em;white-space:nowrap}.hero-name-letter{display:inline-block;transition:translate .35s cubic-bezier(.22,1,.36,1),color .9s ease}@media(hover:hover)and (prefers-reduced-motion:no-preference){.hero-name-letter:hover{translate:0 -.08em;color:var(--color-accent);transition-duration:.15s}}.hero-tagline{margin-top:40px;color:var(--color-text-secondary);font-size:1.5rem}.text-cycle{display:inline-block;min-width:8ch}.cycle-item{display:inline-block;color:var(--color-accent);border-right:2px solid currentColor;padding-right:2px;white-space:nowrap;animation:caret-blink .8s steps(1,end) infinite}.hero-note{position:absolute;z-index:2;top:10%;left:4%;display:flex;align-items:flex-start;gap:2px;color:var(--color-accent);pointer-events:none}.hero-note-text{font-family:Caveat,cursive;font-size:1.9rem;font-weight:600;line-height:1;white-space:nowrap;rotate:-7deg}.hero-note-arrow{width:110px;height:80px;margin-top:14px;>path{stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}}@media(prefers-reduced-motion:no-preference){.hero-note-text{animation:hero-note-pop .6s cubic-bezier(.34,1.56,.64,1) 1s both}.hero-note-arrow>path{stroke-dasharray:1;animation:hero-note-draw .9s cubic-bezier(.65,0,.35,1) 1.3s both}}@keyframes hero-note-pop{0%{opacity:0;translate:0 8px}}@keyframes hero-note-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.hero-portrait{position:relative;flex-shrink:0;line-height:0;margin-bottom:-48px;transform:translate3d(0,calc(var(--scroll) * .18px),0);will-change:transform;>img{height:640px;width:auto;filter:drop-shadow(0 0 24px rgba(0,0,0,.6));-webkit-mask-image:linear-gradient(to right,transparent,#000 15%);mask-image:linear-gradient(to right,transparent,#000 15%)}}.hero-portrait>img{transform-origin:50% 100%;transition:rotate .6s cubic-bezier(.34,1.56,.64,1),scale .6s cubic-bezier(.34,1.56,.64,1)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.hero-portrait:hover>img{rotate:-1.5deg;scale:1.015}.hero-portrait:hover .hero-note{animation:note-wiggle .6s ease-in-out}}@keyframes note-wiggle{0%,to{rotate:0deg}25%{rotate:-6deg}60%{rotate:5deg}}@media screen and (max-width:1200px){.hero-inner{height:600px}.hero-portrait>img{height:540px}}@media screen and (max-width:900px){.hero{padding-top:56px}.hero-inner{height:auto;flex-direction:column;align-items:stretch;gap:0;padding:24px 20px 0}.hero-text{align-self:auto;padding-left:0}.hero-greeting{font-size:1.5rem}.hero-note-text{font-size:1.6rem}.hero-note-arrow{width:80px;height:58px}.hero-tagline{margin-top:20px;font-size:1.25rem}.hero-portrait{align-self:center;>img{height:400px}}}@keyframes caret-blink{50%{border-right-color:transparent}}.project-list{margin-top:40px;display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.project-list[data-collapsed]>.project-list-item:nth-child(4){display:none}@media screen and (max-width:1359px){.project-list{grid-template-columns:repeat(2,minmax(0,1fr))}.project-list[data-collapsed]>.project-list-item:nth-child(4){display:grid}}@media screen and (max-width:936px){.project-list{grid-template-columns:minmax(0,1fr)}.project-list[data-collapsed]>.project-list-item:nth-child(4){display:none}}.project-list-item{display:grid}.page.projects>h2{font-size:2rem;font-weight:700;color:var(--color-text)}.project{color:var(--color-text);text-decoration:none;height:100%;cursor:pointer;display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);min-height:200px;z-index:1;border-radius:8px;overflow:hidden;transition:border-color .3s ease,background .3s ease,color .3s ease;padding:4px;&:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}&:hover,&:focus-visible{background:var(--color-surface-hover);border-color:var(--color-border-strong)}&:active{background:var(--color-surface-hover);border-color:var(--color-accent)}>.project-image{aspect-ratio:16 / 10;border-radius:5px;overflow:hidden;background:var(--color-bg);>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;filter:brightness(.8) saturate(.9);transition:scale .6s cubic-bezier(.22,1,.36,1),filter .3s ease}}&:hover>.project-image>img,&:focus-visible>.project-image>img{filter:none}>.project-info{padding:16px;display:flex;flex-direction:column;gap:8px;>h3{width:fit-content;display:flex;align-items:center;gap:6px;font-size:1.5rem;font-weight:700}>p{font-size:1rem;color:var(--color-text-muted)}}}.project-arrow{flex-shrink:0;width:1.1rem;height:1.1rem;color:var(--color-accent);opacity:0;translate:-6px 4px;transition:opacity .25s ease,translate .35s cubic-bezier(.34,1.56,.64,1)}.project:hover .project-arrow,.project:focus-visible .project-arrow{opacity:1;translate:0 0}@media(hover:hover)and (prefers-reduced-motion:no-preference){.project:hover .project-image>img{scale:1.04}}@media screen and (max-width:767px){.project-list{margin-top:12px}}.ui-button{appearance:none;border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-weight:600;line-height:1;transition:transform .15s ease,scale .15s ease,background-color .2s ease,color .2s ease,opacity .2s ease}.ui-button:disabled{opacity:.65;cursor:not-allowed}.ui-button:not(:disabled):hover{transform:translateY(-1px)}.ui-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.ui-button:not(:disabled):active{transform:translateY(0);scale:.97}.ui-button--primary{background-color:var(--color-accent);color:var(--color-on-accent)}.ui-button--primary:not(:disabled):hover{background-color:var(--color-accent-hover)}.ui-button--secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.ui-button--ghost{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border-strong)}.ui-button--sm{font-size:.875rem;min-height:34px;padding:8px 12px}.ui-button--md{font-size:1rem;min-height:40px;padding:10px 16px}.ui-button--lg{font-size:1.125rem;min-height:46px;padding:12px 20px}.ui-button--full{width:100%}.ui-button__label{display:inline-flex;align-items:center}.ui-button__icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.ui-button__icon-svg{width:1.1em;height:1.1em;display:block}.ui-button__icon-content{display:inline-flex;align-items:center;justify-content:center}.about-me>p{max-width:62ch;font-size:1.15rem;line-height:1.65;color:var(--color-text-secondary)}.about-me>p+p{margin-top:18px}.titled-section:has(>.about-fun-fact){position:relative}.about-fun-fact{position:absolute;top:140px;right:48px}@media screen and (min-width:1280px)and (max-width:1399px){.fun-fact--aside.about-fun-fact{display:none}.fun-fact--stacked.about-fun-fact-stacked{display:flex}}.about-me>.skills{margin-top:28px}@media screen and (max-width:767px){.about-me{padding-left:0}.about-me:before{display:none}}.fun-fact--aside{display:none;max-width:250px;.fun-fact-note{rotate:2deg}.fun-fact-label{font-size:1.25rem}.fun-fact-text{font-size:1.6rem}}.fun-fact--stacked{display:flex;justify-content:center;padding-block:8px;.fun-fact-note{max-width:40ch;rotate:-1.5deg}}@media screen and (min-width:1280px){.fun-fact--aside{display:block}.fun-fact--stacked{display:none}}.fun-fact-note{font-family:Caveat,cursive;font-weight:600;line-height:1.3}.fun-fact-label{display:flex;align-items:center;gap:6px;margin-bottom:4px;color:var(--color-accent);font-size:1.35rem}.fun-fact-text{color:var(--color-text-secondary);font-size:1.9rem}.fun-fact-highlight{position:relative;color:var(--color-text);white-space:nowrap}.fun-fact-star,.fun-fact-squiggle{>path{stroke:var(--color-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}}.fun-fact-star{width:20px;height:20px;flex-shrink:0}.fun-fact-squiggle{position:absolute;left:-2%;bottom:-.3em;width:104%;height:.45em;overflow:visible;>path{stroke-width:2.5;vector-effect:non-scaling-stroke}}@media(scripting:enabled)and (prefers-reduced-motion:no-preference){.fun-fact-note{transition:opacity .6s ease,translate .7s cubic-bezier(.34,1.56,.64,1)}.fun-fact:not([data-revealed]) .fun-fact-note{opacity:0;translate:0 16px}.fun-fact-star>path,.fun-fact-squiggle>path{stroke-dasharray:1;stroke-dashoffset:0}.fun-fact-star>path{transition:stroke-dashoffset .6s cubic-bezier(.65,0,.35,1) .35s}.fun-fact-squiggle>path{transition:stroke-dashoffset .8s cubic-bezier(.65,0,.35,1) .6s}.fun-fact:not([data-revealed]) :is(.fun-fact-star,.fun-fact-squiggle)>path{stroke-dashoffset:1}}:root.skip-entrance .fun-fact{.fun-fact-note,path{opacity:1!important;translate:none!important;stroke-dashoffset:0!important;transition:none!important}}@media screen and (max-width:767px){.fun-fact-text{font-size:1.6rem}}.contact-intro{max-width:44ch;color:var(--color-text-secondary);font-size:1.2rem;line-height:1.6}.contact-email{display:inline-flex;align-items:center;gap:.25em;margin-top:20px;color:var(--color-text);font-size:clamp(1.75rem,4vw,3rem);font-weight:600;letter-spacing:-.03em;text-decoration:none;background-image:linear-gradient(var(--color-accent),var(--color-accent));background-size:0% 2px;background-position:0 100%;background-repeat:no-repeat;transition:color .2s ease,background-size .4s cubic-bezier(.22,1,.36,1);&:hover,&:focus-visible{color:var(--color-accent);background-size:100% 2px}}.contact-email-arrow{width:.8em;height:.8em;flex-shrink:0;transition:translate .35s cubic-bezier(.34,1.56,.64,1)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.contact-email:hover .contact-email-arrow{translate:3px -3px}}.contact-socials{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:32px;padding:0;list-style:none;a{color:var(--color-text-muted);text-decoration:underline;text-decoration-color:var(--color-border-strong);text-underline-offset:4px;transition:color .2s ease,text-decoration-color .2s ease;&:hover,&:focus-visible{color:var(--color-text);text-decoration-color:var(--color-accent)}}}@media screen and (max-width:767px){.contact .titled-section-content{padding-left:0;&:before{display:none}}.contact-email{word-break:break-all}}.timeline-section>h2{margin-bottom:40px}.timeline{position:relative;display:flex;flex-direction:column;gap:60px;list-style:none;padding:0}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:1px;background:var(--color-border-strong);transform-origin:top}@media(scripting:enabled)and (prefers-reduced-motion:no-preference){.timeline:before{transition:scale 1.8s cubic-bezier(.22,1,.36,1)}.timeline:not([data-revealed]):before{scale:1 0}}.timeline-item{width:100%;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:start}.timeline-item.left,.timeline-item.right{align-self:stretch}.timeline-dot{position:absolute;top:24px;left:50%;translate:-50% 0;width:9px;height:9px;background:var(--color-accent);border-radius:50%}.timeline-side{width:100%;display:flex}.timeline-left-side{justify-content:flex-end}.timeline-side-image{align-items:center;gap:40px}.timeline-right-side{justify-content:flex-start}.timeline-card{width:100%;max-width:560px;padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:10px}.timeline-year{display:inline-block;width:fit-content;font-size:.85rem;border-radius:999px;font-weight:600;color:var(--color-text-muted)}.timeline-card>h3{font-size:1.2rem}.timeline-card>p{color:var(--color-text-secondary);line-height:1.5}.timeline-image-wrap{width:fit-content;max-width:200px}.timeline-image{width:100%;max-height:140px;object-fit:contain;display:block;border:none;border-radius:0}@media screen and (max-width:767px){.timeline-section>h2{margin-bottom:12px}}@media screen and (max-width:900px){.timeline:before{left:20px;transform:none}.timeline-item,.timeline-item.left,.timeline-item.right{width:100%;display:flex;flex-direction:column;gap:14px;align-self:stretch;padding-left:52px;padding-right:0}.timeline-dot{left:16px;translate:none;right:auto}.timeline-left-side,.timeline-right-side{justify-content:flex-start}.timeline-side-text{order:1}.timeline-side-image{display:none}}