:root{--folio-bg:#f4f2ed;--folio-ink:#202820;--folio-line:#d6dbcf;--folio-muted:#5b6559}.portfolio-page{background:var(--folio-bg);color:var(--folio-ink)}.portfolio-page .wrap{max-width:1210px}.portfolio-page .header{background:var(--folio-bg)}.portfolio-nav{display:flex;align-items:center;gap:30px}.portfolio-nav a{text-decoration:none;font-weight:700;font-size:14px}.nav-contact{border:1px solid var(--folio-ink);padding:10px 17px;border-radius:50px}.portfolio-hero{display:grid;grid-template-columns:1fr 310px;gap:75px;align-items:end;padding:65px 0 55px}.folio-kicker{font-size:11px;letter-spacing:1.6px;font-weight:700;margin:0 0 19px}.portfolio-hero h1{font-family:Gambetta,Georgia,serif;font-size:clamp(45px,4.8vw,72px);line-height:1.04;letter-spacing:-2px;margin:0 0 24px}.portfolio-hero h1 em{font-family:Gambetta,Georgia,serif;font-weight:400;color:#546743}.hero-intro{font-size:19px;line-height:1.65;max-width:48ch;margin:0;color:var(--folio-muted)}.project-index{display:flex;flex-direction:column;padding-bottom:4px}.project-index a{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--folio-line);padding:15px 0;text-decoration:none;font-size:16px;font-weight:700}.project-index a span{font-size:11px;font-weight:400;color:var(--folio-muted)}.project-index b{margin-left:auto;font-weight:400}.case{scroll-margin-top:105px;padding:32px 0 52px;border-top:1px solid var(--folio-line)}.case-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.case-title .folio-kicker{margin-bottom:12px}.case-title h2{font-family:Gambetta,Georgia,serif;font-size:46px;letter-spacing:-1.2px;line-height:1.1;margin:0}.case-link{display:inline-flex;align-items:center;gap:25px;text-decoration:none;font-size:15px;font-weight:700;border-bottom:1px solid currentColor;padding:7px 0;white-space:nowrap}.case-visual{padding:30px;border-radius:5px}.punto-visual{background:#d8e1cc}.capture-frame{display:block;border-radius:4px;overflow:hidden;box-shadow:0 18px 44px #0000001a;background:white}.capture-frame img{display:block;width:100%;height:auto;transition:filter .2s}.capture-frame:hover img{filter:brightness(1.04)}.case-description{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:32px 0 0}.case-status{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--folio-muted);margin:0 0 13px}.case-description h3{font-family:Gambetta,Georgia,serif;font-size:34px;line-height:1.17;letter-spacing:-.6px;margin:0}.case-description>div>p:not(.case-status):not(.disclosure){font-size:18px;line-height:1.7;margin:0 0 20px}.technical-detail{border-top:1px solid var(--folio-line);border-bottom:1px solid var(--folio-line)}.technical-detail summary{list-style:none;cursor:pointer;font-size:15px;font-weight:700;padding:15px 0;display:flex;justify-content:space-between;gap:20px}.technical-detail summary::-webkit-details-marker{display:none}.technical-detail[open] summary span{transform:rotate(45deg)}.technical-detail ul{padding-left:22px;font-size:16px;line-height:1.7;margin:3px 0 18px}.disclosure{font-size:12px;line-height:1.6;color:var(--folio-muted);margin:16px 0 0}.batuta-showcase{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:stretch}.batuta-front{background:#e9dfcf;display:flex;flex-direction:column;justify-content:center;padding:27px}.batuta-panel{background:#20221d;padding:24px}.screen-label{font-size:9px;letter-spacing:1.1px;font-weight:700;margin:0 0 17px}.batuta-panel .screen-label{color:#d1c09d}.batuta-panel .capture-frame{box-shadow:none}.champagnat-visual{background:#d6dfe9}.secondary-link{margin-top:17px;font-size:14px}.portfolio-contact{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#dce7ca;border-radius:6px;padding:45px 48px;margin-top:8px;margin-bottom:65px}.portfolio-contact h2{font-family:Gambetta,Georgia,serif;font-size:49px;line-height:1.07;letter-spacing:-1px;margin:0 0 20px}.portfolio-contact p:not(.folio-kicker){font-size:18px;line-height:1.6;margin:0}.folio-button{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#202820;color:white!important;font-weight:700;text-decoration:none;padding:17px 24px;border-radius:4px;font-size:16px}.services-link{display:block;text-align:center;margin-top:18px;font-size:14px}.capture-dialog{max-width:1380px;width:calc(100% - 48px);padding:0;border:0;border-radius:6px;background:#f4f2ed;color:var(--folio-ink);max-height:94vh}.capture-dialog::backdrop{background:#111c}.capture-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 22px;position:sticky;top:0;background:#f4f2ed}.capture-dialog-header p{font-size:14px;margin:0}.capture-dialog-header button{border:1px solid #aaa;background:white;padding:8px 14px;cursor:pointer;border-radius:3px;font:inherit;font-size:14px;white-space:nowrap}.capture-dialog>img{display:block;width:100%;height:auto}.portfolio-page a:focus-visible,.portfolio-page button:focus-visible,.portfolio-page summary:focus-visible{outline:3px solid #678344;outline-offset:5px}@media(prefers-reduced-motion:reduce){.capture-frame img{transition:none}}@media(max-width:1000px){.portfolio-hero{gap:35px;grid-template-columns:1fr 260px}.case-description{gap:35px}.batuta-showcase{gap:12px}.batuta-front,.batuta-panel{padding:20px}.portfolio-contact{padding:35px}}@media(max-width:750px){.portfolio-page .wrap{width:calc(100% - 36px)}.portfolio-nav{gap:16px}.nav-home{display:none}.portfolio-hero{grid-template-columns:1fr;gap:26px;padding:36px 0 32px}.portfolio-hero h1{font-size:clamp(40px,8.3vw,60px);letter-spacing:-1.4px}.hero-intro{font-size:18px}.project-index{padding:0}.project-index a{font-size:14px;padding:12px 0}.case{padding:26px 0 36px}.case-title{align-items:center;margin-bottom:20px}.case-title h2{font-size:34px}.case-title .folio-kicker{font-size:9px;margin-bottom:9px}.case-link{font-size:12px;gap:11px}.case-visual{padding:16px}.case-description{grid-template-columns:1fr;gap:21px;padding-top:24px}.case-description h3{font-size:31px}.case-description>div>p:not(.case-status):not(.disclosure){font-size:17px}.batuta-showcase{grid-template-columns:1fr;gap:14px}.batuta-front,.batuta-panel{padding:18px}.batuta-panel .capture-frame{max-width:490px;margin:auto}.screen-label{font-size:9px;margin-bottom:14px}.portfolio-contact{flex-direction:column;align-items:stretch;padding:28px;gap:28px;margin-bottom:35px}.portfolio-contact h2{font-size:39px}.folio-button{font-size:14px;padding:16px 18px;gap:13px}.capture-dialog{width:calc(100% - 18px)}.capture-dialog-header{padding:11px 12px;gap:10px}.capture-dialog-header p{font-size:11px}.capture-dialog-header button{font-size:12px}}@media(max-width:400px){.portfolio-page .brand{font-size:19px;gap:5px}.portfolio-page .brand img{width:36px;height:36px}.portfolio-nav{gap:11px}.portfolio-nav a{font-size:12px}.nav-contact{padding:8px 11px}.case-title h2{font-size:29px}.case-title{gap:10px}.case-link{gap:8px;font-size:11px}.case-visual{padding:12px}.portfolio-hero h1{font-size:39px}.folio-kicker{font-size:10px}.case-description h3{font-size:29px}.portfolio-contact{padding:24px}.folio-button{font-size:13px;padding:15px}}