/* A short sister of the approved project template. The menu, buttons and footer stay shared. */
body:is([data-page^="exploracion-"],[data-page="proyecto-focusflow"]){--case-font-family:EditorialSans,Helvetica,Arial,sans-serif;font-family:var(--case-font-family)}
body:is([data-page^="exploracion-"],[data-page="proyecto-focusflow"]) .proposal-opening{--button-fill:var(--sbi-ink);--button-fill-ink:var(--sbi-white);--button-outline-ink:var(--sbi-ink)}
body:is([data-page^="exploracion-"],[data-page="proyecto-focusflow"]) .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)}
.exploration-case{--case-summary-gap:32px;font-family:EditorialSans,Helvetica,Arial,sans-serif;color:var(--sbi-ink)}
.exploration-case .proposal-opening{padding-top:clamp(184px,23svh,240px)}
.exploration-case .proposal-presentation h1{white-space:normal;overflow-wrap:anywhere}
.exploration-case .proposal-summary{max-width:30ch}
.exploration-kind{margin:24px 0 0;font:500 12px/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.015em}
.exploration-case .proposal-intro-copy>.exploration-demo-link{margin-top:24px;max-width:100%;width:max-content}
.exploration-case .proposal-project-strip{margin-top:64px}
.exploration-case .proposal-meta dt{font:550 12px/1.4 ui-monospace,monospace}
.exploration-case .proposal-meta dd{font:400 16px/1.5 EditorialSans,Helvetica,Arial,sans-serif}
.exploration-case .exploration-identity{background:var(--identity-ground);color:var(--identity-ink);overflow:hidden}
.exploration-case .exploration-identity img{width:80%;max-width:none;max-height:60%;height:auto;object-fit:contain}
.exploration-case[data-exploration="urban-hype"] .exploration-identity img{width:78%;height:auto;max-height:78%}
.exploration-case .proposal-back svg{transform:none}
.exploration-case .proposal-bottom .proposal-discover{font:var(--button-font);min-height:44px}
.exploration-case .proposal-bottom{padding:0}
.exploration-media{position:relative;margin:0;min-width:0;width:100%;cursor:zoom-in}
.exploration-media>img{display:block;width:100%;height:auto;object-fit:contain;border-radius:3px}
.exploration-case .chapter-zoomable .chapter-media-expand{opacity:0;pointer-events:none;transition:opacity 140ms ease-out}
.exploration-case .chapter-zoomable:has(:focus-visible) .chapter-media-expand,.exploration-case .chapter-zoomable[data-controls-visible=true] .chapter-media-expand{opacity:1;pointer-events:auto}
.exploration-story{--story-gap:clamp(56px,7vw,112px);--story-column-gap:clamp(32px,4vw,64px);scroll-margin-top:calc(90px + var(--site-gutter) + env(safe-area-inset-top,0px) + 20px)}
.exploration-story :is(h2,h3,p,dl,ol,ul){margin:0}
.exploration-story h2{font:400 clamp(30px,3.2vw,48px)/1.1 EditorialSans,Helvetica,Arial,sans-serif;letter-spacing:-.025em;text-wrap:balance;max-width:22ch}
.exploration-story h3{font:400 24px/1.2 EditorialSans,Helvetica,Arial,sans-serif;letter-spacing:-.02em}
.exploration-story p,.exploration-story dd{font:400 16px/1.55 EditorialSans,Helvetica,Arial,sans-serif;letter-spacing:0;max-width:62ch}
.exploration-story-picture{min-width:0}
.exploration-story-picture--field{padding:clamp(24px,4vw,64px);background:var(--identity-ground);display:grid;place-items:center}
.exploration-story-picture--field>.exploration-media{max-width:1440px}
.exploration-story-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.exploration-story-reading{margin:0 var(--site-gutter);padding:var(--story-gap) 0}
.exploration-comparison{margin:0 var(--site-gutter)}
.exploration-comparison-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.exploration-comparison-controls>[data-ui-button]{width:auto;min-width:180px}
.exploration-comparison-frame{padding:clamp(16px,3vw,48px);background:var(--identity-ground);border-radius:3px}
.exploration-comparison-frame>[hidden]{display:none}
.exploration-story-configurator .exploration-story-reading:last-child{padding-top:40px}
.exploration-story-configurator .exploration-story-action{margin-top:32px}
.exploration-story-copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px;min-width:0}
.exploration-story-copy h2{font-size:clamp(28px,2.5vw,38px)}
.exploration-story-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px dashed var(--sbi-gray-4);padding-top:24px}
.exploration-story-notes>div{min-width:0}
.exploration-story-notes dt{font:650 12px/1.4 ui-monospace,monospace;text-transform:uppercase;margin:0 0 12px}
.exploration-story-notes dd{margin:0}
.exploration-story-reading>.exploration-story-notes,.exploration-story-reading>.exploration-story-steps,.exploration-market-split{margin-top:40px}
.exploration-story-steps{list-style:none;padding:24px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px dashed var(--sbi-gray-4)}
.exploration-story-steps li{min-width:0}
.exploration-story-steps li>span{display:block;font:500 12px/1.4 ui-monospace,monospace;margin-bottom:20px}
.exploration-story-steps h3{margin-bottom:12px}
.exploration-story-evidence{margin:0 var(--site-gutter);padding-bottom:var(--story-gap);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--story-column-gap);align-items:center}
.exploration-story--knowledge .exploration-story-evidence{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
.exploration-story-evidence--document{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.exploration-story-picture--document{display:grid;place-items:center;padding:32px;background:var(--sbi-gray-1)}
.exploration-story-picture--document>.exploration-media{width:min(100%,380px)}
.exploration-story .exploration-media--portrait>img{max-height:80svh;width:auto;max-width:100%;margin:auto}
.exploration-story-materials{margin:0 var(--site-gutter);padding-bottom:var(--story-gap)}
.exploration-story-materials-heading{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;margin-bottom:32px}
.exploration-material-samples{padding:0;list-style:none;display:flex;gap:24px;flex-wrap:wrap;grid-column:2;font:500 12px/1.4 ui-monospace,monospace}
.exploration-material-samples li{display:flex;align-items:center;gap:10px}
.exploration-material-samples li>span{width:22px;height:22px;border-radius:3px}
.sample-oak{background:#b99568}.sample-walnut{background:#684832}.sample-chalk{background:#e9e5da;border:1px solid #c6b99f}.sample-olive{background:#747d60}
.exploration-story-materials>.exploration-story-action{margin-top:32px}
.exploration-story-commerce{margin:0 var(--site-gutter);padding:var(--story-gap) 0}
.exploration-story-commerce-grid{margin-top:40px;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--story-column-gap);align-items:center}
.exploration-story-commerce-grid .exploration-story-steps{grid-template-columns:1fr;gap:24px}
.exploration-story-commerce-grid .exploration-story-steps li>span{float:left;margin:4px 12px 0 0}
.exploration-story-commerce-grid .exploration-story-steps p{clear:both}
.exploration-market-split .exploration-story-notes{grid-template-columns:repeat(2,minmax(0,1fr))}
.exploration-story-evidence--reverse{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.exploration-story-focus{padding:var(--story-gap) var(--site-gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;background:var(--sbi-gray-1)}
.exploration-story-focus>.exploration-story-copy,.exploration-focus-notes{width:min(100%,480px);justify-self:center}
.exploration-focus-notes{grid-column:1;grid-row:2}
.exploration-focus-notes>.exploration-story-action{margin-top:24px}
.exploration-story-focus h2{font-size:clamp(36px,4vw,56px)}
.exploration-story-focus .exploration-story-notes{grid-template-columns:1fr;gap:20px;width:100%}
.exploration-story-focus .exploration-story-notes dt{margin-bottom:6px}
.exploration-story-picture--phone{width:clamp(230px,23vw,320px);max-width:100%;justify-self:center;grid-column:2;grid-row:1/span 2}
.exploration-story-desktop{padding-bottom:var(--story-gap)}
.exploration-story-desktop-heading{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:0 var(--site-gutter);padding:var(--story-gap) 0 32px}
.exploration-story-gallery{padding:clamp(24px,4vw,64px) var(--site-gutter) var(--story-gap);background:var(--sbi-ink);color:var(--sbi-white);--button-outline-ink:var(--sbi-white)}
.exploration-story-gallery>.exploration-story-picture{max-width:1600px;margin:0 auto}
.exploration-story-gallery>.exploration-story-intro{padding:var(--story-gap) 0}
.exploration-gallery-note{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;padding-top:32px}
.exploration-gallery-note .exploration-story-action{grid-column:2}
/* Aether's screenshots become a small cinema on wide screens; the scroll stays native. */
.aether-reel-screen{display:grid;gap:32px}
.aether-shot{min-width:0}
.aether-reel-track{display:none}
.aether-reel[data-aether-motion="cinema"]{height:260svh;position:relative}
.aether-reel[data-aether-motion="cinema"] .aether-reel-frame{position:sticky;top:0;height:100svh;box-sizing:border-box;padding:calc(90px + var(--site-gutter) + 20px) 3vw max(24px,env(safe-area-inset-bottom,0px));display:grid;grid-template-rows:minmax(0,1fr) auto;gap:20px}
.aether-reel[data-aether-motion="cinema"] .aether-reel-screen{position:relative;min-height:0;clip-path:inset(44% 0);transition:clip-path 1000ms var(--ease-in-out)}
.aether-reel[data-aether-motion="cinema"][data-open="true"] .aether-reel-screen{clip-path:inset(0)}
.aether-reel[data-aether-motion="cinema"] .aether-shot{position:absolute;inset:0;display:grid;place-items:center;will-change:transform,opacity}
.aether-reel[data-aether-motion="cinema"] .aether-shot:nth-child(2){opacity:0;pointer-events:none}
.aether-reel[data-aether-motion="cinema"] .aether-shot .exploration-media{width:min(100%,calc((100svh - 174px - var(--site-gutter) - max(24px,env(safe-area-inset-bottom,0px))) * var(--aether-ratio)));height:auto;aspect-ratio:var(--aether-ratio);display:grid;place-items:center}
.aether-reel[data-aether-motion="cinema"] .aether-shot img{width:100%;height:auto;object-fit:contain;max-height:100%;border-radius:0}
.aether-reel[data-aether-motion="cinema"] .aether-reel-track{display:flex;align-items:center;gap:24px;font:var(--button-font);text-transform:uppercase;min-height:44px}
.aether-reel-track>[data-aether-step]{opacity:.55}
.aether-reel-track>[aria-current="step"]{opacity:1}
.aether-reel-rule{height:1px;flex:1;background:rgba(var(--sbi-white-rgb),.3);overflow:hidden}
.aether-reel-rule>span{display:block;height:100%;background:var(--sbi-white);transform:scaleX(0);transform-origin:left center}
.aether-reel[data-aether-motion="stacked"] .aether-shot{clip-path:inset(43% 0);transition:clip-path 800ms var(--ease-in-out)}
.aether-reel[data-aether-motion="stacked"] .aether-shot[data-revealed="true"]{clip-path:inset(0)}
@media(prefers-reduced-motion:reduce){.aether-reel .aether-shot,.aether-reel .aether-reel-screen{clip-path:none;transition:none}}
.exploration-story-territory>.exploration-story-intro{padding:var(--story-gap) var(--site-gutter)}
.exploration-territory-solutions{margin:0 var(--site-gutter);padding-bottom:var(--story-gap);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--story-column-gap);align-items:center}
.exploration-story-architecture{margin:0 var(--site-gutter);padding:48px 0 var(--story-gap)}
.exploration-story-architecture>.exploration-story-intro{margin-left:16.666%;padding:var(--story-gap) 0}
.exploration-architecture-materials{display:grid;gap:32px}
.exploration-architecture-materials>.exploration-story-copy{margin-left:50%}
.exploration-architecture-materials>.exploration-story-picture{width:83.333%;justify-self:end}
.exploration-story-architecture>.exploration-story-action{margin-top:32px;text-align:right}
.exploration-story-brand{margin:0 var(--site-gutter);padding:var(--story-gap) 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--story-column-gap);align-items:center}
.exploration-navigation{--case-summary-gap:32px}
.exploration-navigation>.case-return{display:inline-flex;align-items:center;gap:12px;width:max-content;max-width:100%;min-height:44px;text-decoration:none;font:var(--button-font);text-transform:uppercase}
.exploration-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}
.exploration-navigation .case-next-name{grid-column:1/-1;font:400 clamp(28px,3.2vw,48px)/1.1 EditorialSans,Helvetica,Arial,sans-serif;letter-spacing:-.025em;text-transform:none}
.project-logo-preview[data-identity] .project-logo-card{background:var(--identity-ground);color:var(--identity-ink);border:0}
.project-logo-preview[data-identity] .project-logo-mark{width:80%}
.project-logo-preview[data-identity] .project-logo-mark img{max-height:240px}
@media(hover:hover) and (pointer:fine){.exploration-navigation>.case-return:hover{text-decoration:underline;text-underline-offset:5px}.exploration-case .chapter-zoomable:hover .chapter-media-expand{opacity:1;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.exploration-case .chapter-zoomable .chapter-media-expand{transition:none}}
@media(min-width:641px) and (max-height:800px){.exploration-case .proposal-project-strip{grid-template-columns:minmax(0,1fr) 200px;row-gap:16px;margin-top:40px}.exploration-case .proposal-meta dt{padding-bottom:20px}.exploration-case .proposal-meta dd{padding-top:20px}}
@media(max-width:1000px){.exploration-story-commerce-grid,.exploration-story-brand,.exploration-territory-solutions,.exploration-story--knowledge .exploration-story-evidence{grid-template-columns:1fr}.exploration-story-commerce-grid .exploration-story-copy{display:block}.exploration-story-commerce-grid .exploration-story-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.exploration-story-commerce-grid .exploration-story-action{margin-top:24px}}
@media(max-width:900px){.exploration-case .proposal-summary{max-width:none}.exploration-story-evidence--reverse{grid-template-columns:1.5fr 1fr}.exploration-story-architecture>.exploration-story-intro{margin-left:0}.exploration-architecture-materials>.exploration-story-copy{margin-left:33.333%}.exploration-architecture-materials>.exploration-story-picture{width:100%}}
@media(max-width:640px){
 .exploration-case .proposal-opening{padding-top:194px;padding-bottom:16px;min-height:100svh}
 .exploration-case .proposal-presentation{gap:24px}
 .exploration-case .proposal-project-strip{margin-top:40px;gap:28px 24px}
 .exploration-case .proposal-meta dd{font-size:15px}
 .exploration-kind{margin-top:20px}
 .exploration-case .proposal-intro-copy>.exploration-demo-link{margin-top:20px}
 .exploration-case .proposal-client{max-width:178px;align-self:end}
 .exploration-story{--story-gap:56px;--story-column-gap:24px}
 .exploration-story :is(p,dd){font-size:15px}
 .exploration-story :is(h2,.exploration-story-copy h2){font-size:30px}
 .exploration-story h3{font-size:24px}
 .exploration-story-intro,.exploration-story-materials-heading,.exploration-story-desktop-heading,.exploration-gallery-note{grid-template-columns:1fr;gap:24px}
 .exploration-story-reading>.exploration-story-notes,.exploration-story-reading>.exploration-story-steps,.exploration-market-split{margin-top:28px}
 .exploration-story-notes,.exploration-story-steps,.exploration-story-commerce-grid .exploration-story-steps,.exploration-market-split .exploration-story-notes{grid-template-columns:1fr;gap:24px}
 .exploration-story-steps li>span{float:left;margin:4px 12px 0 0}
 .exploration-story-steps h3{font-size:24px}
 .exploration-story-steps p{clear:both}
 .exploration-story-evidence,.exploration-story-focus{grid-template-columns:1fr;gap:28px}
 .exploration-story-copy{gap:20px}
 .exploration-story-picture--field{padding:24px var(--site-gutter)}
 .exploration-story-picture--document{padding:24px}
 .exploration-story-picture--document>.exploration-media{width:min(100%,300px)}
 .exploration-material-samples,.exploration-gallery-note .exploration-story-action{grid-column:1}
 .exploration-material-samples{gap:16px}
 .exploration-story-commerce-grid{margin-top:28px}
 .exploration-story-focus .exploration-story-notes{gap:20px}
 .exploration-story-focus .exploration-story-notes dd{max-width:55ch}
 .exploration-story-picture--phone{width:min(70%,260px);grid-column:1;grid-row:auto}
 .exploration-focus-notes{grid-column:1;grid-row:auto}
 .exploration-story-gallery{padding-top:24px}
 .exploration-story-architecture{padding-top:24px}
 .exploration-architecture-materials>.exploration-story-copy{margin-left:0}
 .exploration-navigation{grid-template-columns:1fr;gap:28px;padding-top:24px;padding-bottom:40px}
}