*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#151b24;color:#f0f1ef;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ff9d67;outline-offset:5px}.skip{position:absolute;top:-100px;left:20px;padding:15px;background:#f58341;color:#151b24;z-index:5}.skip:focus{top:10px}.header{max-width:1440px;margin:auto;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #39414b}.brand{display:flex;align-items:center;background:white;padding:6px 10px;max-width:135px}.brand img{width:110px;height:47px;object-fit:contain}nav{display:flex;gap:32px;align-items:center;font-size:13px}nav a:hover{color:#ff9d67}.nav-cta{border:1px solid #69717c;padding:12px 17px}.hero{max-width:1440px;margin:auto;padding:70px 5% 65px;display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center}.label{font-family:Consolas,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;line-height:1.6}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f58341;margin-right:8px}h1{font-size:clamp(66px,7.8vw,116px);line-height:.98;letter-spacing:-.065em;font-weight:700;margin:30px 0}h1 span{color:#f58341}.intro{font-size:clamp(19px,1.8vw,25px);line-height:1.45;max-width:470px}.hero-detail{font-size:15px;color:#b5bdc6;line-height:1.8;max-width:440px;margin-bottom:28px}.button{border:0;cursor:pointer;background:#f58341;color:#141a22;padding:17px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:14px;font-weight:700}.button:hover{background:#ffad7a}.hero-tags{display:flex;gap:22px;flex-wrap:wrap;margin-top:38px;font-family:Consolas,monospace;font-size:10px;color:#a4afb9;letter-spacing:.06em}.drawing{margin:0;background:#1d2733;border:1px solid #475362;transform:rotate(-2deg)}.drawing-top,.drawing figcaption{display:flex;justify-content:space-between;gap:20px;padding:17px;font-family:Consolas,monospace;font-size:9px;letter-spacing:.07em;color:#c1c8ce}.drawing-top{border-bottom:1px solid #475362}.drawing svg{display:block;width:100%;height:auto}.drawing figcaption{border-top:1px solid #475362;font-size:8px}.section{padding:76px 5%;max-width:1440px;margin:auto}.section-heading h2{font-size:clamp(35px,4vw,54px);letter-spacing:-.045em;line-height:1.07;margin:20px 0}.section-heading>p:not(.label){max-width:350px;font-size:15px;line-height:1.8;color:#65717b}.services{background:#eef0ec;color:#19232b;display:grid;grid-template-columns:1fr 1.3fr;gap:8%}.services .label{color:#6a574b}.service-list article{display:flex;align-items:flex-start;gap:23px;border-top:1px solid #b7c0bd;padding:27px 0}.service-list h3{font-size:23px;letter-spacing:-.03em;margin:0 0 12px}.service-list p{font-size:14px;line-height:1.8;margin:0 0 15px;color:#4a575f}.number{font-family:Consolas,monospace;font-size:11px;padding-top:6px;color:#7d5943}.service-note{font-size:11px;color:#6d5545}.service-symbol{font-size:33px;color:#9b6040;margin-left:auto}.process{border-bottom:1px solid #39414b}.process .label,.faq .label{color:#e99560}.process{display:grid;grid-template-columns:1fr 1.6fr;gap:8%}.process ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.process li{border-top:1px solid #69717c;padding-top:20px}.process li>span{font-family:Consolas,monospace;font-size:10px;color:#e99560}.process h3{font-size:20px;line-height:1.35;margin:24px 0 13px}.process p{font-size:13px;line-height:1.85;color:#b5bdc6}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:8%}.faq details{border-top:1px solid #46505a}.faq details:last-child{border-bottom:1px solid #46505a}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:16px;padding:23px 0;line-height:1.4}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:#f58341;font-size:22px}.faq details[open] summary:after{content:'−'}.faq details p{color:#b5bdc6;font-size:14px;line-height:1.8;margin:0 35px 24px 0}.contact{background:#e0b58f;color:#20252b;display:grid;grid-template-columns:1fr 1.3fr;gap:8%}.contact h2{font-size:clamp(48px,5.5vw,76px);line-height:1;letter-spacing:-.055em;margin:25px 0}.contact>div>p:not(.label){font-size:15px;line-height:1.7;max-width:330px}.email{display:inline-block;border-bottom:1px solid #20252b;padding:10px 0;font-size:19px}.contact form{align-self:center}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:12px;line-height:1.5;margin-bottom:22px}input,select,textarea{border:0;border-bottom:1px solid #806b58;background:transparent;color:#20252b;border-radius:0;padding:12px 0;width:100%;font-size:14px}textarea{resize:vertical;min-height:100px}input::placeholder,textarea::placeholder{color:#5e5148;opacity:1}select option{background:#eef0ec}form .button{background:#20252b;color:#fff}form .button:hover{background:#364451}.form-note,#mail-status{font-size:11px;line-height:1.7;max-width:450px;color:#51483f}footer{max-width:1440px;margin:auto;padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;color:#b5bdc6}.footer-brand{font-size:24px;font-weight:bold;color:#f0f1ef;letter-spacing:-.05em}.footer-brand span{display:block;font-weight:normal;letter-spacing:0;font-size:10px;color:#b5bdc6;margin-top:7px}@media(min-width:1600px){body{border-left:1px solid #39414b;border-right:1px solid #39414b;max-width:1440px;margin:auto}}@media(max-width:900px){.hero{gap:30px}.hero-tags{gap:14px}.services,.process,.faq,.contact{gap:40px;grid-template-columns:1fr 1.2fr}.process ol{grid-template-columns:1fr}.process li{padding-top:14px}.process h3{margin:12px 0 8px}.process p{margin-bottom:4px}.service-symbol{display:none}}@media(max-width:640px){.header{padding:18px 6%}nav{gap:14px}nav>a:not(.nav-cta){display:none}.brand img{width:88px;height:38px}.hero{padding:42px 6% 40px;grid-template-columns:1fr;gap:38px}h1{font-size:76px;margin:25px 0}.intro{font-size:21px}.hero-tags{margin-top:27px}.drawing{max-width:460px;transform:rotate(-1deg);margin:0 4px}.drawing svg{max-height:360px}.section{padding:48px 6%;grid-template-columns:1fr;gap:25px}.section-heading h2{font-size:39px}.section-heading>p:not(.label){max-width:100%}.service-list h3{font-size:22px}.process ol{gap:25px}.process h3{font-size:23px}.process p{font-size:14px}.faq summary{font-size:15px}.contact h2{font-size:62px}.field-row{grid-template-columns:1fr;gap:0}.contact form{margin-top:15px}footer{padding:30px 6%;align-items:flex-start;flex-direction:column;gap:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand{background:transparent;padding:0;max-width:none;width:140px;height:75px;overflow:hidden}.brand img{width:176px;height:117px;max-width:none;flex-shrink:0;object-fit:contain;transform:translateX(-22px);filter:url(#logo-clean)}@media(max-width:640px){.brand{width:110px;height:59px}.brand img{width:138px;height:92px;transform:translateX(-17px)}}
.brand{display:block;width:auto;height:auto;overflow:visible;flex-shrink:0}.brand img{display:block;width:180px;height:auto;max-width:100%;transform:none;object-fit:contain}@media(max-width:640px){.brand{width:auto;height:auto;overflow:visible}.brand img{width:148px;height:auto;transform:none}}

/* Dirección: oficio, materiales y fabricación digital. */
body{background:#eeeadf;color:#303b30}.header{border-color:#c7c9b9;padding-top:12px;padding-bottom:12px}.brand img{filter:none}.label{color:#626d50}.dot{background:#996746}nav a:hover{color:#8a5032}.nav-cta{border-color:#a6ad99}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(64px,7.3vw,102px);letter-spacing:-.055em;line-height:.98}h1 span{color:#8d5f42}.hero{padding-top:50px;gap:6%;grid-template-columns:.9fr 1.15fr}.hero .intro{font-size:22px}.hero-detail{color:#65705e}.hero-tags{color:#5f6b53;letter-spacing:.16em}.button{background:#3f513b;color:#fff}.button:hover{background:#2c3d29}.workshop-image{position:relative;margin:0;align-self:stretch;min-height:520px}.workshop-image>img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;object-position:52% center}.workshop-image figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(30,36,25,.8));padding:35px 18px 15px;color:#f1eee6;font-size:9px;letter-spacing:.04em}.services{background:#dce1d2;color:#303b30}.services .label{color:#626d50}.section-heading h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em}.section-heading>p:not(.label),.service-list p{color:#5b6653}.service-list article{border-color:#a6b09a}.number,.service-note{color:#7a604b}.service-symbol{color:#8d5f42}.process{background:#eeeadf;border-color:#bfc5b1}.process .label,.faq .label{color:#7a604b}.process li{border-color:#9da88e}.process li>span{color:#7a604b}.process p{color:#5b6653}.faq details,.faq details:last-child{border-color:#bdc5af}.faq details p{color:#5b6653}.faq summary:after{color:#8d5f42}.contact{background:#3f513b;color:#f2efe6}.contact .label{color:#c8d2ba}.contact h2{font-family:Georgia,serif;font-weight:400}.email{border-color:#cad2bd}input,select,textarea{color:#f2efe6;border-color:#a9b69a}input::placeholder,textarea::placeholder{color:#c2ccb5}select option{background:#3f513b;color:#fff}form .button{background:#e1c6a4;color:#303b30}form .button:hover{background:#ecd8ba}.form-note,#mail-status{color:#c9d2bd}.project-note{border-top:1px solid #bdc5af;border-bottom:1px solid #bdc5af;display:grid;grid-template-columns:1fr 1fr;gap:0 8%}.project-note>.label{grid-column:1/-1}.project-note h2{font-family:Georgia,serif;font-weight:400;font-size:45px;line-height:1.1;letter-spacing:-.04em;margin:20px 0}.project-note>div>p{font-size:16px;line-height:1.85;color:#5b6653}.project-note a{display:inline-block;border-bottom:1px solid #859373;padding:12px 0;font-size:12px;line-height:1.8}footer{color:#626d50}.footer-brand{color:#303b30}.footer-brand span{color:#626d50}@media(max-width:900px){.hero{grid-template-columns:1fr 1fr}.workshop-image,.workshop-image>img{min-height:540px}.hero .intro{font-size:20px}}@media(max-width:640px){.header{padding-top:12px;padding-bottom:12px}.hero{grid-template-columns:1fr;padding-top:32px;gap:30px}h1{font-size:76px}.hero .intro{font-size:21px}.workshop-image,.workshop-image>img{min-height:0;height:auto;aspect-ratio:4/5}.workshop-image>img{object-position:50% center}.project-note{grid-template-columns:1fr;gap:12px}.project-note h2{font-size:38px}.contact h2{font-size:58px}}