@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&display=swap');
:root{--cream:#f5f2eb;--ink:#302a23;--bronze:#947553;--line:#d6cec2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--cream)}.brand{display:flex;gap:15px;align-items:center;font-size:14px;letter-spacing:2px;line-height:1.6}.brand small{display:block;font-size:10px;letter-spacing:2.5px}.monogram{font:31px 'Italiana',Georgia,serif;border:1px solid #b8a58d;padding:6px 10px;letter-spacing:-3px}nav{display:flex;gap:32px;font-size:14px}.header-link{font-size:14px;border-bottom:1px solid var(--bronze);padding-bottom:5px}.hero{height:760px;max-height:calc(100svh - 100px);min-height:590px;position:relative;color:white;margin:0 22px}.hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 43%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,19,14,.78),rgba(22,19,14,.15)),linear-gradient(0deg,rgba(22,19,14,.35),transparent 35%)}.hero-content{position:absolute;left:6%;top:24%;max-width:850px}.eyebrow{font-size:12px;letter-spacing:2.6px;font-weight:500;display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:'Italiana',Georgia,serif;font-weight:400;line-height:1.13}h1{font-size:clamp(42px,5.3vw,82px);margin:25px 0}em{font-family:Georgia,serif;font-weight:400;font-size:.85em}h1 em{color:#e6d1b4}.hero-content p{max-width:420px;color:#e6e0d8;margin-bottom:32px}.button{display:inline-block;border:1px solid var(--bronze);padding:13px 26px;font-size:14px;transition:.2s}.button:hover{background:var(--ink);color:white}.button.light{border-color:#d5c6b4}.button.light:hover{background:var(--cream);color:var(--ink)}.hero-bottom{position:absolute;bottom:28px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.2px;color:#e8e1d7}.intro{padding:110px 8%;display:grid;grid-template-columns:1fr 2fr;gap:7%}.intro>.eyebrow{max-width:220px;padding-top:10px;color:var(--bronze)}h2{font-size:clamp(36px,4vw,58px)}.intro p{max-width:660px;margin-top:30px;color:#736a60;line-height:1.9}.portfolio{padding:35px 8% 110px}.section-top{display:flex;justify-content:space-between;align-items:end}.section-top h2{margin-top:15px}.section-top>p{font-size:14px;color:#736a60}.filters{display:flex;gap:26px;border-bottom:1px solid var(--line);margin:38px 0 40px;flex-wrap:wrap}.filters button{background:none;border:0;padding:0 0 13px;color:#746c62;font-size:14px;border-bottom:2px solid transparent}.filters button.active{border-color:var(--bronze);color:var(--ink)}.projects{display:grid;grid-template-columns:repeat(5,1fr);gap:40px 30px}.project{grid-column:span 2;background:none;border:0;text-align:left;color:inherit;padding:0}.project.wide{grid-column:span 3}.project.stair{grid-column:span 5;width:66%;margin:auto}.photo{height:430px;position:relative;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project:hover img{transform:scale(1.035)}.photo>span{position:absolute;right:20px;bottom:20px;background:rgba(245,242,235,.93);padding:7px 12px;font-size:11px;letter-spacing:1px}.caption{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-top:18px}.caption h3{font:26px 'Italiana',Georgia,serif}.caption>span{font-size:12px;color:#7a7166}.details{background:#302b24;color:var(--cream);display:grid;grid-template-columns:1fr 1fr}.details-image img{width:100%;height:100%;object-fit:cover;min-height:730px}.details-copy{padding:75px 12%}.details-copy>.eyebrow{color:#c3a784}.details-copy h2{margin:22px 0}.details-copy>p{color:#c3bbb0;margin-bottom:30px}.detail-row{display:flex;gap:25px;border-top:1px solid #595044;padding:20px 0}.detail-row>span{color:#b59a75;font-size:12px}.detail-row h3{font-size:16px;font-weight:500}.detail-row p{font-size:14px;color:#bfb6a9;margin-top:6px}.process{padding:110px 8%}.process>.eyebrow{color:var(--bronze)}.process h2{margin:20px 0}.process-lead{max-width:640px;color:#736a60}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:55px}.steps article{border-top:1px solid var(--line);padding-top:24px}.steps span{font-size:12px;color:var(--bronze);letter-spacing:1.2px}.steps h3{font:29px 'Italiana',Georgia,serif;margin:17px 0}.steps p{color:#736a60;font-size:15px}.closing{text-align:center;padding:90px 6%;background:#e8e1d5}.closing>.eyebrow{color:var(--bronze)}.closing h2{margin:24px 0 35px}footer{padding:45px 5%;display:flex;justify-content:space-between;align-items:center}footer p,footer>a:last-child{font-size:13px;color:#786d60}dialog{width:min(1050px,94vw);max-height:94svh;border:0;padding:20px 25px;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#16130fe8}.gallery-top,.gallery-bottom{display:flex;justify-content:space-between;align-items:center}.gallery-top h2{font-size:30px}.gallery-top button{border:0;background:none;font-size:34px;padding:0 10px}.gallery-image{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0}.gallery-image img{max-width:calc(100% - 95px);height:70svh;object-fit:contain}.gallery-image button{background:transparent;border:1px solid var(--line);font-size:28px;width:36px;height:48px}.gallery-bottom{font-size:13px;color:#7a7166}[hidden]{display:none!important}:focus-visible{outline:3px solid #b88850;outline-offset:5px}@media(min-width:1600px){.hero{height:850px}}@media(max-width:900px){nav{gap:18px}.header-link{display:none}.intro{grid-template-columns:1fr;gap:25px}.photo{height:320px}.caption{display:block}.caption>span{display:block;margin-top:4px}.details-copy{padding:50px 8%}.details-image img{min-height:650px}.steps{gap:25px}}@media(max-width:600px){header{height:85px;padding:0 6%}.brand{font-size:11px;gap:10px}.brand small{font-size:9px;letter-spacing:1.5px}.monogram{font-size:27px}nav a{display:none}nav a:first-child{display:block;font-size:14px}.hero{margin:0 10px;min-height:620px;max-height:none;height:calc(100svh - 105px)}.hero>img{object-position:60% 50%}.hero-content{top:22%;left:7%;right:6%}h1{font-size:47px;line-height:1.15}.hero .eyebrow{font-size:10px;letter-spacing:1.4px}.hero-content p{font-size:15px}.hero-bottom{font-size:10px;bottom:24px;gap:20px}.hero-bottom span:last-child{max-width:110px;text-align:right}.intro{padding:65px 7%}h2{font-size:38px}.portfolio{padding:10px 7% 65px}.section-top{display:block}.section-top>p{margin-top:20px}.filters{gap:20px;margin:30px 0}.filters button{font-size:13px}.projects{display:block}.project,.project.wide,.project.stair{width:100%;display:block;margin:0 0 32px}.photo{height:350px}.project.wide .photo{height:290px}.caption{display:flex}.caption h3{font-size:24px}.caption>span{max-width:130px;text-align:right;font-size:11px}.details{grid-template-columns:1fr}.details-image img{min-height:0;height:380px}.details-copy{padding:45px 7%}.process{padding:65px 7%}.steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.closing{padding:60px 7%}.closing h2{font-size:36px}footer{flex-wrap:wrap;gap:30px}footer p{display:none}.gallery-image{gap:5px}.gallery-image img{max-width:calc(100% - 70px);height:62svh}.gallery-image button{width:30px}dialog{padding:15px}.gallery-top h2{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.logo-window{display:block;width:200px;height:76px;overflow:hidden;position:relative}.logo-window img{position:absolute;width:230px;max-width:none;left:-15px;top:-56px;mix-blend-mode:multiply}.contact{padding:95px 8%;display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--line)}.contact .eyebrow{color:var(--bronze)}.contact h2{margin:20px 0 26px}.contact-info>p{color:#736a60;max-width:460px}.contact-links{margin-top:35px}.contact-links>a{display:block;padding:17px 0;border-bottom:1px solid var(--line);font-size:16px}.contact-links span{display:block;font-size:14px;color:#736a60}form label{display:block;font-size:14px;margin:0 0 7px}form input,form select,form textarea{width:100%;border:1px solid #bdb09d;background:#fffcf6;color:var(--ink);padding:13px;font:16px/1.5 'DM Sans',Arial,sans-serif;margin-bottom:22px;border-radius:0}form textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote-submit{background:var(--ink);color:var(--cream);width:100%}.form-note{font-size:13px;color:#736a60;margin-top:12px}#quote-result{margin-top:25px;padding:22px;background:#e8e1d5}#quote-result h3{font-weight:500;font-size:19px}#quote-result>p{font-size:14px;margin-top:8px}#quote-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 'DM Sans',Arial,sans-serif}.quote-actions{display:flex;gap:12px;flex-wrap:wrap}.quote-actions .button{background:var(--cream)}.floating-contact{position:fixed;right:24px;bottom:24px;background:#302a23;color:#f5f2eb;padding:12px 20px;border:1px solid #b3946e;font-size:14px;z-index:5;box-shadow:0 4px 20px #0002}footer{padding-bottom:85px}@media(max-width:600px){.logo-window{width:170px;height:70px}.logo-window img{width:200px;top:-47px}.contact{grid-template-columns:1fr;padding:60px 7%;gap:40px}.form-grid{grid-template-columns:1fr;gap:0}.floating-contact{right:14px;bottom:14px;font-size:13px;padding:11px 15px}}
.logo-window{width:58px;height:66px;flex-shrink:0}.logo-window img{width:230px;left:-86px;top:-57px}.brand-name{font:32px Georgia,serif;letter-spacing:4px}.brand-name small{font:10px Arial,sans-serif;letter-spacing:2px;margin-top:5px}@media(max-width:600px){.logo-window{width:45px;height:54px}.logo-window img{width:190px;left:-72px;top:-47px}.brand-name{font-size:26px;letter-spacing:3px}.brand-name small{font-size:9px;letter-spacing:1.4px}}
.mobile-contact-link{display:none}img{display:block}.contact>*,.form-grid>*{min-width:0}.contact-links a{overflow-wrap:anywhere}.button{min-height:48px}.gallery-top button,.gallery-image button{min-width:44px;min-height:44px}.gallery-image img{min-width:0}
@media(max-width:760px){html{scroll-padding-top:145px}header{height:auto;min-height:122px;padding:12px 6% 0;flex-wrap:wrap;gap:8px;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}header>.brand{margin:auto}header nav{width:100%;display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:2px}header nav a,header nav a:first-child{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:13px;white-space:nowrap}header nav .mobile-contact-link{display:flex;color:#785332;font-weight:600}.hero{height:auto;min-height:0;max-height:none;margin:12px 12px 0;display:grid}.hero>img{grid-area:1/1;width:100%;height:100%;object-position:64% center;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#17120dc9,#17120d40),linear-gradient(0deg,#17120d9c,transparent 70%)}.hero-content{position:relative;inset:auto;padding:85px 7% 100px;max-width:none}.hero h1{font-size:clamp(36px,8.4vw,58px);line-height:1.18;margin:22px 0}.hero .eyebrow{font-size:12px;letter-spacing:1.3px;max-width:250px}.hero-content p{font-size:16px;max-width:350px;line-height:1.75}.hero-bottom{bottom:22px;font-size:12px;letter-spacing:.2px}.hero-bottom span:last-child{display:none}.intro,.portfolio,.process,.contact{padding-left:6%;padding-right:6%}.intro{padding-top:60px;padding-bottom:60px}.intro>.eyebrow{max-width:280px}.intro h2,.section-top h2,.details h2,.process h2,.contact h2{font-size:clamp(32px,7.7vw,46px)}.filters{flex-wrap:nowrap;overflow-x:auto;gap:8px;border-bottom:0;padding:2px 2px 10px;margin:25px -2px;scrollbar-width:thin;scrollbar-color:#b69a77 transparent}.filters button{flex:0 0 auto;min-height:44px;padding:9px 15px;border:1px solid var(--line);font-size:14px}.filters button.active{background:var(--ink);color:var(--cream);border-color:var(--ink)}.projects{display:block}.project,.project.wide,.project.stair{display:block;width:100%;margin:0 0 35px}.photo,.project.wide .photo{height:auto;aspect-ratio:4/3}.project[data-category="armario"] .photo,.project[data-category="escritorio"] .photo,.project.stair .photo{aspect-ratio:1/1}.photo>span{font-size:12px;bottom:14px;right:14px}.caption{display:block;margin-top:15px}.caption h3{font-size:28px}.caption>span{max-width:none;text-align:left;font-size:14px;display:block;margin-top:4px}.details{grid-template-columns:1fr}.details-image img{height:auto;min-height:0;aspect-ratio:4/3}.details-copy{padding:44px 6%}.steps{grid-template-columns:1fr;gap:25px}.steps p{font-size:16px}.contact{grid-template-columns:1fr;gap:35px;padding-top:60px;padding-bottom:65px}.contact-links>a{padding:20px 0}.contact-links span{font-size:16px;margin-top:4px}.form-grid{grid-template-columns:1fr;gap:0}form input,form select,form textarea{font-size:16px;padding:14px;min-height:50px}form label{font-size:15px}.form-note{font-size:14px}.quote-actions{display:grid;grid-template-columns:1fr}.quote-actions .button{text-align:center;width:100%}.floating-contact{left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));text-align:center;padding:14px 18px;font-size:15px;min-height:50px}footer{padding:32px 6% calc(100px + env(safe-area-inset-bottom));flex-direction:column;gap:20px}footer>a:last-child{font-size:14px}dialog{width:calc(100vw - 20px);max-height:92svh;padding:16px}.gallery-top h2{font-size:25px}.gallery-image{position:relative;display:block;margin:14px 0}.gallery-image img{max-width:100%;width:100%;height:60svh;object-fit:contain}.gallery-image button{position:absolute;bottom:12px;z-index:1;background:var(--cream);width:46px;height:46px}.gallery-image #prev{left:10px}.gallery-image #next{right:10px}.gallery-bottom{font-size:14px;gap:12px}.closing h2{font-size:clamp(31px,7.8vw,44px)}}
@media(max-width:350px){header nav a,header nav a:first-child{font-size:12px}.hero-content{padding-top:60px}.hero h1{font-size:34px}.brand-name{font-size:24px}}