@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,Arial,sans-serif;color:#1b2924;background:#f7f6f2;font-size:16px;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1240px,calc(100% - 48px));margin-inline:auto}section{scroll-margin-top:88px}.site-header{position:sticky;top:0;z-index:20;background:#17231f;color:#f5f1e9;box-shadow:0 8px 30px #101b1733}.header-inner{min-height:82px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;font-size:.9rem;font-weight:800;letter-spacing:.09em;line-height:1.1}.brand small{display:block;margin-top:5px;color:#c4b8a7;font-size:.68rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase}.brand-icon{width:42px;height:42px;background:#d69c63;color:#17231f;display:grid;place-items:center;border-radius:2px;font-weight:800;letter-spacing:-.1em}.header-nav{display:flex;gap:26px;margin-left:auto}.header-nav a{font-size:.84rem;color:#d5ddd6;transition:color .2s}.header-nav a:hover{color:#fff}.header-contacts{display:flex;align-items:center;gap:10px}.contact-reveal{border:0;background:none;color:inherit;text-align:left;font-size:.8rem;font-weight:700;white-space:nowrap;padding:9px 2px;text-decoration:underline;text-decoration-color:#d69c63;text-underline-offset:5px}.contact-reveal:hover{color:#dfa96e}.header-contacts .contact-link{font-size:.8rem;white-space:nowrap;text-decoration:underline;text-underline-offset:5px}.max-button{padding:12px 14px;border:1px solid #b9c1b6;border-radius:2px;font-size:.78rem;font-weight:800;white-space:nowrap;transition:background .2s,color .2s}.max-button:hover{background:#d69c63;border-color:#d69c63;color:#17231f}
.hero{min-height:640px;position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#14201b}.hero-photo,.hero-shade,.hero-saw{position:absolute;inset:0;z-index:-1}.hero-photo{background:url('assets/lumber-hero.webp') center center/cover no-repeat;transform:scale(1.05);animation:heroZoom 1.5s ease-out forwards}.hero-shade{background:linear-gradient(90deg,#0d1715ed 0%,#0d1715c9 35%,#0d171550 70%,#0d17151c 100%),linear-gradient(0deg,#0d17158c,transparent 45%)}.hero-saw{z-index:1;left:0;right:auto;width:2px;background:#e3b379;box-shadow:0 0 18px #f9d7a0;transform:translateX(-3px);animation:saw 2s .35s cubic-bezier(.6,.03,.25,.95) forwards;pointer-events:none}.hero-inner{min-height:640px;display:flex;flex-direction:column;justify-content:space-between;padding-top:98px;padding-bottom:32px;position:relative;z-index:2}.hero-copy{max-width:660px}.eyebrow{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:#9d663b;font-weight:800;margin:0 0 24px}.eyebrow.light{color:#e4b17a}.hero h1{font-size:clamp(3.35rem,6.1vw,6.1rem);letter-spacing:-.065em;line-height:1.02;margin:0 0 26px;font-weight:800}.hero h1 em{font-weight:500;font-style:normal;color:#e2ad73}.hero-lead{font-size:1.08rem;line-height:1.7;max-width:570px;color:#e3e5df;margin:0 0 32px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:17px 22px;min-height:57px;font-weight:800;font-size:.91rem;border-radius:2px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-accent{background:#d69c63;color:#16221d}.button-accent:hover{background:#edb47b}.button-dark{background:#17231f;color:#fff}.button-dark:hover{background:#31453a}.hero-text-link{border:0;border-bottom:1px solid #d9a067;color:#fff;background:none;padding:10px 0;font-size:.86rem;font-weight:700}.hero-caption{display:flex;gap:24px;width:max-content;border-top:1px solid #ffffff80;padding-top:13px;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:800;color:#e3e1d9}@keyframes heroZoom{to{transform:scale(1)}}@keyframes saw{0%{left:0;opacity:0}10%{opacity:.8}85%{opacity:.8}100%{left:100%;opacity:0}}@media(prefers-reduced-motion:reduce){.hero-photo,.hero-saw{animation:none}.hero-saw{display:none}*{scroll-behavior:auto!important;transition:none!important}}
.section{padding-top:106px;padding-bottom:110px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:39px}.section-heading h2,.request-inner h2{font-size:clamp(2.25rem,4vw,4rem);line-height:1.08;letter-spacing:-.06em;margin:0;font-weight:800}.section-heading>p{max-width:365px;color:#59655f;line-height:1.65;margin:0 0 4px;font-size:.93rem}.catalog-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tab{background:none;border:1px solid #c7cdc3;color:#35443b;border-radius:2px;padding:11px 16px;font-size:.81rem;font-weight:800}.tab.active,.tab:hover{background:#17231f;border-color:#17231f;color:#fff}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product{background:#fff;border:1px solid #e1e4dd;min-height:278px;padding:25px 25px 22px;display:flex;flex-direction:column;position:relative;transition:box-shadow .2s,transform .2s}.product:hover{box-shadow:0 15px 40px #263f2920;transform:translateY(-3px)}.product-tag{color:#a16e42;font-size:.71rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.product h3{font-size:1.55rem;letter-spacing:-.04em;line-height:1.15;margin:21px 0 8px}.product-desc{margin:0;color:#5c685f;line-height:1.55;font-size:.86rem}.product-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px;border-top:1px solid #e6e9e3;padding-top:18px;margin-top:auto}.product-price{font-size:1.43rem;font-weight:800;letter-spacing:-.04em}.product-price small{display:block;margin-top:3px;color:#788279;font-size:.72rem;font-weight:600;letter-spacing:0}.product button{background:#d69c63;color:#17231f;border:0;padding:12px 14px;font-size:.78rem;font-weight:800;white-space:nowrap}.product button:hover{background:#edb47b}.catalog-note,.gallery-note{font-size:.82rem;line-height:1.6;color:#6b746e;margin:23px 0 0}
.process{background:#17231f;color:#f6f2e9}.section-heading-light>p{color:#c0c8c0}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #516057;border-bottom:1px solid #516057}.steps article{padding:32px 25px 33px 0;min-height:238px}.steps article+article{border-left:1px solid #516057;padding-left:25px}.steps span{display:block;color:#d6a16c;font-size:.78rem;font-weight:800;margin-bottom:49px}.steps h3{font-size:1.1rem;margin:0 0 11px;letter-spacing:-.03em}.steps p{color:#bdc5bd;font-size:.84rem;line-height:1.6;margin:0}.advantages{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.advantages div{background:#26372e;padding:25px 26px;min-height:145px}.advantages strong{font-size:.99rem}.advantages p{color:#bcc6bd;font-size:.83rem;line-height:1.6;margin:11px 0 0}
.request-section{background:#dba66f;padding:69px 0}.request-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.request-inner .eyebrow{color:#6a3f20;margin-bottom:13px}.request-inner h2{font-size:clamp(2.2rem,3.6vw,3.5rem)}.request-inner p:not(.eyebrow){line-height:1.6;margin:15px 0 0;max-width:540px}.request-inner .button{white-space:nowrap}.gallery-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.gallery-grid figure{margin:0;position:relative;min-height:280px;overflow:hidden;background:#c8b296}.gallery-grid figure:first-child{grid-row:span 2;min-height:576px}.gallery-grid img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .4s}.gallery-grid figure:hover img{transform:scale(1.035)}.gallery-grid figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0c1817b8);color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.05em;padding:35px 20px 18px}.contacts{background:#192821;color:#fff}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.contact-card{border:1px solid #59675c;padding:26px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between}.contact-card>span{color:#c0c9c0;font-size:.74rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.contact-reveal.large{font-size:1.25rem;line-height:1.35;font-weight:800;white-space:normal;overflow-wrap:anywhere;text-decoration:none}.contact-reveal.large small{display:block;color:#d6a16c;font-size:.7rem;font-weight:700;margin-top:8px}.contact-link.large{font-size:1.19rem;overflow-wrap:anywhere;font-weight:800}.contact-card-max strong{font-size:1.25rem}.contact-card-max small{font-size:.78rem;color:#c0c9c0}.contact-card-max:hover{background:#263a2d}.footer{background:#101b17;color:#bac5ba;padding:22px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:.74rem}.footer a,.footer button{color:#e4c29d}.footer button{background:none;border:0;padding:0;font-size:inherit}
dialog{border:0;border-radius:3px;width:min(590px,calc(100% - 24px));max-height:min(90vh,800px);padding:32px 36px;background:#f9f8f4;color:#17231f;box-shadow:0 25px 90px #0007;overflow:auto}dialog::backdrop{background:#0e1915c9}.dialog-top{display:flex;align-items:start;justify-content:space-between}.dialog-top .eyebrow{margin:6px 0 11px}.close{background:none;border:0;font-size:2rem;line-height:1;padding:0 3px;color:#263a2d}dialog h2{font-size:2rem;letter-spacing:-.055em;line-height:1.1;margin:0 0 9px}dialog>p{color:#5e6b62;line-height:1.6;font-size:.89rem;margin:0 0 22px}#order-form{display:flex;flex-direction:column;gap:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}form label:not(.consent){display:flex;flex-direction:column;gap:7px;font-size:.81rem;font-weight:800}form label span{color:#a15727}form label i{font-style:normal;font-weight:500;color:#818b83}input:not([type=checkbox]),textarea{width:100%;border:1px solid #cbd1c8;background:#fff;border-radius:2px;padding:12px 13px;outline:none;font-size:.88rem;color:#17231f}input:focus,textarea:focus{border-color:#c7884f;box-shadow:0 0 0 3px #d69c6333}textarea{resize:vertical}.honey{position:absolute!important;left:-9999px}.consent{display:flex;align-items:start;gap:9px;font-size:.75rem;line-height:1.55;color:#59655d}.consent input{margin:3px 0 0;flex:0 0 auto}.consent span{color:inherit}.inline-link{border:0;background:none;color:#81491e;text-decoration:underline;padding:0;font-size:inherit}#form-status{min-height:20px;margin:0;font-size:.81rem;color:#9d4329}#form-status.success{color:#266343}.submit{width:100%}#privacy-dialog p{margin:0 0 15px}
@media(max-width:1130px){.header-inner{gap:20px}.header-nav{display:none}.header-contacts{margin-left:auto}.products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:740px){.wrap{width:min(100% - 32px,1240px)}.site-header{position:sticky}.header-inner{min-height:68px;flex-wrap:wrap;gap:0;padding:9px 0}.brand{font-size:.72rem}.brand-icon{width:36px;height:36px}.brand small{font-size:.58rem}.header-contacts{gap:9px;justify-content:space-between;width:100%;margin-top:10px}.header-contacts .contact-reveal,.header-contacts .contact-link{font-size:.67rem}.max-button{font-size:.67rem;padding:8px}.hero,.hero-inner{min-height:590px}.hero-inner{padding-top:80px;padding-bottom:26px}.hero-photo{background-position:61% center}.hero-shade{background:linear-gradient(90deg,#0d1715ec 0%,#0d1715bb 70%,#0d171570 100%)}.hero h1{font-size:clamp(2.8rem,11vw,4.7rem)}.hero-lead{font-size:.96rem}.hero-caption{gap:11px;font-size:.6rem}.section{padding-top:72px;padding-bottom:76px}.section-heading{display:block}.section-heading>p{margin-top:17px}.products{grid-template-columns:1fr}.product{min-height:248px}.steps{grid-template-columns:1fr 1fr}.steps article,.steps article+article{border-left:0;padding:26px 14px 28px 0;min-height:195px}.steps article:nth-child(2n){border-left:1px solid #516057;padding-left:18px}.steps article:nth-child(n+3){border-top:1px solid #516057}.steps span{margin-bottom:30px}.advantages{grid-template-columns:1fr}.advantages div{min-height:0}.request-inner{display:block}.request-inner .button{margin-top:26px}.gallery-grid{grid-template-columns:1fr 1fr;gap:10px}.gallery-grid figure,.gallery-grid figure:first-child{min-height:235px}.gallery-grid figure:first-child{grid-column:span 2;grid-row:auto;min-height:310px}.contact-grid{grid-template-columns:1fr}.contact-card{min-height:150px}.footer-inner{flex-wrap:wrap}.form-row{grid-template-columns:1fr}dialog{padding:24px 20px}}
@media(max-width:390px){.header-contacts{gap:5px}.header-contacts .contact-reveal,.header-contacts .contact-link{font-size:.59rem}.hero-caption span:last-child{display:none}.hero-actions{gap:17px}.button{padding:15px 17px}.gallery-grid figure,.gallery-grid figure:first-child{min-height:220px}.gallery-grid figcaption{font-size:.65rem}}
