:root{--accent: #6b6048;--bg: #f6f4ef;--ink: #211e18;--line: #e3dfd5;--muted: #8a8474;--body: #6f6a5e;--body-strong: #4a463d}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0}[id]{scroll-margin-top:60px}#about{scroll-margin-top:120px}body{background:var(--bg);color:var(--ink);font-family:Archivo,system-ui,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#6b6048;color:#fff}.link{color:var(--accent)}@media (max-width: 640px){.nav-link{display:none}}@keyframes soundbar{0%,to{transform:scaleY(.28)}50%{transform:scaleY(1)}}.soundbars rect{fill:#f6f4ef;transform-box:fill-box;transform-origin:center bottom;transform:scaleY(.28)}.soundbars.sound-on rect{animation:soundbar .9s ease-in-out infinite}@keyframes fadeUp{0%{transform:translateY(18px)}to{transform:none}}@keyframes heroIn{0%{transform:translateY(22px)}to{transform:none}}.works-grid{display:grid;gap:6px;grid-template-columns:repeat(var(--cols, 3),minmax(0,1fr))}@media (max-width: 900px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid{grid-template-columns:1fr!important;gap:36px!important}.modal-panel{grid-template-columns:1fr!important;max-height:92vh;overflow:auto!important}}@media (max-width: 560px){.works-grid{grid-template-columns:1fr}.site-header{padding:16px 20px!important}.site-pad{padding-left:20px!important;padding-right:20px!important}}.modal-media{height:100%}@media (max-width: 900px){.modal-media{height:auto;aspect-ratio:1 / 1}}.product-card:hover .zoomable{transform:scale(1.045)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}