:root{--ink:#171717;--paper:#f2eee7;--white:#fffdf9;--blue:#e10600;--orange:#e10600;--line:#d8d2c7;--muted:#66615a;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit}.container{width:min(calc(100% - 44px),var(--max));margin:auto}.skip{position:fixed;left:-9999px;top:10px;background:#fff;padding:10px;z-index:100}.skip:focus{left:10px}.site-header{position:sticky;top:0;z-index:50;background:rgba(242,238,231,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(23,23,23,.12)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Georgia,serif;font-size:1.35rem;font-weight:700;text-decoration:none;letter-spacing:-.02em}.brand span{font-style:italic;font-weight:400}.menu{display:flex;align-items:center;gap:26px}.menu a{text-decoration:none;font-size:.88rem;font-weight:700}.mini-cta{border-bottom:2px solid var(--ink)}.menu-toggle{display:none;background:none;border:0;font-size:1.5rem}.hero{padding:72px 0 80px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.kicker{font-size:.72rem;font-weight:900;letter-spacing:.18em;margin:0 0 22px}.hero h1,.statement h2,.section-title h2,.work-head h2,.about h2,.contact h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;line-height:.98;margin:0}.hero h1{font-size:clamp(3.6rem,7vw,7.2rem)}.hero h1 span{font-style:italic;color:var(--blue)}.lead{font-size:1.16rem;color:var(--muted);max-width:660px}.actions{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;padding:14px 20px;border:1px solid var(--ink);text-decoration:none;font-weight:900;background:transparent;cursor:pointer}.btn-primary{background:var(--ink);color:var(--white)}.text-link{font-weight:900;text-decoration:none;border-bottom:1px solid}.hero-collage{min-height:585px;position:relative}.tile{position:absolute;margin:0;overflow:hidden;background:#ddd}.tile-a{width:58%;height:66%;left:19%;top:0;z-index:2}.tile-b{width:45%;height:43%;left:0;bottom:0;z-index:3;border:8px solid var(--paper)}.tile-c{width:42%;height:46%;right:0;bottom:5%;z-index:4;border:8px solid var(--paper)}.hero-note{position:absolute;right:0;top:5%;font-size:.7rem;font-weight:900;letter-spacing:.15em;writing-mode:vertical-rl}.marquee{overflow:hidden;background:var(--ink);color:#fff;padding:14px 0;font-size:.78rem;font-weight:900;letter-spacing:.17em;white-space:nowrap}.marquee div{width:max-content;animation:move 24s linear infinite}@keyframes move{to{transform:translateX(-30%)}}section{padding:110px 0}.statement-grid{display:grid;grid-template-columns:130px 1fr;gap:30px}.number{font-family:Georgia,serif;font-size:4rem;margin:0;color:var(--orange)}.statement h2{font-size:clamp(3rem,6vw,6.2rem);max-width:1000px}.statement h2 em{font-weight:400;color:var(--orange)}.services{background:var(--white)}.section-title{max-width:900px;margin-bottom:55px}.section-title h2{font-size:clamp(2.8rem,5vw,5rem)}.service-list{border-top:1px solid var(--ink)}.service-list article{display:grid;grid-template-columns:70px 250px 1fr 330px;gap:24px;align-items:start;padding:32px 0;border-bottom:1px solid var(--ink)}.service-list article>span{font-family:Georgia,serif;font-size:1.5rem;color:var(--orange)}.service-list h3{font-family:Georgia,serif;font-weight:400;font-size:2rem;margin:0}.service-list p{margin:0;color:var(--muted)}.service-list small{font-weight:900;letter-spacing:.08em;line-height:1.7}.work{background:#ded9d0}.work-head{display:grid;grid-template-columns:1fr 420px;gap:50px;align-items:end;margin-bottom:45px}.work-head h2{font-size:clamp(3rem,5vw,5.5rem)}.work-head>p{color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:95px;gap:14px}.gallery figure{position:relative;margin:0;overflow:hidden;background:#bbb}.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;display:flex;justify-content:space-between;gap:15px;align-items:end}.gallery figcaption b{font-family:Georgia,serif;font-size:1.35rem}.gallery figcaption span{font-size:.7rem;font-weight:900;letter-spacing:.08em}.g1{grid-column:1/6;grid-row:1/6}.g2{grid-column:6/10;grid-row:1/5}.g3{grid-column:10/13;grid-row:1/4}.g4{grid-column:6/9;grid-row:5/9}.g5{grid-column:9/13;grid-row:4/9}.g6{grid-column:1/6;grid-row:6/9}.cases{background:var(--ink);color:#fff}.section-title.light{max-width:980px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #565656}.case-grid article{padding:35px 30px 10px 0;border-right:1px solid #565656;min-height:300px}.case-grid article+article{padding-left:30px}.case-grid article:last-child{border-right:0}.case-tag{font-size:.69rem;letter-spacing:.14em;font-weight:900;color:#b6b0a8}.case-grid h3{font-family:Georgia,serif;font-weight:400;font-size:2.5rem;margin:12px 0 18px}.case-grid article>div{font-size:.67rem;letter-spacing:.1em;font-weight:900;margin-top:30px;color:#c8c2ba}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.about-image{height:650px;position:relative}.about-image:after{content:"";position:absolute;inset:20px -20px -20px 20px;border:1px solid var(--orange);z-index:-1}.about-copy h2{font-size:clamp(3rem,5vw,5.4rem)}.about-copy p{font-size:1.08rem;color:var(--muted)}.about blockquote{font-family:Georgia,serif;font-size:1.8rem;font-style:italic;border-left:4px solid var(--blue);padding-left:24px;margin:35px 0}.blog-preview{background:var(--white)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post-card{border-top:3px solid var(--ink);padding:25px 0}.post-card span{font-size:.67rem;letter-spacing:.12em;font-weight:900;color:var(--orange)}.post-card h3{font-family:Georgia,serif;font-size:2rem;font-weight:400;line-height:1.08}.post-card p{color:var(--muted)}.post-card a{font-weight:900;text-decoration:none}.contact{background:#171717;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:80px}.contact h2{font-size:clamp(3.5rem,6vw,6rem)}.contact .lead{color:#d8d2c7}.contact-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px}.contact-links a{font-weight:900}.contact form{background:#fff;color:var(--ink);padding:32px}.contact label{display:block;font-weight:900;font-size:.78rem;margin:0 0 6px}.contact input,.contact textarea{width:100%;padding:13px;border:0;border-bottom:1px solid #999;background:#f8f8f8;margin:0 0 20px;font:inherit}.contact textarea{min-height:130px;resize:vertical}footer{background:var(--ink);color:#fff;padding:45px 0}.footer-grid{display:grid;grid-template-columns:1fr auto auto;gap:40px;align-items:end}.inverse{color:#fff}.footer-links{display:flex;gap:20px}.footer-links a{color:#fff}.blog-hero{padding:100px 0 50px;text-align:center}.blog-hero h1{font-family:Georgia,serif;font-size:clamp(3rem,7vw,5.5rem);font-weight:400;letter-spacing:-.05em}.article{padding:55px 0 100px;background:var(--white)}.article-wrap{width:min(calc(100% - 40px),800px);margin:auto}.article-meta{color:var(--muted);margin-bottom:35px}.article h1,.article h2,.article h3{font-family:Georgia,serif}.article h2{font-size:2.2rem;margin-top:45px}.article p,.article li{font-size:1.08rem}.article-callout{margin:35px 0;padding:25px;background:var(--paper);border-left:5px solid var(--blue);font-family:Georgia,serif;font-size:1.25rem}.back{font-weight:900}.fine{font-size:.8rem;color:var(--muted)}
@media(max-width:900px){.hero-grid,.about-grid,.contact-grid,.work-head{grid-template-columns:1fr}.hero-collage{min-height:500px}.service-list article{grid-template-columns:55px 1fr}.service-list p,.service-list small{grid-column:2}.gallery{grid-auto-rows:85px}.case-grid{grid-template-columns:1fr}.case-grid article{border-right:0;border-bottom:1px solid #565656;padding:30px 0!important}.statement-grid{grid-template-columns:1fr}.post-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.menu{position:fixed;top:76px;left:0;right:0;background:var(--paper);padding:25px;display:none;flex-direction:column;align-items:flex-start;border-bottom:1px solid}.menu.open{display:flex}.menu-toggle{display:block}}
@media(max-width:620px){.container{width:min(calc(100% - 28px),var(--max))}.hero{padding-top:46px}.hero h1{font-size:3.55rem}.hero-collage{min-height:390px}.tile-a{width:62%;left:18%}.tile-b{width:48%;height:42%}.tile-c{width:44%;height:44%}section{padding:78px 0}.statement h2,.section-title h2,.work-head h2,.about-copy h2,.contact h2{font-size:3.1rem}.service-list article{grid-template-columns:42px 1fr}.gallery{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:210px}.gallery figure{grid-column:auto!important;grid-row:auto!important}.gallery .g1,.gallery .g2{grid-column:span 2!important}.case-grid h3{font-size:2rem}.about-image{height:500px}.contact form{padding:22px}.marquee{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.brand-logo{display:flex;align-items:center;width:245px;height:68px;overflow:hidden}
.brand-logo img{width:100%;height:100%;object-fit:contain;object-position:left center}
.footer-logo{width:270px;height:90px;background:#fff;padding:5px 10px}
@media(max-width:700px){.brand-logo{width:190px;height:58px}.footer-logo{width:220px;height:76px}}

/* Identidad 2026: editorial + Ferrari */
.brand-logo,.footer-logo{display:none!important}
.brand-wordmark{display:inline-flex;align-items:baseline;gap:.16em;white-space:nowrap;text-decoration:none;line-height:1}
.brand-wordmark .brand-main{font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;font-weight:700;letter-spacing:-.06em}
.brand-wordmark .brand-con{font-family:Arial,Helvetica,sans-serif;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}
.brand-wordmark .brand-alma{font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;font-weight:700;font-style:italic;color:#e10600;letter-spacing:-.05em}
.footer-wordmark .brand-main,.footer-wordmark .brand-con{color:#fff}
.hero h1 span{color:#e10600}
.btn-primary{background:#e10600;border-color:#e10600;color:#fff}
.btn-primary:hover,.contact .btn:hover{background:#b80500;border-color:#b80500}
.contact .btn{background:#e10600;border-color:#e10600;color:#fff}
.contact-links a:hover,.menu a:hover,.text-link:hover{color:#e10600}
::selection{background:#e10600;color:#fff}

/* Formulario: validación limpia y accesible */
.contact .field{margin:0 0 20px}
.contact .field input,.contact .field textarea{margin-bottom:0}
.field-error{min-height:1.1em;margin:6px 0 0;font-size:.76rem;font-weight:700;color:#b80500}
.contact input.is-invalid,.contact textarea.is-invalid{border-bottom-color:#e10600;box-shadow:inset 0 -2px 0 #e10600}
.contact input:focus,.contact textarea:focus{outline:2px solid rgba(225,6,0,.18);outline-offset:2px}
.form-status{margin:16px 0 0;font-size:.84rem;font-weight:800}
.form-status.success{color:#1d6b3a}
.form-status.error{color:#b80500}