/* namu.style */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #f5f0eb; color: #3d3329; font-family: 'Lato', sans-serif; font-weight: 300; line-height: 1.8; }
.hero { padding: 8rem 2rem 4rem; position: relative; }
.brand { font-family: 'Cormorant', serif; font-weight: 400; font-size: clamp(2.5rem, 6vw, 4rem); }
.est-label { font-family: 'Inter', sans-serif; font-size: 0.55rem; text-transform: uppercase; letter-spacing: 0.2em; color: #8b9a7b; display: block; margin-top: 0.5rem; margin-left: 8%; }
.kintsugi-line { border-top: 2px solid #b8860b; opacity: 0.7; margin: 2rem 0; }
.gallery { max-width: 560px; margin: 0 auto; padding: 1rem 2rem 2rem; }
.gallery-block { background: #f5f0eb; border: 1px solid #d4c9bc; padding: 2rem; margin-bottom: 2rem; }
.irregular-1 { border-radius: 2px 8px 4px 12px; }
.irregular-2 { border-radius: 8px 2px 12px 4px; }
.irregular-3 { border-radius: 4px 12px 2px 8px; }
.block-title { font-family: 'Cormorant', serif; font-weight: 400; font-size: 1.3rem; margin-bottom: 0.5rem; }
.block-text { font-size: 0.8rem; color: #5a4f42; }
.palette-strip { display: flex; gap: 0.5rem; margin-bottom: 2rem; }
.swatch { width: 40px; height: 40px; border-radius: 2px 6px 4px 8px; }
.craft { text-align: center; padding: 5rem 2rem; background: #2d2620; }
.craft-quote { font-family: 'Cormorant', serif; font-weight: 400; font-size: clamp(1.5rem, 4vw, 2.5rem); color: #c4a882; }
.rest { text-align: center; padding: 3rem 2rem; }
.footer-brand { font-family: 'Cormorant', serif; font-weight: 400; font-size: 0.65rem; color: #d4c9bc; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }