@font-face{font-family:Arial;src:local(Arial)}
:root{--red:#e10f21;--red-dark:#a80b18;--cream:#f6f3ee;--paper:#fffdf9;--ink:#24211f;--muted:#6b6560;--line:#d8d1ca;--pad:clamp(20px,4vw,64px);--max:1440px;--header:88px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;overflow-x:hidden}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Helvetica Neue",Arial,sans-serif;line-height:1.5;overflow-x:hidden;max-width:100vw}img{max-width:100%;display:block}a{color:inherit}button,input,select,textarea{font:inherit}.skip{position:fixed;left:12px;top:-80px;z-index:100;background:var(--ink);color:#fff;padding:12px}.skip:focus{top:12px}.site-header{height:var(--header);display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:24px;padding:0 var(--pad);position:fixed;inset:0 0 auto;z-index:50;background:rgba(246,243,238,.94);border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{height:70px;border-color:var(--line);backdrop-filter:blur(12px)}.brand img{width:155px;height:64px;object-fit:contain;object-position:left center}.site-header nav{display:flex;justify-content:center;gap:clamp(18px,3vw,42px)}.site-header nav a{text-decoration:none;font-size:14px;font-weight:650}.site-header nav a:hover,.site-header nav a:focus{color:var(--red)}.menu-toggle{display:none}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;background:var(--red-dark);color:#fff;border:0;padding:14px 22px;text-decoration:none;font-weight:750;cursor:pointer;transition:transform .2s,background .2s}.button:hover,.button:focus{background:var(--red);transform:translateY(-2px)}.button-small{min-height:44px;padding:10px 16px;font-size:13px}.hero{min-height:100svh;padding:calc(var(--header) + 70px) var(--pad) 64px;max-width:var(--max);margin:auto;display:grid;grid-template-columns:7fr 5fr;gap:clamp(32px,6vw,100px);align-items:center;position:relative}.eyebrow,.index{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:var(--red-dark)}h1,h2{font-weight:800;letter-spacing:-.055em;line-height:.93;margin:0;text-wrap:balance}h1{font-size:clamp(54px,7vw,110px);max-width:850px}h1 em{color:var(--red);font-style:normal}h2{font-size:clamp(42px,5vw,78px)}.hero-lead{font-size:clamp(18px,1.55vw,24px);max-width:650px;color:var(--muted);margin:30px 0}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.text-link{font-weight:750;text-decoration:none;border-bottom:1px solid var(--ink);padding:8px 0}.text-link span{color:var(--red);display:inline-block;transition:.2s}.text-link:hover span{transform:translate(3px,-3px)}.hero-visual{height:min(68vh,700px);position:relative;overflow:hidden;background:#ddd}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:55% center}.hero-visual:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.45)}.hero-tag{position:absolute;left:0;bottom:0;background:var(--paper);padding:18px 22px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px;z-index:2}.red-thread{position:absolute;width:30%;height:7px;background:var(--red);left:var(--pad);bottom:22px;transform-origin:left;animation:thread .8s ease-out both}@keyframes thread{from{transform:scaleX(0)}to{transform:scaleX(1)}}.proof{display:grid;grid-template-columns:repeat(3,1fr);max-width:var(--max);margin:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof>div{display:flex;gap:18px;align-items:end;padding:42px var(--pad);border-right:1px solid var(--line)}.proof>div:last-child{border:0}.proof strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(52px,6vw,90px);font-style:italic;font-weight:400;line-height:.75;letter-spacing:-.045em;color:var(--ink)}.proof span{font-size:13px;text-transform:uppercase;letter-spacing:.08em}.section{max-width:var(--max);margin:auto;padding:clamp(90px,11vw,170px) var(--pad);display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,7vw,120px)}.section-heading p:not(.index){max-width:560px;font-size:18px;color:var(--muted)}.service-list{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--line)}summary{display:grid;grid-template-columns:50px 1fr auto;gap:16px;align-items:center;min-height:90px;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:12px;color:var(--red);font-weight:800}summary strong{font-size:clamp(22px,3vw,36px);letter-spacing:-.03em}summary i{font-size:24px;font-style:normal;transition:.2s}details[open] summary i{transform:rotate(45deg)}details p{max-width:620px;margin:0 0 30px 66px;color:var(--muted);font-size:17px}.projects{display:block}.projects .section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:60px}.projects .section-heading .index{grid-column:1/-1}.project-grid{margin-top:70px;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,44px)}.project{margin:0}.project-wide{grid-column:span 2}.project img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .45s cubic-bezier(.22,1,.36,1)}.project-wide img{aspect-ratio:16/7}.project div{display:flex;justify-content:space-between;gap:20px;padding:14px 0 30px;border-top:4px solid var(--red)}.project span{color:var(--muted)}.project:hover img{transform:scale(1.015)}.photo-break{max-width:var(--max);margin:auto;position:relative;height:clamp(420px,65vw,740px);overflow:hidden}.photo-break img{width:100%;height:100%;object-fit:cover}.photo-break p{position:absolute;right:var(--pad);bottom:var(--pad);margin:0;background:var(--paper);max-width:650px;padding:24px 30px;font-size:clamp(28px,4vw,58px);font-weight:800;letter-spacing:-.045em;line-height:1}.about{align-items:start}.about-copy .large{font-size:clamp(26px,3vw,44px);line-height:1.1;font-weight:750;letter-spacing:-.035em;margin-top:0}.about-copy>p:not(.large){font-size:18px;color:var(--muted);max-width:650px}.clients{max-width:var(--max);margin:auto;padding:clamp(80px,9vw,140px) var(--pad);border-top:1px solid var(--line)}.clients h2{max-width:850px}.client-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:60px}.client-grid img{width:100%;height:130px;object-fit:contain;padding:24px;background:var(--paper);filter:grayscale(1);transition:.2s}.client-grid img:hover{filter:none}.contact{background:var(--red);color:#fff;padding:clamp(80px,9vw,140px) max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,7vw,120px)}.contact .index{color:#fff}.contact-intro>p:not(.index){font-size:18px;max-width:560px}.direct-contact{display:grid;gap:8px;margin-top:36px}.direct-contact a{font-weight:800;font-size:clamp(18px,2vw,26px);text-underline-offset:5px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{font-size:13px;font-weight:750}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:7px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.1);color:#fff;padding:14px;border-radius:0;outline:none}.contact-form select option{color:var(--ink)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{background:#fff;color:var(--ink);border-color:#fff}.contact-form ::placeholder{color:rgba(255,255,255,.72)}.contact-form .full{grid-column:1/-1}.contact-form .button{background:var(--ink)}.form-note{font-size:12px;margin:0;color:rgba(255,255,255,.8)}footer{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:24px;padding:32px var(--pad);background:var(--paper);font-size:12px}footer img{width:140px;height:60px;object-fit:contain}footer p:last-child{text-align:right}.floating-cta{position:fixed;right:24px;bottom:24px;z-index:40;background:var(--red-dark);color:#fff;text-decoration:none;padding:16px 20px;font-weight:800;box-shadow:0 10px 28px rgba(0,0,0,.18);transition:.2s}.floating-cta:hover{transform:translateY(-3px)}.mobile-actions{display:none}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){:root{--header:72px}.site-header{grid-template-columns:1fr auto;height:72px}.brand img{width:135px;height:54px}.menu-toggle{display:block;border:0;background:none;font-weight:800;min-height:44px}.site-header nav{position:fixed;inset:72px 0 auto;background:var(--paper);display:none;flex-direction:column;align-items:center;padding:40px}.site-header nav.open{display:flex}.site-header nav a{font-size:24px}.header-cta{display:none}.hero{grid-template-columns:1fr;padding-top:120px}.hero-copy{z-index:2}.hero-visual{height:48vh}.red-thread{bottom:18px}.section,.contact{grid-template-columns:1fr}.projects .section-heading{display:block}.client-grid{grid-template-columns:repeat(3,1fr)}footer{grid-template-columns:1fr;text-align:left}footer p:last-child{text-align:left}.floating-cta{display:none}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:45;padding-bottom:env(safe-area-inset-bottom);background:var(--ink)}.mobile-actions a{color:#fff;text-align:center;text-decoration:none;padding:15px 8px;font-size:13px;font-weight:800}.mobile-actions a:first-child{background:var(--red-dark)}body{padding-bottom:50px}}
@media(max-width:600px){h1{font-size:clamp(40px,12.5vw,56px);letter-spacing:-.065em;overflow-wrap:break-word}h2{font-size:clamp(38px,12vw,58px)}.hero{padding-left:20px;padding-right:20px;gap:32px;min-height:auto}.hero-lead{font-size:18px}.hero-visual{height:390px}.proof{grid-template-columns:1fr}.proof>div{border-right:0;border-bottom:1px solid var(--line);padding:30px 20px}.section{padding:80px 20px}.project-grid{grid-template-columns:1fr;margin-top:45px}.project-wide{grid-column:auto}.project-wide img,.project img{aspect-ratio:4/5}.project div{display:block}.project div>*{display:block}.photo-break{height:520px}.photo-break p{left:20px;right:20px;bottom:20px}.clients{padding:80px 20px}.client-grid{grid-template-columns:repeat(2,1fr);margin-top:40px}.client-grid img{height:110px;padding:18px}.contact{padding:80px 20px}.contact-form{grid-template-columns:1fr}.contact-form label{grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{font-size:16px}footer{padding:28px 20px}.actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Ajustes v2: lenguaje tipográfico y luminosidad de OnePage */
@font-face{font-family:"Schibsted Grotesk";src:url("assets/fonts/schibsted-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Schibsted Grotesk";src:url("assets/fonts/schibsted-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Schibsted Grotesk";src:url("assets/fonts/schibsted-600.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("assets/fonts/hanken-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("assets/fonts/hanken-600.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("assets/fonts/cormorant-italic.ttf") format("truetype");font-style:italic;font-weight:400;font-display:swap}
:root{--cream:#fcfbf9;--paper:#fff;--ink:#101010;--muted:#66615d;--line:#e5e1dc}
body{font-family:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;background:var(--cream)}
.site-header{grid-template-columns:260px 1fr auto;background:rgba(252,251,249,.96)}
.brand img{width:233px;height:auto}
h1,h2{font-family:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;font-weight:500;letter-spacing:-.055em}
.hero{display:block;max-width:1680px;min-height:auto;padding-top:clamp(160px,16vh,220px)}
.hero-copy{max-width:1500px}
.hero .eyebrow{font-size:clamp(13px,1.15vw,18px);letter-spacing:.28em;margin-bottom:52px}
.hero h1{font-size:clamp(74px,9.2vw,150px);line-height:.88;max-width:1500px}
.hero h1 em{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;color:var(--ink);letter-spacing:-.035em}
.red-dot{display:inline-block;width:.115em;height:.115em;margin-left:.025em;border-radius:50%;background:var(--red);color:transparent;overflow:hidden;text-indent:-9999px;vertical-align:.08em}
.heritage{display:flex;align-items:center;gap:24px;font-size:clamp(20px,2vw,32px);margin:58px 0 0}
.heritage span{width:110px;height:2px;background:var(--ink);display:block}
.hero-lead{margin:44px 0 28px;font-size:clamp(17px,1.3vw,21px);max-width:720px}
.hero-visual{margin-top:clamp(70px,9vw,140px);height:clamp(420px,52vw,720px)}
.hero-visual img{object-position:center 45%}
.red-thread{display:none}
.proof,.section,.clients{background:#fff}
.photo-break{margin-top:32px;margin-bottom:32px}
.contact{background:var(--cream);color:var(--ink);border-top:1px solid var(--line)}
.contact .index{color:var(--red-dark)}
.contact-form input,.contact-form select,.contact-form textarea{background:#fff;color:var(--ink);border-color:#cfc8c1}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--red);box-shadow:0 0 0 2px rgba(225,15,33,.1)}
.contact-form ::placeholder{color:#8a837d}
.form-note{color:var(--muted)}
.contact-form .button{background:var(--red-dark);color:#fff}
.onepage-footer{background:#171717;color:#f7f5f2;display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:clamp(30px,5vw,80px);padding:clamp(70px,8vw,120px) var(--pad) 36px;font-size:15px;align-items:start}
.onepage-footer img{width:186px;height:auto;filter:brightness(0) invert(1)}
.footer-brand p{max-width:260px;color:#bcb8b4}.footer-column{display:flex;flex-direction:column;gap:9px}.footer-column h3{font:600 12px/1.2 "Schibsted Grotesk",sans-serif;text-transform:uppercase;letter-spacing:.14em;color:#8e8985;margin:0 0 16px}.footer-column a{text-decoration:none}.footer-column a:hover{color:#ff394a}.footer-location p{margin:0 0 18px;color:#d4d0cc}.footer-bottom{grid-column:1/-1;margin-top:50px;padding-top:28px;border-top:1px solid #393939;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;align-items:center}.footer-bottom>a{font-size:clamp(18px,2vw,28px);font-weight:600;text-underline-offset:5px}.footer-bottom div{display:flex;gap:20px}.footer-bottom p{margin:0;text-align:right;color:#8e8985}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.brand img{width:203px;height:auto}.hero{padding-top:135px}.hero .eyebrow{margin-bottom:36px}.hero h1{font-size:clamp(58px,12vw,96px)}.onepage-footer{grid-template-columns:1fr 1fr}.footer-brand,.footer-location{grid-column:span 2}.footer-bottom{grid-template-columns:1fr}.footer-bottom p{text-align:left}}
@media(max-width:600px){.brand img{width:203px;height:auto}.hero{padding:120px 20px 70px}.hero h1{font-size:clamp(46px,13.4vw,66px);line-height:.91}.hero .eyebrow{font-size:12px;letter-spacing:.22em;margin-bottom:28px}.heritage{font-size:20px;margin-top:36px;gap:15px}.heritage span{width:54px}.hero-lead{margin-top:34px}.hero-visual{height:430px;margin-top:60px}.contact{background:var(--cream)}.onepage-footer{grid-template-columns:1fr;padding:70px 20px 34px}.footer-brand,.footer-location{grid-column:auto}.footer-bottom{grid-column:auto}.onepage-footer img{width:162px}}

/* Rojo institucional de la línea del logotipo */
.button,.header-cta,.floating-cta,.mobile-actions a:first-child,.contact-form .button{background:#e10f21;color:#fff}
.button:hover,.header-cta:hover,.floating-cta:hover,.mobile-actions a:first-child:hover,.contact-form .button:hover{background:#c90d1c}
.contact .index{color:#e10f21}

/* Movimiento editorial y microinteracciones */
.reveal{transition-delay:var(--delay,0ms)}
.clients{padding-top:clamp(100px,11vw,170px);padding-bottom:clamp(110px,12vw,190px)}
.clients>.index{text-align:center;letter-spacing:.3em;color:var(--red);margin-bottom:44px}
.clients-title{max-width:850px;margin:0 auto clamp(80px,10vw,150px);text-align:center;font-family:"Schibsted Grotesk",sans-serif;font-size:clamp(27px,3.6vw,56px);font-weight:500;line-height:.92;letter-spacing:-.045em}
.clients-title span,.clients-title em{display:block}
.clients-title em{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:1.12em;line-height:.82;letter-spacing:-.035em;margin:.08em 0 .12em}
.clients{background:var(--cream)}
.client-grid{gap:clamp(46px,7vw,110px);align-items:center;border:0!important;background:transparent!important}
.client-grid img{width:100%;height:clamp(105px,11vw,165px);object-fit:contain;padding:clamp(10px,1.5vw,24px);border:0!important;outline:0;background:transparent!important;box-shadow:none!important;filter:grayscale(1);opacity:.72;transform:scale(.96);transition:transform 480ms cubic-bezier(.2,.75,.25,1),filter 420ms ease,opacity 420ms ease}
.client-grid img.logo-changing{opacity:0;transform:scale(.78) rotate(-2deg)}
@media(hover:hover){.client-grid img:hover{filter:grayscale(0);opacity:1;transform:scale(1.13) rotate(-1deg);z-index:2}.client-grid img:nth-child(even):hover{transform:scale(1.13) rotate(1deg)}.service-list details:hover{transform:translateX(10px);border-color:var(--red)}.project:hover img{transform:scale(1.045)}.proof>div:hover strong{color:var(--ink);transform:translateY(-4px)}}
.service-list details{transition:transform 360ms ease,border-color 360ms ease,background-color 360ms ease}
.service-list summary i{transition:transform 360ms ease,color 360ms ease}.service-list details[open] summary i{transform:rotate(45deg);color:var(--red)}
.project{overflow:hidden}.project img{transition:transform 650ms cubic-bezier(.2,.7,.2,1)}
.proof>div{transition:background-color 400ms ease}.proof>div strong{display:block;transition:color 350ms ease,transform 350ms ease}
.button,.header-cta,.floating-cta{position:relative;overflow:hidden;transition:transform 280ms ease,background-color 280ms ease,box-shadow 280ms ease}
.button:hover,.header-cta:hover,.floating-cta:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(225,15,33,.2)}
.site-header nav a{position:relative}.site-header nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--red);transition:right 320ms ease}.site-header nav a:hover::after{right:0}
.photo-break{overflow:hidden}.photo-break img{transition:transform 700ms cubic-bezier(.2,.7,.2,1)}.photo-break:hover img{transform:scale(1.025)}
@media(max-width:600px){.clients-title{font-size:clamp(24px,7vw,34px);margin-bottom:80px}.client-grid{gap:46px 28px}.client-grid img{height:110px;padding:8px}}
@media(prefers-reduced-motion:reduce){.client-grid img,.project img,.service-list details,.button,.header-cta,.floating-cta,.photo-break img{transition:none!important;transform:none!important}}

/* Portafolio completo */
.portfolio-link{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:clamp(42px,6vw,80px);padding:24px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-size:clamp(24px,3vw,46px);font-weight:600;text-decoration:none;transition:color 300ms ease,padding 300ms ease}
.portfolio-link span{color:var(--red);transition:transform 300ms ease}.portfolio-link:hover{color:var(--red);padding-left:18px;padding-right:18px}.portfolio-link:hover span{transform:rotate(45deg)}
.portfolio-hero{padding:clamp(170px,18vw,250px) var(--pad) clamp(90px,10vw,150px);background:var(--cream)}
.portfolio-hero .eyebrow{color:var(--red);letter-spacing:.28em}.portfolio-hero h1{font-size:clamp(72px,10vw,158px);line-height:.86;max-width:1450px;margin:.45em 0}.portfolio-hero h1 em{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400}.portfolio-intro{display:grid;grid-template-columns:2fr 1fr;gap:clamp(40px,10vw,150px);max-width:1050px;margin-left:auto;font-size:clamp(18px,1.5vw,23px)}
.portfolio-full{columns:3;column-gap:clamp(12px,1.6vw,26px);padding:0 var(--pad) clamp(110px,12vw,180px);background:#fff}.portfolio-item{break-inside:avoid;margin:0 0 clamp(12px,1.6vw,26px);overflow:hidden;background:#f1efec}.portfolio-open{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;overflow:hidden}.portfolio-open img{width:100%;height:auto;transition:transform 650ms cubic-bezier(.2,.7,.2,1),filter 450ms ease}.portfolio-open:hover img{transform:scale(1.035)}
.portfolio-close{padding:clamp(100px,12vw,180px) var(--pad);background:var(--cream);text-align:center}.portfolio-close .index{color:var(--red)}.portfolio-close h2{max-width:1000px;margin:24px auto 48px}
.portfolio-lightbox{width:min(96vw,1600px);height:94vh;padding:42px 82px 34px;border:0;background:rgba(15,15,15,.98);overflow:hidden;color:#fff}.portfolio-lightbox::backdrop{background:rgba(0,0,0,.86)}.lightbox-stage{width:100%;height:100%;display:grid;place-items:center;touch-action:none;user-select:none;overflow:hidden}.lightbox-stage img{width:100%;height:100%;object-fit:contain;transition:opacity 160ms ease,transform 160ms ease}.lightbox-stage img.changing{opacity:0;transform:scale(.975)}.lightbox-close{position:fixed;right:clamp(20px,4vw,60px);top:clamp(20px,4vw,48px);z-index:3;width:48px;height:48px;border:1px solid #fff;border-radius:50%;background:#fff;color:#111;font-size:32px;line-height:1;cursor:pointer}.lightbox-arrow{position:fixed;top:50%;z-index:3;width:54px;height:54px;margin-top:-27px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(15,15,15,.55);color:#fff;font-size:27px;cursor:pointer;transition:background 250ms ease,transform 250ms ease}.lightbox-arrow:hover{background:var(--red);transform:scale(1.08)}.lightbox-prev{left:clamp(16px,3vw,48px)}.lightbox-next{right:clamp(16px,3vw,48px)}.lightbox-counter{position:fixed;left:50%;bottom:14px;z-index:3;transform:translateX(-50%);margin:0;font-size:14px;letter-spacing:.15em;color:#fff}
@media(max-width:900px){.portfolio-full{columns:2}.portfolio-intro{grid-template-columns:1fr}.portfolio-hero h1{font-size:clamp(64px,13vw,110px)}}
@media(max-width:600px){.portfolio-hero{padding:135px 20px 80px}.portfolio-hero h1{font-size:clamp(53px,15vw,74px)}.portfolio-full{columns:1;padding-left:20px;padding-right:20px}.portfolio-lightbox{width:100vw;height:100vh;padding:58px 12px 12px}.portfolio-link{font-size:27px}}

/* Footer editorial inspirado en la arquitectura de OnePage */
.onepage-footer{display:block;background:#121210;color:#f7f5f2;padding:clamp(58px,5.5vw,88px) var(--pad) 26px;font-family:"Hanken Grotesk",sans-serif}
.footer-cta-block{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(48px,8vw,125px);padding-bottom:clamp(56px,6vw,88px);border-bottom:1px solid #37342f}
.footer-kicker{margin:0 0 28px;color:var(--red);font-size:11px;font-weight:600;letter-spacing:.3em;text-transform:uppercase}
.footer-cta-copy h2{margin:0;max-width:820px;font-family:"Schibsted Grotesk",sans-serif;font-size:clamp(48px,4.8vw,76px);font-weight:500;line-height:.93;letter-spacing:-.055em;color:#f7f5f2}
.footer-cta-copy h2 em{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;letter-spacing:-.035em}.footer-cta-copy>p:last-child{max-width:650px;margin:32px 0 0;color:#9d978f;font-size:clamp(15px,1.15vw,18px);line-height:1.5}
.footer-circle{display:grid;place-items:center;width:clamp(170px,13vw,205px);aspect-ratio:1;border:1px solid #423f3a;border-radius:50%;color:#fff;text-align:center;text-decoration:none;text-transform:uppercase;font-size:clamp(10px,.78vw,12px);font-weight:500;line-height:1.6;letter-spacing:.23em;transition:border-color 350ms ease,background-color 350ms ease,transform 350ms ease}
.footer-circle:hover{border-color:var(--red);background:var(--red);transform:scale(1.035)}
.footer-directory{display:grid;grid-template-columns:1fr 1fr 1.25fr 1.2fr;gap:clamp(32px,5vw,76px);padding:clamp(48px,5vw,72px) 0}
.onepage-footer .footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.onepage-footer .footer-column h3{margin:0 0 20px;color:#9d978f;font-size:10px;font-weight:600;letter-spacing:.23em;text-transform:uppercase}.onepage-footer .footer-column a{font-size:clamp(14px,1.05vw,17px);text-decoration:none;line-height:1.3;transition:color 250ms ease,transform 250ms ease}.onepage-footer .footer-column a:hover{color:var(--red);transform:translateX(5px)}.onepage-footer .footer-location p{margin:0 0 5px;color:#f7f5f2;font-size:clamp(14px,1.05vw,17px);line-height:1.5}.onepage-footer .footer-location p:last-child{margin-top:7px;color:#928c84;font-size:clamp(12px,.9vw,14px)}.footer-email{border-bottom:1px solid #8a857d;padding-bottom:4px;overflow-wrap:anywhere}
.footer-signoff{display:grid;grid-template-columns:minmax(220px,310px) 1fr;align-items:end;gap:38px;padding-top:clamp(30px,3.5vw,48px);border-top:1px solid #37342f}.footer-logo{position:relative;display:block;width:min(100%,310px);aspect-ratio:836/196}.onepage-footer .footer-logo img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain;filter:none}.onepage-footer .footer-logo-mono{filter:brightness(0) invert(1)}.onepage-footer .footer-logo-color{clip-path:inset(78% 0 0 0)}.footer-signoff p{justify-self:end;margin:0 0 10px;color:#918b83;font-size:clamp(11px,.82vw,13px);letter-spacing:.03em}.footer-signoff p strong{color:var(--red);font-weight:500;margin-right:10px}
@media(max-width:950px){.footer-cta-block{grid-template-columns:1fr}.footer-circle{width:170px}.footer-directory{grid-template-columns:1fr 1fr}.footer-signoff{grid-template-columns:1fr}.footer-signoff p{justify-self:start}}
@media(max-width:600px){.onepage-footer{padding:54px 20px 22px}.footer-kicker{margin-bottom:22px}.footer-cta-copy h2{font-size:clamp(40px,11.5vw,52px)}.footer-cta-copy>p:last-child{margin-top:25px;font-size:15px}.footer-cta-block{gap:34px;padding-bottom:48px}.footer-circle{width:145px}.footer-directory{grid-template-columns:1fr 1fr;gap:38px 22px;padding:48px 0}.onepage-footer .footer-column h3{margin-bottom:12px}.onepage-footer .footer-column a,.onepage-footer .footer-location p{font-size:14px}.footer-signoff{padding-top:30px;gap:22px}.footer-logo{width:230px}.footer-signoff p{line-height:1.5;margin:0;font-size:11px}}

/* Hero editorial: arte completo, composición distinta por dispositivo */
.site-header::after{content:"";position:absolute;left:var(--pad);right:var(--pad);bottom:0;height:1px;background:#d8d2ca;pointer-events:none}
.hero-carousel{position:relative;display:flex;align-items:center;max-width:none;min-height:calc(var(--header) + 39.67vw);margin:0;padding:calc(var(--header) + 28px) var(--pad) 46px;overflow:hidden;isolation:isolate;background:var(--cream)}
.hero-art{position:absolute;z-index:0;top:var(--header);right:0;left:0;margin:0;opacity:0;pointer-events:none;transition:opacity 420ms ease}
.hero-art.is-visible{opacity:1}
.hero-art img{display:block;width:100%;height:auto;max-width:none}
.hero-art-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(252,251,249,.97) 0%,rgba(252,251,249,.88) 32%,rgba(252,251,249,.48) 56%,rgba(252,251,249,.08) 82%)}
.hero-stage{position:relative;z-index:1;width:100%;height:clamp(350px,31vw,475px);touch-action:pan-y}
.hero-slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;max-width:64%;visibility:hidden;opacity:0;clip-path:inset(100% 0 0 0);transform:translateY(24px);filter:blur(6px);pointer-events:none;transition:opacity 480ms ease,transform 580ms cubic-bezier(.2,.75,.25,1),clip-path 580ms cubic-bezier(.2,.75,.25,1),filter 420ms ease}
.hero-slide.is-active{visibility:visible;opacity:1;clip-path:inset(0);transform:none;filter:none;pointer-events:auto}
.hero-slide.is-leaving{visibility:visible;opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(-20px);filter:blur(6px)}
.hero-carousel .eyebrow{max-width:680px;margin:0 0 clamp(20px,2vw,30px);font-size:clamp(10px,.78vw,12px);font-weight:500;line-height:1.5;letter-spacing:.27em;color:var(--red);text-transform:uppercase}
.hero-carousel .hero-title{max-width:900px;margin:0;font-family:"Schibsted Grotesk",sans-serif;font-size:clamp(44px,4.35vw,70px);font-weight:500;line-height:.94;letter-spacing:-.052em;color:var(--ink)}
.hero-carousel .hero-title em{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.08em;font-weight:400;letter-spacing:-.025em}
.hero-carousel .hero-title .red-dot{width:.105em;height:.105em;margin-left:.11em;vertical-align:-.09em}
.hero-caption{display:flex;align-items:center;gap:clamp(15px,1.5vw,24px);margin:clamp(26px,2.8vw,42px) 0 0;font-size:clamp(15px,1.15vw,19px);line-height:1.3}.hero-caption>span{display:block;width:clamp(38px,3.6vw,58px);height:2px;flex:0 0 auto;background:var(--ink)}
.hero-controls{position:absolute;z-index:3;right:var(--pad);bottom:18px;display:flex;align-items:center;gap:12px}.hero-controls button{width:40px;height:40px;padding:0;border:0;border-bottom:2px solid #c9c4bd;background:transparent;color:#77716a;font:500 12px/1 "Hanken Grotesk",sans-serif;cursor:pointer;transition:width 300ms ease,color 300ms ease,border-color 300ms ease}.hero-controls button:hover,.hero-controls button:focus-visible{color:var(--red);border-color:var(--red)}.hero-controls button.is-active{width:64px;color:var(--ink);border-color:var(--red)}
.hero-carousel::after{content:"";position:absolute;z-index:2;left:0;right:0;top:50%;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;opacity:0;pointer-events:none}.hero-carousel.is-changing::after{animation:hero-sweep 620ms cubic-bezier(.2,.75,.25,1)}
@keyframes hero-sweep{0%{transform:scaleX(0);opacity:0}20%{opacity:.75}55%{transform:scaleX(1);opacity:.75;transform-origin:left}56%{transform-origin:right}100%{transform:scaleX(0);opacity:0;transform-origin:right}}
@media(max-width:900px){.hero-carousel{display:block;min-height:0;padding:calc(var(--header) + 39.67vw + 32px) var(--pad) 52px}.hero-art-shade{background:linear-gradient(180deg,rgba(252,251,249,0) 62%,rgba(252,251,249,.92) 100%)}.hero-stage{height:330px}.hero-slide{max-width:100%;justify-content:flex-start}.hero-carousel .hero-title{max-width:760px;font-size:clamp(43px,7.7vw,62px)}.hero-controls{bottom:12px}}
@media(max-width:600px){.hero-carousel{padding:calc(var(--header) + 39.67vw + 26px) 20px 50px}.hero-stage{height:300px}.hero-carousel .eyebrow{max-width:330px;margin-bottom:18px;font-size:9px;line-height:1.55}.hero-carousel .hero-title{font-size:clamp(36px,10.2vw,47px);line-height:.96;letter-spacing:-.048em}.hero-caption{align-items:flex-start;margin-top:24px;font-size:14px}.hero-caption>span{width:30px;margin-top:.6em}.hero-controls{right:20px;bottom:10px;gap:8px}.hero-controls button{width:34px;height:36px}.hero-controls button.is-active{width:50px}}
@media(prefers-reduced-motion:reduce){.hero-art,.hero-slide{transition:none!important;filter:none}.hero-carousel.is-changing::after{animation:none}}

/* Demo en video y símbolos sectoriales */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.demo-section{max-width:1680px;margin:0 auto;background:#fff}
.demo-video{position:relative;width:100%;aspect-ratio:16/6.6;min-height:390px;overflow:hidden;background:#172029}
.demo-video>img,.demo-video>iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;object-position:center}
.demo-shade{position:absolute;inset:0;background:rgba(7,16,23,.56);transition:background-color 350ms ease}
.demo-play{position:absolute;z-index:2;inset:50% auto auto 50%;display:grid;justify-items:center;gap:22px;padding:0;border:0;background:transparent;color:#fff;transform:translate(-50%,-50%);cursor:pointer}
.demo-play-circle{display:grid;place-items:center;width:clamp(112px,10vw,152px);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.18);transition:transform 350ms cubic-bezier(.2,.75,.25,1),background-color 350ms ease}
.demo-play-circle>span{width:0;height:0;margin-left:9%;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:25px solid var(--ink)}
.demo-play-label{font-size:clamp(11px,.95vw,15px);font-weight:500;letter-spacing:.28em;text-transform:uppercase}
@media(hover:hover){.demo-play:hover .demo-play-circle{transform:scale(1.06);background:var(--red)}.demo-play:hover .demo-play-circle>span{border-left-color:#fff}.demo-video:has(.demo-play:hover) .demo-shade{background:rgba(7,16,23,.47)}}
.demo-symbols{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;min-height:230px;padding:clamp(52px,6vw,88px) var(--pad);gap:clamp(28px,6vw,100px);background:#fff}
.demo-symbol{display:grid;place-items:center;color:var(--ink);transition:transform 380ms cubic-bezier(.2,.75,.25,1)}
.demo-symbol svg{width:clamp(76px,7vw,112px);height:auto;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.demo-symbol circle{fill:currentColor;stroke:none}.symbol-red{color:#e10f21}.symbol-blue{color:#294d91}.symbol-green{color:#28704e}.symbol-amber{color:#d89309}.symbol-teal{color:#225e55}
@media(hover:hover){.demo-symbol:hover{transform:translateY(-8px) scale(1.045)}}
@media(max-width:700px){.demo-video{aspect-ratio:4/3;min-height:0}.demo-play{gap:15px}.demo-play-circle{width:92px}.demo-play-circle>span{border-top-width:12px;border-bottom-width:12px;border-left-width:19px}.demo-symbols{grid-template-columns:repeat(3,1fr);min-height:0;padding:46px 20px;gap:38px 24px}.demo-symbol:nth-child(4){grid-column:1/2;margin-left:50%}.demo-symbol:nth-child(5){grid-column:3/4;margin-right:50%}.demo-symbol svg{width:74px}}