:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;color-scheme:light;--bg: #faf6f1;--surface: #f3ece3;--border: #e0d5c7;--text: #2c2418;--text-dim: #6b5d4d;--accent: #c4835a;--accent-2: #a66b3f}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.portfolio{max-width:1120px;margin:0 auto;padding:0 1.5rem}.nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0}.nav-logo{font-weight:700;font-size:1.1rem;letter-spacing:-.02em}.nav-links{display:flex;gap:1.5rem;font-size:.9rem}.hero{padding:6rem 0 4rem;max-width:48rem}.hero-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:1rem;font-weight:600}.hero-heading{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:700;line-height:1.15;letter-spacing:-.03em;margin-bottom:1.25rem}.hero-accent{background:linear-gradient(135deg,var(--accent),#d4a574);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:1.1rem;color:var(--text-dim);max-width:36rem}.section{padding:3rem 0}.section-title{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin-bottom:2rem}.case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.case-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer}.case-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #2c24181f}.case-visual{height:180px;display:flex;align-items:flex-end;padding:1rem}.case-visual-tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffffe6;background:#00000040;padding:.2rem .6rem;border-radius:.25rem;font-weight:600}.case-body{padding:1.25rem 1.5rem 1.5rem}.case-body h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem}.case-body p{font-size:.9rem;color:var(--text-dim);line-height:1.6}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:180px;gap:1rem}.gallery-item{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;display:flex;align-items:flex-end;padding:.75rem 1rem;transition:transform .2s ease}.gallery-item:hover{transform:scale(1.02)}.gallery-wide{grid-column:span 2}.gallery-tall{grid-row:span 2}.gallery-label{font-size:.78rem;color:var(--text-dim);font-weight:500}.contact-form{max-width:480px;display:flex;flex-direction:column;gap:.5rem}.contact-label{font-size:.85rem;font-weight:600;margin-bottom:.15rem}.contact-row{display:flex;gap:.75rem}.contact-input{flex:1;padding:.65rem .9rem;font-size:.95rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);color:var(--text);font-family:inherit;outline:none;transition:border-color .2s}.contact-input:focus{border-color:var(--accent)}.contact-input-error{border-color:#c0392b}.contact-btn{padding:.65rem 1.4rem;font-size:.95rem;font-weight:600;border:none;border-radius:.5rem;background:var(--accent);color:#fff;cursor:pointer;font-family:inherit;transition:background .2s}.contact-btn:hover{background:var(--accent-2)}.contact-error{font-size:.82rem;color:#c0392b;margin-top:.1rem}.contact-success{font-size:.82rem;color:#3a7d44;margin-top:.1rem}.footer{padding:3rem 0 2rem;font-size:.82rem;color:var(--text-dim);border-top:1px solid var(--border);margin-top:2rem}