/* pzz.lu */
:root {
    --color-text: #2d2926;
    --color-stone: #8b8178;
    --color-wood: #c4a882;
    --color-linen: #e8e0d4;
    --color-border: #e5e0d8;
    --color-bg: #fafaf8;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #fafaf8; color: #2d2926; font-family: 'Inter', sans-serif; font-weight: 400; line-height: 1.7; }
.arrive { text-align: center; padding: 5rem 2rem 3rem; }
.brand { font-family: 'Sora', sans-serif; font-weight: 500; font-size: clamp(2rem, 4vw, 2.5rem); }
.lu-label { font-family: 'Inter', sans-serif; font-size: 0.5rem; letter-spacing: 0.15em; color: #8b8178; text-transform: uppercase; display: block; margin-top: 0.2rem; }
.product-rect { width: 200px; height: 120px; background: #c4a882; margin: 2rem auto; border: 1px solid #e5e0d8; }
.tagline { font-size: 0.85rem; color: #8b8178; }
.browse { max-width: 520px; margin: 0 auto; padding: 2rem 1.5rem; display: flex; flex-direction: column; gap: 1.5rem; }
.product-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.product-container { border: 1px solid #e5e0d8; padding: 16px; }
.product-swatch { width: 100%; height: 80px; margin-bottom: 0.8rem; }
.product-name { font-family: 'Sora', sans-serif; font-weight: 500; font-size: 0.85rem; }
.product-price { font-family: 'IBM Plex Mono', monospace; font-size: 0.8rem; color: #2d2926; margin-top: 0.3rem; }
.materials { max-width: 520px; margin: 0 auto; padding: 3rem 1.5rem; }
.section-title { font-family: 'Sora', sans-serif; font-weight: 500; font-size: 1rem; margin-bottom: 1.5rem; }
.swatch-row { display: flex; gap: 1.5rem; }
.swatch-item { text-align: center; }
.swatch { width: 32px; height: 32px; border: 1px solid #e5e0d8; margin: 0 auto 0.4rem; }
.swatch-label { font-size: 0.65rem; color: #8b8178; }
.swatch[style*="#e8e0d4"] { background: #e8e0d4; }
.leave { text-align: center; padding: 4rem 2rem 5rem; }
.footer-brand { font-family: 'Sora', sans-serif; font-weight: 500; font-size: 0.8rem; color: #8b8178; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }