@import"https://fonts.googleapis.com/css2?family=Bitter:wght@500;600;700;800&family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700&family=Source+Serif+4:wght@400;500&display=swap";:root{--color-bg: #f6f3ec;--color-surface: #fffdfa;--color-surface-muted: #f0ede5;--color-navy: #17233d;--color-teal: #075f56;--color-teal-muted: #347f7b;--color-sage: #dce4d4;--color-gray: #777f8a;--color-border: #e8e5de;--color-cream: #f7f0df;--shadow-soft: 0 10px 26px rgba(23, 35, 61, .08);--shadow-button: -7px 7px 0 rgba(23, 35, 61, .72), -11px 11px 0 rgba(23, 35, 61, .1);--radius-page: 60px;--radius-card: 32px;--radius-image: 22px;--ease: cubic-bezier(.2, .7, .2, 1);--transition-fast: .18s var(--ease);--transition-normal: .25s var(--ease);--transition-reveal: .55s var(--ease);--shape-organic-portrait: 18% 14% 20% 12% / 14% 18% 12% 20%;--shape-organic-avatar: 52% 48% 55% 45% / 50% 54% 46% 50%;--header-height: 88px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-navy);font-family:Inter,Arial,sans-serif;line-height:1.5}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}:focus-visible{outline:3px solid var(--color-teal-muted);outline-offset:3px}.page-shell{width:min(1280px,calc(100% - 48px));margin:0 auto}.section{scroll-margin-top:calc(var(--header-height) + 24px);margin-top:clamp(72px,9vw,120px)}.display-serif{font-family:Bitter,Georgia,serif}.display-sans{font-family:Manrope,Inter,sans-serif;letter-spacing:-.04em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{height:var(--header-height);background:var(--color-bg);position:sticky;top:0;z-index:20}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}.brand{display:flex;align-items:center;gap:12px;font:600 20px Bitter,Georgia,serif;white-space:nowrap}.avatar{width:52px;aspect-ratio:1;border-radius:50%;overflow:hidden}.avatar span{font-size:9px}.nav-capsule{display:flex;align-items:center;gap:8px;padding:7px;border-radius:999px;background:var(--color-surface);box-shadow:0 0 0 8px #fffdfa73}.nav-pill,.filter-pill{border:0;color:var(--color-navy);background:var(--color-surface-muted);border-radius:999px;padding:11px 20px;font:600 14px Bitter,Georgia,serif;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.nav-pill:hover,.filter-pill:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-soft);background:var(--color-sage)}.nav-pill:active,.filter-pill:active{transform:scale(.98)}.nav-pill.is-active,.filter-pill.is-active{background:var(--color-sage);box-shadow:var(--shadow-soft)}.socials{display:flex;gap:10px}.social-link{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--color-navy);color:#fff;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.social-link svg{width:22px;height:22px}.social-link:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-soft)}.social-link--disabled{opacity:.9;cursor:not-allowed}.menu-toggle,.mobile-menu{display:none}.safe-image{position:relative;width:100%;aspect-ratio:1.7;background:linear-gradient(135deg,#c2cec6,#86a89e);display:grid;place-items:center;overflow:hidden;color:var(--color-teal);font-size:11px;letter-spacing:.04em}.safe-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.safe-image.avatar{width:52px;aspect-ratio:1;flex:0 0 52px}.safe-image--lighter{background:linear-gradient(135deg,#d5decf,#a2ba9f)}button.safe-image{border:0;padding:0;cursor:pointer}.safe-image__zoom{position:absolute;right:12px;bottom:12px;z-index:1;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--color-surface);color:var(--color-navy);box-shadow:var(--shadow-soft);opacity:0;transform:scale(.9);transition:opacity var(--transition-fast),transform var(--transition-fast)}.safe-image__zoom svg{width:18px;height:18px}button.safe-image:hover .safe-image__zoom,button.safe-image:focus-visible .safe-image__zoom{opacity:1;transform:scale(1)}.image-lightbox{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:24px;border:0;background:transparent;place-items:center}.image-lightbox[open]{display:grid}.image-lightbox::backdrop{background:#000000d1}.image-lightbox__image{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 48px);-o-object-fit:contain;object-fit:contain;border-radius:8px}.image-lightbox__close,.image-lightbox__nav{position:fixed;z-index:1;width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--color-surface);color:var(--color-navy);box-shadow:var(--shadow-soft);cursor:pointer}.image-lightbox__close{top:16px;right:16px}.image-lightbox__nav{top:50%;transform:translateY(-50%)}.image-lightbox__nav--prev{left:16px}.image-lightbox__nav--next{right:16px}.image-lightbox__count{position:fixed;bottom:18px;left:50%;transform:translate(-50%);padding:6px 12px;border-radius:999px;background:var(--color-surface);color:var(--color-navy);font-size:13px;box-shadow:var(--shadow-soft)}.about-section{background:var(--color-surface);border-radius:var(--radius-page);padding:clamp(40px,5vw,72px);display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(40px,5vw,72px)}.about-copy h1{font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.1;margin:0 0 8px}.about-copy h2{color:var(--color-teal-muted);font-size:clamp(1.25rem,2.2vw,1.8rem);line-height:1.2;margin:0 0 26px}.about-copy p{font:400 18px/1.55 "Source Serif 4",Georgia,serif;margin:0 0 20px}.about-side{display:flex;flex-direction:column;gap:32px;min-width:0}.portrait{aspect-ratio:4 / 5;border-radius:var(--shape-organic-portrait)}.education-card{background:var(--color-surface-muted);border-radius:26px;padding:25px}.education-label,.eyebrow,.project-meta{color:var(--color-teal-muted);font:700 11px/1.2 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:0 0 20px}.education-item{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--color-border);position:relative}.education-item:last-child{border-bottom:0}.education-number{color:var(--color-teal);font-weight:700}.education-copy{display:grid;gap:5px;font-size:13px}.education-copy strong{font-weight:600}.education-copy span{color:var(--color-gray);font-size:11px}.primary-button{border:0;background:var(--color-navy);color:#fff;border-radius:999px;padding:14px 22px;display:inline-flex;align-items:center;gap:9px;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.primary-button svg{width:17px}.primary-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.primary-button:disabled{opacity:.7;cursor:wait}.inline-message{display:block;margin-top:12px;color:var(--color-teal);font-size:13px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px}.section-heading h2{font-size:clamp(3rem,6vw,5.8rem);line-height:.95;font-weight:500;margin:0}.hard-button{display:inline-flex;align-items:center;gap:9px;background:var(--color-surface);color:var(--color-navy);border:0;padding:18px 24px;font-weight:700;box-shadow:var(--shadow-button);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hard-button svg{width:18px}.hard-button:hover{transform:translate(-3px,3px);box-shadow:-3px 3px #17233db8}.hard-button:active{transform:translate(-7px,7px);box-shadow:none}.home-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{min-width:0;background:var(--color-surface);border-radius:var(--radius-card);padding:14px;display:flex;flex-direction:column;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft)}.project-card__body{padding:22px 14px 10px;display:flex;flex-direction:column;flex:1;min-width:0}.project-card h2{font:600 27px/1.1 Manrope,sans-serif;letter-spacing:-.04em;margin:7px 0 10px}.project-card--home h2{font-size:25px}.project-card .eyebrow{text-transform:none;letter-spacing:0;margin:0}.project-description{color:var(--color-gray);font-size:14px;margin:0 0 18px}.project-link{margin-top:auto;display:inline-flex;align-items:center;gap:5px;color:var(--color-teal);font-size:13px;font-weight:700}.project-link svg,.contact-links svg{width:16px;height:16px}.project-link--disabled,.contact-disabled{opacity:.55;cursor:not-allowed}.carousel{position:relative;min-width:0;outline:none}.carousel-frame{overflow:hidden;border-radius:var(--radius-image);aspect-ratio:2 / 1;position:relative}.carousel-slide{position:absolute;inset:0;opacity:0;transition:opacity .28s var(--ease)}.carousel-slide.is-current{opacity:1;z-index:1}.carousel-slide .safe-image{height:100%}.carousel-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:var(--color-surface);color:var(--color-navy);display:grid;place-items:center;opacity:0;box-shadow:var(--shadow-soft);cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast)}.carousel-arrow svg{width:19px}.carousel-arrow--left{left:12px}.carousel-arrow--right{right:12px}.carousel:hover .carousel-arrow,.carousel:focus-within .carousel-arrow{opacity:1}.carousel-arrow:hover{transform:translateY(-50%) scale(1.05)}.carousel-dots{position:absolute;z-index:3;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px}.carousel-dots i{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.6}.carousel-dots i.is-current{opacity:1;background:var(--color-teal)}.experience-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center}.experience-bento{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;min-width:0}.experience-bento .safe-image{border-radius:var(--radius-image);min-height:0}.bento-primary{grid-row:span 2;aspect-ratio:1 / 1.18}.bento-small{aspect-ratio:1.4 / 1}.experience-card{background:var(--color-surface);border-radius:var(--radius-card);padding:clamp(32px,5vw,64px);min-width:0}.experience-card h3{font-size:clamp(2rem,4vw,3.3rem);line-height:1;margin:0 0 22px;font-weight:500}.experience-card p{color:var(--color-gray);font-size:17px}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.tag{border:1px solid var(--color-teal-muted);border-radius:999px;color:var(--color-teal-muted);font-size:11px;padding:4px 10px}.tag--experience{border-color:#a8c7ba;padding:8px 14px;font-size:13px}.contact-section{background:var(--color-teal);color:#fff;border-radius:var(--radius-page);padding:clamp(40px,7vw,88px);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(36px,8vw,120px)}.contact-copy{display:flex;flex-direction:column;justify-content:space-between;min-width:0}.contact-copy h2{font-size:clamp(3.3rem,7vw,6.5rem);line-height:.9;font-weight:500;margin:0;max-width:550px}.contact-copy p{color:var(--color-cream);font-size:18px;max-width:450px;margin:0 0 40px}.contact-links{display:flex;flex-wrap:wrap;gap:24px}.contact-links a,.contact-disabled{display:inline-flex;align-items:center;gap:5px;padding-bottom:7px;border-bottom:2px solid rgba(255,255,255,.45);color:#fff}.contact-form{background:var(--color-surface);color:var(--color-navy);border-radius:40px;padding:clamp(25px,4vw,45px);display:grid;gap:18px;min-width:0}.field{display:grid;gap:7px;color:var(--color-gray);font-size:14px}.field input,.field textarea{border:2px solid var(--color-border);background:var(--color-surface);border-radius:13px;padding:14px 16px;color:var(--color-navy);resize:vertical}.field textarea{min-height:120px}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#b76666}.field small{color:#a24e4e;font-size:12px}.status-message{min-height:20px;color:var(--color-teal);font-size:13px}.footer{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:70px 0 130px;color:var(--color-gray);font-size:13px}.projects-page{padding-top:26px}.projects-intro h1{font-size:clamp(3.4rem,7vw,6.4rem);line-height:.95;margin:0 0 8px}.projects-intro>p{color:var(--color-teal-muted);font:500 clamp(1rem,2vw,1.35rem)/1.2 Bitter,Georgia,serif;max-width:580px;margin:0 0 28px}.filter-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:42px}.project-group{margin-top:52px}.project-card--featured,.project-card--wide{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:24px;padding:24px;align-items:center}.project-card--featured .carousel-frame{aspect-ratio:1.64 / 1}.project-card--wide .carousel-frame{aspect-ratio:1.9 / 1}.project-card--featured .project-card__body,.project-card--wide .project-card__body{padding:24px 0}.project-card--featured h2,.project-card--wide h2{font:700 clamp(2rem,3.4vw,3rem)/1.08 Bitter,Georgia,serif}.project-meta{display:flex;justify-content:space-between;margin:0}.project-meta b{letter-spacing:0}.group-heading{display:flex;align-items:baseline;gap:18px;margin:0 0 16px}.group-heading h2{font-size:clamp(1.7rem,3vw,2.3rem);line-height:1;margin:0}.group-heading p{color:var(--color-gray);font-size:12px;margin:0}.technical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-card--technical .carousel-frame{aspect-ratio:2.8 / 1}.projects-cta{background:var(--color-teal);color:#fff;border-radius:48px;padding:clamp(34px,5vw,64px);margin:72px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.projects-cta h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1;margin:0 0 14px}.projects-cta p{margin:0;color:var(--color-cream)}.projects-cta .hard-button{background:var(--color-navy);color:#fff;box-shadow:none;border-radius:999px;padding:14px 22px}.empty-projects{color:var(--color-gray);padding:30px 0}.chatbot{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:30}.chat-button{width:60px;height:60px;border:0;border-radius:50%;background:var(--color-teal);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-soft);cursor:pointer;transition:transform var(--transition-fast)}.chat-button:hover{transform:scale(1.06)}.chat-button svg{width:27px}.chat-window{position:absolute;right:0;bottom:76px;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100dvh - 120px));background:var(--color-surface);color:var(--color-navy);border-radius:28px;box-shadow:0 18px 50px #17233d33;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}.chat-window>header{background:var(--color-teal);color:#fff;display:flex;justify-content:space-between;padding:18px 20px}.chat-window header div{display:grid;gap:2px}.chat-window header span{color:var(--color-cream);font-size:12px}.chat-window header button{border:0;background:none;color:#fff;cursor:pointer}.chat-log{padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.chat-message{max-width:88%;padding:11px 13px;border-radius:16px;font-size:13px}.chat-message--assistant{background:var(--color-cream);align-self:start;border-bottom-left-radius:4px}.chat-message--user{background:var(--color-navy);color:#fff;align-self:end;border-bottom-right-radius:4px}.chat-message--system{align-self:center;display:flex;gap:6px;color:var(--color-gray);font-size:11px;text-align:center;padding:6px}.chat-message--system svg{width:14px;flex:0 0 auto}.prompt-chips{display:flex;flex-wrap:wrap;gap:7px}.prompt-chips button{border:1px solid var(--color-teal-muted);color:var(--color-teal);background:transparent;border-radius:999px;padding:7px 9px;cursor:pointer;font-size:11px;text-align:left}.typing{display:flex;gap:4px;padding:12px}.typing i{width:6px;height:6px;background:var(--color-gray);border-radius:50%}.chat-input{display:flex;gap:8px;border-top:1px solid var(--color-border);padding:12px}.chat-input textarea{flex:1;border:0;outline:0;resize:none;max-height:96px;padding:7px}.chat-input button{width:44px;border:0;border-radius:50%;background:var(--color-navy);color:#fff;display:grid;place-items:center;cursor:pointer}.chat-input button:disabled{opacity:.4;cursor:not-allowed}.chat-input svg{width:17px}.reveal{opacity:0;transform:translateY(16px);transition:opacity var(--transition-reveal),transform var(--transition-reveal)}.reveal--visible{opacity:1;transform:translateY(0)}@media(max-width:1100px){.page-shell{width:min(100% - 40px,1280px)}.nav-pill{padding-inline:14px}.brand{font-size:17px}.social-link{width:40px;height:40px}}@media(max-width:899px){.about-section{grid-template-columns:1fr}.about-side{order:-1}.about-copy{order:1}.experience-grid,.contact-section{grid-template-columns:1fr}.home-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-project-grid>:last-child{grid-column:1 / -1;max-width:calc(50% - 12px)}.project-card--featured,.project-card--wide{grid-template-columns:1fr}}@media(max-width:767px){:root{--header-height: 76px}.page-shell{width:min(100% - 32px,1280px)}.desktop-nav,.desktop-socials{display:none}.menu-toggle{display:grid;place-items:center;width:44px;height:44px;border:0;background:var(--color-surface-muted);color:var(--color-navy);border-radius:50%}.brand{font-size:16px}.avatar{width:44px}.mobile-menu{display:grid;gap:18px;position:absolute;top:calc(100% - 4px);right:0;background:var(--color-surface);padding:18px;border-radius:20px;box-shadow:var(--shadow-soft);min-width:220px}.mobile-menu nav{display:grid;gap:8px}.mobile-menu .nav-pill{text-align:left}.about-section{border-radius:34px;padding:30px 22px}.about-copy p{font-size:17px}.home-project-grid,.technical-grid{grid-template-columns:1fr}.home-project-grid>:last-child{grid-column:auto;max-width:none}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2{font-size:clamp(3rem,15vw,5rem)}.experience-bento{grid-template-columns:1fr 1fr}.bento-primary{grid-column:1 / -1;grid-row:auto;aspect-ratio:1.7 / 1}.bento-small{aspect-ratio:1.3 / 1}.contact-section{border-radius:34px;padding:30px 22px}.contact-copy h2{font-size:clamp(3rem,15vw,5rem)}.contact-form{border-radius:28px}.projects-page{padding-top:20px}.group-heading{display:block}.group-heading p{margin-top:8px}.projects-cta{border-radius:32px;flex-direction:column;align-items:flex-start;margin-bottom:56px}.footer{width:min(100% - 32px,1280px)}}@media(max-width:480px){.about-section{border-radius:26px;padding:24px 18px}.education-card{padding:20px}.hard-button{width:100%;justify-content:center}.chatbot{right:16px;bottom:16px}.chat-window{right:-8px;bottom:72px;width:calc(100vw - 16px);height:calc(100dvh - 88px);border-radius:22px}}.project-subtitle{color:var(--color-teal-muted);font:500 16px/1.3 Bitter,Georgia,serif;margin:-4px 0 14px}@media(hover:none){.safe-image__zoom{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.carousel-slide{transition:none}.carousel-arrow:hover,.project-card:hover,.primary-button:hover,.chat-button:hover{transform:none}}