:root{--ivory:#eee6db;--ink:#100e0d;--wine:#641822;--serif:"Iowan Old Style","Baskerville","Times New Roman",serif;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-snap-type:y proximity}
body{margin:0;background:#120e0c;color:var(--ink);font-family:var(--sans);overflow-x:hidden}
a{color:inherit}
.skip-link{position:fixed;z-index:100;left:1rem;top:-4rem;padding:.7rem 1rem;background:#fff;color:#111}.skip-link:focus{top:1rem}

.topbar{position:fixed;z-index:40;top:0;left:0;width:100%;height:76px;display:flex;align-items:center;gap:1.25rem;padding:7px 3vw;background:linear-gradient(180deg,rgba(18,14,12,.97),rgba(18,14,12,.9));color:#fff;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-100%);transition:opacity .25s ease,transform .25s ease,visibility .25s}
.is-scrolled .topbar{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.home-link{padding:.55rem 0;text-decoration:none;text-transform:uppercase;letter-spacing:.22em;font:600 10px var(--sans)}
.desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(.85rem,1.35vw,1.65rem);margin-left:auto}
.desktop-nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.17em;font:500 9px var(--sans);opacity:.78}.desktop-nav a:hover{opacity:1}
.mobile-menu{display:none}

.scene{position:relative;width:100%;height:100svh;min-height:100svh;display:block;overflow:hidden;scroll-snap-align:start;padding:76px 0 0}
.scene.light{background:#eee6db}.scene.wine{background:#641822}.scene.charcoal{background:#120f0e}
.art-frame{position:relative;width:100%;height:calc(100svh - 76px);display:block;overflow:hidden}
.art-frame img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:left center}
.art-frame.panoramic{display:flex;align-items:flex-start;background:inherit}.art-frame.panoramic img{position:relative;z-index:2;display:block;width:100%;height:auto;max-width:none;max-height:100%;object-fit:contain}
#que-hacemos .art-frame{background:#43141b}
#para-quien .art-frame{background:#f4f1ec}
#metodo .art-frame{background:#f1eee9}
#integracion .art-frame{background:#151210}
#metodo .art-frame.panoramic,#integracion .art-frame.panoramic{isolation:isolate}
#metodo .art-frame.panoramic,#integracion .art-frame.panoramic{align-items:center;justify-content:center}
#metodo .art-frame.panoramic img,#integracion .art-frame.panoramic img{width:auto;height:100%;max-width:100%;max-height:100%}
#metodo .art-frame.panoramic{--edge-art:url("assets/locked/04-como-lo-hacemos-FINAL-LOCKED.png");background-color:#eee9e2}
#integracion .art-frame.panoramic{--edge-art:url("assets/locked/05-integracion-FINAL-LOCKED.png");background-color:#110e0d}
#metodo .art-frame.panoramic::before,#integracion .art-frame.panoramic::before,.combined-art::before,.contact-art::before{content:"";position:absolute;z-index:0;inset:-28px;background:var(--edge-art) center/cover no-repeat;filter:blur(20px);opacity:.58;transform:scale(1.035);pointer-events:none}
#metodo .art-frame.panoramic::after,#integracion .art-frame.panoramic::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none}
#metodo .art-frame.panoramic::after{background:radial-gradient(circle at 51% 105%,transparent 0 14vw,rgba(119,105,94,.15) 14.05vw 14.15vw,transparent 14.2vw),linear-gradient(90deg,rgba(255,255,255,.12),transparent 22%,transparent 78%,rgba(92,72,58,.04))}
#integracion .art-frame.panoramic::after{background:linear-gradient(90deg,rgba(0,0,0,.2),transparent 18%,transparent 78%,rgba(0,0,0,.22)),radial-gradient(ellipse at 50% 50%,transparent 45%,rgba(0,0,0,.15) 100%)}
.hero-scene{padding:0}
.hero-art{height:100svh}.hero-art>img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}
.hero-hotnav{position:absolute;top:4.2%;left:26.2%;width:52.5%;height:4.8%;display:grid;grid-template-columns:repeat(8,1fr);gap:.8%}.hero-hotnav a{display:block}
.hero-secondary-nav{position:absolute;z-index:3;top:9.2%;left:50%;display:flex;gap:2.2rem;transform:translateX(-50%);color:#f4ece4}.hero-secondary-nav a{padding:.35rem .15rem;text-decoration:none;text-transform:uppercase;letter-spacing:.18em;font:500 clamp(7px,.72vw,11px) var(--sans);text-shadow:0 1px 5px rgba(0,0,0,.85)}.hero-secondary-nav a:hover{text-decoration:underline;text-underline-offset:.35rem}
.context-fix{position:absolute;right:.2%;top:20.35%;min-width:6.8vw;padding:.16em .58em;color:#573023;background:radial-gradient(circle at 20% 30%,rgba(255,223,193,.48) 0 2%,transparent 3%),radial-gradient(circle at 75% 68%,rgba(177,113,78,.16) 0 2%,transparent 3%),#e7bc98;box-shadow:0 0 10px 9px rgba(231,188,152,.97);font:italic clamp(12px,1.15vw,20px)/1.1 "Snell Roundhand","Bradley Hand",cursive;text-align:center;transform:rotate(-10deg)}
.down-cue{position:absolute;z-index:3;bottom:1.2rem;left:50%;display:flex;flex-direction:column;align-items:center;gap:.45rem;color:#f4ebe2;text-decoration:none;text-transform:uppercase;letter-spacing:.28em;font-size:8px}.down-cue i{width:1px;height:22px;background:currentColor;animation:cue 1.8s ease-in-out infinite}

.mobile-copy{display:none}
.audience-layout{width:100%;height:calc(100svh - 76px);display:grid;grid-template-columns:42% 58%;background:#f5f1eb}
.audience-copy{display:flex;flex-direction:column;justify-content:center;padding:4vh 5.7vw 3vh;background:#f5f1eb;overflow:hidden}
.audience-copy h2{margin:0 0 1.1rem;font:400 clamp(54px,5.2vw,88px)/.9 var(--serif);letter-spacing:-.04em;text-transform:uppercase}.audience-lede{margin:0 0 1.4rem;font:400 clamp(15px,1.35vw,23px)/1.22 var(--serif);text-transform:uppercase}.audience-copy article{padding:.72rem 0;border-top:1px solid rgba(91,23,31,.25)}.audience-copy article b{display:block;margin-bottom:.32rem;text-transform:uppercase;letter-spacing:.17em;font-size:11px}.audience-copy article p{margin:0;color:#4b4541;font:300 clamp(11px,.92vw,15px)/1.42 var(--sans)}
.audience-visual{height:100%;margin:0;display:grid;grid-template-columns:1fr 1fr 1.12fr;overflow:hidden}.audience-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-left:10px solid #fff}.audience-visual img:nth-child(2){object-position:100% center}
.eyebrow{margin:0 0 1.2rem;text-transform:uppercase;letter-spacing:.28em;font:500 11px/1 var(--sans);color:#6d1c26}

.duet-scene{background:#eee6db!important}
.combined-art{--edge-art:url("assets/locked/06-07-que-cambia-autoria-FINAL-LOCKED.png");height:calc(100svh - 76px);isolation:isolate;background:#eee6db}.locked-canvas{position:relative;z-index:2;height:min(100%,56.28vw);max-width:100%;aspect-ratio:1672/941;margin:0 auto}.locked-canvas>img{display:block;width:100%;height:100%;object-fit:contain}.autoria-hotspot{position:absolute;z-index:3;left:41.2%;top:0;width:58.8%;height:100%}.autoria-hotspot:focus-visible{outline:3px solid #a32838;outline-offset:-6px}.combined-mobile{display:none}
.duet-grid{width:100%;height:calc(100svh - 76px);display:grid;grid-template-columns:40% 60%;gap:0;align-items:stretch;overflow:hidden}
.duet-primary,.duet-autoria{position:relative;height:100%;min-height:0;overflow:hidden;background:#eee6db}
.duet-primary{display:flex;align-items:center;justify-content:center;background-color:#eee7dd;background-image:radial-gradient(circle at 84% 10%,rgba(255,255,255,.34),transparent 30%),repeating-linear-gradient(7deg,rgba(73,53,43,.035) 0,rgba(73,53,43,.035) 1px,transparent 1px,transparent 5px)}
.duet-primary img{display:block;width:116%;height:auto;max-width:none;object-fit:contain}
.duet-autoria{display:grid;grid-template-columns:48% 52%;background:#eee3d8;text-decoration:none;box-shadow:none}
.autoria-live{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:7%;background:#eee3d8;color:#100e0d}
.autoria-live p{margin:0 0 1.25rem;color:#9a2634;letter-spacing:.28em;font:600 clamp(8px,.72vw,12px) var(--sans)}
.autoria-live h2{margin:0 0 1rem;font:400 clamp(34px,4vw,72px)/.85 var(--serif);letter-spacing:-.04em;text-transform:uppercase}
.autoria-live h3{margin:.5rem 0 .15rem;letter-spacing:.23em;font:500 clamp(12px,1.15vw,21px) var(--serif)}
.autoria-live small{font:400 clamp(9px,.75vw,13px) var(--sans)}
.autoria-live blockquote{margin:1.4rem 0 1.35rem;font:italic clamp(11px,1.1vw,19px)/1.25 var(--serif)}
.autoria-live strong{align-self:flex-start;color:#a32838;text-transform:uppercase;letter-spacing:.13em;font:600 clamp(9px,.85vw,14px) var(--sans)}
.autoria-portrait{height:100%;overflow:hidden}.autoria-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
.mobile-results{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.cta-hotspot{position:absolute;left:7.1%;top:74.4%;width:27.5%;height:7.5%;border-radius:2px}.cta-hotspot:focus-visible,.email-hotspot:focus-visible,.instagram-hotspot:focus-visible,.linkedin-hotspot:focus-visible,.monogram-hotspot:focus-visible{outline:2px solid #641822;outline-offset:3px}
.email-hotspot{position:absolute;left:7.1%;top:87.5%;width:19.5%;height:5.2%}.instagram-hotspot{position:absolute;left:33.6%;top:86.4%;width:3.1%;height:5.5%}.linkedin-hotspot{position:absolute;left:36.8%;top:86.4%;width:3.1%;height:5.5%}.monogram-hotspot{position:absolute;right:4.2%;bottom:4%;width:7.2%;height:17%}
.contact-art{--edge-art:url("assets/locked/08-comenzar-FINAL-v2-LOCKED.png");height:calc(100svh - 76px);isolation:isolate;background:#eee8df}.contact-art .locked-canvas>img{object-fit:contain}

.page-rail{position:fixed;z-index:35;right:2.5vw;bottom:18px;display:flex;align-items:center;gap:10px;padding:.42rem .6rem;border-radius:999px;background:rgba(19,15,13,.75);color:#fff;backdrop-filter:blur(8px);font:500 9px var(--sans);letter-spacing:.16em}.page-rail i{display:block;width:44px;height:1px;background:currentColor;opacity:.55}.page-rail button{width:28px;height:28px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.page-rail button:hover{background:#fff;color:#000}
@keyframes cue{0%,100%{transform:scaleY(.35);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}

@media(max-width:900px){
  html{scroll-snap-type:none}
  .scene{height:auto;min-height:100svh;padding:64px 0 0}.art-frame{height:auto}.art-frame img,.art-frame.panoramic img{height:auto;object-fit:contain}
  #metodo .art-frame.panoramic img,#integracion .art-frame.panoramic img{width:100%;height:auto;max-height:none}
  #metodo .art-frame.panoramic::before,#integracion .art-frame.panoramic::before{display:none}
  .topbar{height:64px;padding:6px 14px;gap:.8rem}
  .home-link{font-size:8px;padding:.45rem 0}
  .desktop-nav{display:none}.mobile-menu{display:block;position:relative;margin-left:auto}.mobile-menu summary{cursor:pointer;list-style:none;text-transform:uppercase;letter-spacing:.18em;font-size:9px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:0;top:2rem;display:flex;flex-direction:column;min-width:210px;padding:1rem;background:#191310;border:1px solid rgba(255,255,255,.17)}.mobile-menu nav a{padding:.7rem 0;text-decoration:none;text-transform:uppercase;letter-spacing:.15em;font-size:10px}
  .hero-scene{height:100svh;min-height:100svh;padding:0}.hero-art{height:100svh}.hero-art img{height:100%;object-fit:cover}.hero-hotnav,.hero-secondary-nav,.context-fix{display:none}.down-cue{bottom:.5rem}
  .mobile-copy{display:block;padding:2rem 7vw 3rem;background:var(--ivory)}.mobile-copy.inverse{color:#f1e8df;background:#211713}.mobile-copy .eyebrow{margin-bottom:1rem}.mobile-copy h1,.mobile-copy h2{margin:.2rem 0 1rem;font:400 clamp(36px,10vw,64px)/.95 var(--serif);letter-spacing:-.03em}.mobile-copy h2 em{display:block;color:#b87a68;font-weight:400}.mobile-copy p{font:300 16px/1.55 var(--sans)}
  .audience-layout{height:auto;display:block}.audience-copy{position:static;width:auto;height:auto;padding:2.3rem 7vw;margin:0;overflow:visible;clip:auto;white-space:normal}.audience-copy h2{margin:0 0 .8rem;font:400 clamp(54px,16vw,84px)/.92 var(--serif);letter-spacing:-.035em}.audience-lede{margin:0 0 1.4rem;font:400 18px/1.25 var(--serif);text-transform:uppercase}.audience-copy article{padding:.8rem 0;border-top:1px solid rgba(91,23,31,.28)}.audience-copy article b{display:block;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.17em;font-size:11px}.audience-copy article p{margin:0;color:#4b4541;font:300 14px/1.45 var(--sans)}.audience-visual{height:58svh;grid-template-columns:repeat(3,1fr)}.audience-visual img{width:100%;height:100%;object-fit:cover;object-position:center;border-left:4px solid #fff}.audience-visual img:nth-child(2){object-position:100% center}
  .method-list,.dimension-list{display:grid;gap:.9rem;padding:0;list-style:none}.method-list li,.dimension-list li{display:grid;gap:.25rem;padding:.8rem 0;border-top:1px solid rgba(106,33,43,.25)}.method-list b,.dimension-list b{text-transform:uppercase;letter-spacing:.15em;font-size:12px}.method-list span,.dimension-list span{font:300 14px/1.45 var(--sans)}.editorial-close{font-family:var(--serif)!important;font-size:24px!important}
  .combined-art{display:none}.combined-mobile{display:grid;width:100%;background:#eee6db}.combined-mobile span,.combined-mobile a{display:block;width:100%;aspect-ratio:1/1.12;background-image:url("assets/locked/06-07-que-cambia-autoria-FINAL-LOCKED.png");background-repeat:no-repeat;background-size:200% 100%}.combined-mobile span{background-position:left center}.combined-mobile a{background-position:right center}
  .contact-art{display:none}.contact-copy{display:block;min-height:calc(100svh - 64px);padding-top:2.7rem;background-color:#eee8df;background-image:linear-gradient(145deg,transparent 59%,rgba(100,24,34,.95) 59.4% 63%,transparent 63.4%),repeating-linear-gradient(7deg,rgba(84,59,44,.025) 0,rgba(84,59,44,.025) 1px,transparent 1px,transparent 5px)}.contact-copy h2 em{margin-top:.35rem;color:#741d27}.contact-copy h3{margin:2rem 0 1.4rem;font:400 35px/1 var(--serif)}.contact-copy h3 em{color:#741d27}.contact-copy .availability{max-width:28rem;font-size:14px}.contact-copy .button{display:inline-block;margin-top:1rem;padding:1rem 1.25rem;background:#641822;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:11px}.mobile-contact{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(100,24,34,.22)}.mobile-contact a{font-size:12px}.pillars{margin-top:1.5rem!important;font-size:11px!important;letter-spacing:.08em}
  .page-rail{display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.down-cue i{animation:none}}