:root{--bg:#0c0c0c;--panel:#151515;--orange:#ff650a;--white:#f6f5f2;--muted:#a3a09b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#1d1c1b;color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.055em}p{line-height:1.6}.site-shell{max-width:1500px;margin:24px auto;background:var(--bg);overflow:hidden}.section{padding:100px 6%}.hero{position:relative;min-height:700px;isolation:isolate;overflow:hidden;border-radius:0 0 64px 64px;background:#d74103}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-image{object-position:center;animation:hero-arrive 1.5s ease-out both}.hero-shade{z-index:-1;background:linear-gradient(0deg,rgba(18,6,0,.78),transparent 64%),linear-gradient(90deg,#78200030,transparent 50%,#10040055)}.nav{display:flex;align-items:center;gap:30px;padding:24px 4%}.logo{width:118px;height:39px;object-fit:contain}.nav-links{display:flex;gap:28px;margin-left:auto;font-size:13px}.nav-links a:hover{opacity:.65}.pill{display:inline-flex;gap:26px;align-items:center;justify-content:space-between;border-radius:40px;background:#fff;color:#111;padding:7px 7px 7px 20px;font-size:12px;font-weight:600;min-height:43px;transition:transform .2s}.pill span,.round{display:grid;place-items:center;background:var(--orange);color:white;width:29px;height:29px;border-radius:50%;font-size:20px;font-weight:400}.pill:hover{transform:translateY(-3px)}.menu{display:none}.hero-body{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:470px;padding:55px 4% 70px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.01em;margin-bottom:22px}.hero-title{max-width:65%}.hero h1{font-size:clamp(66px,7.3vw,110px);line-height:.98;font-weight:700}.hero-title .eyebrow{text-shadow:0 1px 10px #5b1b00}.hero-aside{width:245px;align-self:flex-end;padding-bottom:22px}.hero-aside h2{font-size:30px;line-height:1.1;letter-spacing:-.04em}.hero-aside p{font-size:13px;color:#e2c9bf;margin:20px 0}.text-link{font-size:12px;border-bottom:1px solid #ffffff66;padding-bottom:7px}.hero-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:15px 4% 43px;font-size:12px}.hero-bottom span{display:block;color:#ff9858;margin-bottom:9px;font-size:11px}.brands{background:#141414;margin-top:-55px;padding:96px 5% 45px;display:flex;justify-content:space-between;gap:30px;align-items:center;border-radius:0 0 60px 60px}.brands p{font-size:11px;line-height:1.35;color:#aaa}.brands>span{font-size:21px;font-weight:600;letter-spacing:-.04em}.brands .essi-brand{font-size:37px;font-weight:400}.brands>span:last-child{font-size:17px}.split-heading{display:grid;grid-template-columns:1.05fr 1fr;gap:90px;margin-bottom:48px}.orange{color:var(--orange)}h2{font-size:clamp(36px,4.4vw,63px);line-height:1.05;font-weight:650}.intro{font-size:23px;line-height:1.3;letter-spacing:-.025em}.muted{color:var(--muted);font-size:14px;margin-top:20px;max-width:460px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{background:none;border:0;text-align:left;padding:0}.project-img{position:relative;border-radius:20px;overflow:hidden;height:390px;background:#242424}.project-img img{width:100%;height:100%;object-fit:cover;filter:none !important;transition:transform .7s}.project-card:hover img,.project-card:focus-visible img{transform:scale(1.035)}.round{position:absolute;right:15px;bottom:15px;width:38px;height:38px;background:#fff;color:#111}.project-meta{padding:19px 2px}.project-meta h3{font-size:24px;margin-bottom:8px;letter-spacing:-.04em}.project-meta>span{font-size:11px;color:var(--muted)}.statement{padding-top:30px;padding-bottom:110px}.statement h2{font-size:clamp(34px,4.2vw,60px)}.statement h2 span{color:#777}.statement>p:last-child{max-width:550px;color:var(--muted);margin:28px 0 0 auto;font-size:16px}.creative-section{background:#111;padding:75px 0 60px;border-radius:40px}.center-heading{text-align:center;padding:0 20px}.center-heading .muted{margin:22px auto 26px;max-width:620px}.portfolio-strip{display:flex;justify-content:center;gap:28px;padding:60px 8% 25px;perspective:1000px}.strip-card{position:relative;flex:1;max-width:290px;height:270px;overflow:hidden;border-radius:20px;animation:drift 7s ease-in-out infinite}.strip-card:first-child{--angle:-9deg;animation-delay:-2s}.strip-card:nth-child(2){--angle:0deg}.strip-card:last-child{--angle:9deg;animation-delay:-4s}.strip-card img{width:100%;height:100%;object-fit:cover}.strip-card span{position:absolute;bottom:0;left:0;right:0;padding:40px 15px 15px;background:linear-gradient(transparent,#000b);font-size:12px}.motion-control{display:block;margin:15px auto 0;font-size:11px;background:none;border:0;color:#aaa;padding:10px}.paused .strip-card{animation-play-state:paused}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:40px 8% 0}.process span{font-size:11px;color:var(--orange)}.process h3{font-size:16px;letter-spacing:-.02em;margin:10px 0}.process p{font-size:11px;color:#aaa}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about h2{font-size:65px}.about .intro{margin-top:30px}.about .muted{margin-top:5px;font-size:12px}.about-copy{color:#aaa;font-size:14px;margin:25px 0 28px;max-width:430px}.brand-poster{min-height:540px;border-radius:24px;background:radial-gradient(ellipse at 15% 20%,#ff9017 0,#ff5900 40%,#50180a 100%);padding:30px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.brand-poster:before{content:'';position:absolute;width:390px;height:390px;border:1px solid #ffceac66;border-radius:50%;right:-160px;top:140px}.brand-poster img{width:90%;position:relative;margin:35px auto 0}.brand-poster p{font-size:42px;letter-spacing:-.05em;line-height:1.1;position:relative}.poster-top,.poster-bottom{font-size:10px;letter-spacing:.13em}.services{padding-top:50px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.service{background:#222;border:1px solid #303030;border-radius:22px;padding:28px 24px;display:flex;flex-direction:column}.service .small{font-size:11px;color:#aaa}.service h3{font-size:32px;line-height:1.1;margin:27px 0 20px}.service p{font-size:13px;color:#bbb;min-height:64px}.service ul{padding:25px 0;list-style:none;font-size:12px;line-height:1.5;flex:1}.service li{padding:10px 0;border-top:1px solid #ffffff15}.service li:before{content:'';margin-right:10px;color:var(--orange)}.service .pill{width:100%}.service.featured{background:var(--orange);border-color:var(--orange)}.featured p,.featured .small{color:#fff}.featured li:before{color:white}.faq{padding-top:30px;display:grid;grid-template-columns:1fr 1.2fr;gap:60px}details{border-bottom:1px solid #333;padding:22px 0}summary{cursor:pointer;font-size:17px;line-height:1.4}details p{font-size:14px;color:#aaa;padding:20px 0 0}.contact{background:linear-gradient(110deg,#ff7d13,#ec4600 70%,#a12d0b);border-radius:45px;margin:20px 4% 0;padding:65px 5%}.contact h2{font-size:clamp(48px,7vw,100px);margin-bottom:35px}.contact .eyebrow{color:#fff}footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;padding:55px 6% 30px;align-items:start}footer>div{display:flex;flex-direction:column;gap:13px;font-size:12px}footer p{font-size:12px;color:#999;justify-self:end}footer small{grid-column:1/-1;border-top:1px solid #252525;padding-top:25px;color:#777;font-size:11px}dialog{width:min(940px,94vw);max-height:92vh;border:1px solid #333;border-radius:22px;background:#141414;color:#fff;padding:30px}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-close{float:right;border:1px solid #555;background:#222;border-radius:30px;padding:10px 15px;font-size:12px}dialog h2{font-size:38px}dialog>p:not(.eyebrow){color:#aaa;margin:18px 0}dialog>img{width:100%;max-height:60vh;object-fit:contain;margin:22px 0}dialog .eyebrow{margin-top:10px}.modal-open{overflow:hidden}:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.skip{position:absolute;left:12px;top:-100px;z-index:20;padding:15px;background:#fff;color:#000}.skip:focus{top:10px}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.js .reveal.visible{opacity:1;transform:none}@keyframes drift{0%,100%{transform:translateY(0) rotate(var(--angle))}50%{transform:translateY(-14px) rotate(var(--angle))}}@keyframes hero-arrive{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(min-width:1600px){.site-shell{margin:35px auto}}@media(max-width:1000px){.site-shell{margin:0}.hero{min-height:650px}.hero-body{min-height:420px}.hero h1{font-size:76px}.hero-aside{width:210px}.hero-aside h2{font-size:26px}.split-heading{gap:35px}.section{padding:75px 5%}.project-img{height:330px}.about{gap:40px}.about h2{font-size:54px}.brand-poster{min-height:500px}.brand-poster p{font-size:35px}.service{padding:25px 18px}.service h3{font-size:28px}.faq{gap:35px}.brands{gap:20px}.brands>span{font-size:18px}.brands>span:last-child{font-size:14px}}
@media(max-width:700px){.nav{padding:20px 5%;gap:12px}.logo{width:100px;height:32px}.nav-contact{font-size:10px;min-height:35px;padding:5px 5px 5px 12px;gap:12px}.nav-contact span{width:24px;height:24px;font-size:17px}.menu{display:block;margin-left:auto;border:0;background:none;font-size:12px;padding:10px 2px}.nav-links{display:none}.nav-links.open{display:flex;position:absolute;z-index:5;top:75px;left:5%;right:5%;background:#191919;border:1px solid #444;border-radius:18px;padding:25px;flex-direction:column;gap:22px}.hero{min-height:740px;border-radius:0 0 34px 34px}.hero-image{object-position:59% center}.hero-shade{background:linear-gradient(0deg,#150800e8 0,transparent 80%),linear-gradient(90deg,#48140044,transparent)}.hero-body{display:block;padding:72px 6% 22px;min-height:535px}.hero-title{max-width:100%}.hero h1{font-size:clamp(54px,13vw,80px);line-height:.97}.hero-title .eyebrow{max-width:190px;font-size:10px;line-height:1.5;margin-bottom:18px}.hero-aside{margin-top:66px;width:240px;padding:0}.hero-aside h2{font-size:28px}.hero-aside p{font-size:12px;margin:15px 0}.hero-bottom{grid-template-columns:1fr 1fr;gap:22px 16px;padding:20px 6% 32px;font-size:10px}.hero-bottom span{font-size:10px;margin-bottom:6px}.brands{padding:85px 6% 30px;display:grid;grid-template-columns:1fr 1fr;gap:25px 20px;border-radius:0 0 32px 32px}.brands p{font-size:10px}.brands>span{font-size:17px}.brands .essi-brand{font-size:29px}.brands>span:last-child{font-size:13px}.section{padding:65px 6%}.split-heading{grid-template-columns:1fr;gap:27px;margin-bottom:30px}h2{font-size:40px}.eyebrow{font-size:11px;margin-bottom:17px}.intro{font-size:20px}.muted{font-size:13px;margin-top:15px}.project-grid{grid-template-columns:1fr;gap:24px}.project-img{height:440px}.project-meta{padding:17px 2px}.project-meta h3{font-size:25px}.statement{padding-top:10px}.statement h2{font-size:34px}.statement>p:last-child{font-size:14px;margin-top:25px}.creative-section{padding:55px 0 40px;border-radius:30px}.portfolio-strip{gap:12px;padding:40px 5% 15px}.strip-card{height:185px;border-radius:12px}.strip-card span{font-size:8px;padding:35px 7px 10px}.process{grid-template-columns:1fr 1fr;gap:28px;padding:30px 7% 0}.about{grid-template-columns:1fr;gap:35px}.about h2{font-size:54px}.brand-poster{min-height:400px;padding:25px}.brand-poster img{width:82%}.brand-poster p{font-size:39px}.service-grid{grid-template-columns:1fr;margin-top:35px;gap:18px}.service{padding:28px}.service h3{font-size:34px;margin-top:20px}.service p{min-height:0}.service ul{padding:22px 0}.service .pill{min-height:45px}.faq{grid-template-columns:1fr;gap:20px;padding-top:10px}.contact{margin:5px 4% 0;padding:45px 7%;border-radius:30px}.contact h2{font-size:53px}.contact .eyebrow{font-size:10px}footer{grid-template-columns:1fr 1fr;padding:40px 6% 25px;gap:30px}footer p{grid-column:1/-1;justify-self:start}footer small{line-height:1.6}dialog{padding:20px}dialog h2{font-size:31px}.dialog-close{padding:8px 12px}.motion-control{font-size:10px}}
@media(max-width:370px){.hero h1{font-size:51px}.hero-aside{margin-top:64px}.project-img{height:370px}.hero-bottom{font-size:9px}.contact h2{font-size:45px}.nav{gap:8px}.logo{width:85px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.motion-control{display:none}}

/* Portfolio conceptual Agency */
.hero{margin-bottom:20px}.portfolio-strip .strip-card{height:320px}.portfolio-strip img{object-position:center}.logo{object-fit:contain}.brand-poster img{height:auto}@media(max-width:700px){.portfolio-strip .strip-card{height:200px}}
/* IA + publicidad: fotografía con pantalla interactiva */
.ai-advertising{background:#ff6204;color:white;border-radius:40px;overflow:hidden;position:relative}.ai-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;padding:65px 6% 48px;background:linear-gradient(120deg,#811909,#f24a02 65%,#f77b13)}.ai-heading h2{font-size:clamp(40px,5vw,74px);line-height:1;letter-spacing:-.06em}.ai-heading h2 span{color:#ffdbb6}.ai-heading .eyebrow{font-size:10px;letter-spacing:.09em}.ai-intro{align-self:end;max-width:350px}.ai-intro>p:first-child{font-size:25px;line-height:1.2;letter-spacing:-.035em}.ai-intro>p:nth-child(2){font-size:13px;line-height:1.6;margin:20px 0 24px;color:#ffe2cb}.phone-stage{position:relative;width:100%;aspect-ratio:1;overflow:hidden;margin:0;background:#f96604;container-type:inline-size}.hand-base{width:100%;height:100%;object-fit:contain}.phone-screen{position:absolute;left:36.7%;top:9.55%;width:27.75%;height:58.55%;border-radius:12% / 5.7%;overflow:hidden;background:#070707;display:flex;flex-direction:column;color:#eee}.screen-brand{height:10%;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 7%;font-size:1.15cqw;font-weight:bold;letter-spacing:.06em}.screen-brand>span{font-size:.65cqw;color:#aaa}.phone-slides{position:relative;flex:1;min-height:0}.phone-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .7s ease;pointer-events:none}.phone-slide.active{opacity:1}.screen-footer{height:9%;display:flex;align-items:center;justify-content:space-between;padding:0 7%;font-size:.7cqw;letter-spacing:.06em;flex-shrink:0;color:#aaa}.phone-side-note{position:absolute;left:7%;top:8%;width:23%}.phone-side-note>span{font-size:2.8cqw;font-weight:600;letter-spacing:-.05em;line-height:1.08}.phone-side-note p{font-size:1cqw;line-height:1.5;margin-top:20px;color:#ffe4d1}.phone-controls{position:absolute;right:9%;top:40%;display:flex;flex-direction:column;align-items:center;gap:14px}.phone-controls button{width:50px;height:50px;border-radius:50%;border:1px solid #ffffff80;background:#fff0da;color:#a83406;font-size:21px;display:grid;place-items:center;transition:background .2s,transform .2s}.phone-controls button:hover{background:#fff;transform:scale(1.06)}.phone-controls button:focus-visible{outline:3px solid #111;outline-offset:4px}#slide-status{font-size:11px;color:#441a0c;margin-top:5px}.ai-footnote{display:flex;justify-content:space-between;gap:20px;background:#111;padding:22px 6%;font-size:10px;color:#999}.phone-screen:focus-visible{outline:3px solid white;outline-offset:5px}
@media(max-width:700px){.ai-advertising{border-radius:26px}.ai-heading{grid-template-columns:1fr;gap:26px;padding:40px 6% 35px}.ai-heading h2{font-size:42px}.ai-heading .eyebrow{font-size:8px;line-height:1.5}.ai-intro{max-width:100%}.ai-intro>p:first-child{font-size:21px;max-width:260px}.ai-intro>p:nth-child(2){font-size:12px;margin:16px 0 20px}.phone-stage{width:155%;margin-left:-29%;aspect-ratio:1}.phone-side-note{display:none}.phone-controls{right:13%;top:42%;gap:12px}.phone-controls button{width:35px;height:35px;font-size:17px}#slide-status{font-size:9px}.screen-brand{font-size:1.5cqw}.screen-brand>span{font-size:.8cqw}.screen-footer{font-size:.8cqw}.ai-footnote{flex-direction:column;gap:8px;padding:20px 6%;font-size:9px}}

.phone-stage{aspect-ratio:1.2}.hand-base{position:absolute;top:0;left:0;width:100%;height:auto}.phone-screen{top:9.55cqw;height:auto;aspect-ratio:.474}@media(max-width:700px){.phone-stage{aspect-ratio:1}}
@media(max-width:700px){.phone-controls{right:22%;top:42%}}

/* Vector icons: consistent rendering without system emoji. */
.ui-icon{width:18px;height:18px;display:inline-block;vertical-align:-3px;flex-shrink:0}.pill>span .ui-icon,.round .ui-icon{width:18px;height:18px;vertical-align:0}.phone-controls .ui-icon{width:21px;height:21px}.text-link .ui-icon,footer a .ui-icon{width:14px;height:14px;vertical-align:-2px}.service li:before{display:inline-block;width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;vertical-align:2px}

/* Stable image geometry and a shorter mobile landing. */
.phone-screen{top:11.46%;height:70.25%;aspect-ratio:auto}.screen-brand{font-size:14px}.screen-brand>span{font-size:9px}.screen-footer{font-size:9px}.phone-side-note>span{font-size:clamp(22px,3vw,42px)}.phone-side-note p{font-size:13px}
.project-img img{background:#242424}dialog>img{min-height:200px;background:#1b1b1b}dialog{scrollbar-gutter:stable}.dialog-close{position:sticky;top:0;z-index:2}
@media(max-width:700px){.hero{min-height:620px}.hero-body{min-height:425px;padding-top:48px;padding-bottom:16px}.hero-aside{margin-top:38px}.hero-bottom{gap:15px 16px;padding-top:16px;padding-bottom:26px}.hero-title .eyebrow{max-width:100%}.phone-screen{top:9.55%;height:58.55%}.screen-brand{font-size:9px}.screen-brand>span{font-size:6px}.screen-footer{font-size:6px}.phone-slide{transition:opacity .25s}.js .reveal{opacity:1;transform:none}.project-img{height:auto;aspect-ratio:1}.project-img img{height:100%}}