:root{--canvas:#F3F3F3;--surface:#FFFFFF;--ink:#0C0B0C;--ink-muted:#5D5D5D;--ink-subtle:#A4A1A4;--hairline:#E6E6E6;--surface-dark:#060606;--surface-dark-lift:#1A1A1D;--accent-gold:#C3A212;--accent-brown-dark:#4B3925;--accent-brown-warm:#776754;--accent-cobalt:#3A3DAD;--timing-micro:.2s;--timing-component:.45s;--timing-section:.65s;--timing-page:1s;--ease-cinematic:cubic-bezier(.22,1,.36,1);--radius-xl:40px;--radius-card:28px;--radius-pill:999px;--radius-icon:48px;--gutter:40px;--section-gap:128px;}.accordion-item{border-bottom:1px solid var(--hairline);}.accordion-trigger{display:flex;align-items:center;width:100%;padding:2rem 0;background:none;border:none;cursor:pointer;color:var(--ink);font-size:1.5rem;font-weight:500;transition:opacity var(--timing-micro) ease;}.accordion-trigger:hover{opacity:.8;}.accordion-index{color:var(--ink-muted);font-size:.875rem;margin-right:2rem;font-weight:500;}.accordion-name{flex:1;text-align:left;}.accordion-icon{width:48px;height:48px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all var(--timing-micro) ease;}.accordion-trigger:hover .accordion-icon{background:rgba(255,255,255,.05);}.accordion-content{overflow:hidden;}.accordion-inner{padding:0 0 2rem 0;}.is-active .accordion-trigger{opacity:1;}.project-card{cursor:pointer;transition:transform var(--timing-micro) var(--ease-cinematic);position:relative;}.project-media{border-radius:var(--radius-card);overflow:hidden;position:relative;}.project-media img{width:100%;height:auto;display:block;transition:transform var(--timing-micro) ease;}.project-label{background:white;padding:1rem 1.5rem;border-radius:var(--radius-card);margin-top:-2rem;position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:all var(--timing-micro) ease;}.project-label-name{font-weight:600;color:var(--ink);}.project-label-year{color:var(--ink-muted);font-size:.875rem;}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:3rem 0;border-bottom:1px solid var(--hairline);}.stat-item{text-align:center;}.stat-value{font-size:3rem;font-weight:700;color:var(--ink);line-height:1.2;}.stat-label{font-size:.875rem;color:var(--ink-muted);margin-top:.5rem;font-weight:500;}@media (max-width:768px){.stats-strip{grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-value{font-size:2rem}}.main-navigation{padding:1.5rem 2rem;background:var(--canvas);position:sticky;top:0;z-index:1000;}.nav-link{color:var(--ink);text-decoration:none;padding:.5rem 1rem;display:inline-block;font-weight:500;transition:all var(--timing-micro) ease;}.nav-link:hover{color:var(--ink-muted);}.nav-cta{background:var(--ink);color:white;padding:.75rem 1.5rem;border-radius:var(--radius-pill);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--timing-micro) ease;}.nav-cta:hover{transform:scale(1.02);}.status-dot{width:8px;height:8px;background:white;border-radius:50%;transition:all var(--timing-micro) ease;}[data-scroll-reveal]{will-change:opacity,transform,filter;}.service-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;}.tag{background:white;color:var(--ink);padding:.5rem 1rem;border-radius:var(--radius-pill);font-size:.875rem;font-weight:500;border:1px solid var(--hairline);}.tag-dark{background:var(--ink);color:white;border-color:var(--ink);}.btn{padding:.75rem 1.5rem;border-radius:var(--radius-pill);font-weight:600;text-decoration:none;display:inline-block;transition:all var(--timing-micro) ease;border:none;cursor:pointer;}.btn-primary{background:white;color:var(--ink);}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);}.dark-section{background:var(--surface-dark);color:white;position:relative;}.dark-section h1,.dark-section h2,.dark-section h3{color:white;}.dark-section p{color:rgba(255,255,255,.7);}@media (max-width:1024px){:root{--gutter:24px;--section-gap:96px}}@media (max-width:768px){:root{--gutter:16px;--section-gap:64px}.accordion-trigger{font-size:1.25rem;padding:1.5rem 0}.accordion-index{margin-right:1rem}.accordion-icon{width:40px;height:40px}}.hover-scale{transition:transform var(--timing-micro) ease;}.hover-scale:hover{transform:scale(1.02);}.section-gap{margin-top:var(--section-gap);}.container{max-width:1320px;margin:0 auto;padding:0 var(--gutter);}