:root{--paper:#f4ead8;--grid:rgba(168,140,90,.18);--card-body:#cbc1b1;--card-top:#efe2c7;--accent:#b69a61;--ink:#050505}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background-color:var(--paper);background-image:linear-gradient(to right, var(--grid) 1px, transparent 1px), linear-gradient(to bottom, var(--grid) 1px, transparent 1px);background-size:28px 28px;margin:0;font-family:Alata,Trebuchet MS,Verdana,sans-serif;animation:.7s ease-out pageFade}a{color:inherit;text-decoration:none}.site-nav{padding:22px 24px 0}.site-nav__inner{background:#e8d8b3;border-radius:0 18px 18px;justify-content:space-between;align-items:center;width:min(100%,960px);margin:0 auto;padding:12px 26px 13px;animation:.7s cubic-bezier(.22,1,.36,1) both navDrop;display:flex}.site-nav__brand{font-size:27px;font-weight:400;line-height:1}.site-nav__links{text-transform:lowercase;gap:56px;padding-right:38px;font-size:20px;font-weight:400;line-height:1;display:flex}.portfolio-page{min-height:100vh;padding:26px 0 96px}.portfolio-section{width:min(100%,840px);margin:0 auto}.portfolio-section--about{margin-top:145px;margin-bottom:200px}.portfolio-section--skills{margin-top:30px}.portfolio-section--works,.portfolio-section--contact{margin-top:18px}.section-heading{text-align:center;text-underline-offset:4px;text-transform:lowercase;letter-spacing:.01em;margin:300px 0 10px;font-family:Lobster Two,Times New Roman,serif;font-size:52px;font-weight:700;text-decoration:underline}.reveal-scroll{will-change:opacity, transform}.terminal-card{background:var(--card-body);border-radius:0 18px 0 0;overflow:hidden;box-shadow:0 1px rgba(0,0,0,.08)}.terminal-card__topbar{background:var(--card-top);justify-content:space-between;align-items:center;min-height:26px;padding:4px 10px 4px 8px;display:flex;position:relative}.terminal-card__plus{background:var(--accent);color:#fff;border-radius:1px;justify-content:center;align-items:center;width:18px;height:18px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.terminal-card__title{font-size:12px;font-weight:400;position:absolute;left:50%;transform:translate(-50%)}.terminal-card__actions{gap:8px;margin-left:auto;display:flex}.terminal-card__action{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.terminal-card__action--square{font-size:10px}.terminal-card__body{padding:8px 24px 34px}.terminal-command{margin:0 0 14px;font-size:22px;font-weight:400;line-height:1.05}.about-card__layout{grid-template-columns:198px 1fr;align-items:start;gap:20px;display:grid}.about-card__sidebar{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.about-card__avatar{object-fit:cover;border-radius:18px;width:198px;height:224px}.about-card__actions{align-items:center;gap:18px;padding-left:2px;display:flex}.about-card__button{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:999px;min-width:150px;padding:15px 20px;font-size:18px;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s}.about-card__socials{align-items:center;gap:16px;display:flex}.about-card__social{color:#fff;letter-spacing:-.04em;border-radius:999px;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;font-weight:800;transition:transform .18s,filter .18s;display:flex}.about-card__social-icon{flex:none;width:24px;height:24px}.about-card__social--github{background:#0f0f10}.about-card__social--instagram{background:#f17b7f}.about-card__social--linkedin{background:#58a9dd}.about-card__content{padding-top:2px}.about-card__name,.about-card__divider,.about-card__line,.about-card__quote,.skills-card__grid p{margin:0}.about-card__name{font-size:19px;font-weight:400;line-height:1.05}.about-card__divider{letter-spacing:.02em;margin-bottom:10px;font-size:17px;font-weight:400;line-height:1}.about-card__line{margin-bottom:10px;font-size:17px;font-weight:400;line-height:1.1}.about-card__line--multiline{margin-bottom:12px}.about-card__quote{text-align:left;margin-top:14px;font-size:17px;font-weight:400;line-height:1.25}.skills-card__group+.skills-card__group{margin-top:22px}.skills-card__group--soft .terminal-command{margin-bottom:12px}.skills-card__grid{gap:6px 26px;font-size:17px;font-weight:400;line-height:1.1;display:grid}.skills-card__grid--technical{grid-template-columns:repeat(5,minmax(0,1fr))}.skills-card__grid--soft{grid-template-columns:repeat(2,minmax(0,max-content));column-gap:42px}.works-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:34px;display:grid}.project-card{background:var(--card-body);border-radius:0 18px 18px;padding:18px 18px 20px}.project-card__image{object-fit:cover;width:100%;height:144px}.project-card__title{text-align:center;margin:16px 0 14px;font-size:26px;font-weight:700;line-height:1.08}.project-card__links{justify-content:center;gap:6px;display:flex}.project-card__link{text-align:center;background:#f8f4e8;min-width:104px;padding:10px 14px;font-size:18px;font-weight:700;transition:transform .18s,background-color .18s}.contact-card{background:var(--card-body);border-radius:0 18px 18px;padding:18px 28px 22px}.contact-form{flex-direction:column;gap:12px;display:flex}.contact-form__honeypot{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contact-form__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.contact-form__field{flex-direction:column;gap:8px;display:flex}.contact-form__label{font-size:18px;line-height:1.1}.contact-form__input,.contact-form__textarea{width:100%;color:var(--ink);background:#fff;border:none;outline:none;padding:10px 12px;font-family:inherit;font-size:16px}.contact-form__textarea{resize:vertical;min-height:122px}.contact-form__actions{justify-content:flex-end;padding-top:2px;display:flex}.contact-form__status{margin:0;font-size:16px;line-height:1.35}.contact-form__status--success{color:#2b5d34}.contact-form__status--error{color:#8c2f2f}.contact-form__submit{background:var(--accent);min-width:134px;color:var(--ink);cursor:pointer;border:none;border-radius:999px;padding:12px 22px;font-size:18px;transition:transform .18s,filter .18s}.contact-form__submit:disabled{cursor:wait;opacity:.88}.site-footer{text-align:center;background:#e8d8b3;width:100%;margin-top:98px;padding:16px;font-size:18px}.about-card__button:hover,.contact-form__submit:hover{filter:brightness(1.03);transform:translateY(-2px)}.about-card__social:hover{filter:brightness(1.04);transform:translateY(-2px)scale(1.04)}.project-card__link:hover{background:#fffaf0;transform:translateY(-2px)}@supports (animation-timeline:view()){.reveal-scroll{animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both;animation-timeline:view()}.reveal-scroll--heading{animation-name:headingRise;animation-duration:1ms;animation-range:entry cover 28%}.reveal-scroll--card{animation-name:cardRise;animation-duration:1ms;animation-range:entry cover 30%}.reveal-scroll--footer{animation-name:footerLift;animation-duration:1ms;animation-range:entry cover 45%}.section-heading,.terminal-card,.project-card,.contact-card,.site-footer{animation-delay:0s!important}.portfolio-section--works .project-card:first-child,.portfolio-section--works .project-card:nth-child(2),.portfolio-section--works .project-card:nth-child(3){animation-range:entry cover 24%}}@supports not (animation-timeline:view()){.js-scroll-reveal .reveal-scroll{opacity:0}.js-scroll-reveal .reveal-scroll--heading{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(18px)}.js-scroll-reveal .reveal-scroll--card{transition:opacity .76s cubic-bezier(.22,1,.36,1),transform .76s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.js-scroll-reveal .reveal-scroll--footer{transition:opacity .82s cubic-bezier(.22,1,.36,1),transform .82s cubic-bezier(.22,1,.36,1);transform:translateY(16px)}.js-scroll-reveal .reveal-scroll.is-visible{opacity:1;transform:translateY(0)}.js-scroll-reveal .portfolio-section--about .terminal-card{transition-delay:.12s}.js-scroll-reveal .portfolio-section--skills .terminal-card{transition-delay:.2s}.js-scroll-reveal .portfolio-section--works .project-card:first-child{transition-delay:.18s}.js-scroll-reveal .portfolio-section--works .project-card:nth-child(2){transition-delay:.26s}.js-scroll-reveal .portfolio-section--works .project-card:nth-child(3){transition-delay:.34s}.js-scroll-reveal .portfolio-section--contact .contact-card{transition-delay:.22s}}@keyframes pageFade{0%{opacity:0}to{opacity:1}}@keyframes navDrop{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes headingRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes cardRise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes footerLift{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=840px){.site-nav{padding-inline:16px}.site-nav__inner{flex-direction:column;align-items:flex-start;gap:20px;padding:16px 18px}.site-nav__links{flex-wrap:wrap;gap:18px;padding-right:0}.portfolio-page{padding:18px 10px 72px}.section-heading{margin:150px 0 12px;font-size:42px}.about-card__layout{grid-template-columns:1fr}.about-card__sidebar{align-items:center}.about-card__actions{flex-direction:column;align-items:center;padding-left:0}.about-card__content{text-align:left}.skills-card__grid--technical{grid-template-columns:repeat(2,minmax(0,1fr))}.works-grid{grid-template-columns:1fr}.contact-form__row{grid-template-columns:1fr;gap:12px}}@media (width<=560px){.terminal-card__body{padding-inline:14px;padding-bottom:18px}.terminal-command{font-size:18px}.about-card__avatar{aspect-ratio:1/1.12;width:min(100%,220px);height:auto}.about-card__line,.about-card__quote,.skills-card__grid{font-size:15px}.skills-card__grid--soft{grid-template-columns:1fr;row-gap:10px}}