:root{--bg:#f7f5f0;--bg-card:#fff;--bg-card-alt:#efece4;--bg-nav:#ffffffe6;--text-primary:#1c1b18;--text-secondary:#635f56;--text-muted:#9b9686;--accent:#c2703c;--accent-teal:#2f7d6b;--badge-text:#8a5a2b;--border:#e2ddd0;--border-dashed:#c9c2b0;--font-display:"Instrument Serif", serif;--font-body:"Outfit", sans-serif;--font-mono:"Space Mono", monospace;--max-width:1240px;--nav-height:64px;--section-padding:90px clamp(20px, 5vw, 80px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:hover{opacity:.72}button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:none}ul,ol{list-style:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}::selection{color:var(--text-primary);background:#c2703c33}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes beaconPulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(3)}}.status-dot{position:relative}.status-dot:before{content:"";background:inherit;border-radius:50%;animation:1.8s cubic-bezier(.2,.6,.4,1) infinite beaconPulse;position:absolute;inset:0}.nav-pill-links{align-items:center;gap:2px;display:flex}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.about-grid{grid-template-columns:1.3fr 1fr;gap:56px;display:grid}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.denim-grid{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.denim-photo-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=860px){:root{--section-padding:64px clamp(20px, 5vw, 80px)}.nav-pill-links{display:none}.nav-hamburger{display:flex}.about-grid{grid-template-columns:1fr;gap:32px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.denim-grid{grid-template-columns:1fr;gap:32px}}@media (width<=560px){:root{--section-padding:48px clamp(16px, 5vw, 80px)}.projects-grid{grid-template-columns:1fr}.denim-photo-grid{grid-template-columns:1fr 1fr}}