:root{color:#151515;font-synthesis:none;text-rendering:optimizelegibility;--line:#d8d5cc;--muted:#6f6c64;--paper:#fffefa;--ink:#151515;--accent:#168f86;background:#f7f6f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{border-bottom:1px solid var(--line);z-index:10;background:#f7f6f1eb;justify-content:space-between;align-items:center;padding:18px 28px;display:flex;position:sticky;top:0;left:0;right:0}.brand{font-size:17px;font-weight:650}.main-nav{gap:22px;font-size:14px;display:flex}.main-nav a{color:var(--muted)}.main-nav a:hover{color:var(--ink)}.hero{border-bottom:1px solid var(--line);padding:82px 28px 70px}.hero-copy{max-width:980px}.eyebrow{color:var(--accent);text-transform:uppercase;margin:0 0 16px;font-size:13px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:28px;font-size:clamp(42px,6.5vw,88px);font-weight:520;line-height:.98}h2{margin-bottom:0;font-size:clamp(30px,4.5vw,64px);font-weight:520;line-height:1}h3{font-size:17px;font-weight:580;line-height:1.25}.hero-copy p:last-child,.project-intro p,.about-grid p{color:#34322e;font-size:19px;line-height:1.48}.contact-strip{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.contact-strip div{min-width:0;padding:22px 28px}.contact-strip div+div{border-left:1px solid var(--line)}.contact-strip span,.project-card-text span,.site-footer{color:var(--muted);font-size:13px}.contact-strip strong{overflow-wrap:anywhere;margin-top:8px;font-size:18px;font-weight:560;display:block}.section,.project-detail{border-bottom:1px solid var(--line);padding:64px 28px}.section-heading,.project-intro{grid-template-columns:minmax(220px,.45fr) minmax(320px,.55fr);gap:28px;margin-bottom:36px;display:grid}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.project-card{background:var(--paper);grid-template-rows:auto 1fr;min-height:100%;display:grid}.project-thumb{aspect-ratio:4/3;background:#e8e5dc;overflow:hidden}.project-thumb img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .24s}.project-card:hover img,.file-card:hover img{transform:scale(1.025)}.empty-thumb{justify-content:center;align-items:center;height:100%;display:flex}.empty-thumb span{border:1px solid var(--line);color:var(--muted);padding:28px;font-size:42px}.project-card-text{border:1px solid var(--line);border-top:0;padding:18px}.project-card-text h3{max-width:780px;margin:10px 0}.project-card-text p{color:var(--muted);margin-bottom:0}.project-detail{scroll-margin-top:72px}.file-group{margin-top:44px}.file-group h3{border-top:1px solid var(--line);margin:0;padding:18px 0}.file-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.file-card{background:var(--paper);border:1px solid var(--line);grid-template-rows:auto minmax(54px,auto);min-width:0;display:grid}.file-card img{aspect-ratio:4/3;object-fit:contain;object-position:center;background:#eceae2;width:100%;height:auto;padding:8px;transition:transform .24s;overflow:hidden}.file-card span{align-items:center;min-height:54px;padding:12px 14px;font-size:15px;display:flex}.pending-files{border:1px solid var(--line);color:var(--muted);align-items:center;min-height:180px;padding:28px;display:flex}.about-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.achievement-list{border-left:1px solid var(--line);padding-left:28px}.achievement-list p{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:18px;font-size:16px}.site-footer{justify-content:space-between;align-items:center;padding:28px;display:flex}.site-footer a{color:var(--ink)}@media (width<=900px){.hero,.section-heading,.project-intro,.about-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-copy{padding-bottom:0}.hero-image{min-height:auto}.hero-image img{aspect-ratio:4/3;height:auto}.contact-strip,.project-grid,.file-grid{grid-template-columns:1fr}.contact-strip div+div{border-left:0;border-top:1px solid var(--line)}.achievement-list{border-left:0;padding-left:0}}@media (width<=640px){.site-header{align-items:flex-start;gap:16px;padding:16px}.main-nav{text-align:right;flex-wrap:wrap;justify-content:flex-end;gap:12px}.hero,.section,.project-detail,.contact-strip div,.site-footer{padding-left:16px;padding-right:16px}.hero-copy p:last-child,.project-intro p,.about-grid p{font-size:17px}.site-footer{flex-direction:column;align-items:flex-start;gap:12px}}
