/* Text-only opening, with client identity and a viewport-contained full intro. */
.proposal-case .proposal-opening{min-height:100svh;padding:clamp(184px,23svh,240px) var(--site-gutter) 0;background:var(--sbi-gray-1);color:var(--sbi-ink);display:flex;flex-direction:column;position:relative}
.proposal-back{position:absolute;left:50%;top:var(--site-gutter)}
.proposal-back a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--sbi-ink);text-decoration:none;font:500 12px/1.4 ui-monospace,monospace;text-transform:uppercase}
.proposal-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;transform:rotate(180deg)}
.proposal-opening .proposal-contact{position:absolute;top:var(--site-gutter);right:var(--site-gutter);width:clamp(168px,15.3vw,210px);height:32px;min-height:32px;padding:7px 16px;justify-content:center;gap:12px;background:transparent;color:var(--sbi-ink);border:1px solid var(--sbi-ink);border-radius:2px;font:400 12px/1.25 ui-monospace,monospace;letter-spacing:.03em}
.proposal-opening .proposal-contact::before{content:"";position:absolute;inset:-6px 0}
.proposal-opening .proposal-contact svg{width:16px;height:16px;flex:none}

.proposal-presentation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;flex:1;align-content:start;align-items:start}
.proposal-case .proposal-presentation h1,.proposal-case .proposal-summary{font:500 clamp(30px,2.8vw,42px)/1.16 EditorialSans,Helvetica,Arial,sans-serif;letter-spacing:-.025em;margin:0;padding:0}
.proposal-case .proposal-presentation h1{white-space:nowrap}.proposal-case .proposal-summary{max-width:25ch;text-wrap:pretty}
.proposal-title-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;color:inherit;text-decoration:none}
.proposal-title-link svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4}
.proposal-project-strip{display:grid;grid-template-columns:minmax(0,1fr) clamp(200px,17vw,248px);grid-template-rows:minmax(0,1fr) auto;gap:40px 32px;margin:64px 0 var(--site-gutter);align-items:stretch}
.proposal-meta{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.proposal-meta>div{display:grid;grid-template-rows:auto 1fr;min-width:0;padding:0}
.proposal-meta dt{font:500 12px/1.35 ui-monospace,monospace;letter-spacing:.01em;text-transform:uppercase;margin:0;padding:0 32px 28px;border-bottom:1px dashed var(--sbi-gray-4)}
.proposal-meta dd{margin:0;padding:28px 32px 0;font:400 16px/1.55 EditorialSans,Helvetica,Arial,sans-serif;letter-spacing:-.01em}
.proposal-meta>div:first-child :is(dt,dd){padding-left:0}
.proposal-tag{display:inline-block;padding:3px 7px;background:var(--sbi-ink);color:var(--sbi-white);font:500 11px/1.25 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.02em}
.proposal-client{grid-column:2;grid-row:1/span 2;position:relative;display:grid;place-items:center;aspect-ratio:1;align-self:end;margin:0;background:var(--sbi-ink);color:var(--sbi-white);border-radius:3px;min-width:0}
.proposal-client figcaption{position:absolute;left:12px;top:12px;font:500 11px/1.4 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.02em}
.proposal-client img{display:block;width:46%;height:auto;max-width:104px}
.proposal-bottom{grid-column:1;grid-row:2;display:flex;justify-content:flex-end;align-items:center;align-self:end;min-height:44px}
.proposal-bottom a{display:inline-flex;align-items:center;min-height:44px;color:var(--sbi-ink);text-decoration:none;text-transform:uppercase}
.proposal-bottom svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.3}
.proposal-bottom .proposal-discover{width:28%;min-width:210px;max-width:320px;justify-content:space-between;gap:30px;font:400 14px/1 EditorialSans,Helvetica,Arial,sans-serif}
.proposal-film{position:relative;isolation:isolate;min-height:100svh;padding:5svh 5vw;display:grid;place-items:center;box-sizing:border-box;background:var(--sbi-ink);color:var(--sbi-white);scroll-margin-top:0}
.proposal-film>figure{width:min(90vw,144svh);max-width:100%;margin:0;min-width:0}
.proposal-film[data-film-motion]>figure{clip-path:inset(0 round 3px);transition:clip-path 800ms var(--ease-in-out)}
.proposal-film[data-film-motion="ready"]>figure{clip-path:inset(48% 8% round 3px)}
.proposal-film .case-video-stage{overflow:hidden;border-radius:3px}
.proposal-film[data-film-motion] video{transform:scale(1);transition:transform 800ms var(--ease-out)}
.proposal-film[data-film-motion="ready"] video{transform:scale(1.08)}
.proposal-film video{display:block;width:100%;height:auto;max-height:90svh;object-fit:contain;border-radius:3px}
@media(prefers-reduced-motion:reduce){.proposal-film[data-film-motion]>figure,.proposal-film[data-film-motion="ready"]>figure{clip-path:none;transition:none}.proposal-film[data-film-motion] video,.proposal-film[data-film-motion="ready"] video{transform:none;transition:none}}
.proposal-recognition{padding-top:4px}
.proposal-case .proposal-recognition .case-awards{margin:0}
.proposal-case .proposal-recognition .case-awards>p{font:500 11px/1.4 ui-monospace,monospace;letter-spacing:.02em;text-transform:uppercase;margin:0 0 10px}
.proposal-case .proposal-recognition .case-awards li{flex:0 1 68px}
.proposal-case .case-study-chapter:first-child .case-panel-content{grid-template-rows:auto minmax(160px,1fr) auto}
.proposal-case :is(.proposal-back a,.proposal-contact,.proposal-discover,.proposal-title-link):focus-visible{outline:2px solid var(--sbi-ink);outline-offset:5px}
@media(hover:hover){.proposal-back a:hover,.proposal-title-link:hover{text-decoration:underline;text-underline-offset:5px}.proposal-discover:hover>span:nth-child(2){text-decoration:underline;text-underline-offset:5px}}
@media(min-width:641px) and (max-height:680px){.proposal-case .proposal-opening{padding-top:176px}.proposal-project-strip{margin-top:32px;grid-template-columns:minmax(0,1fr) 190px;row-gap:24px}.proposal-meta dd{font-size:15px}.proposal-bottom{min-height:48px}}
@media(max-width:900px){.proposal-presentation{gap:24px}.proposal-project-strip{column-gap:24px}.proposal-meta :is(dt,dd){padding-left:16px;padding-right:16px}.proposal-meta dd{font-size:15px}}
@media(max-width:640px){
 .proposal-case .proposal-opening{min-height:100svh;padding-top:194px;padding-bottom:12px}
 .proposal-back{left:var(--site-gutter);top:134px}.proposal-opening .proposal-contact{top:140px;width:145px;min-width:0}
 .proposal-presentation{display:flex;flex-direction:column;gap:28px;flex:none}
 .proposal-case .proposal-presentation h1,.proposal-case .proposal-summary{font-size:30px;line-height:1.15;letter-spacing:-.025em}
 .proposal-title-link{gap:12px}.proposal-title-link svg{width:22px;height:22px}
 .proposal-project-strip{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;grid-auto-rows:auto;gap:36px 24px;margin-top:48px}
 .proposal-meta{display:contents}.proposal-meta>div:nth-child(odd) :is(dt,dd){padding-left:0}
 .proposal-meta dt{padding-top:8px;padding-bottom:20px}.proposal-meta dd{padding-top:20px;font-size:15px}
 .proposal-client{grid-column:auto;grid-row:auto;align-self:start;max-width:178px;width:100%;justify-self:end}.proposal-client img{width:46%}
 .proposal-bottom{grid-column:1/-1;grid-row:auto;min-height:44px;margin-top:0}.proposal-bottom .proposal-discover{width:42%;min-width:150px;font-size:12px;gap:16px}.proposal-bottom svg{width:18px;height:18px}
 .proposal-case .case-study-chapter:first-child .case-panel-content{grid-template-rows:auto auto auto}
 .proposal-case .proposal-recognition .case-awards li{flex-basis:60px}
}

/* A shared right edge for the evidence; navigation has its own spatial band. */
body[data-page="proyecto-celso"]{--case-font-family:EditorialSans,Helvetica,Arial,sans-serif;--case-ui-font:ui-monospace,monospace;--case-body-size:16px;--case-body-leading:1.45;--case-label-size:12px;--case-button-size:12px;--case-button-weight:650;font-family:var(--case-font-family)}
.encargo-variant{--chapter-safe-top:calc(env(safe-area-inset-top,0px) + var(--menu-top) + var(--case-menu-height,90px) + 20px);--chapter-mobile-nav-height:calc(88px + env(safe-area-inset-bottom,0px));--chapter-safe-bottom:calc(var(--chapter-mobile-nav-height) + 20px);--chapter-index-width:192px;--chapter-index-gap:clamp(64px,4.2vw,80px);--chapter-media-gap:20px;--chapter-text-gap:12px;--case-heading-size:clamp(28px,2.8vw,40px);--case-section-heading-size:clamp(32px,3.2vw,48px);font-family:var(--case-font-family);font-weight:400}
.encargo-variant :is(.proposal-presentation h1,.proposal-summary,.proposal-meta dd,.proposal-discover){font-family:var(--case-font-family)}
.encargo-variant .proposal-meta dd{font-size:var(--case-body-size);font-weight:400;line-height:var(--case-body-leading);letter-spacing:0}
.proposal-intro-copy{min-width:0;width:100%;max-width:100%}
.encargo-variant .proposal-hero-recognition{padding:0;margin-top:20px}
.encargo-variant .proposal-hero-recognition .case-awards{margin:0}
.encargo-variant .proposal-hero-recognition .case-awards>p.case-awards-label{display:flex;align-items:center;gap:8px;margin:0 0 8px;font:500 var(--case-label-size)/1.4 var(--case-ui-font);letter-spacing:.02em;text-transform:uppercase}
.case-awards-label::before{content:"";width:14px;height:2px;flex:none;background:var(--sbi-brand)}
.encargo-variant .proposal-hero-recognition .case-awards ul{gap:16px;align-items:center;flex-wrap:nowrap}
.encargo-variant .proposal-hero-recognition .case-awards li{position:relative;z-index:0;flex:0 1 104px;width:104px}
.encargo-variant .proposal-hero-recognition .case-awards img{border-radius:50%;pointer-events:none;transform:scale(1);transform-origin:center;transition:transform 180ms var(--ease-out)}
.encargo-variant .proposal-hero-recognition .case-awards li:first-child img{transform-origin:left center}
.encargo-variant .proposal-hero-recognition .case-awards li:last-child img{transform-origin:right center}
.encargo-variant .proposal-hero-recognition .case-awards li:has(:focus-visible){z-index:5}
.encargo-variant .proposal-hero-recognition .case-awards li:has(:focus-visible) img{transform:scale(2.5);transition:none}
.encargo-variant[data-case-keyboard=true] .proposal-hero-recognition .case-awards img{transition:none}
.encargo-variant .proposal-hero-recognition .case-awards a:focus-visible img,.encargo-variant .proposal-hero-recognition .case-awards img:focus-visible{outline:1px solid var(--sbi-brand);outline-offset:3px}
@media(min-width:641px) and (min-height:681px){.encargo-variant .proposal-project-strip{margin-top:40px}}
@media(min-width:641px) and (max-height:800px){.encargo-variant .proposal-project-strip{grid-template-columns:minmax(0,1fr) 200px;row-gap:16px}}
/* Boxed actions share one label style. The hero keeps its approved compact size. */

.encargo-variant .proposal-opening .proposal-contact{height:32px;min-height:32px;padding:7px 16px}
.encargo-variant .proposal-opening .proposal-contact svg{width:16px;height:16px}
.encargo-variant .proposal-back{display:flex}
.encargo-variant .proposal-back a{position:relative;min-height:32px;height:32px;line-height:1.3}
.encargo-variant .proposal-back a::before{content:"";position:absolute;inset:-6px 0}

.encargo-variant .sbi-action:focus-visible{outline:2px solid var(--sbi-ink);outline-offset:4px}
.encargo-variant .case-study-layout{grid-template-columns:var(--chapter-index-width) minmax(0,1fr);column-gap:var(--chapter-index-gap)}
.encargo-variant .case-study-nav{padding-right:0;top:var(--chapter-safe-top);margin-top:var(--chapter-safe-top)}
.encargo-variant .case-study-nav nav a{font-size:17px;grid-template-columns:22px 1fr;gap:8px;min-height:52px;padding:14px 12px 14px 0}
.encargo-variant .case-study-nav>p{font-size:11px;margin-bottom:24px}
.encargo-variant .case-study-nav>.sbi-action{font:var(--case-button-weight) var(--case-button-size)/1.3 var(--case-ui-font);padding-inline:12px}
.encargo-variant .case-study-nav nav a[aria-current=location]{font-weight:400}
.encargo-variant .case-study-chapter:is(.encargo-proposal,.chapter-proposal){height:100svh;min-height:0}
.encargo-variant .case-study-chapter:is(.encargo-proposal,.chapter-proposal)>.case-panel-content{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);overflow:visible;gap:16px;padding:var(--chapter-safe-top) 0 clamp(20px,3svh,32px)}
.encargo-main,.chapter-main{display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--chapter-media-gap);min-width:0;min-height:0}
.encargo-copy,.chapter-copy{grid-row:1;display:grid;grid-template-columns:minmax(0,34fr) minmax(0,66fr);gap:32px;align-items:start;min-width:0}
.chapter-heading,.chapter-description{min-width:0}
.chapter-description{display:grid;gap:var(--chapter-text-gap)}
.encargo-variant #encargo h2,.encargo-variant .chapter-proposal h2{font-size:var(--case-heading-size);font-weight:400;line-height:1.08;letter-spacing:-.03em;margin:0;padding:0;max-width:15ch}
.encargo-variant #encargo .encargo-copy p,.encargo-variant .chapter-proposal .chapter-copy p{font-size:var(--case-body-size);font-weight:400;line-height:var(--case-body-leading);letter-spacing:0;margin:0;max-width:70ch}
.chapter-visual{grid-row:2;min-width:0;min-height:0;container-type:size;display:grid;place-items:start end}
.encargo-variant #encargo .encargo-visual,.encargo-variant .chapter-proposal .chapter-visual figure{display:block;width:min(100cqw,calc(100cqh*1.6));max-width:100%;height:auto;min-width:0;min-height:0;margin:0}
.encargo-variant .chapter-proposal--gestor .chapter-visual figure{width:min(100cqw,calc(100cqh * 1863 / 977))}
.encargo-variant #encargo .encargo-visual img,.encargo-variant .chapter-proposal .chapter-visual :is(img,video){display:block;width:100%;height:auto;min-height:0;max-height:none;flex:none;object-fit:contain;object-position:center;border-radius:3px}
.encargo-variant .chapter-proposal .case-video-stage{display:block;width:100%;height:auto;margin:0}
.encargo-variant :is(.case-study-chapter,.proposal-film) figcaption{position:absolute;width:1px;height:1px;padding:0;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.encargo-variant .chapter-proposal--movil .chapter-visual>figure{width:min(100cqw,calc(100cqh*.523255814))}
.chapter-languages{--language-controls-width:80px;display:grid;grid-template-columns:var(--language-controls-width) minmax(0,1fr);column-gap:16px;align-items:end;width:min(100cqw,calc(100cqh * 1.6 + var(--language-controls-width) + 16px));height:auto;min-height:0}
.chapter-language-picker{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:0}
:is(.chapter-language-picker,.chapter-viewer-languages) button{min-height:44px;background:var(--sbi-gray-1);color:var(--sbi-ink);border:1px solid var(--sbi-gray-5);border-radius:3px;padding:10px 8px;font:var(--case-button-weight) var(--case-button-size)/1.3 var(--case-ui-font);letter-spacing:.02em;text-transform:uppercase;cursor:pointer}
:is(.chapter-language-picker,.chapter-viewer-languages) button[aria-pressed=true]{background:var(--sbi-ink);color:var(--sbi-white);border-color:var(--sbi-ink)}
:is(.chapter-language-picker,.chapter-viewer-languages) button:hover{background:var(--sbi-gray-2);border-color:var(--sbi-ink)}
:is(.chapter-language-picker,.chapter-viewer-languages) button[aria-pressed=true]:hover{background:var(--sbi-ink);color:var(--sbi-white)}
.chapter-language-frames{grid-column:2;grid-row:1;width:100%;min-width:0;min-height:0}
.encargo-variant .chapter-proposal .chapter-language-frames figure{width:100%}
.chapter-language-frames figure[hidden]{display:none!important}
.encargo-variant .chapter-proposal--movil .chapter-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:48px}
.encargo-variant .chapter-proposal--movil .chapter-copy{display:block;grid-column:1;grid-row:1}
.encargo-variant .chapter-proposal--movil .chapter-description{margin-top:24px;max-width:38ch}
.encargo-variant .chapter-proposal--movil .chapter-visual{grid-column:2;grid-row:1;place-items:start center}
.chapter-zoomable,.chapter-zoomable .case-video-stage{position:relative}
.chapter-zoomable :is(img,video){cursor:zoom-in}
.chapter-media-expand{position:absolute;top:10px;right:10px;z-index:2;width:44px;height:44px;display:grid;place-items:center;padding:8px;border:1px solid rgba(var(--sbi-white-rgb),.5);border-radius:50%;background:var(--sbi-ink);color:var(--sbi-white);cursor:pointer}
.chapter-media-expand svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}
.chapter-media-expand:hover{background:var(--sbi-brand);color:var(--sbi-ink);border-color:var(--sbi-brand)}
.encargo-variant .chapter-zoomable :is(.chapter-media-expand,.case-video-toggle){opacity:0;pointer-events:none;transition:opacity 140ms ease-out}
.encargo-variant .chapter-zoomable:has(:focus-visible) :is(.chapter-media-expand,.case-video-toggle),.encargo-variant .chapter-zoomable[data-controls-visible=true] :is(.chapter-media-expand,.case-video-toggle){opacity:1;pointer-events:auto}
@media(hover:hover) and (pointer:fine){.encargo-variant .chapter-zoomable:hover :is(.chapter-media-expand,.case-video-toggle){opacity:1;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.encargo-variant .chapter-zoomable :is(.chapter-media-expand,.case-video-toggle){transition:none}}
.chapter-media-viewer{position:fixed;inset:0;width:94vw;height:94svh;max-width:none;max-height:none;padding:0;border:0;margin:auto;background:var(--sbi-ink);color:var(--sbi-white);overflow:hidden;font-family:var(--case-font-family)}
.chapter-media-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}
.chapter-media-viewer::backdrop{background:rgba(var(--sbi-ink-rgb),.93)}
.chapter-viewer-toolbar{display:flex;align-items:center;gap:20px;padding:10px 16px;border-bottom:1px solid var(--sbi-gray-6);min-width:0}
.chapter-viewer-toolbar p{flex:1;margin:0;font-size:var(--case-body-size);line-height:var(--case-body-leading);min-width:0}
.chapter-viewer-toolbar>button{min-height:44px;background:transparent;color:var(--sbi-white);border:0;font:var(--case-button-weight) var(--case-button-size)/1.3 var(--case-ui-font);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;padding:8px}
.chapter-viewer-toolbar button[hidden]{display:none}
.chapter-viewer-languages{display:flex;align-items:center;gap:8px}
.chapter-viewer-languages[hidden]{display:none}
.chapter-viewer-languages button{background:var(--sbi-ink);color:var(--sbi-white);border-color:var(--sbi-gray-5)}
.chapter-viewer-languages button:hover{background:var(--sbi-gray-6);color:var(--sbi-white);border-color:var(--sbi-white)}
.chapter-viewer-languages button[aria-pressed=true],.chapter-viewer-languages button[aria-pressed=true]:hover{background:var(--sbi-white);color:var(--sbi-ink);border-color:var(--sbi-white)}
.chapter-viewer-close{display:flex;align-items:center;justify-content:center;min-width:44px;gap:12px}
.chapter-viewer-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}
.chapter-viewer-canvas{display:flex;align-items:center;justify-content:center;overflow:auto;min-width:0;min-height:0;padding:16px;scrollbar-color:var(--sbi-gray-4) var(--sbi-ink)}
.chapter-viewer-canvas :is(img,video){display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;flex:none}
.chapter-viewer-canvas img{cursor:zoom-in}
.chapter-media-viewer.is-actual-size .chapter-viewer-canvas{display:block}
.chapter-media-viewer.is-actual-size img{max-width:none;max-height:none;cursor:zoom-out}
:is(.chapter-media-expand,.chapter-language-picker button):focus-visible{outline:2px solid var(--sbi-brand);outline-offset:4px}
.chapter-media-viewer button:focus-visible{outline:2px solid var(--sbi-brand);outline-offset:2px}
.encargo-variant{--case-summary-gap:32px}
/* The closing follows the site's quarter grid: context / labels / explanation. */
.encargo-variant .case-underneath{padding-top:var(--chapter-safe-top);padding-bottom:64px}
.encargo-variant .case-underneath h2{font-size:var(--case-section-heading-size);font-weight:400;line-height:1.08;letter-spacing:-.03em}
.encargo-variant .case-underneath-heading{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--case-summary-gap)}
.encargo-variant .case-underneath-heading>p{padding:0;margin:0;max-width:65ch}
.encargo-variant :is(.case-underneath-heading>p,.case-technology dt,.case-technology dd){font-size:var(--case-body-size);font-weight:400;line-height:var(--case-body-leading);letter-spacing:0}
.encargo-variant :is(.case-numbers dt,.case-study-nav>p,.proposal-meta dt){font-size:var(--case-label-size);font-weight:500;line-height:1.4}
.encargo-variant .case-numbers{gap:var(--case-summary-gap);margin:48px 0}
.encargo-variant .case-technology{margin:0}
.encargo-variant .case-technology>div{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--case-summary-gap);padding:20px 0;border:0}
.encargo-variant .case-technology>div::before,.encargo-variant .case-technology>div:last-child::after{content:"";position:absolute;left:calc((100% + var(--case-summary-gap))/4);right:0;top:0;border-top:1px dashed var(--sbi-gray-4)}
.encargo-variant .case-technology>div:last-child::after{top:auto;bottom:0}
.encargo-variant .case-technology dt{grid-column:2;padding:0;font-weight:500}
.encargo-variant .case-technology dd{grid-column:3 / -1;max-width:65ch}
.case-project-details{padding:0 var(--site-gutter) 48px;background:var(--sbi-white);color:var(--sbi-ink);scroll-margin-top:var(--chapter-safe-top)}
.case-project-details-inner{border-top:1px dashed var(--sbi-gray-4);padding-top:32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--case-summary-gap);align-items:start}
.encargo-variant .case-project-details-inner>h2{margin:0;padding-top:14px;font:500 var(--case-label-size)/1.4 var(--case-ui-font);text-transform:uppercase;letter-spacing:.015em}
.case-project-authorship{grid-column:2 / -1;min-width:0}
.case-project-authorship dl{display:grid;gap:8px;margin:0}
.case-project-authorship dl>div{display:grid;grid-template-columns:minmax(0,calc((100% - var(--case-summary-gap) - var(--case-summary-gap))/3)) minmax(0,1fr);gap:var(--case-summary-gap);align-items:center}
.case-project-authorship dt{margin:0;font:500 var(--case-label-size)/1.4 var(--case-ui-font);text-transform:uppercase;letter-spacing:.015em}
.case-project-authorship dd{margin:0;font:400 var(--case-body-size)/var(--case-body-leading) var(--case-font-family)}
.case-credit-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;font:inherit;color:inherit;text-decoration:none}
.case-credit-link svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4}
.case-credit-link:focus-visible{outline:2px solid var(--sbi-ink);outline-offset:4px}
.case-project-navigation{margin:0 var(--site-gutter);padding:32px 0 64px;border-top:1px dashed var(--sbi-gray-4);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--case-summary-gap);align-items:start;color:var(--sbi-ink)}
.encargo-variant .case-project-navigation>.case-return{display:inline-flex;align-items:center;gap:12px;min-height:44px;width:max-content;max-width:100%;padding:0;border:0;background:none;color:var(--sbi-ink);text-decoration:none;font:500 12px/1.3 var(--case-ui-font);text-transform:uppercase}
.case-return svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.case-return:focus-visible{outline:2px solid var(--sbi-ink);outline-offset:5px}
.case-mobile-chapters{display:none}
.encargo-variant .case-project-navigation>.case-next-project{display:grid;grid-template-columns:minmax(0,1fr) 20px;grid-template-rows:44px auto;row-gap:8px;width:100%;padding:0 16px 20px;align-items:center}
.case-next-project>.scramble-label{grid-column:1;grid-row:1}
.case-next-project>svg{grid-column:2;grid-row:1}
.encargo-variant .case-next-name{grid-column:1 / -1;grid-row:2;min-width:0;font:400 var(--case-heading-size)/1.08 var(--case-font-family);letter-spacing:-.03em;text-transform:none;overflow-wrap:anywhere}
@media(min-width:1600px){.encargo-variant{--chapter-index-width:224px;--chapter-index-gap:80px}}
@media(min-width:901px) and (max-width:1100px){.encargo-variant{--chapter-index-width:168px;--chapter-index-gap:48px}}
@media(max-width:900px){
 .encargo-variant{--case-summary-gap:24px}
 .encargo-variant .case-study-layout{display:block}
 .encargo-variant .case-study-nav{height:calc(56px + env(safe-area-inset-bottom,0px));padding:0 0 env(safe-area-inset-bottom,0px);box-sizing:border-box;top:calc(100dvh - 56px - env(safe-area-inset-bottom,0px));margin:0}
 .encargo-variant .case-study-nav nav a{font-size:14px;min-height:56px;padding:5px 0;gap:3px}
 .encargo-variant .case-study-nav nav a>span:first-child{font-size:12px}
 .encargo-variant .case-study-chapter:is(.encargo-proposal,.chapter-proposal)>.case-panel-content{padding:var(--chapter-safe-top) 0 calc(76px + env(safe-area-inset-bottom,0px))}
}
/* Use the outer gutters for the five labels on the narrowest phones. */
@media(max-width:360px){.encargo-variant .case-study-nav>nav{margin-inline:calc(-1 * var(--site-gutter))}}
@media(max-width:640px){
 body[data-page="proyecto-celso"]{--case-body-size:15px}
 .encargo-variant .proposal-back{top:140px}
 .encargo-variant{--chapter-media-gap:16px;--chapter-text-gap:8px;--case-heading-size:clamp(24px,6vw,30px);--case-section-heading-size:clamp(28px,7vw,36px);--case-body-size:15px}
 .encargo-variant .case-study-nav.has-mobile-chapter-controls{height:var(--chapter-mobile-nav-height);top:calc(100dvh - var(--chapter-mobile-nav-height));padding:0;z-index:8}
 .encargo-variant .case-study-nav.has-mobile-chapter-controls>nav{display:none}
 .case-mobile-chapters{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:20px 44px;row-gap:4px;align-content:center;height:var(--chapter-mobile-nav-height);padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));border-top:1px dashed var(--sbi-gray-4);background:var(--sbi-white);box-sizing:border-box}
 .encargo-variant .case-mobile-chapters .case-chapter-title{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--sbi-ink);font:400 16px/20px var(--case-font-family)}
 .encargo-variant .case-mobile-chapters .case-chapter-pages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:0}
 .encargo-variant .case-mobile-chapters .case-chapter-pages>a{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:0;place-items:center;min-width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--sbi-gray-6);font:500 16px/1 var(--case-ui-font);text-decoration:none}
 .encargo-variant .case-mobile-chapters .case-chapter-pages>a[aria-current=location]{color:var(--sbi-ink)}
 .encargo-variant .case-mobile-chapters .case-chapter-pages>a[aria-current=location]::after{content:"";position:absolute;left:50%;bottom:3px;width:24px;height:2px;transform:translateX(-50%);background:var(--sbi-brand)}
 .encargo-variant .case-mobile-chapters .case-chapter-pages>a:focus-visible{outline:2px solid var(--sbi-ink);outline-offset:-3px}
 .encargo-variant .case-study-chapter:is(.encargo-proposal,.chapter-proposal)>.case-panel-content{padding:var(--chapter-safe-top) 0 var(--chapter-safe-bottom);gap:12px}
 .encargo-copy,.chapter-copy{display:block}
 .encargo-variant #encargo h2,.encargo-variant .chapter-proposal h2{line-height:1.12;max-width:none}
 .chapter-description{margin-top:12px}
 .encargo-variant .chapter-proposal--movil .chapter-main{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:var(--chapter-media-gap)}
 .encargo-variant .chapter-proposal--movil .chapter-visual{grid-column:1;grid-row:2;place-items:start center}
 .encargo-variant .chapter-proposal--movil .chapter-description{margin-top:12px;max-width:none}
 .chapter-languages{grid-template-columns:minmax(0,1fr);grid-template-rows:44px auto;gap:8px;width:min(100cqw,calc((100cqh - 52px)*1.6))}
 .chapter-language-frames{grid-column:1;grid-row:2;width:100%}
 .chapter-language-picker{flex-direction:row;justify-content:flex-start;gap:4px}
 .chapter-language-picker button{padding-inline:10px;font-size:12px}
 .chapter-media-expand{top:8px;right:8px}
 .chapter-viewer-toolbar{gap:8px;padding:8px;flex-wrap:wrap}
 .chapter-viewer-languages{order:4;flex-basis:100%;gap:4px}
 .chapter-viewer-languages button{flex:1}
 .chapter-viewer-close span{display:none}
 .encargo-variant .case-underneath{padding-bottom:40px}
 .encargo-variant .case-underneath-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
 .encargo-variant .case-numbers{gap:24px;margin:40px 0}
 .encargo-variant .case-numbers dd{font-size:clamp(48px,15vw,58px)}
 .encargo-variant .case-technology>div{grid-template-columns:minmax(0,1fr);gap:8px;padding:16px 0}
 .encargo-variant .case-technology :is(dt,dd){grid-column:1}
 .encargo-variant .case-technology>div::before,.encargo-variant .case-technology>div:last-child::after{left:0}
 .case-project-details{padding-bottom:32px}
 .case-project-details-inner{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:24px}
 .encargo-variant .case-project-details-inner>h2{padding-top:0}
 .case-project-authorship{grid-column:1}
 .case-project-navigation{grid-template-columns:minmax(0,1fr);padding:24px 0 48px;gap:24px}
 .encargo-variant .case-project-navigation>.case-return{width:max-content;justify-content:flex-start}
 .encargo-variant .proposal-hero-recognition{margin-top:20px}
 .encargo-variant .proposal-hero-recognition .case-awards ul{gap:8px}
 .encargo-variant .proposal-hero-recognition .case-awards li{flex-basis:80px;width:80px}
 .case-project-authorship dl>div{grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:12px}
}
/* Short windows use natural media sizes rather than compressing the evidence. */
@media(max-height:600px), (max-width:640px) and (max-height:700px){
 .encargo-variant .case-study-chapter:is(.encargo-proposal,.chapter-proposal){height:auto;min-height:100svh}
 .encargo-variant .case-study-chapter:is(.encargo-proposal,.chapter-proposal)>.case-panel-content{height:auto;min-height:100svh}
 .encargo-main,.chapter-main{grid-template-rows:auto auto}
 .chapter-visual{container-type:normal;height:auto;display:grid}
 .encargo-variant #encargo .encargo-visual,.encargo-variant .chapter-proposal .chapter-visual figure{width:100%}
 .chapter-languages{width:100%;height:auto}
 .chapter-language-frames{width:100%}
 .encargo-variant .chapter-proposal--movil .chapter-visual{container-type:size;height:420px}
 .encargo-variant .chapter-proposal--movil .chapter-visual>figure{width:min(100cqw,calc(100cqh*.523255814))}
}
@media(max-width:640px) and (max-height:700px){
 .encargo-variant .chapter-proposal--movil .chapter-main{grid-template-rows:auto auto}
 .encargo-variant .chapter-proposal--movil .chapter-visual{container-type:normal;height:auto}
 .encargo-variant .chapter-proposal--movil .chapter-visual>figure{width:min(64%,250px)}
}
@media(min-width:641px) and (max-height:600px){
 body[data-page="proyecto-celso"]{--case-body-size:15px}
 .encargo-main,.chapter-main{grid-template-columns:minmax(0,32fr) minmax(0,68fr);grid-template-rows:auto;gap:32px;align-items:start}
 .encargo-copy,.chapter-copy{display:block;grid-column:1;grid-row:1}
 .chapter-description{margin-top:16px}
 .chapter-visual{grid-column:2;grid-row:1}
 .encargo-variant{--case-body-size:15px}
}
@supports not (width:1cqw){
 .encargo-variant .case-study-chapter:is(.encargo-proposal,.chapter-proposal){height:auto;min-height:100svh}
 .encargo-variant .case-study-chapter:is(.encargo-proposal,.chapter-proposal)>.case-panel-content{height:auto;min-height:100svh}
 .encargo-main,.chapter-main{display:flex;flex-direction:column}
 .chapter-visual{container-type:normal;display:block}
 .encargo-variant #encargo .encargo-visual,.encargo-variant .chapter-proposal .chapter-visual figure{width:100%}
 .chapter-languages{width:100%}
 .chapter-language-frames{width:100%}
 .encargo-variant .chapter-proposal--movil .chapter-visual>figure{width:min(64%,280px)}
}

/* Motion belongs to this case. Content stays visible without its mounted controller. */
body[data-page="proyecto-celso"] [data-case-reveal=pending]{opacity:0}
body[data-page="proyecto-celso"] .footer-emblem[data-symbol-entry=pending] .symbol-scene{opacity:0}
.encargo-variant :is(.sbi-action,.chapter-language-picker button,.chapter-media-expand,.case-video-toggle){transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease,transform 160ms var(--ease-out),opacity 150ms var(--ease-out)}
.encargo-variant :is(.proposal-discover,.sbi-action,.case-return,.case-credit-link) svg{transition:transform 200ms var(--ease-out)}
.encargo-variant .case-study-nav nav a{transition:background-color 160ms ease,color 160ms ease}
.encargo-variant:not([data-case-keyboard=true]) :is(.sbi-action,.chapter-language-picker button,.chapter-media-expand,.case-video-toggle):active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){
 .encargo-variant .case-mobile-chapters .case-chapter-pages>a:hover{background:var(--sbi-gray-1)}
 .encargo-variant .sbi-action:hover svg{transform:translateX(4px)}
 .encargo-variant .case-project-navigation .case-return:hover svg{transform:translateX(-4px)}
 .encargo-variant .case-return:hover{text-decoration:underline;text-underline-offset:5px}
 .encargo-variant .case-credit-link:hover{text-decoration:underline;text-underline-offset:4px}
 .encargo-variant .case-credit-link:hover svg{transform:translate(2px,-2px)}
 .encargo-variant .proposal-discover:hover svg{transform:translateY(4px)}
 .encargo-variant .proposal-hero-recognition .case-awards a:hover{transform:none}
 .encargo-variant .proposal-hero-recognition .case-awards li:hover{z-index:5}
 .encargo-variant .proposal-hero-recognition .case-awards li:hover img{transform:scale(2.5)}
}
/* Native dialog retains focus, Escape and top-layer behavior through the transition. */
body[data-page="proyecto-celso"] .chapter-media-viewer{opacity:0;transform:scale(.96);transition:opacity 150ms var(--ease-out),transform 150ms var(--ease-out),display 150ms allow-discrete,overlay 150ms allow-discrete}
body[data-page="proyecto-celso"] .chapter-media-viewer[open]{opacity:1;transform:scale(1);transition-duration:250ms}
body[data-page="proyecto-celso"] .chapter-media-viewer::backdrop{opacity:0;transition:opacity 150ms var(--ease-out),display 150ms allow-discrete,overlay 150ms allow-discrete}
body[data-page="proyecto-celso"] .chapter-media-viewer[open]::backdrop{opacity:1;transition-duration:250ms}
body[data-page="proyecto-celso"] .chapter-media-viewer[data-keyboard=true],body[data-page="proyecto-celso"] .chapter-media-viewer[data-keyboard=true]::backdrop{transition:none}
@starting-style{
 body[data-page="proyecto-celso"] .chapter-media-viewer[open]{opacity:0;transform:scale(.96)}
 body[data-page="proyecto-celso"] .chapter-media-viewer[open]::backdrop{opacity:0}
}
@media(prefers-reduced-motion:reduce){
 .encargo-variant .proposal-hero-recognition .case-awards img{transition:none}
 .encargo-variant .case-project-navigation .case-return:hover svg,.encargo-variant .case-credit-link:hover svg{transform:none}
 .encargo-variant :is(.sbi-action,.chapter-language-picker button,.chapter-media-expand,.case-video-toggle,.case-study-nav nav a){transition:background-color 150ms ease,color 150ms ease,opacity 150ms ease!important}
 .encargo-variant :is(.proposal-discover,.sbi-action,.case-return,.case-credit-link) svg,.encargo-variant :is(.sbi-action,.chapter-language-picker button,.chapter-media-expand,.case-video-toggle):active,.encargo-variant .proposal-hero-recognition .case-awards a:hover{transform:none}
 body[data-page="proyecto-celso"] .chapter-media-viewer{transform:none;transition:opacity 150ms var(--ease-out),display 150ms allow-discrete,overlay 150ms allow-discrete}
 @starting-style{body[data-page="proyecto-celso"] .chapter-media-viewer[open]{transform:none}}
}


/* Light opening and dark media viewer use the shared action/control palette. */
body[data-page="proyecto-celso"] .proposal-opening{--button-fill:var(--sbi-ink);--button-fill-ink:var(--sbi-white);--button-outline-ink:var(--sbi-ink)}
body[data-page="proyecto-celso"] .chapter-media-viewer{--button-control-paper:var(--sbi-ink);--button-control-ink:var(--sbi-white);--button-selected-fill:var(--sbi-white);--button-selected-ink:var(--sbi-ink)}
.encargo-variant .case-project-navigation>.case-return{font:var(--button-font)}