@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--primary: #171614;--white: #fffaf4;--black: #11100f;--bg: #f4efe8;--bg-soft: #ebe3d7;--surface: #fffaf4;--surface-muted: #f1e9dd;--surface-dark: #181512;--light-blue: #46556c;--line-break: #d1c1ab;--gray-400: #b7a792;--gray-600: #6f655d;--gray-700: #302b28;--text-primary: #302b28;--text-secondary: #6f655d;--font-display: "Space Grotesk", sans-serif;--font-body: "Manrope", sans-serif;--font-weight-light: 400;--font-weight-regular: 500;--font-weight-semibold: 600;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--hover: #8a2432;--nav-hover: #a27a50;--timeline: #46556c;--linkedln: #0a66c2;--github: #171614;--instagram: #c13584;--light-oak: #a27a50;--radius-sm: .35rem;--radius-md: .65rem;--radius-lg: 1rem;--shadow-soft: 0 12px 30px rgba(23, 22, 20, .08);--shadow-strong: 0 18px 42px rgba(23, 22, 20, .14);--content-width: 76rem;--page-measure: 68rem;--reading-width: 58rem;--transition-standard: .24s ease}.navbar-shell{position:sticky;top:0;z-index:50}.navbar{min-height:4.75rem;padding:.8rem 1.2rem;border-bottom:1px solid rgba(255,250,244,.08);background:#181512eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{display:flex;align-items:center;gap:.85rem;min-width:0}.navbar__logo{width:2.5rem;flex-shrink:0}.navbar__brand{display:flex;flex-direction:column;gap:.12rem}.navbar__brand-name{color:var(--white);font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:-.03em}.navbar__brand-tag{color:#fffaf499;font-size:.7rem;letter-spacing:.12rem;text-transform:uppercase}.navbar__links{display:none;align-items:center;gap:.2rem}.navbar__link--inactive,.navbar__link--active{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .9rem;color:#fffaf4b8}.navbar__link-text,.navbar__dropdown-text{position:relative;display:inline-block;font-size:.76rem;font-weight:700;letter-spacing:.14rem;text-transform:uppercase}.navbar__link--active{color:var(--white)}.navbar__link-text:after{content:"";position:absolute;left:0;width:100%;bottom:-.42rem;height:2px;background:linear-gradient(90deg,var(--hover),var(--light-oak));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-standard)}.navbar__link--inactive:hover,.navbar__link--active:hover{color:var(--nav-hover)}.navbar__link--inactive:hover .navbar__link-text:after,.navbar__link--active .navbar__link-text:after{transform:scaleX(1)}.navbar__toggle-button svg{font-size:1.85rem}.navbar__toggle-button button{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border:1px solid rgba(255,250,244,.14);border-radius:var(--radius-sm);background:transparent;color:var(--white);transition:color var(--transition-standard),border-color var(--transition-standard),transform var(--transition-standard)}.navbar__toggle-button button:hover{color:var(--nav-hover);border-color:#a27a508c;transform:translateY(-2px)}.navbar__dropdown-links{display:none;background:#181512fa;border-bottom:1px solid rgba(255,250,244,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.navbar__dropdown-links.show{display:block;animation:roll-down .7s ease-out forwards}.navbar__dropdown-links .navbar__link--active{color:var(--white)}.navbar__dropdown-links ul{list-style:none;margin:0;padding:.5rem 0 .9rem}.navbar__dropdown-links ul li{padding:.7rem;text-align:center;opacity:0;animation:roll-in .4s ease-out forwards}.navbar__dropdown-links ul li a{display:inline-flex;justify-content:center;width:100%;padding:.3rem .2rem}.navbar__dropdown-links ul li:nth-child(1){animation-delay:.2s}.navbar__dropdown-links ul li:nth-child(2){animation-delay:.4s}.navbar__dropdown-links ul li:nth-child(3){animation-delay:.6s}.navbar__dropdown-links ul li:nth-child(4){animation-delay:.8s}@media(min-width:768px){.navbar__toggle-button{display:none}.navbar__links{display:flex}.navbar__dropdown-links{display:none!important}}@media(min-width:1024px){.navbar{padding-inline:2rem}}@media(max-width:560px){.navbar__brand-tag{display:none}}@keyframes roll-in{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes roll-down{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.footer{width:100%;margin-top:3rem;background:var(--surface-dark);color:#fffaf4cc}.footer__inner{width:min(92%,var(--content-width));margin:0 auto;padding:1.6rem 0 2rem;display:grid;gap:1rem}.footer__backToTop{width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,250,244,.16);border-radius:var(--radius-sm);background:transparent;color:var(--white);transition:transform var(--transition-standard),color var(--transition-standard),border-color var(--transition-standard)}.footer__backToTop:hover{transform:translateY(-2px);color:var(--nav-hover);border-color:#a27a508c}.footer__eyebrow{margin:0 0 .45rem;color:#fffaf485;font-size:.72rem;letter-spacing:.14rem;text-transform:uppercase}.footer__info h2{margin:0;font-size:1rem;color:var(--white)}.footer__updated{margin-top:.35rem;font-size:.85rem;color:#fffaf47a}.footer__info a{color:var(--nav-hover)}.footer__info a:hover{text-decoration:underline}@media(min-width:768px){.footer__inner{grid-template-columns:auto 1fr;align-items:center}.footer__info{text-align:right}.footer__info h2{display:flex;justify-content:flex-end}}.contact{display:flex;flex-direction:column;align-items:center;min-height:100vh;gap:1.2rem}.contact__intro{display:grid;gap:1.3rem;width:min(100%,var(--page-measure));align-items:start}.contact__heroCard,.contact__contactCard,.contact__socialCard,.contact__facts__text,.flip-card-front,.flip-card-back{border:1px solid rgba(162,122,80,.22);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft)}.contact__heroCard{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.8rem;padding:clamp(1.6rem,3vw,2.4rem);background:linear-gradient(140deg,rgba(162,122,80,.08),transparent 45%),linear-gradient(180deg,rgba(70,85,108,.06),transparent 72%),var(--surface);position:relative;overflow:hidden;animation:fade-slide-up .8s ease-out both}.contact__heroCard:before{content:"";position:absolute;top:0;right:0;width:8rem;height:8rem;background:linear-gradient(135deg,rgba(70,85,108,.16),transparent 72%);clip-path:polygon(100% 0,0 0,100% 100%);pointer-events:none}.contact__heroCard h1{margin-top:0;margin-bottom:.4rem}.contact__lead{color:var(--text-primary);font-size:1.08rem;font-weight:var(--font-weight-regular);line-height:1.75}.contact__heroNote{display:grid;gap:.45rem;margin-top:.7rem}.contact__heroNote span{color:var(--nav-hover);font-size:.78rem;font-weight:700;letter-spacing:.14rem;text-transform:uppercase}.contact__rail{display:grid;gap:1rem;animation:fade-slide-up .92s ease-out both}.contact__contactCard{display:flex;flex-direction:column;gap:.75rem;padding:clamp(1.2rem,2.5vw,1.55rem)}.contact__cardLabel{margin:0 0 .7rem;color:var(--nav-hover);font-size:.75rem;font-weight:700;letter-spacing:.16rem;text-transform:uppercase}.contact__contactCard h2,.contact__socialCard h2,.contact__facts__text h2{margin:0}.email-copy-row{margin-top:.2rem;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.72rem .9rem;border:1px solid rgba(162,122,80,.35);border-radius:var(--radius-sm);background:var(--surface);transition:transform var(--transition-standard),border-color var(--transition-standard),box-shadow var(--transition-standard)}.email-copy-row:hover{transform:translateY(-2px);border-color:#8a243261;box-shadow:var(--shadow-soft)}.clipboard-icon{font-size:1rem;transition:opacity .2s ease,transform var(--transition-standard)}.email-copy-row:hover .clipboard-icon{transform:translate(2px)}.copied-msg{font-size:.8rem;color:var(--hover);font-weight:var(--font-weight-semibold);letter-spacing:.05rem}.email-text{font-size:.9rem;font-weight:var(--font-weight-semibold);letter-spacing:.06rem}.contact__socialCard{display:flex;flex-direction:column;gap:.85rem;justify-content:flex-start;padding:clamp(1.2rem,2.5vw,1.55rem)}.contact__socialCard p{margin:0}.social-media-icons{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:.35rem;gap:.9rem}.social-media-icons svg,.social-media-icons img{width:2.5rem;height:2.5rem}.social-media-icons a{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border:1px solid rgba(162,122,80,.28);border-radius:var(--radius-sm);background:var(--surface);box-shadow:0 12px 28px #1716140d;opacity:0;transition:transform var(--transition-standard),border-color var(--transition-standard),background-color var(--transition-standard);animation:fade-slide-up .75s ease-out forwards}.social-media-icons a:hover{transform:translateY(-3px);border-color:#8a243257;background-color:var(--surface-muted)}.social-media-icons a:nth-child(1){animation-delay:.08s}.social-media-icons a:nth-child(2){animation-delay:.16s}.social-media-icons a:nth-child(3){animation-delay:.24s}.social-media-icons a:nth-child(4){animation-delay:.32s}.linkedin-icon{color:var(--linkedln)}.github-icon{color:var(--github)}.instagram-icon{color:var(--instagram)}.duolingo-icon{transform:scale(.85)}.contact__facts{display:grid;gap:1.3rem;width:min(100%,var(--page-measure));align-items:stretch}.flip-card{cursor:pointer;width:100%;max-width:22rem;justify-self:stretch;animation:fade-slide-up 1s ease-out both}.flip-card-inner{position:relative;aspect-ratio:3 / 2;transform-style:preserve-3d;transition:transform .7s ease}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden}.flip-card-front{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#46556c1a,#a27a500d),var(--surface)}.flip-card-front img{transform:scale(.7);height:auto}.flip-card-back{background:linear-gradient(145deg,rgba(162,122,80,.08),transparent 60%),var(--surface);transform:rotateY(180deg);display:flex;justify-content:center;align-items:center;padding:1rem}.contact__facts__text{line-height:1.8;margin-left:0;padding:clamp(1.4rem,3vw,2rem);animation:fade-slide-up .92s ease-out both}.contact__facts__text h2{font-size:1.4rem;margin-bottom:1rem}.contact__facts__text ul{margin:0}@media(min-width:768px){.contact__intro{grid-template-columns:minmax(0,1.18fr) minmax(18rem,.82fr);align-items:stretch}.contact__facts{grid-template-columns:minmax(0,1.12fr) minmax(18rem,.78fr)}.contact__facts__text{min-height:100%}.contact__facts__text li{margin-bottom:1rem}.contact__facts__text h2{font-size:1.6rem}.social-media-icons{gap:1rem}}@media(min-width:1024px){.social-media-icons svg,.social-media-icons img{width:3rem;height:3rem}.contact__facts__text{line-height:2;margin-left:0}.contact__facts__text li{margin-bottom:2rem}.contact__intro{grid-template-columns:minmax(0,1.22fr) minmax(21rem,.8fr)}}.pageNotFound{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:2rem;text-align:center;max-width:30rem;margin:0 auto}.pageNotFound img{max-width:30%;margin-top:2rem;border-radius:var(--radius-md);--slide-distance: 400px;animation:slide-in 1s ease forwards}.pageNotFound__back{display:inline-block;margin-top:2rem;padding:.6rem 1rem;border-radius:var(--radius-sm);border:none;background-color:var(--primary);color:#fff;box-shadow:var(--shadow-soft)}.pageNotFound__back:hover{background-color:var(--hover)}.navigation-arrows{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;width:100%;flex-wrap:wrap}.navigation-arrows__side{display:flex;flex:1}.navigation-arrows__side--end{justify-content:flex-end}.navigation-arrow{min-height:2.9rem;padding:.65rem .95rem;clip-path:polygon(0 0,calc(100% - .7rem) 0,100% 50%,calc(100% - .7rem) 100%,0 100%);background:var(--surface);border:1px solid rgba(23,22,20,.1);color:var(--primary);cursor:pointer;text-decoration:none;transition:transform var(--transition-standard),color var(--transition-standard),background-color var(--transition-standard),border-color var(--transition-standard);display:flex;align-items:center;box-shadow:var(--shadow-soft)}.navigation-arrow--iconOnly{min-width:3rem;justify-content:center}.navigation-arrows__side--start .navigation-arrow{clip-path:polygon(.7rem 0,100% 0,100% 100%,.7rem 100%,0 50%)}.navigation-arrow:hover{transform:translateY(-2px);color:var(--hover);border-color:#8a243240;background:var(--surface-muted)}.navigation-arrow:disabled{opacity:.4;pointer-events:none}.arrow-symbol{font-size:1.15rem}.arrow-label{font-weight:var(--font-weight-semibold);font-size:.86rem;letter-spacing:.08rem;text-transform:uppercase}.navigation-arrows__side--start .arrow-symbol{order:-1}.navigation-center{display:flex;justify-content:center;flex:1 1 100%}@media(min-width:768px){.navigation-arrows{flex-wrap:nowrap}.navigation-center{flex:1}}.home{display:flex;flex-direction:column;align-items:center;gap:.5rem;overflow-x:clip}.home__about{display:flex;flex-direction:column;width:min(100%,var(--page-measure));gap:1.6rem;margin:0 auto;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid rgba(23,22,20,.08);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(162,122,80,.08),transparent 35%),var(--surface);box-shadow:var(--shadow-soft);overflow:hidden;position:relative}.home__about h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home__about__text{display:flex;flex-direction:column;gap:.9rem}.home__about__text h1{margin-top:0}.home__about__frame{position:relative;padding:.9rem;border-radius:var(--radius-md);background:linear-gradient(145deg,#46556c24,#a27a5024);box-shadow:var(--shadow-strong);animation:frame-settle 1s ease-out both}.home__about__frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 68%,rgba(70,85,108,.18) 68%);pointer-events:none;animation:frame-sweep 4.8s ease-in-out infinite}.home__about__image{margin-top:0;max-width:100%;border-radius:var(--radius-md);filter:saturate(.92) contrast(1.02);animation:fade-slide-up 1.2s ease-out;animation-delay:1s;animation-fill-mode:both}.home__skills{display:flex;flex-direction:column;width:min(100%,var(--page-measure));gap:1rem;margin:0 auto;padding:clamp(1.5rem,3vw,2.4rem);border:1px solid rgba(23,22,20,.08);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(70,85,108,.06),transparent 42%),var(--surface);box-shadow:var(--shadow-soft)}.home__skills__chart{display:flex;flex-direction:column;align-self:stretch;width:100%;min-width:0;gap:1rem;padding:clamp(1.5rem,3vw,2.4rem);border-radius:var(--radius-lg);background:var(--surface-dark);box-shadow:var(--shadow-strong)}.home__skills__chart h1,.home__skills__chart p,.home__skills__chart .page__eyebrow{color:var(--white)}.home__skills__text{width:100%;min-width:0;margin:0;padding:clamp(1.5rem,3vw,2.4rem);border:1px solid rgba(23,22,20,.08);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);animation:fade-slide-up .8s ease-out both}.home__skills__text h2{font-weight:var(--font-weight-semibold);font-size:1.35rem;margin-bottom:.7rem}.home__journey{display:flex;flex-direction:column;width:min(100%,var(--page-measure));margin:0 auto;gap:1rem;padding:clamp(1.5rem,3vw,2.4rem);border:1px solid rgba(23,22,20,.08);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(69,85,108,.08),transparent 45%),var(--surface);box-shadow:var(--shadow-soft)}.home__journey__text{opacity:0;max-width:46rem}.home__journey h1{align-self:flex-start;margin-top:0}.home__journey__legend{display:flex;flex-direction:row;width:100%;margin:0;align-self:flex-start;gap:.9rem;flex-wrap:wrap}.legend__box{display:inline-block;vertical-align:middle;width:.9rem;height:.9rem;border-radius:50%}.lived{background-color:var(--hover)}.travelled{background-color:var(--light-blue)}.home__journey__map{width:100%;margin:0;padding:.8rem;border-radius:var(--radius-md);background:var(--surface-muted);animation:fade-slide-up .9s ease-out both}.reset__view{background-color:var(--primary);color:var(--white);padding:.55rem .9rem;border:none;border-radius:var(--radius-sm);font-size:.78rem;font-weight:var(--font-weight-semibold);letter-spacing:.12rem;text-transform:uppercase;transition:transform var(--transition-standard),background-color var(--transition-standard)}.reset__view:hover{background-color:var(--hover);transform:translateY(-2px)}@media(min-width:768px){.home__about{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);align-items:center}.home__skills__chart{width:100%}}@media(min-width:1024px){.home__skills{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:start;gap:1.2rem}.home__skills__text{min-height:100%}.reset__view{padding:.55rem 1rem}}@keyframes frame-settle{0%{opacity:0;transform:translateY(24px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes frame-sweep{0%,to{opacity:.32}50%{opacity:.68}}.stack-chart{width:100%;max-width:100%}.stack-bars{display:flex;flex-direction:column;gap:1rem}.stack-bar{display:flex;align-items:center;min-height:2.9rem;clip-path:polygon(0 0,calc(100% - .9rem) 0,100% 50%,calc(100% - .9rem) 100%,0 100%);padding-left:1rem;border:1px solid rgba(255,250,244,.08);cursor:pointer;transition:width .5s ease-out,transform var(--transition-standard),filter var(--transition-standard);transform-origin:left center;opacity:0;box-shadow:var(--shadow-soft)}.stack-bar.animate-bar{animation:grow-bar 1s ease-out forwards}.stack-bar:hover{transform:translate(.25rem)}.stack-bar.active{transform:translate(.45rem)}.stack-label{color:var(--white);letter-spacing:.08rem;font-size:.85rem;font-weight:var(--font-weight-regular);text-transform:uppercase}.stack-bar.dimmed{filter:saturate(.45) brightness(.85);transition:filter .3s ease,opacity .3s ease}@keyframes grow-bar{0%{width:0;opacity:0}to{opacity:1}}@media(min-width:1024px){.stack-chart{width:100%}.stack-bars{gap:1.2rem}}.portfolio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem}.portfolio__intro__text{display:flex;text-align:left;flex-direction:column;margin:0 auto;padding:1.6rem 0 .2rem;width:min(100%,var(--page-measure));max-width:var(--page-measure)}.portfolio__timeline{display:flex;width:min(100%,var(--page-measure));align-self:center;padding:1rem 0}.portfolio__project-list{display:grid;width:min(100%,var(--page-measure));gap:1.5rem;grid-template-columns:repeat(1,1fr)}.portfolio__project{display:flex;flex-direction:column;padding:.85rem;box-shadow:none;border:1px solid rgba(162,122,80,.28);border-radius:var(--radius-md);background:var(--surface);opacity:0;transition:opacity .5s ease,transform var(--transition-standard),border-color var(--transition-standard);position:relative;overflow:hidden}.portfolio__project img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;aspect-ratio:16 / 9;border-radius:var(--radius-sm);border:1px solid rgba(162,122,80,.2);transition:transform var(--transition-standard),opacity var(--transition-standard)}.portfolio__project:hover{transform:translateY(-3px);border-color:#8a24325c;box-shadow:none}.portfolio__project:hover img{transform:scale(1.02);opacity:.9}.portfolio__project__text{text-align:left;display:flex;flex-direction:column;margin-top:0;padding:.9rem 0 0;min-height:5.2rem}.portfolio__project__text h2{margin:0;font-size:1.06rem;color:var(--light-oak)}.portfolio__project__text p{font-size:.84rem;line-height:1.65}@media(min-width:768px){.portfolio__timeline{justify-content:center}.portfolio__project-list{grid-template-columns:repeat(2,1fr)}}.timeline-container{width:100%;overflow-x:auto;scroll-snap-type:y mandatory;display:flex;justify-content:center;overflow-y:visible;padding:.55rem .35rem .2rem}.timeline-wrapper{display:flex;flex-direction:column;align-items:flex-start;padding-top:.1rem}.timeline-step{display:flex;align-items:flex-start;gap:.8rem}.timeline-top{display:flex;flex-direction:column;align-items:center}.timeline-dot{width:1rem;height:1rem;background-color:var(--timeline);border:.12rem solid var(--white);border-radius:100%;box-shadow:0 0 0 .35rem #46556c14}.timeline-connector{width:.15rem;height:10rem;background-color:var(--timeline)}.timeline-text{margin-top:.4rem;margin-left:0;height:10rem}.timeline-text h2{margin-bottom:0}.timeline-text p{font-size:.85rem;margin-top:.5rem;line-height:1.5;animation:fade-in .5s ease-in}@media(min-width:768px){.timeline-container{overflow-x:auto;scroll-snap-type:x mandatory}.timeline-wrapper{display:flex;flex-direction:row;align-items:flex-start;width:-moz-max-content;width:max-content;margin:0 auto;padding-inline:.2rem}.timeline-step{display:flex;flex-direction:column;align-items:center;cursor:pointer;scroll-snap-align:start}.timeline-top{display:flex;align-items:center;flex-direction:row}.timeline-dot{width:1rem;height:1rem;border-radius:100%}.timeline-connector{width:6rem;height:.15rem;flex-shrink:0}.timeline-text{width:6rem;margin:.8rem 0 0;min-height:18rem;height:-moz-fit-content;height:fit-content;max-height:none}.timeline-text h2{font-size:.8rem}.timeline-text p{font-size:.7rem}.timeline-step.visible .timeline-dot{background-color:var(--timeline)}.timeline-step.active .timeline-dot{background-color:var(--hover);box-shadow:0 0 0 .45rem #8a24321a}}@media(min-width:1024px){.timeline-container{width:100%}.timeline-dot{width:1rem;height:1rem;background-color:var(--timeline);border:.1rem solid var(--white);border-radius:100%}.timeline-connector{width:8rem;height:.15rem;flex-shrink:0}.timeline-text{width:8rem}.timeline-text h2{font-size:1rem}.timeline-text p{font-size:.9rem}}.project{display:flex;flex-direction:column;align-items:center;min-height:100vh;gap:1rem;width:min(100%,var(--content-width));margin:0 auto;padding:1.6rem 1.2rem 0}.project__text{display:flex;flex-direction:column;justify-content:center;width:min(100%,var(--page-measure));padding:clamp(1.4rem,3vw,2rem);border:1px solid rgba(23,22,20,.08);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft)}.project__text,.project__slideshow{border:1px solid rgba(23,22,20,.08);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft)}.project__text h2{font-size:1.9rem;letter-spacing:-.04em;margin-top:.4rem;margin-bottom:1rem}.project__text h2:hover{color:var(--hover);cursor:pointer}.project__text p{white-space:pre-line;line-height:1.72;max-width:var(--reading-width)}.project__text svg{width:3em;height:3rem;color:var(--github)}.project__tags{display:flex;flex-wrap:wrap;margin-top:1.2rem;justify-content:flex-start;gap:.45rem}.project__tag{background-color:var(--surface-muted);color:var(--primary);padding:.42rem .75rem;font-size:.78rem;font-weight:700;letter-spacing:.09rem;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - .5rem) 0,100% 50%,calc(100% - .5rem) 100%,0 100%)}.project__slideshow{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:.8rem;width:min(100%,var(--page-measure));padding:clamp(1rem,2.5vw,1.4rem)}.project__navigations{display:flex;justify-content:space-between;align-items:center;padding:0 0 1rem;margin-bottom:.1rem;width:100%;border-bottom:1px solid rgba(23,22,20,.08)}.project__navigations>div{flex:1;display:flex;justify-content:center}.project__navigations>div:first-child{justify-content:flex-start}.project__navigations>div:last-child{justify-content:flex-end}.github-icon-wrapper{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--primary)}.github-icon-label{font-size:.75rem;margin-top:.3rem;color:var(--light-oak);letter-spacing:.08rem;text-transform:uppercase}.project-github-icon:hover{color:var(--hover)}@media(min-width:768px){.project{gap:1.25rem;padding:2rem}.project__text h2{font-size:2.15rem}}@media(min-width:1024px){.project{gap:1.4rem;padding:2rem}.project__text,.project__slideshow{padding:2.1rem 2.25rem}.project__text h2{font-size:2.3rem}}.slideshow{width:100%;height:auto;max-width:none;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}.slideshow img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;aspect-ratio:4 / 3;background-color:var(--surface-muted);border:1px solid rgba(23,22,20,.08);border-radius:var(--radius-sm)}.slideshow img:hover{cursor:pointer}.slideshow__navigations{display:flex;justify-content:space-between;align-items:center;gap:0;width:100%;padding-top:.9rem}.slideshow__navigations .navigation-arrow{color:var(--gray-400);background:transparent;box-shadow:none}.navigation-center{flex:1;display:flex;justify-content:center}.slideshow__dots{display:flex;justify-content:center;gap:.25rem}.slideshow__dot{flex:1;height:.24rem;background:var(--gray-400);border-radius:.1rem;cursor:pointer;transition:background-color .2s ease}.slideshow__dot.active{background:var(--hover)}.gallery{display:flex;flex-direction:column;align-items:center;min-height:100vh}.gallery__intro{display:flex;text-align:left;flex-direction:column}.masonry-grid{width:100%;-moz-column-count:2;column-count:2;-moz-column-gap:1rem;column-gap:1rem}.masonry__item{display:inline-grid;width:100%;padding:.5rem;margin-bottom:4rem;background-color:#d1c1ab38;border:1px solid rgba(162,122,80,.26);border-radius:.2rem;-moz-column-break-inside:avoid;break-inside:avoid;box-sizing:border-box;opacity:0}.masonry__item img{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover}.masonry__item:hover img{transform:scale(1.02);opacity:.8}.gallery__collection h2{display:flex;justify-content:center}.gallery__pagination{width:100%}@media(min-width:768px){.masonry-grid{-moz-column-count:3;column-count:3}}@media(min-width:1024px){.masonry-grid{-moz-column-count:4;column-count:4}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#11100fdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{position:relative;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:var(--radius-lg);background:#fffaf414}.modal-image{max-height:80vh;-o-object-fit:contain;object-fit:contain;height:auto;display:block;border-radius:var(--radius-sm)}.modal-navigation .navigation-arrow{color:var(--white);margin-top:1rem;background:transparent;border-color:#fffaf42e;box-shadow:none}.no-scroll{overflow:hidden}.thoughts{display:flex;flex-direction:column;align-items:center;min-height:100vh;gap:.8rem}.thoughts__intro{display:flex;text-align:left;flex-direction:column;width:min(100%,var(--page-measure));align-self:center}.thoughts__category{display:flex;justify-content:flex-start;align-items:center;gap:1rem;width:min(100%,58rem);flex-wrap:wrap}.thoughts__category-button{display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border:1px solid rgba(23,22,20,.08);border-radius:50%;background:var(--surface);box-shadow:var(--shadow-soft);transition:transform var(--transition-standard),border-color var(--transition-standard)}.thoughts__category-button svg{cursor:pointer;font-size:2.5rem;color:var(--text-secondary)}.thoughts__category-button:hover{transform:translateY(-3px);border-color:#a27a5052}.thoughts__category-button:hover svg{color:var(--hover)}.thoughts__content{display:flex;flex-direction:column;align-items:center;width:min(100%,var(--page-measure));padding:1rem 0 2rem;gap:.5rem}.thoughts__post-shell{width:min(100%,58rem)}.thoughts__post{width:100%;display:flex;flex-direction:column;padding:.85rem;border:1px solid rgba(162,122,80,.28);border-radius:var(--radius-md);background:var(--surface);box-shadow:none;opacity:0;transition:opacity .5s ease,transform var(--transition-standard),border-color var(--transition-standard)}.thoughts__post.loaded{opacity:1}.thoughts__post:hover{transform:translateY(-3px);border-color:#8a24325c}.thoughts__post__cover{width:100%;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;border:1px solid rgba(162,122,80,.2);border-radius:var(--radius-sm)}.thoughts__post__text{text-align:left;margin-left:0;margin-top:.9rem}.thoughts__post__text h2{font-size:1.08rem;cursor:pointer;margin-bottom:.75rem}.thoughts__post__text h2:hover{color:var(--hover)}.thoughts__post__text p{max-height:3.8rem;font-size:.92rem;line-height:1.55;overflow:hidden;text-overflow:ellipsis}.thoughts__detail{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:.9rem;margin-left:0;padding-top:.8rem;border-top:1px solid rgba(23,22,20,.08);gap:.8rem}.thoughts__readMore{transition:color .2s ease;color:var(--hover);font-size:.92rem}.thoughts__readMore:hover{text-decoration:underline;cursor:pointer}@media(min-width:768px){.thoughts__post__text h2{font-size:1.18rem}}@media(min-width:1024px){.thoughts__category-button svg{font-size:3rem}.thoughts__post__text h2{font-size:1.3rem}}.thoughts__author{display:flex;align-items:center;justify-content:flex-end;gap:.65rem}.thoughts__author__icon{width:2.5rem;height:2.5rem;-o-object-fit:contain;object-fit:contain}.thoughts__author__info{display:flex;flex-direction:column;color:var(--text-secondary);letter-spacing:.03rem;font-size:.82rem}.post__page{display:flex;flex-direction:column;align-items:center;gap:.8rem}.post__page__intro,.post__page__content,.post__text{width:100%;margin:0 auto;max-width:var(--reading-width);padding:0 1.5rem}.post__page__intro{display:flex;flex-direction:column;padding-top:1rem}.post__page__intro h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.05em;line-height:.98;margin:.3rem 0 .75rem}.post__page__intro p{margin:0;font-size:1.02rem;line-height:1.75;letter-spacing:.01rem;color:var(--text-secondary)}.post__page__info{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;width:100%;margin-top:1rem}.lang-toggle{display:inline-flex;align-items:center;justify-content:flex-end;gap:.45rem;border:1px solid rgba(23,22,20,.08);background:var(--surface);cursor:pointer;color:var(--primary);font-size:.9rem;font-weight:700;letter-spacing:.08rem;text-transform:uppercase;white-space:nowrap;padding:.5rem .7rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-soft)}.lang-toggle:hover{color:var(--hover)}.lang-toggle svg{font-size:1em}.post__page__media{display:flex;align-items:center;justify-content:flex-end;align-self:flex-end;margin:0}.post__page__intro img{max-width:100%;border-radius:var(--radius-md);aspect-ratio:3 / 2;-o-object-fit:cover;object-fit:cover;margin:1.75rem 0 .75rem;box-shadow:var(--shadow-strong)}.post__text{font-size:1.02rem;line-height:1.7;padding-bottom:1rem}.post__text p,.post__text li{font-size:inherit;line-height:inherit}.post__text h1,.post__text h2,.post__text h3,.post__text h4{margin-top:2.2rem;margin-bottom:.75rem;line-height:1.2;text-align:left}.post__text h1{font-size:1.95rem;font-weight:700}.post__text h2{font-size:1.65rem;font-weight:600}.post__text h3{font-size:1.3rem;font-weight:600}.post__text ul,.post__text ol{margin:0 0 1.1rem 1.25rem}.post__text em{font-style:italic}.post__text strong{font-weight:600}.post__text em strong,.post__text strong em{font-weight:600;font-style:italic}.post__text hr{border:none;border-top:1px solid var(--light-oak);margin:2.5rem 0}.post__text a{color:var(--hover);text-decoration:underline}.post__text a:hover{opacity:.8}.post__text img{display:block;width:100%;max-width:100%;margin:2rem auto;border-radius:.25rem;-o-object-fit:cover;object-fit:cover;aspect-ratio:3 / 2}@media(min-width:768px){.post__page__intro,.post__page__content,.post__text{max-width:var(--reading-width);padding:0 2rem}.post__page__intro h1{font-size:2.5rem}.post__page__intro p{font-size:1.16rem;line-height:1.68}.post__text{font-size:1.05rem;line-height:1.72}}@media(min-width:1024px){.post__page__intro,.post__page__content,.post__text{max-width:var(--reading-width);padding:0 3rem}.post__text{font-size:1.04rem;line-height:1.68}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.hidden{display:none}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}body,html{margin:0;padding:0;min-height:100%;width:100%}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-body);color:var(--text-primary);background:radial-gradient(circle at top right,rgba(162,122,80,.1),transparent 24%),linear-gradient(180deg,#faf7f2 0%,var(--bg) 36%,var(--bg-soft) 100%);background-attachment:fixed}#root{min-height:100vh}a{color:inherit;text-decoration:none;transition:color var(--transition-standard)}button,input,textarea,select{font:inherit}img{display:block;max-width:100%}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1;display:flex;flex-direction:column}section{width:min(100%,var(--content-width));margin:0 auto;padding:1.2rem;align-items:center}h1{font-family:var(--font-display);font-size:clamp(2.4rem,5.8vw,4.6rem);font-weight:700;letter-spacing:-.05em;line-height:.95;margin-top:2rem;margin-bottom:1rem}h2{font-family:var(--font-display);font-size:clamp(1.05rem,2vw,1.5rem);font-weight:600;letter-spacing:-.03em;line-height:1.15;margin-bottom:1.5rem}p{font-size:.95rem;font-weight:var(--font-weight-light);color:var(--text-secondary);letter-spacing:.01rem;line-height:1.8}ul{font-size:.95rem;font-weight:var(--font-weight-light);color:var(--text-secondary);line-height:1.7;letter-spacing:.01rem;padding-left:1.15rem;list-style-type:disc;text-align:left}ul li{margin-bottom:.2rem}.page-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;font-size:2rem;animation:fade-in .3s ease-in-out;background:#faf7f2e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page__eyebrow{margin:0 0 .75rem;color:var(--nav-hover);font-size:.76rem;font-weight:700;letter-spacing:.18rem;text-transform:uppercase}.page__divider{height:1px;opacity:1;background:linear-gradient(90deg,transparent,rgba(162,122,80,.7),rgba(23,22,20,.12),transparent)}.page__divider-gradient{height:1px;background:linear-gradient(to right,transparent,rgba(138,36,50,.75),rgba(162,122,80,.55),transparent);border:none;opacity:.9}.animate-slide-left{--slide-distance: -200px;animation:slide-in 1s ease forwards}.animate-slide-right{--slide-distance: 200px;animation:slide-in 1s ease forwards}.animate-fade-in{animation:fade-in 1.5s ease-in-out}.animate-fade-slide-up{animation:fade-slide-up 1s ease-out forwards}.typing-cursor:after{content:"|";animation:blink 1s ease-in-out 1 forwards;color:var(--hover);margin-left:.2rem}@keyframes blink{0%,25%,75%{opacity:1}12.5%,62.5%,to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translate(var(--slide-distance))}to{opacity:1;transform:translate(0)}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){section{padding:2rem}p,ul{font-size:1rem}}@media(min-width:1024px){section{width:min(90%,var(--content-width))}}