/* ClipCut-inspired direction, built around Leo's existing portfolio. */
:root{--bg:#090807;--fg:#f8f5f1;--muted:#b1a8a1;--line:#ffffff1c;--acid:#ff9c70;color-scheme:dark}
html{scroll-padding-top:115px}body{background:var(--bg);overflow-x:clip}body::before{content:"";position:absolute;inset:0 0 auto;height:1100px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 13% 8%,#ae481e55,transparent 38%),radial-gradient(ellipse at 84% 49%,#a4461a25,transparent 35%)}
.wrap{max-width:1280px;padding-left:4%;padding-right:4%}
header.wrap{position:sticky;top:18px;z-index:20;width:calc(100% - 64px);max-width:1160px;padding:13px 20px;margin:18px auto 0;border:1px solid #ffffff20;border-radius:999px;background:linear-gradient(110deg,#29211e90,#13100ed9);backdrop-filter:blur(24px);box-shadow:inset 0 1px 1px #ffffff12,0 10px 35px #0003}
header .name{font-size:19px;display:flex;align-items:center;gap:10px}header .name::before{content:"L";display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff55;border-radius:9px;font-size:20px;box-shadow:inset 0 0 10px #ffffff15}
nav{gap:26px;color:#c4beb8}.nav-contact{background:var(--fg);color:#17100c;border:0;padding:12px 19px}.nav-contact:hover{background:var(--acid);color:#17100c}
.hero.wrap{display:flex;flex-direction:column;align-items:center;gap:0;padding-top:78px;padding-bottom:20px;text-align:center;isolation:isolate}.hero-heading{padding:0;position:relative;z-index:2;width:100%}
.hero .eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #ffffff20;padding:9px 15px;border-radius:999px;background:#ffffff04;color:#d5c8be;font:12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.02em}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 14px #ff9c7070}
.hero h1{font-size:clamp(46px,6vw,80px);font-weight:400;line-height:1.05;letter-spacing:-.055em;margin:26px auto 24px;max-width:950px}.hero h1 em{color:var(--acid);background:linear-gradient(100deg,#ffd7bd,#ff925d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{max-width:640px;font-size:17px;line-height:1.65;margin:0 auto;color:var(--muted)}
.hero-actions{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:28px}.hero .pill{margin:0;background:linear-gradient(135deg,#dd6c3d,#b64925);border:1px solid #ffb89488;color:#fff;box-shadow:inset 0 1px 2px #ffceab40,0 4px 25px #cc5d2625;padding:14px 23px;gap:20px;font-size:14px}.hero .pill:hover{background:#e37f51}.secondary-pill{display:inline-flex;border:1px solid #ffffff26;border-radius:999px;background:#ffffff04;padding:14px 22px;font-size:14px;transition:background .25s,color .25s}.secondary-pill:hover{background:#ffffff10;color:#fff}
.hero-showcase{position:relative;width:100%;margin-top:58px;perspective:1100px}.hero-filmstrip{display:flex;align-items:center;justify-content:center;gap:17px;height:250px;perspective:1100px}.hero-frame{position:relative;flex:1;min-width:0;max-width:170px;height:220px;overflow:hidden;border-radius:16px;border:1px solid #ffffff40;background:#19110d;box-shadow:0 20px 40px #0008,0 0 15px #f48b2910;transform:rotateY(var(--angle,0deg)) translateY(var(--lift,0px));transition:transform .7s cubic-bezier(.2,.7,.2,1),border-color .3s}.hero-frame:nth-child(1){--angle:22deg;--lift:-7px}.hero-frame:nth-child(2){--angle:12deg;--lift:8px}.hero-frame:nth-child(4){--angle:-12deg;--lift:8px}.hero-frame:nth-child(5){--angle:-22deg;--lift:-7px}.hero-frame img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.hero-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 38%,#000c);pointer-events:none}.hero-frame-label{position:absolute;bottom:15px;left:13px;right:13px;z-index:1;text-align:left;font-size:12px;line-height:1.3;color:#fff}.hero-frame-label small{display:block;font:9px monospace;letter-spacing:.1em;color:#f6c7ab;margin-bottom:5px}.hero-frame:hover{transform:rotateY(0deg) translateY(-10px);border-color:var(--acid)}.hero-frame:hover img{transform:scale(1.05)}
.glass-orbit{position:absolute;z-index:-1;width:120px;height:120px;display:grid;place-items:center;border:1px solid #ffd1ad66;background:linear-gradient(135deg,#ffffff19,#ff944710 48%,#0004);border-radius:28px;box-shadow:inset 0 2px 2px #fff6,inset 0 -2px 7px #f8a87730,0 0 60px #d56b2420;backdrop-filter:blur(6px);animation:float-glass 9s ease-in-out infinite;transform-style:preserve-3d}.orbit-one{left:-2%;top:-90px;--rotation:-22deg;transform:rotate(-22deg) rotateY(25deg)}.orbit-two{right:0;bottom:-10px;width:85px;height:85px;--rotation:18deg;transform:rotate(18deg) rotateY(-25deg);animation-delay:-4s}.glass-play{width:45px;height:50px;clip-path:polygon(0 0,100% 50%,0 100%);background:linear-gradient(135deg,#fff9,#f79f5277,#ffffff11);filter:drop-shadow(0 0 8px #ffb785)}.frame-glyph{width:40px;height:30px;border:3px solid #e4ba9580;border-radius:5px;box-shadow:0 0 10px #ffad6150}
.hero-disciplines{display:flex;align-items:center;gap:20px;margin-top:27px;padding:12px 24px;border:1px solid #ffffff20;border-radius:999px;color:#c6bab1;font-size:12px;background:#ffffff03}.hero-disciplines i{width:5px;height:5px;transform:rotate(45deg);background:#d97849}.scroll-cue{color:#8e837b;font:10px monospace;letter-spacing:.06em;display:flex;gap:14px;margin-top:28px}
.section{padding-top:110px}.kicker{color:#d4926f;font:11px/1.4 monospace;letter-spacing:.11em;margin-bottom:15px}.section-heading{margin-bottom:35px}h2{font-size:clamp(32px,4vw,52px);font-weight:400;line-height:1.1}.section-heading>p{font-size:14px;line-height:1.7}.muted{color:#988a80}.projects{gap:22px}.project,.catalog-card{padding:10px 10px 20px;background:linear-gradient(145deg,#20171290,#100d0b);border:1px solid #ffffff17;border-radius:22px;transition:border-color .3s,box-shadow .3s}.project:hover,.catalog-card:hover{border-color:#a86a4555;box-shadow:0 8px 30px #0005}.project-meta,.catalog-info{padding:0 9px}.project-meta h3{font-size:18px}.project-meta>span{font-size:12px}.video-facade,.project .video-facade,.catalog-visual,.youtube-player,.playback-shell iframe{border-radius:14px;border-color:#ffffff18}.play-mark{width:64px;height:64px;background:#20171077;border-color:#ffffff88}.play-mark-neutral{background:#18100a88;border-color:#ffd2b8aa}.play-mark-neutral .play-triangle{border-left-color:#fff}.catalog-status{background:#0d0908aa;border-color:#ffffff2a;border-radius:999px;font-size:9px}.filter-chip{border-color:#ffffff25;color:#ccc0b7}.filter-chip[aria-pressed=true]{background:#e4b08d;color:#21160f;border-color:#e4b08d}.show-more{border-color:#ffffff35}.portfolio-explore{margin-top:70px}.project-catalog{gap:24px}
.clients-section{padding-top:90px}.clients-caption{font-size:13px;color:#aa9a8e;margin-bottom:24px}.client-logos{gap:10px}.client-logo{flex-basis:calc(20% - 8px);height:95px;border-radius:12px;padding:24px 18px;background:#eae3dc;border-color:#eae3dc}.client-logo--mendoza{background:#eae3dc;padding:8px 14px}.client-logo--compact .logo-window{max-width:62px}.client-logo--medium .logo-window{max-width:115px}
.service-layout{grid-template-columns:1fr;gap:26px}.service-photo{height:300px;min-height:0;border-radius:22px;border:1px solid #ffffff1c}.service-photo img{object-position:center 48%;filter:brightness(.65) saturate(.7)}.service-photo figcaption{padding:55px 28px 25px;font-size:12px;letter-spacing:.15em}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-list article,.service-list article:first-child{display:flex;flex-direction:column;gap:26px;padding:28px;background:radial-gradient(ellipse at 90% 0,#c2632a18,transparent 55%),linear-gradient(140deg,#1a1410,#0f0c0a);border:1px solid #ffffff20;border-radius:20px}.number{font-size:11px;color:#d89063}.service-list h3{font-size:23px;line-height:1.15;max-width:250px}.service-list p{font-size:14px;line-height:1.7}.service-list .number::after{content:"";display:block;margin:20px 0 0;width:45px;height:35px;border:1px solid #f0b27e99;border-radius:9px;transform:rotate(-8deg);background:linear-gradient(130deg,#ffc59029,#ff874607 60%);box-shadow:inset 0 1px 2px #ffb97955,4px 4px 0 #97552830}.service-list article:nth-child(2) .number::after{border-radius:50%;width:36px;height:45px;transform:rotate(9deg)}.service-list article:nth-child(3) .number::after{border-radius:50%;width:43px;height:43px;background:conic-gradient(#cf765d55,#c3b36555,#6aafbd55,#cf765d55)}
.consultoria{background:radial-gradient(ellipse at 0 100%,#b5512520,transparent 65%),#14100d;border-color:#ffffff20;border-radius:22px;padding:40px}.consultoria .kicker{color:#d4926f}.consultoria-steps>div>span{color:#d4926f}.text-link{border-color:#956a50}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.process-grid article{position:relative;border-top:1px solid #ffffff25;padding:25px 10px 0 0}.process-number{display:block;font:12px monospace;color:#d4926f;margin-bottom:25px}.process-grid h3{font-size:24px}.process-grid p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}
.about{display:grid;grid-template-columns:340px 1fr;gap:70px;align-items:center;padding-bottom:110px}.about-photo{height:370px;border-radius:24px;background:#15100d;border:1px solid #ffffff25}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 28%}.about h2{font-size:clamp(30px,3.4vw,46px)}.about p{font-size:15px;line-height:1.8}.about .kicker{margin-top:0}
.contact{position:relative;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 100%,#91391340,transparent 65%),#100b08;color:var(--fg);border-top:1px solid #ffffff1c;border-bottom:1px solid #ffffff1c;padding:85px 0}.contact .kicker{color:#d4926f}.contact h2{font-size:clamp(40px,5.8vw,76px);line-height:1.08;font-weight:400;letter-spacing:-.05em}.contact h2 em{color:var(--acid)}.contact-bottom{flex-direction:column;gap:25px;margin-top:24px}.contact-bottom p{color:var(--muted);font-size:15px;margin:0}.contact-links a,.pending{border-color:#ffffff30}.contact-links a:hover{background:var(--acid);color:#1b110b}.pending{color:#b1a8a1;font-size:12px;padding:10px 16px}footer{padding-top:32px;padding-bottom:32px}footer .name{font-size:16px}
.reveal-pending{opacity:0;transform:translateY(26px)}.reveal-ready{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
@keyframes float-glass{0%,100%{transform:translateY(0) rotate(var(--rotation)) rotateY(20deg)}50%{transform:translateY(-15px) rotate(calc(var(--rotation) + 8deg)) rotateY(-5deg)}}
@media(max-width:900px){header.wrap{width:calc(100% - 36px)}.hero.wrap{padding-top:65px}.hero h1{font-size:clamp(46px,7vw,68px)}.hero-filmstrip{height:220px;gap:12px}.hero-frame{height:190px}.orbit-one{left:0;top:-75px;width:85px;height:85px}.orbit-two{width:65px;height:65px}.service-list article,.service-list article:first-child{padding:22px}.service-list h3{font-size:20px}.about{grid-template-columns:280px 1fr;gap:35px}.about-photo{height:340px}.client-logo{flex-basis:calc(25% - 8px)}}
@media(max-width:650px){html{scroll-padding-top:95px}header.wrap{top:10px;margin-top:10px;width:calc(100% - 24px);padding:12px 14px;flex-wrap:nowrap;gap:8px}header .name{font-size:13px;gap:7px}header .name::before{width:24px;height:24px;font-size:16px;flex-shrink:0}nav{gap:13px;font-size:11px;flex-wrap:nowrap}nav>a[href="#servicios"]{display:none}.nav-contact{padding:8px 11px;white-space:nowrap}.wrap{padding-left:6%;padding-right:6%}.hero.wrap{padding-top:58px;padding-bottom:8px}.hero .eyebrow{font-size:10px;padding:8px 11px}.hero h1{font-size:clamp(34px,8.5vw,53px);margin:24px 0 22px;line-height:1.09;letter-spacing:-.045em}.hero-description{font-size:14px;max-width:360px}.hero-description br{display:none}.hero-actions{gap:10px;margin-top:24px;flex-wrap:wrap}.hero .pill,.secondary-pill{font-size:12px;padding:12px 16px}.hero .pill{gap:12px}.hero-showcase{margin-top:46px;width:calc(100% + 10px)}.hero-filmstrip{height:168px;gap:9px}.hero-frame{height:150px;border-radius:11px}.hero-frame:nth-child(4),.hero-frame:nth-child(5){display:none}.hero-frame:nth-child(3){--angle:-15deg;--lift:-5px}.hero-frame:nth-child(1){--angle:15deg;--lift:-5px}.hero-frame:nth-child(2){--angle:0deg;--lift:7px}.hero-frame-label{font-size:10px;left:8px;right:8px;bottom:10px}.hero-frame-label small{font-size:8px}.orbit-one{width:54px;height:54px;border-radius:15px;top:-32px;left:-4%;z-index:0}.glass-play{width:22px;height:25px}.orbit-two{width:46px;height:46px;bottom:-10px;right:-3%;border-radius:12px;z-index:0}.frame-glyph{width:23px;height:19px;border-width:2px}.hero-disciplines{font-size:9px;gap:10px;padding:11px 12px;margin-top:25px;white-space:nowrap}.hero-disciplines i{width:4px;height:4px;flex-shrink:0}.scroll-cue{margin-top:23px;font-size:9px}.section{padding-top:75px}.section-heading{margin-bottom:26px}.section-heading>p{font-size:13px;margin-top:17px}.projects{gap:22px}.project-meta h3{font-size:18px}.client-logo{height:82px;flex-basis:calc(50% - 5px);padding:20px 17px}.client-logo--mendoza{padding:8px 12px}.clients-section{padding-top:65px}.service-list,.process-grid{grid-template-columns:1fr;gap:15px}.service-photo{height:220px}.service-list article,.service-list article:first-child{padding:25px;gap:18px}.service-list .number{display:flex;align-items:center;justify-content:space-between}.service-list .number::after{margin:0}.service-list h3{font-size:24px;max-width:none}.consultoria{grid-template-columns:1fr;padding:27px;gap:35px}.process-grid{gap:30px}.process-grid article{padding-top:20px}.process-number{margin-bottom:16px}.about{grid-template-columns:1fr;gap:30px;padding-bottom:75px}.about-photo{height:330px;width:100%;max-width:310px;margin:auto}.about h2{font-size:31px}.contact{padding:65px 0}.contact h2{font-size:clamp(35px,8.8vw,51px)}.contact-bottom{align-items:center}.contact-links{justify-content:center}footer{flex-wrap:wrap;gap:18px}.project-filters{margin-left:-6.8%;margin-right:-6.8%;padding-left:6.8%;padding-right:6.8%}.portfolio-explore{margin-top:55px}.skip{z-index:30}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}.hero-frame,.hero-frame img,.secondary-pill,.project,.catalog-card{transition:none}.reveal-pending{opacity:1;transform:none}.reveal-ready{transition:none}}
/* The editing motif uses native elements, keeping all artwork local. */
.hero.wrap{padding-top:60px}.hero h1{font-size:clamp(44px,5.7vw,73px)}.hero-showcase{margin-top:42px}
.editing-visual{position:absolute;right:28px;top:50%;transform:translateY(-50%);width:45%;padding:28px;border:1px solid #ffffff30;border-radius:20px;background:linear-gradient(130deg,#1e1710b3,#100c08a8);backdrop-filter:blur(15px);box-shadow:inset 0 1px 1px #ffffff20,0 10px 30px #0004}.editing-visual>span{font-size:28px;letter-spacing:-.04em}.edit-timeline{position:relative;margin-top:24px;overflow:hidden;padding:10px 0;border-top:1px solid #ffffff18}.timeline-track{display:flex;gap:4px;height:30px;margin-bottom:5px}.timeline-track i{flex:1;border:1px solid #edc8b440;border-radius:4px;background:linear-gradient(140deg,#c2784a55,#8a542633)}.timeline-track i:nth-child(2){flex:2;background:linear-gradient(140deg,#d4aa8360,#8a542644)}.audio-track{height:18px;margin:0}.audio-track i{background:repeating-linear-gradient(90deg,#cd9c7355 0 2px,#54361933 2px 5px);border-color:#ab9d6840}.timeline-playhead{position:absolute;left:12%;top:3px;bottom:0;width:1px;background:#ffbc8b;box-shadow:0 0 8px #ffbc8b;animation:timeline-pass 10s ease-in-out infinite alternate}.timeline-playhead::before{content:"";position:absolute;top:0;left:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #ffbc8b}
@keyframes timeline-pass{from{left:12%}to{left:85%}}
@media(max-width:650px){.hero.wrap{padding-top:54px}.hero h1{font-size:clamp(31px,7.7vw,48px);line-height:1.14}.hero-showcase{margin-top:40px}.editing-visual{width:70%;right:18px;padding:20px}.editing-visual>span{font-size:23px}.edit-timeline{margin-top:15px}}