:root { --wood-dark:#111827; --wood-mid:#1E293B; --wood-light:#60A5FA; --wood-pale:#E2E8F0; --cream:#F8FAFC; --white:#FFF; --text:#1A1A2E; --text-light:#5A5A6E; --gold:#8B6914; }
    html { scroll-behavior: smooth; font-size: 16px; box-sizing: border-box; }
    *, *::before, *::after { box-sizing: border-box; }
    body { font-family: Georgia, 'Times New Roman', serif; background: var(--cream); color: var(--text); line-height: 1.7; -webkit-font-smoothing: antialiased; margin: 0; max-width: 100vw; overflow-x: hidden; }
    h1,h2,h3 { font-weight: 400; letter-spacing: -0.02em; }
    h1 { font-size: clamp(2.5rem,6vw,4.5rem); line-height: 1.1; }
    h2 { font-size: clamp(1.8rem,3.5vw,2.8rem); }
    h3 { font-size: clamp(1.1rem,2vw,1.35rem); }
    body::before { content:""; position:fixed; inset:0; opacity:0.025; pointer-events:none; z-index:9999; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size:200px; }
    nav { position:fixed; top:0; width:100%; z-index:100; padding:1rem 2.5rem; display:flex; justify-content:space-between; align-items:center; background:rgba(250,247,242,0.9); backdrop-filter:blur(16px); border-bottom:1px solid rgba(226,232,240,0.4); }
    .nav-brand { font-size:1rem; color:var(--wood-dark); text-decoration:none; letter-spacing:0.1em; text-transform:uppercase; }
    .nav-brand span { color:var(--gold); }
    .nav-right { display:flex; align-items:center; gap:2rem; }
    .nav-links { display:flex; gap:2rem; list-style:none; }
    .nav-links a { color:var(--text-light); text-decoration:none; font-size:0.8rem; letter-spacing:0.08em; text-transform:uppercase; position:relative; transition:color 0.2s; }
    .nav-links a::after { content:""; position:absolute; bottom:-4px; left:0; width:0; height:1px; background:var(--gold); transition:width 0.3s ease; }
    .nav-links a:hover { color:var(--wood-dark); }
    .nav-links a:hover::after { width:100%; }
    .nav-phone { font-size:0.8rem; color:var(--wood-dark); text-decoration:none; display:flex; align-items:center; gap:0.4rem; }
    .nav-phone i { font-size:14px; color:var(--gold); }
    .hero { min-height:100vh; display:flex; align-items:center; position:relative; overflow:hidden; }
    .hero-bg { position:absolute; inset:0; background-image:url('/images/prieze1.jpeg?w=1600&h=900&fit=crop'); background-size:cover; background-position:center; }
    .hero-bg::after { content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(17,24,39,0.82) 0%,rgba(17,24,39,0.55) 50%,rgba(17,24,39,0.75) 100%); }
    .hero-content { position:relative; z-index:1; padding:8rem 2rem 4rem; max-width:1000px; margin:0 auto; width:100%; }
    .hero-label { font-size:0.75rem; letter-spacing:0.25em; text-transform:uppercase; color:var(--gold); margin-bottom:2rem; display:flex; align-items:center; gap:1rem; }
    .hero-label::before { content:""; width:3rem; height:1px; background:var(--gold); }
    .hero h1 { margin-bottom:1.5rem; color:var(--cream); max-width:70ch; }
    .hero-subtitle { font-size:clamp(1.05rem,2vw,1.3rem); color:rgba(250,247,242,0.75); margin-bottom:3rem; max-width:55ch; }
    .hero-cta { display:inline-flex; align-items:center; gap:0.75rem; padding:1.1rem 2.8rem; background:var(--gold); color:var(--wood-dark); text-decoration:none; font-size:0.85rem; letter-spacing:0.1em; text-transform:uppercase; transition:all 0.3s ease; }
    .hero-cta:hover { background:var(--cream); transform:translateY(-2px); box-shadow:0 12px 40px rgba(0,0,0,0.25); }
    .hero-scroll { position:absolute; bottom:2.5rem; left:50%; transform:translateX(-50%); z-index:1; display:flex; flex-direction:column; align-items:center; gap:0.5rem; color:rgba(250,247,242,0.5); font-size:0.65rem; letter-spacing:0.15em; text-transform:uppercase; }
    .hero-scroll-line { width:1px; height:40px; background:linear-gradient(to bottom,var(--gold),transparent); animation:scrollPulse 2s ease-in-out infinite; }
    @keyframes scrollPulse { 0%,100%{opacity:0.3;transform:scaleY(0.7)} 50%{opacity:1;transform:scaleY(1)} }
    section { padding:6rem 2rem; }
    .section-inner { max-width:1100px; margin:0 auto; }
    .section-label { font-size:0.7rem; letter-spacing:0.25em; text-transform:uppercase; color:var(--gold); margin-bottom:1rem; }
    .section-title { margin-bottom:1rem; color:var(--wood-dark); }
    .section-subtitle { font-size:1.05rem; color:var(--text-light); margin-bottom:2rem; max-width:55ch; }
    .about { background:var(--white); }
    .about-content { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; max-width:1100px; margin:0 auto; }
    .about-text p { margin-bottom:1.5rem; color:var(--text-light); font-size:0.95rem; line-height:1.7; }
    .about-logo { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
    .about-logo img { width:100%; height:auto; object-fit:contain; }
    .about-tagline { margin-top:1.5rem; font-size:0.85rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--gold); font-weight:500; }
    .services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; }
    .service-card { background:var(--white); border:1px solid rgba(226,232,240,0.5); transition:all 0.4s ease; position:relative; overflow:hidden; }
    .service-card-img { height:200px; background-size:cover; background-position:center; position:relative; }
    .service-card-img::after { content:""; position:absolute; inset:0; background:linear-gradient(to bottom,transparent 40%,rgba(17,24,39,0.3)); }
    .service-card-body { padding:2rem; }
    .service-card::before { content:""; position:absolute; top:0; left:0; width:100%; height:3px; background:linear-gradient(90deg,var(--gold),var(--wood-light)); transform:scaleX(0); transform-origin:left; transition:transform 0.4s ease; }
    .service-card:hover { transform:translateY(-6px); box-shadow:0 25px 70px rgba(17,24,39,0.1); }
    .service-card:hover::before { transform:scaleX(1); }
    .service-icon { font-size:1.15rem; color:var(--gold); margin-right:0.5rem; flex-shrink:0; }
    .service-title-row { display:flex; align-items:center; margin-bottom:0.75rem; }
    .service-card h3 { margin:0; color:var(--wood-dark); }
    .service-card p { font-size:0.9rem; color:var(--text-light); line-height:1.7; }
    .service-features { list-style:none; padding:0; margin-top:1.25rem; padding-top:1.25rem; border-top:1px solid var(--wood-pale); }
    .service-features li { font-size:0.83rem; color:var(--text-light); padding:0.4rem 0 0.4rem 1.5rem; position:relative; }
    .service-features li::before { content:"✦"; position:absolute; left:0; color:var(--gold); font-size:0.65rem; top:0.55rem; }
    .process { background:var(--wood-dark); color:var(--cream); }
    .process .section-title { color:var(--cream); }
    .gallery { background:linear-gradient(135deg,var(--cream) 0%,#FFF 100%); }
    .contact { background:var(--wood-pale); }
    .process-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:0; position:relative; }
    .process-steps::before { content:""; position:absolute; top:calc(100% - 1px); left:12.5%; right:12.5%; height:1px; background:linear-gradient(90deg,transparent,var(--gold),var(--gold),transparent); opacity:0.3; }
    .process-step { text-align:center; position:relative; padding:0 1rem; }
    .process-step-icon { width:48px; height:48px; border-radius:50%; background:rgba(139,105,20,0.08); border:1px solid rgba(139,105,20,0.25); display:flex; align-items:center; justify-content:center; margin:0 auto 1.5rem; color:var(--gold); font-size:1.1rem; padding:8px; position:relative; z-index:1; }
    .process-step h3 { font-size:1.05rem; margin-bottom:0.75rem; color:var(--cream); }
    .process-step p { font-size:0.85rem; color:rgba(250,247,242,0.55); line-height:1.7; }
    .gallery-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
    .gallery-item { aspect-ratio:4/3; background-size:cover; background-position:center; position:relative; overflow:hidden; cursor:pointer; }
    .gallery-item:nth-child(1) { grid-column:span 2; grid-row:span 2; aspect-ratio:auto; }
    .gallery-item::before { content:""; position:absolute; inset:0; background:rgba(17,24,39,0); transition:background 0.4s ease; z-index:1; }
    .gallery-item::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(17,24,39,0.7) 0%,transparent 50%); opacity:0; transition:opacity 0.4s ease; z-index:2; }
    .gallery-item:hover::before { background:rgba(17,24,39,0.15); }
    .gallery-item:hover::after { opacity:1; }
    .gallery-item img { width:100%; height:100%; object-fit:cover; transition:transform 0.6s ease; display:block; }
    .gallery-item:hover img { transform:scale(1.05); }
    .gallery-item-label { position:absolute; bottom:1rem; left:1rem; font-size:0.72rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--cream); z-index:3; opacity:0; transform:translateY(8px); transition:all 0.4s ease; }
    .gallery-item:hover .gallery-item-label { opacity:1; transform:translateY(0); }
    .areas-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1rem; }
    .area-item { display:flex; align-items:center; gap:0.75rem; padding:1rem 1.25rem; background:var(--white); border:1px solid rgba(226,232,240,0.4); transition:all 0.3s ease; }
    .area-item:hover { border-color:var(--gold); transform:translateX(4px); }
    .area-dot { width:6px; height:6px; background:var(--gold); border-radius:50%; flex-shrink:0; }
    .area-name { font-size:0.88rem; color:var(--text-light); }

    .cta-contact { display:flex; flex-direction:column; gap:1.5rem; max-width:400px; margin:0 auto; }
    .cta-item { display:flex; align-items:center; gap:1rem; padding:1rem 2rem; background:rgba(250,247,242,0.08); border:1px solid rgba(226,232,240,0.2); color:var(--cream); text-decoration:none; transition:all 0.3s ease; font-size:0.95rem; }
    .cta-item:hover { background:rgba(226,232,240,0.12); border-color:var(--gold); transform:translateY(-2px); }
    .cta-item svg { width:20px; height:20px; color:var(--gold); flex-shrink:0; }
    .cta-buttons { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; position:relative; }
    .btn-primary { padding:1.1rem 2.8rem; background:var(--gold); color:var(--wood-dark); text-decoration:none; font-size:0.85rem; letter-spacing:0.1em; text-transform:uppercase; transition:all 0.3s ease; display:inline-flex; align-items:center; gap:0.5rem; }
    .btn-primary:hover { background:var(--cream); transform:translateY(-2px); box-shadow:0 12px 40px rgba(0,0,0,0.2); }
    .btn-secondary { padding:1.1rem 2.8rem; background:transparent; color:var(--cream); text-decoration:none; font-size:0.85rem; letter-spacing:0.1em; text-transform:uppercase; border:1px solid rgba(250,247,242,0.3); transition:all 0.3s ease; }
    .btn-secondary:hover { border-color:var(--cream); background:rgba(250,247,242,0.08); }
    .contact { background:var(--wood-pale); text-align:center; padding:4rem 2rem; }
    .contact-grid { display:flex; flex-direction:column; gap:1.5rem; max-width:380px; margin:0 auto; }
    .contact-details h3 { margin:0 0 1rem; color:var(--wood-dark); font-size:1.1rem; letter-spacing:0.05em; text-transform:uppercase; }
    .contact-details .section-subtitle { text-align:center; max-width:60ch; margin-left:auto; margin-right:auto; }
    .contact-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; max-width:500px; margin:2.5rem auto 0; }
    .contact-card { display:block; position:relative; overflow:hidden; background:var(--white); border-radius:10px; padding:1.5rem; box-shadow:0 3px 15px rgba(17,24,39,0.06); transition:all 0.3s ease; text-decoration:none; text-align:center; }
    .contact-card:hover { transform:translateY(-3px); box-shadow:0 8px 25px rgba(17,24,39,0.12); background-color:var(--cream); }
    .contact-card-icon { width:48px; height:48px; background:linear-gradient(135deg,var(--wood-mid),var(--wood-dark)); display:flex; align-items:center; justify-content:center; margin:0 auto 1rem; color:var(--gold); border-radius:10px; font-size:20px; }
    .contact-card-content h3 { font-size:0.95rem; margin-bottom:0.4rem; color:var(--wood-dark); letter-spacing:-0.01em; }
    .contact-card-content p { font-size:0.85rem; color:var(--text-light); line-height:1.4; margin:0; }
    .hours-day { color:var(--text-light); }
    .hours-time { color:var(--wood-dark); }
    footer { background:var(--wood-dark); color:var(--cream); padding:4rem 2rem 2rem; }
    .footer-inner { max-width:800px; margin:0 auto; text-align:center; padding:3rem 0; border-top:1px solid rgba(226,232,240,0.15); }
    .footer-brand { font-size:1.3rem; letter-spacing:0.15em; text-transform:uppercase; margin-bottom:1rem; color:var(--cream); text-align:center; }
    .footer-brand span { color:var(--gold); }
    .footer-desc { font-size:0.9rem; color:rgba(250,247,242,0.6); line-height:1.7; margin-bottom:2rem; max-width:none; text-align:center; }
    .footer-quick-contact { display:flex; gap:2rem; justify-content:center; margin-bottom:3rem; flex-wrap:wrap; }
    .quick-link { display:flex; align-items:center; gap:1rem; padding:1rem 2rem; background:rgba(226,232,240,0.08); border-radius:10px; color:var(--cream); text-decoration:none; transition:all 0.3s ease; font-size:0.9rem; border:1px solid rgba(226,232,240,0.15); }
    .quick-link i { font-size:20px; color:var(--gold); flex-shrink:0; }
    .quick-link:hover { background:rgba(226,232,240,0.15); transform:translateY(-3px); border-color:var(--gold); }
    .footer-divider { height:1px; background:linear-gradient(90deg,transparent 0%,rgba(226,232,240,0.3) 50%,transparent 100%); margin:3rem auto; max-width:500px; opacity:0.6; }
    .footer-bottom { padding-top:2rem; border-top:1px solid rgba(226,232,240,0.15); }
    .footer-bottom p { font-size:0.85rem; color:rgba(250,247,242,0.5); margin:0.5rem 0; }
    .footer-location { margin-top:0.75rem; color:var(--wood-light); font-style:italic; }
    .footer-bottom a { color:var(--gold); text-decoration:none; transition:color 0.3s ease; }
    .footer-bottom a:hover { color:var(--cream); }
    @media (max-width:768px) { nav { padding:0.85rem 1.25rem; } .nav-links { display:none; } .hero-content { padding:6rem 1.5rem 3rem; } section { padding:3.5rem 1.5rem; } .about-content { grid-template-columns:1fr; gap:3rem; text-align:center; } .about-logo img { max-width:220px; } .services-grid { grid-template-columns:1fr; } .process-steps { grid-template-columns:1fr 1fr; gap:2.5rem; } .process-steps::before { display:none; } .gallery-grid { grid-template-columns:1fr 1fr; } .gallery-item:nth-child(1) { grid-column:span 2; grid-row:span 1; aspect-ratio:16/9; } .contact-grid { gap:1.25rem; max-width:100%; } .contact-cards { grid-template-columns:repeat(2,1fr); gap:1.25rem; max-width:400px; } .footer-inner { padding-bottom:1.5rem; border-bottom-width:1px; } .footer-bottom { padding-top:1rem; } }
    @media (max-width:480px) { .process-steps { grid-template-columns:1fr; } .gallery-grid { grid-template-columns:1fr; } .gallery-item:nth-child(1) { grid-column:span 1; } .areas-grid { grid-template-columns:1fr; } .contact-cards { grid-template-columns:1fr; gap:1rem; max-width:none; } .contact-card-icon { width:40px; height:40px; font-size:16px; } .contact-card-content h3 { font-size:0.85rem; } .contact-card-content p { font-size:0.75rem; } }
    .fade-in { opacity:0; transform:translateY(24px); transition:opacity 0.8s ease, transform 0.8s ease; }
    .fade-in.visible { opacity:1; transform:translateY(0); }