.languages{display:flex;gap:9px;align-items:center;font:12px monospace;order:3;white-space:nowrap}.languages a{padding:6px 3px}.languages a[aria-current=true]{color:var(--accent);border-bottom:2px solid var(--accent)}.head{gap:16px}nav{gap:17px;font-size:12px}.reference{margin:32px 0;border:1px solid var(--line);background:var(--soft)}.reference figcaption{padding:10px 17px;font:11px monospace;color:var(--muted);border-top:1px solid var(--line)}.ref-art{padding:25px}.ref-art>svg{display:block;width:100%;max-height:340px}.mock-window{max-width:770px;margin:0 auto;border:1px solid #bec3b0;border-radius:8px;background:var(--paper);overflow:hidden}.mock-top{padding:13px 17px;border-bottom:1px solid var(--line);display:flex;gap:6px;align-items:center;font:11px monospace}.mock-top i{display:block;width:6px;height:6px;border-radius:100%;background:#a4ac97}.mock-top span{margin-left:14px}.mock-body{display:grid;grid-template-columns:130px 1fr;min-height:220px}.mock-sidebar{display:flex;flex-direction:column;gap:16px;padding:24px 15px;background:#e5e8db;font-size:11px}.mock-content{padding:20px}.skeleton{width:55%;height:8px;background:#d6dcc9;margin:12px 0;border-radius:3px}.skeleton.long{width:85%}.mock-panels{display:flex;gap:20px;height:105px}.mock-panel{flex:1;border:1px solid var(--line);padding:12px;display:flex;justify-content:center;align-items:center}.ring{height:70px;width:70px;border:13px solid var(--lime);border-right-color:var(--orange);border-radius:100%}.bars{align-items:end;gap:9px}.bars i{width:15%;background:var(--lime)}.bars i:last-child{background:var(--orange)}.about-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:55px;align-items:start}.portrait{margin-top:0}.portrait-drawing{padding:25px;text-align:center}.portrait-drawing svg{width:100%;max-height:300px}.facet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.facet{padding:25px;background:var(--soft);border:1px dashed #a9ad9c}.facet h3{font-size:26px;margin:35px 0 12px}.facet p{font-size:12px;color:var(--muted)}.skillgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px;margin-bottom:60px}.skillgrid article{border-top:1px solid var(--line);padding:23px 0}.skillgrid h3{font-size:26px;margin-bottom:12px}.skillgrid p{font-size:15px;color:var(--muted)}@media(max-width:1130px){nav{gap:10px;font-size:11px}.head{gap:10px}.wrap{width:calc(100% - 40px)}}@media(max-width:920px){.menu{display:block;order:4}.languages{margin-left:auto}.head{flex-wrap:wrap;min-height:75px}nav{display:none;width:100%;order:5;flex-direction:column;align-items:start;padding:15px 0;font-size:15px}nav.open{display:flex}.about-grid{gap:25px}}@media(max-width:760px){.about-grid,.skillgrid,.facet-grid{grid-template-columns:1fr}.portrait{max-width:350px}.ref-art{padding:12px}.mock-body{grid-template-columns:80px 1fr}.mock-sidebar{padding:18px 8px;font-size:9px}.mock-content{padding:10px}.mock-panels{gap:7px}.mock-panel{padding:6px}.ring{width:55px;height:55px;border-width:10px}.mock-top span{font-size:9px}.hero h1{font-size:clamp(44px,12vw,58px)}.cover .word{font-size:42px}}

/* Approved visual direction across the bilingual portfolio. */
.hero-art{background:linear-gradient(145deg,var(--lime),#c7e5c0);border-radius:16px;border-color:#a6c79b;box-shadow:0 14px 42px #6c79500c}
.slip{border-color:#a6b89c}.slip.three{background:#ffffff;color:var(--ink)}
.cover,.reference,.facet,.decision,.result{border-radius:14px;overflow:hidden}
.cover{border:1px solid var(--line)}.bank:after{border-color:#79a66e}
.dark{border-block:1px solid var(--line)}.dark p{color:var(--muted)}
.btn{font-weight:600;transition:background .18s,transform .18s}.btn:hover{transform:translateY(-2px)}
.dot{background:var(--orange)}.decision{border-left-color:var(--orange)}
.filter[aria-pressed=true]{border-color:#6e975e;font-weight:600}
.reference{background:#f2f3ef}.mock-sidebar{background:#e0efdc}
.skills span,.note,.placeholder{border-radius:8px}
@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}

.portrait-real{margin-inline:0;width:100%;max-width:440px;border-radius:14px;overflow:hidden}.portrait-real>img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center center}

.facet-photo{padding:0;border:1px solid var(--line);overflow:hidden;align-self:start}.facet-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center 40%}.facet-photo h3{margin:0;padding:22px 25px}

/* Match the work photo ratio across all facets; crop portrait photos only. */
.facet-grid{align-items:start}.facet-photo img{height:auto;aspect-ratio:4/3}.facet-photo h3{font-size:23px;padding:16px 20px}
.facet-photo img[src$="gabriel-trabajo.jpeg"]{object-fit:contain;background:#f2f3ef}
.facet-photo img[src$="gabriel-finca.jpg"]{object-position:center 18%}
.facet-photo img[src$="gabriel-artesano.png"]{object-position:center 24%}
@media(max-width:760px){.facet-grid{grid-template-columns:1fr;max-width:440px}}

/* Financial case: the decision, actual screen and present-day product reference. */
.bank-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:28px 0 0;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.bank-timeline>div{background:#f2f3ef;padding:24px;min-width:0}.bank-timeline strong{display:block;margin:12px 0 7px;font-size:clamp(21px,2.4vw,32px);line-height:1.12}.bank-timeline p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.bank-timeline>div:last-child{background:#e0efdc}.bank-reference{margin-top:22px}.bank-reference>img{display:block;width:100%;height:auto}.bank-reference figcaption{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 25px;font:13px/1.5 Arial,sans-serif;padding:14px 18px}.bank-reference figcaption span{max-width:670px}.bank-reference figcaption a{color:#a34a16;font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.bank-timeline{grid-template-columns:1fr}.bank-timeline>div{padding:18px}.bank-timeline strong{font-size:23px}}