:root{--bg:#101111;--ink:#f1f0e9;--accent:#b7c8a4;--muted:color-mix(in srgb,var(--ink) 58%,var(--bg));--line:color-mix(in srgb,var(--ink) 16%,transparent);--display:'Clash Display','Arial',sans-serif;--hero-size:128px;--mobile-hero-size:60px;--gutter:clamp(20px,4vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Satoshi','Helvetica Neue',Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body,html{max-width:100%;overflow-x:clip}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,[contenteditable]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{background:none;border:0}img,video,iframe{display:block;max-width:100%}img{height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.02;letter-spacing:-.045em;overflow-wrap:anywhere}p{overflow-wrap:break-word}h2{font-size:clamp(36px,5vw,76px)}::selection{background:var(--accent);color:var(--bg)}[hidden]{display:none!important}.skip-link{position:fixed;left:16px;top:-100px;padding:12px;background:var(--ink);color:var(--bg);z-index:300}.skip-link:focus{top:16px}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform-origin:left;transform:scaleX(0);background:var(--accent);z-index:101}.nav{position:absolute;top:0;left:0;right:0;height:104px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:32px;z-index:90;background:linear-gradient(var(--bg),transparent)}.wordmark{flex-shrink:0;width:98px;display:block}.wordmark img{width:100%;height:68px;object-fit:contain}.menu{display:flex;align-items:center;gap:clamp(22px,3vw,48px);margin-left:auto}.menu a,.nav-connect,.eyebrow,.hero-roles,.section-label,.filter,.hero-coordinate,.explore,.text-button,.contact-links,.footer{font-size:12px;font-weight:700;letter-spacing:.14em}.menu a{position:relative;padding:12px 0}.menu a:after{content:'';position:absolute;left:0;bottom:5px;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:right;transition:transform .3s}.menu a:hover:after{transform:scaleX(1);transform-origin:left}.nav-connect{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:10px 16px;border-radius:40px;white-space:nowrap}.status-dot{height:6px;width:6px;border-radius:50%;background:var(--accent)}.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;min-height:740px;height:100svh;max-height:1080px;display:flex;flex-direction:column;justify-content:center;padding:130px var(--gutter) 110px;background:var(--bg);overflow:hidden}.hero-portrait{position:absolute;z-index:-3;inset:0 6% 0 28%;overflow:hidden;opacity:.72;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 80%,transparent)}.hero-portrait img{width:100%;height:128%;max-width:none;object-fit:cover;object-position:center bottom;transform:translateY(-21%);filter:saturate(.65)}.hero-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,var(--bg) 0%,transparent 35%,transparent 75%,var(--bg)),linear-gradient(90deg,var(--bg) 0%,transparent 65%,color-mix(in srgb,var(--bg) 70%,transparent))}.hero-content{display:grid;grid-template-columns:1.15fr 1fr;column-gap:12%;align-items:center;max-width:1600px;width:100%;margin:auto}.eyebrow{margin-bottom:25px;color:var(--muted);font-size:11px}.hero h1{font-size:clamp(72px,8.7vw,var(--hero-size));font-weight:600;line-height:.86;letter-spacing:-.065em;white-space:pre-line;max-width:8ch}.hero h1::after{content:'®';font-family:Arial,sans-serif;font-size:14px;letter-spacing:0;vertical-align:top;margin:7px}.hero-description{font-size:clamp(16px,1.35vw,21px);max-width:380px;color:color-mix(in srgb,var(--ink) 80%,transparent);line-height:1.6;text-transform:none}.hero-roles{grid-column:1/-1;margin-top:36px;word-spacing:7px;font-size:11px;max-width:700px}.hero-footer{position:absolute;bottom:35px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:30px}.hero-coordinate{font-size:10px;color:var(--muted)}.explore{display:flex;gap:18px;align-items:center;font-size:10px}.circle-arrow{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:21px;font-weight:400;transition:background .3s,transform .3s}.explore:hover .circle-arrow{background:var(--accent);color:var(--bg);transform:translateY(4px)}
.section-shell{padding:110px var(--gutter);max-width:1800px;margin-inline:auto}.section-label{font-size:11px;letter-spacing:.17em;color:var(--muted);margin-bottom:27px}.section-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end;margin-bottom:48px}.section-heading>p{color:var(--muted);max-width:360px;font-size:16px;justify-self:end}.portfolio{border-top:1px solid var(--line)}.filter-row{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.filter{border:1px solid var(--line);border-radius:40px;padding:10px 17px;font-size:10px;color:var(--muted);transition:background .25s,color .25s}.filter.is-active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.filter:hover{color:var(--accent)}.filter.is-active:hover{color:var(--bg)}#work-count{opacity:.6;margin-left:7px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 22px}.work{min-width:0}.work-feature{grid-column:span 2}.work-open{display:block;width:100%;padding:0;text-align:left}.work-art{position:relative;overflow:hidden;background:color-mix(in srgb,var(--ink) 5%,var(--bg));aspect-ratio:1}.work-feature .work-art{aspect-ratio:2.04}.work-tall .work-art{aspect-ratio:1}.work-art img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1),filter .6s;will-change:auto}.work-feature img{object-position:50% 35%}.work-tall img{object-fit:contain}.work-open:hover img{transform:scale(1.04);filter:brightness(.8)}.work-art:after{content:'VER PROYECTO ↗';position:absolute;bottom:20px;right:20px;font-size:10px;letter-spacing:.1em;border:1px solid #ffffff70;border-radius:40px;padding:10px 14px;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s;color:white;backdrop-filter:blur(10px)}.work-open:hover .work-art:after,.work-open:focus-visible .work-art:after{opacity:1;transform:translateY(0)}.work-caption{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-top:15px}.work-caption h3{font-size:23px;letter-spacing:-.035em}.work-caption p{font-size:11px;color:var(--muted);margin-top:6px;letter-spacing:.03em}.work-caption>span{font-size:22px;color:var(--muted)}.text-button{display:inline-flex;align-items:center;gap:32px;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.text-button span{font-size:23px;line-height:1;transition:transform .3s}.text-button:hover span{transform:translate(3px,-3px)}.more-projects{display:flex;margin:45px auto 0}.empty-copy{padding:28px 0;color:var(--muted)}
.motion{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--ink) 2%,var(--bg))}.motion h2{font-size:clamp(36px,5.8vw,82px);white-space:pre-line}.video-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 26px}.video-card{min-width:0}.video-card:first-child:nth-last-child(1){grid-column:1/-1}.video-card-media{aspect-ratio:16/9;background:#070808;position:relative;overflow:hidden}.video-card-media video,.video-card-media iframe{width:100%;height:100%;border:0;object-fit:contain}.video-card-copy{padding-top:18px}.video-card-copy h3{font-size:26px}.video-card-copy small{display:block;color:var(--accent);margin-top:8px}.video-card-copy p{color:var(--muted);font-size:14px;margin-top:10px;max-width:600px}.motion-empty{min-height:220px;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:40px;border:1px solid var(--line);position:relative;overflow:hidden}.motion-symbol{font-family:var(--display);font-size:110px;letter-spacing:-.07em;line-height:1;color:var(--accent);font-weight:300}.motion-empty-copy{max-width:290px}.motion-empty-copy p{font-size:20px;line-height:1.4}.motion-empty-copy small{display:block;margin-top:15px;font-size:10px;letter-spacing:.15em;color:var(--muted)}.vision{display:grid;grid-template-columns:.9fr 1fr;align-items:center;gap:10%;padding-block:140px}.vision-image{position:relative;aspect-ratio:4/5;overflow:hidden;background:#1b1c1c}.vision-image img{width:100%;height:127%;object-fit:cover;object-position:center bottom;transform:translateY(-21%);filter:saturate(.45)}.vision-copy h2{font-size:clamp(32px,3.8vw,58px);white-space:pre-line}.vision-copy>p:not(.section-label){color:var(--muted);margin:30px 0;max-width:510px}.contact{border-top:1px solid var(--line);padding-block:100px 80px}.contact h2{font-size:clamp(52px,9vw,140px);max-width:1200px;white-space:pre-line;font-weight:600;line-height:.96}.contact-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:65px;align-items:start}.contact-bottom>p{color:var(--muted);max-width:410px}.contact-links{display:flex;flex-direction:column;font-size:12px}.contact-links a{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.contact-links a:first-child{padding-top:0}.contact-links span{font-size:24px;transition:transform .3s}.contact-links a:hover{color:var(--accent)}.contact-links a:hover span{transform:translate(4px,-4px)}.footer{padding:25px var(--gutter);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;color:var(--muted);letter-spacing:.1em}.footer>a{color:var(--ink)}.custom-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.custom-section.banner{grid-template-columns:1fr}.custom-section p{color:var(--muted);white-space:pre-line;margin-top:26px}.custom-section img{width:100%;max-height:650px;object-fit:contain}.custom-section .text-button{margin-top:24px}.custom-section:not(:has(img)){grid-template-columns:1fr}
.project-dialog{padding:0;max-width:1100px;width:92vw;max-height:90svh;border:1px solid var(--line);background:var(--bg);color:var(--ink);overflow:auto}.project-dialog[open]{display:grid;grid-template-columns:1.25fr 1fr}.project-dialog::backdrop{background:#000d;backdrop-filter:blur(12px)}.close-dialog{position:sticky;grid-column:1/-1;justify-self:end;top:12px;margin:12px 12px -54px 0;z-index:4;width:42px;height:42px;background:#101111;color:white;border:1px solid #ffffff50;border-radius:50%;font-size:30px;line-height:1}.dialog-art{display:grid;place-items:center;background:#080909;min-height:400px}.dialog-art img{width:100%;height:auto;max-height:84svh;object-fit:contain}.dialog-info{padding:60px 35px 30px;min-width:0;align-self:center}.dialog-info h2{font-size:clamp(32px,4vw,54px)}.dialog-info dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.dialog-info dt{font-size:10px;color:var(--muted);letter-spacing:.1em}.dialog-info dd{margin:6px 0 0;font-size:14px}.dialog-info>p:not(.section-label){color:var(--muted);font-size:15px}.dialog-nav{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:35px;padding-top:20px}.dialog-nav button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;font-size:22px}.dialog-nav span{font-size:11px;color:var(--muted)}
.motion-on .hero-name{animation:intro .9s .05s both}.motion-on .hero-description,.motion-on .hero-roles{animation:intro .9s .25s both}.motion-on .hero-footer{animation:intro .9s .45s both}.motion-on .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1)}.motion-on .reveal.is-visible{opacity:1;transform:translateY(0)}.motion-on .motion-symbol{animation:breathe 6s ease-in-out infinite}.studio-preview .reveal{opacity:1!important;transform:none!important}.studio-preview [data-edit-field]{cursor:text;outline-offset:5px}.studio-preview [data-edit-field]:hover{outline:1px dashed var(--accent)}.studio-preview [contenteditable="true"]:focus{outline:2px solid var(--accent);background:color-mix(in srgb,var(--bg) 60%,transparent)}.studio-preview [data-studio-section]{position:relative}.studio-preview .studio-selected{outline:1px dashed var(--accent);outline-offset:-3px}.studio-preview .work-art:after{content:'EDITAR PROYECTO ↗'}.studio-preview .video-card-media{pointer-events:none}
@keyframes intro{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{50%{opacity:.35;transform:scale(.96)}}
@media(min-width:1600px){.hero-content{column-gap:18%}.hero h1{font-size:var(--hero-size)}}
@media(max-width:1000px){.nav{gap:22px}.nav-connect{display:none}.hero{min-height:680px}.hero-content{column-gap:7%}.hero-portrait{inset:0 0 0 15%}.hero-description{max-width:280px}.gallery{gap:30px 18px}.work-caption h3{font-size:20px}.section-shell{padding-block:85px}.section-heading{gap:35px}.vision{gap:7%}.vision-copy h2{font-size:36px}}
@media(max-width:700px){html{scroll-padding-top:80px}.nav{height:84px;gap:20px}.wordmark{width:76px}.wordmark img{height:57px}.menu-toggle{display:flex;align-items:center;gap:18px;font-size:11px;letter-spacing:.1em;padding:12px 0}.menu-toggle span{font-size:23px;line-height:1}.menu{position:absolute;left:0;right:0;top:83px;display:none;margin:0;padding:25px var(--gutter);background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:8px}.menu.is-open{display:flex}.menu a{font-size:13px;padding:13px 0}.hero{height:92svh;min-height:630px;max-height:850px;padding-top:140px;padding-bottom:100px;justify-content:end}.hero-portrait{inset:0 -14% 20% 2%;opacity:.72;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.hero-portrait img{height:127%;object-position:58% bottom;transform:translateY(-21%)}.hero-vignette{background:linear-gradient(0deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 75%,transparent) 23%,transparent 60%,color-mix(in srgb,var(--bg) 90%,transparent) 100%)}.hero-content{display:flex;flex-direction:column;align-items:flex-start;margin:0;margin-top:auto;gap:18px}.hero-name{width:100%}.eyebrow{font-size:9px;margin-bottom:16px;letter-spacing:.13em}.hero h1{font-size:clamp(42px,15vw,var(--mobile-hero-size));max-width:100%;line-height:.89;letter-spacing:-.06em}.hero-description{max-width:340px;font-size:14px;line-height:1.55}.hero-roles{order:1;margin:0;word-spacing:1px;font-size:8px;letter-spacing:.1em;line-height:1.7;max-width:100%}.hero-footer{bottom:24px;align-items:end;gap:15px}.hero-coordinate{font-size:8px;max-width:170px;line-height:1.7}.explore{font-size:8px;gap:10px}.circle-arrow{height:35px;width:35px;font-size:18px}.section-shell{padding-block:62px}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.section-heading>p{justify-self:start;max-width:430px;font-size:14px}.section-label{font-size:9px;margin-bottom:20px}.section-heading h2{font-size:clamp(32px,9vw,48px);max-width:100%}.filter-row{gap:7px;margin-bottom:25px}.filter{font-size:8px;padding:9px 11px;letter-spacing:.06em}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.work-feature{grid-column:1/-1}.work-feature .work-art{aspect-ratio:1.35}.work-caption{gap:8px;padding-top:12px}.work-caption h3{font-size:18px}.work-caption p{font-size:9px;line-height:1.5;margin-top:4px}.work-caption>span{font-size:16px}.work-art:after{display:none}.more-projects{margin-top:30px}.video-gallery{grid-template-columns:1fr;gap:32px}.video-card-copy h3{font-size:23px}.motion-empty{padding:26px;min-height:210px;gap:24px}.motion-symbol{font-size:64px}.motion-empty-copy p{font-size:16px}.motion-empty-copy small{font-size:8px}.vision{grid-template-columns:1fr;gap:38px}.vision-image{width:80%;aspect-ratio:4/4.6}.vision-copy h2{font-size:34px;max-width:460px}.vision-copy>p:not(.section-label){font-size:15px;margin:24px 0}.contact h2{font-size:clamp(40px,11vw,76px)}.contact-bottom{grid-template-columns:1fr;gap:32px;margin-top:30px}.contact-bottom>p{font-size:15px}.contact-links{font-size:11px}.contact-links a{padding:17px 0}.contact-links a:first-child{padding-top:17px}.footer{display:grid;grid-template-columns:1fr auto;font-size:8px;padding-block:24px;gap:12px;line-height:1.7}.footer>span:nth-child(2){grid-row:2;grid-column:1/-1}.custom-section{grid-template-columns:1fr;gap:28px}.custom-section h2{font-size:36px}.project-dialog{width:calc(100vw - 24px);max-height:94svh}.project-dialog[open]{grid-template-columns:1fr}.dialog-art{min-height:0}.dialog-art img{max-height:52svh}.dialog-info{padding:28px 23px}.dialog-info h2{font-size:34px}.dialog-info dl{margin-block:23px}.dialog-info .section-label{margin-bottom:15px}.dialog-nav{margin-top:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}
body:not(.motion-on) .reveal{opacity:1;transform:none}body:not(.motion-on) *{scroll-behavior:auto}body:not(.motion-on) .work-art img,body:not(.motion-on) .circle-arrow{transition:none}
.hero-portrait{inset:0 4% 0 27%;opacity:.76}.hero-portrait img{height:100%;object-fit:cover;object-position:center center;transform:none}.vision-image img{height:100%;object-fit:cover;object-position:center center;transform:none}
@media(max-width:700px){.hero-portrait{inset:5% -8% 25% 0;opacity:.72}.hero-portrait img{height:100%;object-position:52% center;transform:none}}