.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;transition:var(--transition)}.navbar.scrolled{background:#f5f0ebeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);padding:.6rem 0}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-brand{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;color:var(--color-text-on-dark);letter-spacing:.05em;transition:var(--transition)}.navbar.scrolled .nav-brand{color:var(--color-primary)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{font-size:.9rem;color:var(--color-text-on-dark);letter-spacing:.03em;position:relative;padding:.25rem 0;transition:var(--transition)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--color-accent);transition:var(--transition)}.nav-link:hover:after{width:100%}.navbar.scrolled .nav-link{color:var(--color-text)}.nav-link-cta{background:var(--color-accent);color:#fff!important;padding:.5rem 1.5rem;border-radius:4px;font-weight:500}.nav-link-cta:after{display:none}.nav-link-cta:hover{background:var(--color-accent-light);transform:translateY(-1px)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--color-text-on-dark);border-radius:1px;transition:var(--transition)}.navbar.scrolled .nav-toggle span{background:var(--color-text)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#69482d94,#b9854d6b 48%,#623f249e),url(/images/site/hero-wood-interior.png) center / cover no-repeat,linear-gradient(135deg,#e8cba8,#d7b489,#b9854d 70%,#9c7653);z-index:0}.hero-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(201,154,62,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(201,154,62,.06) 1px,transparent 1px);background-size:80px 80px;z-index:1}.hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#f4e4d01a,#5c3a2275);z-index:1}.hero-content{position:relative;z-index:2;text-align:center;padding:6rem 1.5rem 4rem}.hero-badge{display:inline-block;font-size:.8rem;letter-spacing:.15em;color:var(--color-accent-light);border:1px solid rgba(201,154,62,.3);padding:.4rem 1.5rem;margin-bottom:2rem;font-family:var(--font-sans)}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);color:var(--color-text-on-dark);line-height:1.2;margin-bottom:1.5rem;font-weight:600;letter-spacing:.08em}.hero-desc{font-size:clamp(1rem,2vw,1.2rem);color:#fff7ecdb;line-height:1.8;margin-bottom:2.5rem;font-family:var(--font-sans)}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-fade{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,var(--color-bg),transparent);z-index:2}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 2.5rem;font-size:.95rem;font-family:var(--font-sans);font-weight:500;letter-spacing:.03em;border-radius:4px;transition:var(--transition);cursor:pointer;border:none}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-light);transform:translateY(-2px);box-shadow:0 8px 24px #c99a3e4d}.btn-outline{background:transparent;color:var(--color-text-on-dark);border:1px solid rgba(240,232,216,.3)}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent-light);transform:translateY(-2px)}.btn-full{width:100%}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-image{position:relative}.about-image-frame{position:relative;z-index:1;aspect-ratio:5 / 6;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 20px 60px #2c181026}.about-image-photo{width:100%;height:100%;display:block;object-fit:cover}.about-image-accent{position:absolute;top:-16px;right:-16px;width:100%;height:100%;border:1px solid var(--color-accent);border-radius:var(--radius-md);z-index:0;opacity:.3}.about-label{font-family:var(--font-sans);font-size:.85rem;letter-spacing:.12em;color:var(--color-accent);font-weight:500;margin-bottom:.5rem}.about-title{font-size:clamp(1.75rem,3.5vw,2.5rem);color:var(--color-primary);line-height:1.3;margin-bottom:.5rem}.about-body{color:var(--color-text-muted);font-size:1rem;line-height:1.9;margin-bottom:1.2rem}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}.stat-item{display:flex;flex-direction:column}.stat-value{font-family:var(--font-serif);font-size:1.75rem;font-weight:700;color:var(--color-primary)}.stat-label{font-size:.85rem;color:var(--color-text-muted);font-family:var(--font-sans)}.craft-section{background:linear-gradient(180deg,#e8cba8,#d7b489);position:relative;overflow:hidden}.craft-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(201,154,62,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(201,154,62,.04) 1px,transparent 1px);background-size:60px 60px}.craft-section .section-title{color:var(--color-primary)}.craft-section .section-subtitle{color:#4b321fb8}.craft-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;position:relative;z-index:1}.craft-card{background:#fff8ee70;border:1px solid rgba(122,86,56,.12);border-radius:var(--radius-md);padding:2rem 1.5rem;text-align:center;transition:var(--transition)}.craft-card:hover{background:#fff8eeb8;border-color:#b9854d59;transform:translateY(-4px)}.craft-icon{width:56px;height:56px;margin:0 auto 1.25rem;color:var(--color-accent-light)}.craft-title{font-size:1.15rem;color:var(--color-primary);margin-bottom:.75rem}.craft-desc{font-size:.88rem;color:#4b321fb8;line-height:1.7;font-family:var(--font-sans)}.process-steps{max-width:800px;margin:0 auto;display:grid;gap:0;position:relative}.process-steps:before{content:"";position:absolute;left:32px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--color-accent),var(--color-border))}.process-step{display:flex;align-items:flex-start;gap:2rem;padding:2rem 0;position:relative}.step-number{font-family:var(--font-serif);font-size:1.2rem;font-weight:700;color:var(--color-accent);width:64px;height:64px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-accent);border-radius:50%;flex-shrink:0;background:var(--color-bg);position:relative;z-index:1}.step-content{flex:1;padding-top:.75rem}.step-title{font-size:1.2rem;color:var(--color-primary);margin-bottom:.4rem}.step-desc{font-size:.92rem;color:var(--color-text-muted);line-height:1.7;font-family:var(--font-sans)}.step-arrow{display:flex;align-items:center;color:var(--color-accent);opacity:.4;padding-top:.75rem;flex-shrink:0}.gallery-section{background:linear-gradient(180deg,#d7b489,#c99d6e)}.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:1rem;position:relative;z-index:1}.gallery-item-lg{grid-row:span 2}.gallery-item{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:var(--transition)}.gallery-item:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.gallery-image{width:100%;height:100%;min-height:200px;display:block;object-fit:cover;transition:var(--transition)}.gallery-item:hover .gallery-image{transform:scale(1.04)}.gallery-label{position:absolute;bottom:0;left:0;right:0;padding:1rem 1.25rem;font-size:.9rem;color:var(--color-text-on-dark);background:linear-gradient(to top,rgba(0,0,0,.6),transparent);font-family:var(--font-sans);letter-spacing:.05em}.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-title{font-size:2rem;color:var(--color-primary);margin-bottom:.5rem}.contact-desc{font-size:1rem;color:var(--color-text-muted);line-height:1.8;margin-bottom:2rem;font-family:var(--font-sans)}.contact-details{display:grid;gap:1.25rem}.contact-item{display:flex;align-items:center;gap:1rem}.contact-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:50%;color:var(--color-accent);flex-shrink:0}.contact-label{display:block;font-size:.8rem;color:var(--color-text-muted);font-family:var(--font-sans)}.contact-value{display:block;font-size:.95rem;color:var(--color-primary);font-weight:500}.contact-form{background:#fff;padding:2.5rem;border-radius:var(--radius-md);box-shadow:0 8px 40px #2c181014}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.85rem;color:var(--color-primary);font-weight:500;margin-bottom:.4rem;font-family:var(--font-sans)}.form-input{width:100%;padding:.75rem 1rem;font-size:.95rem;font-family:var(--font-sans);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);transition:var(--transition);outline:none}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #c99a3e1a;background:#fff}.form-textarea{resize:vertical;min-height:100px}.footer{background:linear-gradient(180deg,#d7b489,#c99d6e);color:#3f291a;padding:4rem 0 0;position:relative;overflow:hidden}.footer-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(201,154,62,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(201,154,62,.03) 1px,transparent 1px);background-size:60px 60px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;position:relative;z-index:1}.footer-brand-name{font-size:1.5rem;margin-bottom:.75rem;letter-spacing:.05em}.footer-brand-desc{font-size:.88rem;color:#3f291ab8;line-height:1.7;font-family:var(--font-sans)}.footer-heading{font-size:1rem;margin-bottom:1rem;letter-spacing:.05em}.footer-link{display:block;font-size:.88rem;color:#3f291ab8;padding:.3rem 0;font-family:var(--font-sans);transition:var(--transition)}.footer-link:hover{color:var(--color-accent-light);padding-left:4px}.footer-contact p{font-size:.88rem;color:#3f291ab8;font-family:var(--font-sans);padding:.2rem 0}.footer-bottom{border-top:1px solid rgba(63,41,26,.12);padding:1.5rem 0;margin-top:3rem;text-align:center;font-size:.82rem;color:#3f291a8c;position:relative;z-index:1;font-family:var(--font-sans)}@media(max-width:900px){.nav-links{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#f5f0ebfa;backdrop-filter:blur(16px);flex-direction:column;padding:5rem 2rem 2rem;gap:1.5rem;transition:var(--transition);box-shadow:-8px 0 40px #0000001a}.nav-links.open{right:0}.nav-link{color:var(--color-text)!important;font-size:1rem}.nav-toggle{display:flex}.nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.about-grid,.contact-wrap{grid-template-columns:1fr;gap:2rem}.craft-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-item-lg{grid-column:span 2}.footer-grid{grid-template-columns:1fr;gap:2rem}.form-row{grid-template-columns:1fr}.process-steps:before{left:24px}.step-number{width:48px;height:48px;font-size:1rem}.step-arrow,.hide-mobile{display:none}.about-stats{grid-template-columns:repeat(3,1fr);gap:1rem}}@media(max-width:600px){.craft-grid,.gallery-grid{grid-template-columns:1fr}.gallery-item-lg{grid-column:span 1}.about-stats{grid-template-columns:repeat(3,1fr);gap:.75rem}.hero-actions{flex-direction:column;align-items:center}}
