*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root{--color-graphite: #2b2b2b;--color-graphite-light: #e6e6e6;--color-text: #1f1f1f;--color-background: #ffffff;--max-width: 1200px;--space-xs: 4px;--space-s: 8px;--space-m: 16px;--space-l: 32px;--space-xl: 64px;--space-xxl: 120px;--font-base: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;--font-size-base: 16px}body{font-family:var(--font-base);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-background)}h1,h2,h3{font-weight:500;line-height:1.2}h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--space-l)}h2{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:var(--space-m)}h3{font-size:1.125rem;margin-bottom:var(--space-s)}p{max-width:60ch;margin-bottom:var(--space-m)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}header,footer{padding:var(--space-l) var(--space-m)}main{max-width:var(--max-width);margin:0 auto;padding:var(--space-xl) var(--space-m)}.page{max-width:1200px;margin:0 auto;padding:var(--space-l);display:flex;flex-direction:column;gap:var(--space-xl)}header{width:100%;padding:var(--space-m) var(--space-l);display:flex;justify-content:center;background-color:#fff;border-bottom:1px solid #eaeaea;position:sticky;top:0;z-index:1000}.main-nav{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center}.main-nav .logo{font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;color:#000;text-decoration:none;transition:color .3s ease}.main-nav .logo:hover{color:#555}.nav-links{list-style:none;display:flex;gap:var(--space-m);padding:0;margin:0}.nav-links a{text-decoration:none;font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;color:#000;transition:color .3s ease}.nav-links a:hover{color:#555}section{margin-bottom:var(--space-l)}section:last-child{margin-bottom:0}section:first-of-type{margin-top:var(--space-xxl)}section p{margin-bottom:var(--space-m)}section p:last-child{margin-bottom:0}.site-footer{border-top:1px solid #eaeaea;margin-top:var(--space-xxl);padding:var(--space-l) var(--space-l)}.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-m)}.footer-brand{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#555}.footer-contacts{font-size:.75rem;letter-spacing:.08em}.footer-contacts a{text-decoration:none;color:#000}.footer-contacts span{margin:0 .25rem;color:#aaa}.footer-contacts a:hover{color:#555}.bag-list{list-style:none;display:flex;gap:var(--space-l);flex-wrap:wrap;padding:0;margin-top:var(--space-m)}.bag-list li{display:flex;flex-direction:column;align-items:center;width:120px;text-align:center;font-size:.875rem;letter-spacing:.08em;text-transform:uppercase}.bag-placeholder{width:100%;padding-top:100%;border-radius:4px;margin-bottom:var(--space-s);position:relative}.bag-placeholder.patch .block{position:absolute;top:25%;left:25%;width:50%;height:50%;border-radius:2px}.bag-placeholder{transition:box-shadow .3s ease,transform .3s ease;cursor:pointer}.bag-placeholder:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-2px)}.bag-placeholder.patch:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-2px)}.bag-placeholder.patch .block{transition:transform .3s ease}.bag-placeholder.patch:hover .block{transform:scale(1.05)}.hero{display:flex;flex-direction:column;gap:var(--space-l)}.hero.hero-tight{margin-top:var(--space-m)}.hero-bags{display:flex;gap:var(--space-l);margin:var(--space-l) 0;flex-wrap:wrap}.hero-bag{display:flex;flex-direction:column;align-items:center;text-align:center;width:140px}.hero-bag .bag-placeholder{width:100%;padding-top:100%;border-radius:4px;position:relative;transition:box-shadow .3s ease,transform .3s ease;cursor:pointer}.hero-bag .bag-placeholder .block{position:absolute;top:25%;left:25%;width:50%;height:50%;border-radius:2px;transition:transform .3s ease}.hero-bag .bag-placeholder:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-2px)}.hero-bag .bag-placeholder:hover .block{transform:scale(1.05)}.bag-placeholder.patch .block{position:absolute;top:25%;left:25%;width:50%;height:50%;border-radius:2px;background:linear-gradient(135deg,#e3b600,#1d3a7a,#7a8a50,#cc6f49)}.color-palette{max-width:310px;display:flex;gap:var(--space-s);margin:var(--space-m) 0;justify-content:center}.color-dot{width:24px;height:24px;border-radius:50%;border:1px solid #ccc;transition:transform .3s ease,box-shadow .3s ease;cursor:default}.color-dot:hover{transform:scale(1.2);box-shadow:0 4px 8px #00000026}.process{max-width:600px;display:flex;flex-direction:column;gap:var(--space-xl)}.process-step p{color:#555}.manifest{max-width:520px;display:flex;flex-direction:column;gap:var(--space-m)}.steps ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-l)}.steps li h3{margin:0 0 var(--space-s) 0;font-size:1rem;text-transform:uppercase;letter-spacing:.08em}.steps li p{margin:0;font-size:.875rem;line-height:1.5;color:#333}.philosophy,.materials,.contact{margin-top:var(--space-xxl)}.philosophy h2,.materials h2,.contact h2{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-s)}.materials ul{list-style:disc;padding-left:var(--space-l);margin:0}.materials li{margin-bottom:var(--space-s)}@media(max-width:768px){main.page{padding:var(--space-m);gap:var(--space-l)}h1{font-size:1.75rem;line-height:1.2}h2{font-size:1.25rem}p{font-size:.95rem}footer .footer-inner{flex-direction:column;gap:var(--space-s);text-align:center}}.hero-text{max-width:520px}@media(max-width:768px){.hero{gap:var(--space-m)}.hero-text{max-width:100%}.hero-bags{justify-content:flex-start;gap:var(--space-m)}.hero-bag{width:110px}.hero-bag span{font-size:.7rem}.color-palette{justify-content:flex-start;margin-top:var(--space-s)}}