:root{--bg:#f6f5f2;--ink:#0f0f10;--ink-soft:#2a2a2c;--ink-muted:#84827e;--accent:#5c6b4f;--font-display:"Instrument Serif", serif;--font-ui:"Geist", sans-serif;--frame-radius:24px}.loader{z-index:100;background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader__inner{flex-direction:column;align-items:center;gap:22px;width:min(340px,64vw);display:flex}.loader__mark{font-family:var(--font-display);color:var(--ink);letter-spacing:.01em;font-size:clamp(34px,6vw,46px)}.loader__bar{background:#0f0f101a;width:100%;height:2px;overflow:hidden}.loader__fill{background:var(--accent);width:0%;height:100%;display:block}.loader__status{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted);font-size:11px;font-weight:400}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-weight:300;overflow-x:clip}img,canvas{max-width:100%;display:block}.gl{z-index:1;opacity:0;pointer-events:none;clip-path:inset(0 0 0 0 round var(--frame-radius));will-change:clip-path;position:fixed;inset:0}.gl canvas{width:100%;height:100%}.nav{z-index:10;mix-blend-mode:difference;align-items:center;padding:28px clamp(20px,4vw,56px);display:flex;position:fixed;top:0;left:0;right:0}.nav__logo{font-family:var(--font-display);color:#fff;letter-spacing:.01em;font-size:22px;text-decoration:none}.hero{z-index:2;pointer-events:none;align-items:center;min-height:100svh;display:flex;position:relative}.hero__inner{grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(24px,5vw,80px);width:100%;padding:0 clamp(20px,4vw,56px);display:grid}.hero__title{font-family:var(--font-display);letter-spacing:-.01em;pointer-events:auto;font-size:clamp(34px,5.2vw,88px);font-weight:400;line-height:1.04}.hero__title em{color:var(--accent);font-style:italic}.hero__line{display:block;overflow:hidden}.hero__line>span{display:block}.frame-slot{border-radius:var(--frame-radius)}.frame-slot--hero{aspect-ratio:4/5;justify-self:end;width:100%;max-width:420px;max-height:70svh}.step{z-index:2;pointer-events:none;align-items:flex-start;min-height:100svh;display:flex;position:relative}.step__label{font-family:var(--font-ui);letter-spacing:.02em;color:#fff;-webkit-backdrop-filter:blur(3px)saturate(1.15)url(#glass-refraction);backdrop-filter:blur(3px)saturate(1.15)url(#glass-refraction);background:linear-gradient(135deg,#ffffff29,#ffffff0d);border:1px solid #ffffff2e;border-radius:12px;margin:18svh clamp(20px,4vw,56px) 0;padding:10px 18px;font-size:14px;font-weight:500;box-shadow:inset 0 1.5px 2px #fff6,inset 0 -1.5px 2px #0006,0 15px 35px #0000004d}.step__panel{-webkit-backdrop-filter:blur(3px)saturate(1.15)url(#glass-refraction);backdrop-filter:blur(3px)saturate(1.15)url(#glass-refraction);pointer-events:none;background:linear-gradient(135deg,#ffffff29,#ffffff0d);border:1px solid #ffffff2e;border-radius:20px;flex-direction:column;align-items:flex-start;gap:18px;margin:18svh clamp(20px,4vw,56px) 0;padding:18px 22px 20px;display:inline-flex;box-shadow:inset 0 1.5px 2px #fff6,inset 0 -1.5px 2px #0006,0 15px 35px #0000004d}.step__panel .step__label{-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border:none;margin:0;padding:0}.swatches{pointer-events:auto;gap:14px;display:flex}.swatch{background:var(--c);cursor:pointer;border:none;border-radius:14px;width:48px;height:48px;padding:0;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .4s;box-shadow:inset 0 0 0 1px #ffffff40,0 8px 20px -8px #00000080}.swatch:hover{transform:translateY(-5px)scale(1.05)}.swatch:active{transform:translateY(-2px)scale(.98)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 4px #00000080,0 8px 20px -8px #00000080}@media (width<=760px){.swatches{gap:10px}.swatch{border-radius:12px;width:40px;height:40px}}.proyectos{z-index:3;height:100svh;position:relative;overflow:hidden}#map-container{z-index:1;position:absolute;inset:0}.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-bottom-left{display:none}.proyectos__intro{z-index:2;background:var(--bg);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.proyectos__intro h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);will-change:transform, filter, opacity;font-size:clamp(56px,13vw,200px);font-weight:400;line-height:1}.proyectos__card{z-index:3;border-left:3px solid var(--accent);-webkit-backdrop-filter:blur(12px);background:#0f0f10e0;min-width:220px;max-width:300px;padding:22px 24px 20px;position:absolute;bottom:36px;left:clamp(20px,4vw,56px)}.pc-tag{font-family:var(--font-ui);letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:9px}.pc-name{font-family:var(--font-display);color:#f6f5f2;margin-bottom:4px;font-size:22px;font-weight:400;line-height:1.1}.pc-loc{color:#f6f5f273;font-size:13px;line-height:1.5}.proyectos__nav{border-top:1px solid #f6f5f214;align-items:center;gap:8px;margin-top:18px;padding-top:14px;display:flex}.pnav-arrow{color:var(--accent);cursor:pointer;background:#5c6b4f1f;border:1px solid #5c6b4f4d;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;transition:background .3s;display:flex}.pnav-arrow:hover{background:#5c6b4f47}.pnav-cta{background:var(--accent);color:var(--bg);font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:none;flex:1;height:38px;font-size:10px;transition:opacity .3s}.pnav-cta:hover{opacity:.82}.map-pin{background:var(--accent);border:2px solid var(--bg);cursor:pointer;border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 5px #5c6b4f47}.outro{z-index:2;pointer-events:none;align-items:center;min-height:100svh;display:flex;position:relative}.outro__inner{grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(24px,5vw,80px);width:100%;padding:0 clamp(20px,4vw,56px);display:grid}.frame-slot--outro{aspect-ratio:4/5;justify-self:start;width:100%;max-width:420px;max-height:70svh}.outro__copy{pointer-events:auto;max-width:480px}.outro__kicker{font-family:var(--font-ui);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:10px}.contact__title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:28px;font-size:clamp(30px,4vw,52px);font-weight:400;line-height:1.05}.contact__title em{color:var(--accent);font-style:italic}.contact__links{flex-wrap:wrap;gap:10px;margin-bottom:34px;display:flex}.contact__link{color:var(--ink);border:1px solid #0f0f101f;border-radius:14px;flex-direction:column;gap:3px;padding:12px 18px;text-decoration:none;transition:border-color .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);display:flex}.contact__link:hover{border-color:var(--accent);transform:translateY(-3px)}.contact__link-label{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-muted);font-size:9px}.contact__link-val{font-size:14px}.contact__form{flex-direction:column;gap:24px;max-width:460px;display:flex}.field{position:relative}.field__input{width:100%;font-family:var(--font-ui);color:var(--ink);background:0 0;border:none;border-bottom:1px solid #0f0f102e;outline:none;padding:10px 0 8px;font-size:16px;transition:border-color .4s cubic-bezier(.16,1,.3,1)}.field__input--area{resize:none;line-height:1.5}.field__input:focus{border-bottom-color:var(--accent)}.field__label{color:var(--ink-muted);pointer-events:none;transform-origin:0;font-size:16px;transition:transform .35s cubic-bezier(.16,1,.3,1),color .35s;position:absolute;top:10px;left:0}.field__input:focus+.field__label,.field__input:not(:placeholder-shown)+.field__label{color:var(--accent);transform:translateY(-22px)scale(.78)}.contact__form--error .field__input:invalid{border-bottom-color:#c0392b}.contact__submit{background:var(--ink);color:var(--bg);font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border:none;border-radius:999px;align-self:flex-start;margin-top:4px;padding:15px 30px;font-size:11px;transition:transform .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.contact__submit:before{content:"";background:var(--accent);transition:transform .45s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translateY(101%)}.contact__submit:hover{transform:translateY(-2px)}.contact__submit:hover:before{transform:translateY(0)}.contact__submit span{z-index:1;position:relative}@media (width<=760px){.hero__inner,.outro__inner{grid-template-columns:1fr;align-content:center;gap:32px}.frame-slot--hero,.frame-slot--outro{aspect-ratio:4/3;justify-self:stretch;max-width:none;max-height:44svh}.outro__inner{padding-top:12svh}}.galeria{z-index:3;background:var(--bg);height:100svh;position:relative;overflow:hidden}.galeria__rows{z-index:1;flex-direction:column;justify-content:center;gap:clamp(12px,1.6vh,22px);padding:clamp(14px,2.4vh,30px) 0;display:flex;position:absolute;inset:0}.gal-row{will-change:transform;flex:1;gap:clamp(12px,1.1vw,22px);width:max-content;display:flex}.gal-tile{height:100%;width:var(--w,300px);cursor:pointer;background:0 0;border:none;border-radius:16px;outline:none;flex:none;margin:0;padding:0;position:relative;overflow:hidden}.gal-tile__media{background-position:50%;background-size:cover;transition:transform .7s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scale(1.001)}.gal-tile:hover .gal-tile__media{transform:scale(1.06)}.gal-tile__cap{z-index:2;font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:#f6f5f2eb;text-shadow:0 1px 10px #00000073;opacity:0;font-size:10px;transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:12px;left:14px;transform:translateY(8px)}.gal-tile:hover .gal-tile__cap{opacity:1;transform:translateY(0)}.galeria__glow{z-index:2;filter:blur(24px);pointer-events:none;background:radial-gradient(closest-side,#f6f5f2eb,#f6f5f200 72%);width:62vw;height:42vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.galeria__title{z-index:3;pointer-events:none;mix-blend-mode:difference;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.galeria__title span{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;font-size:clamp(60px,15vw,240px);font-weight:400;line-height:1}.gal-feature{z-index:6;transform-origin:0 0;opacity:0;visibility:hidden;pointer-events:none;border-radius:20px;margin:0;position:absolute;inset:clamp(14px,2.4vh,30px) clamp(14px,2vw,30px);overflow:hidden;box-shadow:0 40px 120px -30px #0f0f108c}.gal-feature.is-on{pointer-events:auto}.gal-feature__media{background-position:50%;background-size:cover;position:absolute;inset:0}.gal-feature__meta{color:var(--bg);background:linear-gradient(#0f0f1000 0%,#0f0f10c7);padding:clamp(28px,4.5vw,64px);position:absolute;bottom:0;left:0;right:0}.gal-feature__tag{font-family:var(--font-ui);letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:11px;display:block}.gal-feature__name{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(32px,5vw,76px);font-weight:400;line-height:1.02}@media (width<=760px){.galeria__rows{gap:10px;padding:10px 0}.gal-row{gap:10px}.gal-tile{border-radius:12px}}