@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0f1b2d;--off-white:#f7f4ef;--slate:#4a5568;--slate-light:#8892a4;--amber:#e8a020;--amber-pale:#fdf3e0;--white:#fff;--serif:"DM Serif Display", Georgia, serif;--sans:"Inter", system-ui, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--off-white);color:var(--navy);font-size:16px;line-height:1.7}.nav{z-index:100;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;transition:background .3s,box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7f4eff2;box-shadow:0 1px #0f1b2d14}.nav__name{font-family:var(--serif);color:var(--navy);font-size:1.1rem}.nav__links{gap:2rem;list-style:none;display:flex}.nav__links a{color:var(--slate);letter-spacing:.02em;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.nav__links a:hover{color:var(--navy)}.hero{background:var(--navy);align-items:center;min-height:100vh;padding:6rem 2.5rem 4rem;display:flex}.hero__inner{width:100%;max-width:800px;margin:0 auto}.hero__eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--amber);margin-bottom:1.25rem;font-size:.8rem;font-weight:600}.hero__name{font-family:var(--serif);color:var(--off-white);margin-bottom:1.5rem;font-size:clamp(3rem,8vw,6rem);line-height:1.05;display:inline-block;position:relative}.hero__name:after{content:"";background:var(--amber);width:0;height:3px;animation:.8s .4s forwards underline-draw;position:absolute;bottom:-8px;left:0}@keyframes underline-draw{to{width:100%}}.hero__tagline{color:var(--slate-light);max-width:560px;margin-bottom:2.5rem;font-size:1.15rem;line-height:1.75}.hero__cta{flex-wrap:wrap;gap:1rem;display:flex}.btn{cursor:pointer;border-radius:4px;padding:.75rem 1.75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.btn--primary{background:var(--amber);color:var(--navy)}.btn--primary:hover{background:#d4911a}.btn--ghost{color:var(--off-white);border:1px solid #f7f4ef40}.btn--ghost:hover{border-color:#f7f4ef99}.section{padding:6rem 2.5rem}.section--alt{background:var(--white)}.section__inner{max-width:800px;margin:0 auto}.section__label{letter-spacing:.15em;text-transform:uppercase;color:var(--amber);margin-bottom:.75rem;font-size:.75rem;font-weight:600}.section__heading{font-family:var(--serif);color:var(--navy);margin-bottom:2.5rem;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15}.about__grid{grid-template-columns:1fr 220px;align-items:start;gap:4rem;display:grid}.about__text p{color:var(--slate);margin-bottom:1.25rem;font-size:1rem}.about__text p:last-child{margin-bottom:0}.about__stats{flex-direction:column;gap:2rem;padding-top:.5rem;display:flex}.stat__num{font-family:var(--serif);color:var(--navy);font-size:2.5rem;line-height:1;display:block}.stat__label{color:var(--slate-light);margin-top:.25rem;font-size:.8rem;line-height:1.4;display:block}.timeline{flex-direction:column;gap:3rem;display:flex}.timeline__item{grid-template-columns:140px 1fr;gap:2rem;display:grid}.timeline__period{color:var(--slate-light);white-space:nowrap;padding-top:.3rem;font-size:.8rem;font-weight:500}.timeline__role{color:var(--navy);margin-bottom:.2rem;font-size:1.05rem;font-weight:600}.timeline__company{color:var(--amber);margin-bottom:1rem;font-size:.875rem;font-weight:500}.timeline__bullets{flex-direction:column;gap:.5rem;list-style:none;display:flex}.timeline__bullets li{color:var(--slate);padding-left:1rem;font-size:.9rem;position:relative}.timeline__bullets li:before{content:"—";color:var(--amber);font-size:.75rem;position:absolute;top:.15rem;left:0}.skills__grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;display:grid}.skills__category{letter-spacing:.12em;text-transform:uppercase;color:var(--slate-light);margin-bottom:1rem;font-size:.75rem;font-weight:600}.skills__list{list-style:none}.skills__item{color:var(--slate);border-bottom:1px solid #0f1b2d0f;padding:.5rem 0;font-size:.95rem}.skills__item:last-child{border-bottom:none}.contact__inner{max-width:600px}.contact__sub{color:var(--slate);margin-bottom:2.5rem;font-size:1.05rem}.contact__links{flex-direction:column;gap:1rem;display:flex}.contact__link{background:var(--off-white);border-radius:6px;align-items:baseline;gap:1.5rem;padding:1.25rem 1.5rem;text-decoration:none;transition:background .2s;display:flex}.contact__link:hover{background:var(--amber-pale)}.contact__link-label{letter-spacing:.1em;text-transform:uppercase;color:var(--slate-light);min-width:60px;font-size:.75rem;font-weight:600}.contact__link-value{color:var(--navy);font-size:.95rem;font-weight:500}.footer{background:var(--navy);text-align:center;padding:2rem 2.5rem}.footer p{color:var(--slate-light);font-size:.8rem}@media (width<=700px){.nav{padding:1rem 1.25rem}.nav__links{gap:1.25rem}.hero{padding:5rem 1.25rem 3rem}.section{padding:4rem 1.25rem}.about__grid{grid-template-columns:1fr;gap:2.5rem}.about__stats{flex-flow:wrap;gap:1.5rem}.timeline__item{grid-template-columns:1fr;gap:.5rem}.skills__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.hero__name:after{width:100%;animation:none}html{scroll-behavior:auto}}.work__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem;display:grid}.work__card{background:var(--off-white);border:1px solid #0f1b2d14;border-radius:8px;transition:transform .2s,box-shadow .2s;overflow:hidden}.work__card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0f1b2d14}.work__image{aspect-ratio:16/9;width:100%;overflow:hidden}.work__image img{object-fit:cover;width:100%;height:100%}.work__placeholder{border-bottom:2px solid var(--amber);background:#1a2e47;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.work__placeholder span{color:var(--slate-light);letter-spacing:.05em;font-size:.75rem}.work__body{padding:1.25rem}.work__title{color:var(--navy);margin-bottom:.5rem;font-size:1rem;font-weight:600}.work__desc{color:var(--slate);margin-bottom:1rem;font-size:.875rem;line-height:1.65}.work__tags{flex-wrap:wrap;gap:.4rem;display:flex}.work__tag{letter-spacing:.06em;text-transform:uppercase;color:var(--amber);background:var(--amber-pale);border-radius:3px;padding:.25rem .6rem;font-size:.7rem;font-weight:600}.contact__icons{gap:1.5rem;display:flex}.contact__icon-link{background:var(--off-white);color:var(--navy);border-radius:6px;flex-direction:column;align-items:center;gap:.5rem;min-width:100px;padding:1.5rem 2rem;text-decoration:none;transition:background .2s,color .2s;display:flex}.contact__icon-link:hover{background:var(--amber-pale);color:var(--amber)}.contact__icon-link span{letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:600}.resume__inner{max-width:600px}.resume__sub{color:var(--slate);max-width:480px;margin-bottom:2.5rem;font-size:1.05rem}.btn--resume{background:var(--navy);color:var(--off-white);border-radius:4px;align-items:center;gap:.6rem;padding:.85rem 2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.btn--resume:hover{background:#1a3050}.lightbox{z-index:200;cursor:pointer;background:#0f1b2deb;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.lightbox__content{cursor:default;border-radius:8px;width:100%;max-width:900px;overflow:hidden;box-shadow:0 24px 80px #00000080}.lightbox__close{color:var(--off-white);cursor:pointer;background:#f7f4ef1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:background .2s;display:flex;position:fixed;top:1.5rem;right:1.5rem}.lightbox__close:hover{background:#f7f4ef33}.work__image--clickable{cursor:pointer;position:relative}.work__image-hint{letter-spacing:.06em;text-transform:uppercase;color:var(--amber);opacity:0;font-size:.7rem;font-weight:600;transition:opacity .2s;position:absolute;bottom:.6rem;right:.75rem}.work__image--clickable:hover .work__image-hint{opacity:1}