/* MEbel Laminat website
   Edit colors in :root and section text in index.html. */
:root{--ink:#24251f;--paper:#f4f2ed;--white:#fff;--muted:#77796f;--line:#d9d7ce;--accent:#b2a17f;--dark:#20221e;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-header{height:88px;padding:0 5.4%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(36,37,31,.08)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--ink);font-family:Manrope,sans-serif;font-weight:800;font-size:15px;letter-spacing:-1px}.brand-name{font:700 12px Manrope,sans-serif;letter-spacing:1.8px;line-height:1.4}.brand-name b{font-weight:800}.brand-name small{display:block;font:500 8px "DM Sans",sans-serif;letter-spacing:2.3px;color:var(--muted)}.main-nav{display:flex;align-items:center;gap:35px;font-size:12px;font-weight:600}.main-nav a{transition:opacity .2s}.main-nav a:hover{opacity:.55}.language-toggle{background:none;border:1px solid var(--line);padding:9px 11px;font-size:10px;font-weight:700;cursor:pointer}.menu-toggle{display:none;background:none;border:0;font-size:24px}.hero{min-height:650px;height:min(76vh,820px);position:relative;display:flex;align-items:center;background:var(--dark);color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background-image:url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=90");background-size:cover;background-position:center 55%;transform:scale(1.02)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,22,19,.83) 0%,rgba(20,22,19,.59) 43%,rgba(20,22,19,.08) 100%),linear-gradient(0deg,rgba(20,22,19,.28),transparent 45%)}.hero-content{position:relative;z-index:1;max-width:800px;padding:70px 5.4%;}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2.2px;font-weight:700}.eyebrow{color:#d6c8aa;margin:0 0 25px}.hero h1,.intro h2,.section-top h2,.about h2,.cta h2,.contact h2{font-family:Manrope,sans-serif;letter-spacing:-2.7px;font-size:clamp(42px,5.7vw,78px);line-height:1.06;font-weight:500;margin:0}.hero h1 em,.intro h2 em,.section-top h2 em,.about h2 em,.cta h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400}.hero-copy{max-width:470px;line-height:1.8;color:rgba(255,255,255,.78);font-size:14px;margin:26px 0 30px}.hero-actions{display:flex;align-items:center;gap:27px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;font-size:11px;font-weight:700;letter-spacing:.2px;border:1px solid transparent;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-light{background:var(--paper);color:var(--ink)}.button-dark{background:var(--ink);color:white}.text-link{font-size:11px;border-bottom:1px solid rgba(255,255,255,.6);padding:0 0 7px}.hero-note{position:absolute;bottom:35px;right:5.4%;display:flex;align-items:center;gap:13px;color:rgba(255,255,255,.8);font-size:10px}.note-line{width:35px;height:1px;background:var(--accent)}.section-pad{padding:110px 8%}.intro{max-width:var(--max);margin:auto}.section-kicker{color:#8b8068;margin-bottom:35px}.intro-main{display:grid;grid-template-columns:1.15fr .85fr;gap:10%;align-items:end}.intro h2,.section-top h2,.about h2,.contact h2{font-size:clamp(37px,4.5vw,59px);line-height:1.12}.intro-text p,.section-top>p,.about-content>p,.contact-left>p{font-size:14px;line-height:1.9;color:#676960;margin:0 0 22px}.underlined-link{font-size:11px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:8px}.stats{margin-top:75px;padding-top:25px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.stats div{display:flex;align-items:center;gap:20px}.stats strong{font:500 29px Manrope,sans-serif;color:#b1a184}.stats span{font-size:11px;color:#65675f}.services{background:#eae8e1}.section-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}.section-top .section-kicker{margin-bottom:25px}.section-top>p{max-width:330px;margin-bottom:4px}.service-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.service-card{height:350px;position:relative;overflow:hidden;background:#bbb}.service-card.service-large{height:480px;grid-row:span 2}.service-card.service-wide{height:350px}.service-card img{transition:transform .6s}.service-card:hover img,.project-card:hover img{transform:scale(1.04)}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,20,17,.8),transparent 65%)}.service-overlay{position:absolute;z-index:1;left:28px;right:25px;bottom:25px;color:white}.service-overlay span,.project-caption span{font-size:9px;letter-spacing:1.8px;color:#d5c5a3}.service-overlay h3{font:500 24px Manrope,sans-serif;letter-spacing:-.5px;margin:10px 0 6px}.service-overlay p{font-size:11px;color:rgba(255,255,255,.75);margin:0;line-height:1.6}.projects{max-width:var(--max);margin:auto}.project-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:35px 22px}.project-card{position:relative;min-height:280px;overflow:hidden;background:#ddd}.project-tall{grid-row:span 2;min-height:620px}.project-card img{transition:transform .6s}.project-caption{padding-top:17px}.project-caption span{color:#92866d}.project-caption h3{font:500 19px Manrope,sans-serif;margin:8px 0 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;background:#e9e7df}.about-image{height:590px;position:relative}.image-label{position:absolute;bottom:20px;left:20px;background:var(--paper);padding:12px 15px;font-size:9px;letter-spacing:1.5px}.about-content{max-width:500px}.about h2{margin-bottom:28px}.about-content>p{margin-bottom:17px}.about-content .button{margin-top:17px}.cta{background:#282a24;color:#f5f3ed;text-align:center;padding-top:95px;padding-bottom:100px}.cta .section-kicker{color:#c8b994;margin-bottom:24px}.cta h2{max-width:800px;margin:0 auto 34px;font-size:clamp(40px,5vw,66px)}.contact{display:grid;grid-template-columns:1fr .8fr;gap:12%;max-width:var(--max);margin:auto}.contact h2{margin-bottom:25px}.contact-left>p{max-width:420px}.contact-details{margin-top:38px;border-top:1px solid var(--line)}.contact-details div{padding:17px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:110px 1fr;gap:15px;align-items:center}.contact-details span,.contact-form label>span{font-size:9px;letter-spacing:1.5px;color:#85867c;font-weight:700}.contact-details a,.contact-details p{font-size:12px;margin:0}.small-note{font-size:10px!important;color:#85867c!important;margin-top:15px!important}.contact-form{display:flex;flex-direction:column;gap:24px;padding-top:20px}.contact-form label{display:flex;flex-direction:column;gap:10px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;background:transparent;border:0;border-bottom:1px solid #c9c7be;padding:10px 0 13px;outline:none;color:var(--ink);font-size:12px;border-radius:0}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--ink)}.contact-form textarea{resize:vertical}.contact-form .submit-button{align-self:flex-start}.form-hint{font-size:10px;line-height:1.6;color:#85867c;margin:-10px 0 0}.footer{min-height:100px;background:#20221e;color:#eee;padding:25px 5.4%;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .brand-mark{border-color:#eee}.footer .brand-name small{color:#aaa}.footer>span,.back-top{font-size:9px;color:#aaa}.back-top{letter-spacing:1px}
@media(max-width:800px){.site-header{height:74px;padding:0 5%}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;padding:25px 6%;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:22px}.main-nav.open{display:flex}.hero{height:690px;min-height:600px}.hero-content{padding:55px 6%}.hero h1{font-size:clamp(42px,10vw,66px)}.hero-note{left:6%;right:auto;bottom:25px}.section-pad{padding:75px 6%}.intro-main,.about,.contact{grid-template-columns:1fr;gap:35px}.intro-main{gap:25px}.stats{margin-top:45px;gap:20px}.stats div{align-items:flex-start;flex-direction:column;gap:10px}.section-top{align-items:flex-start;flex-direction:column;gap:18px}.section-top>p{max-width:520px}.service-grid{grid-template-columns:1fr 1fr;gap:12px}.service-card,.service-card.service-wide{height:320px}.service-card.service-large{height:420px}.service-overlay{left:18px;right:15px;bottom:18px}.service-overlay h3{font-size:20px}.project-tall{min-height:480px}.project-grid{gap:28px 15px}.about-image{height:430px}.contact{gap:20px}.contact-form{padding-top:10px}.footer{flex-wrap:wrap}.footer>span{order:3;width:100%}}
@media(max-width:520px){.brand-mark{width:37px;height:37px}.brand-name{font-size:10px}.hero{height:650px}.hero-shade{background:linear-gradient(90deg,rgba(20,22,19,.82),rgba(20,22,19,.25)),linear-gradient(0deg,rgba(20,22,19,.4),transparent 60%)}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero h1{letter-spacing:-1.8px}.stats{grid-template-columns:1fr;gap:20px}.stats div{flex-direction:row;align-items:center}.service-grid{grid-template-columns:1fr}.service-card,.service-card.service-large,.service-card.service-wide{height:350px;grid-row:auto}.project-grid{grid-template-columns:1fr}.project-tall{grid-row:auto;min-height:390px}.project-card{min-height:260px}.about-image{height:350px}.footer{align-items:flex-start;flex-direction:column}.footer>span{order:0}.contact-details div{grid-template-columns:90px 1fr}}
