@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400..650;1,9..144,400..650&family=Inter:wght@400;500;600&display=swap";:root{--paper: #f5f4ef;--card: #ffffff;--ink: #1a1912;--muted: #6d6a5c;--dim: #a6a493;--line: #e3e1d4;--line-strong: #cfccb9;--accent: #0f3d2e;--accent-deep: #0a2a20;--accent-soft: #e9f0e4;--on-accent: #f1efe4;--on-accent-muted: #a9bfb2;--serif: "Fraunces", Georgia, serif;--sans: "Inter", -apple-system, "Segoe UI", sans-serif;--shadow-card: 0 1px 2px rgba(26, 25, 18, .05), 0 8px 20px -10px rgba(26, 25, 18, .14), 0 28px 56px -28px rgba(26, 25, 18, .22);color:var(--ink);background:var(--paper);font-family:var(--sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth;scroll-padding-top:5rem}body{min-width:320px;margin:0}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--paper)}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.site-shell{width:min(100% - 3rem,1120px);margin:0 auto}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:4.25rem;border-bottom:1px solid var(--line);background:#f5f4efe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wordmark{font-family:var(--serif);font-size:1.2rem;font-weight:600;letter-spacing:-.01em}.nav-links{display:flex;gap:clamp(1.25rem,3vw,2.5rem);color:var(--muted);font-size:.78rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.nav-links a{transition:color .16s ease}.nav-links a:hover{color:var(--ink)}.hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start;padding:clamp(3rem,8vh,5rem) 0 clamp(2.5rem,6vh,4rem)}.hero-photo{width:clamp(6.5rem,12vw,9.5rem);aspect-ratio:1;object-fit:cover;border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow-card)}.hero-name{margin:0;font-family:var(--serif);font-size:clamp(2.9rem,6.5vw,4.6rem);font-weight:550;line-height:1;letter-spacing:-.025em}.hero-line{max-width:40rem;margin:1.25rem 0 0;color:var(--muted);font-size:1.08rem;line-height:1.6}.contact-links{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.75rem;margin-top:1.75rem;font-size:.95rem;font-weight:500}.contact-links a{color:var(--muted);transition:color .16s ease}.contact-links a:hover{color:var(--ink)}.contact-links .contact-primary{padding:.6rem 1rem;border-radius:999px;background:var(--accent);color:var(--on-accent);box-shadow:0 6px 16px -8px #0f3d2e99;transition:background .16s ease,transform .16s ease}.contact-links .contact-primary:hover{background:var(--accent-deep);color:var(--on-accent);transform:translateY(-1px)}.section{padding:clamp(2.75rem,6vh,4.5rem) 0;border-top:1px solid var(--line)}.section-head{margin-bottom:clamp(1.5rem,3vh,2.5rem)}.section-label{color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.project{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,5vw,4.5rem);align-items:center;padding:clamp(2.5rem,6vh,4rem) 0;border-top:1px solid var(--line)}.project:first-child{border-top:none;padding-top:0}.project-flat{grid-template-columns:minmax(0,40rem)}.project-meta{display:flex;align-items:baseline;gap:.85rem;margin:0 0 .6rem;color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.project-index{font-family:var(--serif);font-style:italic;font-size:.95rem;font-weight:400;letter-spacing:0;color:var(--dim)}.project-name{margin:0;font-family:var(--serif);font-size:clamp(2rem,3.6vw,2.6rem);font-weight:550;letter-spacing:-.02em;line-height:1.05}.project-summary{margin:.85rem 0 0;font-size:1.12rem;font-weight:500;line-height:1.45;letter-spacing:-.005em}.project-point{margin:1rem 0 0;color:var(--muted);font-size:.97rem;line-height:1.65}.project-result{margin:1rem 0 0;padding-left:.85rem;border-left:2px solid var(--accent);font-size:.95rem;line-height:1.55}.project-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:1.4rem;padding:.55rem .95rem;border:1px solid var(--line-strong);border-radius:999px;background:var(--card);color:var(--accent);font-size:.9rem;font-weight:500;box-shadow:0 1px 2px #1a19120d;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.project-link:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 6px 14px -8px #0f3d2e59}.project-visual figure{margin:0}.stats-card{padding:clamp(1.75rem,3.5vw,2.5rem);border-radius:20px;background:radial-gradient(120% 90% at 100% 0%,rgba(169,191,178,.18),transparent 60%),linear-gradient(160deg,var(--accent) 0%,var(--accent-deep) 100%);color:var(--on-accent);box-shadow:var(--shadow-card)}.stats-card dl{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:1.25rem;row-gap:1.25rem;margin:0}.stat{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:baseline;padding-bottom:1.25rem;border-bottom:1px solid rgba(241,239,228,.14)}.stat dd{margin:0;font-family:var(--serif);font-size:clamp(2.3rem,4.5vw,3.1rem);font-weight:550;letter-spacing:-.025em;line-height:1}.stat dt{color:var(--on-accent-muted);font-size:.78rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.stats-card figcaption{margin-top:1.25rem;color:var(--on-accent-muted);font-size:.92rem;line-height:1.5}.compare-card{padding:1rem;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow-card)}.compare-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.compare-page{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:10px}.compare-page img{width:100%;aspect-ratio:4 / 5;object-fit:cover}.compare-label{position:absolute;top:.55rem;left:.55rem;padding:.22rem .55rem;border-radius:999px;background:#1a1912c7;color:var(--on-accent);font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.compare-card figcaption{margin-top:.75rem;color:var(--dim);font-size:.72rem;line-height:1.4}.compare-card figcaption a:hover{color:var(--muted)}.phones-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.1rem);align-items:center}.phone-frame{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:var(--shadow-card)}.phones-row .phone-frame:nth-child(2){transform:translateY(-1.25rem)}.phone-frame img{width:100%}.browser-frame{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow-card)}.browser-chrome{display:flex;align-items:center;gap:.9rem;padding:.6rem .9rem;border-bottom:1px solid var(--line)}.browser-dots{width:2.1rem;height:.5rem;background:radial-gradient(circle,var(--line-strong) .25rem,transparent .27rem) 0 0 / .75rem .5rem repeat-x}.browser-url{color:var(--dim);font-size:.75rem;letter-spacing:.03em}.browser-frame img{width:100%}.experience-list{display:grid}.experience-row{max-width:48rem;padding:1.5rem 0;border-top:1px solid var(--line)}.experience-row:first-child{border-top:none;padding-top:0}.experience-head{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem}.experience-head h3{margin:0;font-family:var(--serif);font-size:1.45rem;font-weight:550;letter-spacing:-.01em}.experience-period{color:var(--muted);font-size:.82rem;white-space:nowrap}.experience-role{margin:.3rem 0 0;color:var(--muted);font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.experience-story{margin:.8rem 0 0;font-size:.97rem;line-height:1.65}.education{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem;max-width:48rem;margin:1.5rem 0 0;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.97rem}.footer{display:flex;flex-direction:column;align-items:flex-start;gap:1.1rem;padding:clamp(3rem,8vh,5rem) 0 4rem;border-top:1px solid var(--line)}.footer-mail{font-family:var(--serif);font-size:clamp(1.7rem,4.5vw,3rem);font-weight:550;letter-spacing:-.02em;border-bottom:2px solid var(--line-strong);padding-bottom:4px;transition:color .16s ease,border-color .16s ease}.footer-mail:hover{color:var(--accent);border-color:var(--accent)}.footer-link{color:var(--muted);font-weight:500;transition:color .16s ease}.footer-link:hover{color:var(--ink)}@media(max-width:900px){.project{grid-template-columns:1fr;gap:1.75rem}.phones-row .phone-frame:nth-child(2){transform:none}}@media(max-width:600px){.site-shell{width:calc(100% - 2rem)}.nav-links{gap:1rem;font-size:.72rem}.hero{grid-template-columns:1fr;gap:1.25rem}.hero-photo{width:5.5rem;border-radius:18px}.phones-row{gap:.5rem}.phone-frame{border-radius:14px}.compare-card{padding:.6rem}.compare-pages{gap:.5rem}.experience-head{flex-direction:column;gap:.2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}