@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@500;600;700&display=swap');
:root{--ink:#17110d;--espresso:#241811;--brown:#4a2f1d;--brass:#b77a37;--cream:#fbf7ef;--stone:#eee7dc;--line:#d8cfc2;--muted:#72695f;--white:#fff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - var(--max))/2));position:sticky;top:0;z-index:50;background:rgba(251,247,239,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(36,24,17,.08)}.brand{display:flex;align-items:center;gap:14px}.brand-mark{font:700 20px Manrope;border:1px solid var(--ink);padding:9px 10px;letter-spacing:.08em}.brand-copy{font:600 13px Manrope;line-height:1.05;text-transform:uppercase;letter-spacing:.06em}.brand-copy small{font-weight:500;color:var(--muted)}.nav{display:flex;align-items:center;gap:25px;font-size:13px}.nav a{position:relative}.nav a.active:not(.button)::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:var(--brass)}.nav-phone{color:var(--brown);font-weight:600}.menu{display:none;background:none;border:0;padding:8px}.menu span{display:block;width:24px;height:2px;background:var(--ink);margin:5px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;background:var(--espresso);color:white;border:1px solid var(--espresso);font-weight:600;font-size:13px;letter-spacing:.02em;cursor:pointer;transition:.25s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(35,24,17,.14)}.button.small{min-height:40px;padding:0 16px}.button.ghost{background:transparent;color:var(--espresso);border-color:#9c8e80}.button.brass{background:var(--brass);border-color:var(--brass);color:#170e08}.button.light-button{background:#fff;border-color:#fff;color:var(--espresso)}.hero{min-height:760px;max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center;padding:70px 0}.hero h1,.page-hero h1{font:600 clamp(48px,6vw,84px)/.98 Manrope;margin:18px 0 24px;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:var(--brass)}.hero-copy>p,.page-hero p{font-size:18px;line-height:1.7;color:#5d554d;max-width:680px}.eyebrow,.section-tag{font:600 11px Manrope;letter-spacing:.18em;text-transform:uppercase;color:#78552e}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:58px;border-top:1px solid var(--line);padding-top:24px}.trust span{font-size:12px;color:var(--muted)}.trust b{display:block;color:var(--brass);margin-bottom:8px}.hero-art{position:relative}.logo-stage{background:#050505;border-radius:28px;padding:34px;box-shadow:0 40px 90px rgba(40,27,17,.22);transform:rotate(1deg)}.brand-art{min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#eee;position:relative}.brand-art.square{background:#050505;border-radius:22px;min-height:520px}.cabinet-emblem{width:70%;aspect-ratio:1.06;position:relative;border:7px solid #b9aaa0;clip-path:polygon(18% 8%,74% 0,94% 15%,94% 72%,60% 97%,14% 78%,14% 30%);background:linear-gradient(145deg,#171717 0 25%,#6b4228 25% 46%,#171717 46% 65%,#9a6035 65%);box-shadow:inset 0 0 0 2px #352319,0 20px 50px #000}.cabinet-emblem:before,.cabinet-emblem:after{content:"";position:absolute;background:#e09542;box-shadow:0 0 15px #e09542}.cabinet-emblem:before{height:3px;width:65%;left:17%;top:16%}.cabinet-emblem:after{width:3px;height:60%;left:18%;top:16%}.cabinet-emblem i{position:absolute;border:1px solid #25170f;background:rgba(10,10,10,.38)}.cabinet-emblem i:nth-child(1){left:20%;top:21%;width:23%;height:54%}.cabinet-emblem i:nth-child(2){left:47%;top:20%;width:35%;height:21%}.cabinet-emblem i:nth-child(3){left:47%;top:46%;width:17%;height:29%}.cabinet-emblem i:nth-child(4){left:67%;top:46%;width:15%;height:29%}.art-title{font:700 clamp(23px,3vw,39px) Manrope;letter-spacing:.035em;margin-top:20px;text-shadow:0 2px 8px #000}.art-title span{color:#a76f3a}.art-rule{width:88%;height:4px;background:linear-gradient(90deg,#7b4f2b,#d49a58,#303030,#b16d31);margin:10px 0 12px}.art-sub{font:500 clamp(14px,1.7vw,22px) Manrope;letter-spacing:.22em;color:#c3a98f}.hero-note{position:absolute;left:-32px;bottom:28px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);padding:16px 20px;border:1px solid rgba(36,24,17,.1);display:grid;gap:4px;box-shadow:0 18px 45px rgba(40,27,17,.14)}.hero-note small{font-size:9px;letter-spacing:.2em;color:var(--muted)}.hero-note b{font:600 15px Manrope}.hero-note span{font-size:12px;color:var(--muted)}.section{max-width:var(--max);margin:auto;padding:100px 0}.intro{display:grid;grid-template-columns:220px 1fr;border-top:1px solid var(--line)}.intro h2,.dark-section h2,.cta h2,.owner-panel h2{font:600 clamp(34px,4.4vw,62px)/1.03 Manrope;letter-spacing:-.045em;margin:0 0 20px}.intro p,.dark-section p,.cta p{color:var(--muted);font-size:17px;line-height:1.7;max-width:760px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);padding:1px}.service-card{background:var(--cream);padding:34px 28px;min-height:320px;display:flex;flex-direction:column}.service-card>span{font:600 11px Manrope;color:var(--brass);letter-spacing:.16em}.service-card h3{font:600 24px Manrope;margin:60px 0 18px;letter-spacing:-.025em}.service-card p{color:var(--muted);line-height:1.6;font-size:14px}.service-card i{font-style:normal;font-size:12px;margin-top:auto;color:var(--brown)}.dark-section{max-width:none;background:#160f0b;color:white;padding-left:max(22px,calc((100vw - var(--max))/2));padding-right:max(22px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.section-tag.light{color:#d0a36d}.dark-section p{color:#b8aea3}.text-link{display:inline-block;margin-top:18px;color:#d9b27c;font-size:13px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-card{background:#fff;border:1px solid var(--line);overflow:hidden}.dark-section .project-card{border-color:#3b2c22;background:#211610}.project-card.wide{grid-column:span 2}.cabinet-visual{height:340px;background:linear-gradient(135deg,#130e0a 0 16%,#744829 16% 36%,#211710 36% 54%,#a36c38 54% 74%,#17100c 74%);position:relative;overflow:hidden}.cabinet-visual:before,.cabinet-visual:after{content:"";position:absolute;background:#d19045;box-shadow:0 0 18px #e39a4b}.cabinet-visual:before{width:78%;height:2px;left:11%;top:16%}.cabinet-visual:after{width:2px;height:64%;left:14%;top:16%}.cabinet-visual span{position:absolute;border:1px solid rgba(255,255,255,.25);background:rgba(20,14,10,.2)}.cabinet-visual span:nth-child(1){left:18%;top:20%;width:22%;height:60%}.cabinet-visual span:nth-child(2){left:43%;top:20%;width:40%;height:23%}.cabinet-visual span:nth-child(3){left:43%;top:48%;width:19%;height:32%}.cabinet-visual span:nth-child(4){left:65%;top:48%;width:18%;height:32%}.project-meta{padding:24px}.project-meta small{color:var(--brass);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.project-meta h3{font:600 22px Manrope;margin:9px 0}.project-meta p{font-size:13px;line-height:1.6;color:var(--muted)}.dark-section .project-meta p{color:#a99e94}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:50px}.process-grid>div{border-top:1px solid var(--line);padding-top:22px}.process-grid b{font-size:11px;color:var(--brass);letter-spacing:.15em}.process-grid h3{font:600 23px Manrope;margin:28px 0 10px}.process-grid p{font-size:14px;line-height:1.6;color:var(--muted)}.cta{max-width:none;background:var(--espresso);color:white;padding-left:max(22px,calc((100vw - var(--max))/2));padding-right:max(22px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;align-items:end;gap:40px}.cta p{color:#c7bbb0}.page-hero{max-width:var(--max);margin:auto;padding:115px 0 90px;border-bottom:1px solid var(--line)}.page-hero h1{max-width:980px}.service-list{padding-top:30px}.service-row{display:grid;grid-template-columns:80px 1.2fr 1fr 170px;gap:30px;align-items:start;padding:42px 0;border-bottom:1px solid var(--line)}.service-row>b{color:var(--brass);font-size:11px}.service-row h2{font:600 30px Manrope;margin:0}.service-row p{color:var(--muted);line-height:1.65;margin:0}.service-row a{font-size:12px;color:var(--brown)}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);padding:1px}.values>div{background:var(--cream);padding:34px;min-height:290px}.values span{font-size:11px;color:var(--brass)}.values h3{font:600 22px Manrope;margin:65px 0 12px}.values p{color:var(--muted);font-size:14px;line-height:1.6}.owner-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.owner-panel p{color:var(--muted);margin-bottom:30px}.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:24px}.contact-card{background:var(--espresso);color:white;padding:42px}.contact-card h2{font:600 42px Manrope;letter-spacing:-.04em}.contact-card p{color:#d0c5bb;line-height:1.6}.contact-card a{color:#f2cf9e}.estimate-form{background:white;padding:42px;border:1px solid var(--line);display:grid;gap:18px}.estimate-form label{display:grid;gap:8px;font-size:12px;font-weight:600;color:#4d443c}.estimate-form input,.estimate-form select,.estimate-form textarea{width:100%;border:1px solid #d8cec2;background:#fdfaf5;padding:14px 15px;outline:0}.estimate-form input:focus,.estimate-form select:focus,.estimate-form textarea:focus{border-color:var(--brass);box-shadow:0 0 0 3px rgba(183,122,55,.1)}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fine{font-size:11px!important;color:#8c8177!important}.success{padding:30px;background:#f6efe5;border:1px solid #ddc6a9}.success b{font:600 24px Manrope}.footer{max-width:none;background:#0e0a07;color:#c7bdb4;padding:70px max(22px,calc((100vw - var(--max))/2)) 28px;display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:55px}.footer>div{display:flex;flex-direction:column;gap:12px;font-size:13px}.footer-brand{font:600 19px Manrope;color:white}.footer-brand span{color:#b88249}.footer b{color:white}.footer p{line-height:1.7;max-width:430px}.footer-bottom{grid-column:1/-1;border-top:1px solid #2b211a;padding-top:22px;margin-top:20px;font-size:11px!important;color:#786e66}.footer span{color:#948980}
@media(max-width:900px){.site-header{height:72px}.brand-copy{display:none}.menu{display:block}.nav{position:absolute;top:72px;left:0;right:0;background:#fbf7ef;border-bottom:1px solid var(--line);box-shadow:0 18px 36px rgba(36,24,17,.12);z-index:60;padding:24px;display:none;flex-direction:column;align-items:stretch;gap:18px}.nav.open{display:flex}.nav a.active:not(.button)::after{display:none}.hero{grid-template-columns:1fr;padding:65px 22px;min-height:auto}.hero h1{font-size:54px}.hero-art{margin-top:16px}.hero-note{left:12px;bottom:12px}.trust{gap:8px}.section,.page-hero{padding:74px 22px}.intro,.dark-section,.owner-panel,.contact-grid{grid-template-columns:1fr}.grid-4,.values,.process-grid{grid-template-columns:1fr 1fr}.dark-section{padding:75px 22px}.mini-grid{grid-template-columns:1fr}.cta{padding:70px 22px;align-items:flex-start;flex-direction:column}.page-hero h1{font-size:54px}.service-row{grid-template-columns:50px 1fr}.service-row p,.service-row a{grid-column:2}.portfolio-grid{grid-template-columns:1fr}.project-card.wide{grid-column:auto}.footer{grid-template-columns:1fr 1fr}.footer>div:first-child{grid-column:1/-1}.footer-bottom{grid-column:1/-1}.brand-art{min-height:420px}}
@media(max-width:560px){.hero h1,.page-hero h1{font-size:42px}.hero-copy>p,.page-hero p{font-size:16px}.actions .button{width:100%}.trust{grid-template-columns:1fr}.grid-4,.values,.process-grid{grid-template-columns:1fr}.service-card{min-height:250px}.service-card h3{margin-top:42px}.mini-grid{grid-template-columns:1fr}.cabinet-visual{height:270px}.two{grid-template-columns:1fr}.estimate-form,.contact-card{padding:28px}.footer{grid-template-columns:1fr}.footer>div:first-child{grid-column:auto}.logo-stage{padding:16px;border-radius:18px}.owner-panel{gap:35px}.brand-art,.brand-art.square{min-height:330px}.cabinet-emblem{width:72%;border-width:4px}.art-title{font-size:21px}.art-sub{font-size:12px;letter-spacing:.15em}}