/* Poster geometry is decorative and appears only in the default edition. */
.folio-mark{display:none}
html[data-showbook-layout=facets] body:not(.cyber) .showbook-grid{position:relative;isolation:isolate}
html[data-showbook-layout=facets] body:not(.cyber) .folio-mark{display:block;position:absolute;z-index:-1;inset:2% -5% 2% 45%;overflow:hidden;pointer-events:none}
html[data-showbook-layout=facets] body:not(.cyber) .folio-mark i{position:absolute;display:block}
html[data-showbook-layout=facets] body:not(.cyber) .folio-mark i:nth-child(1){background:#d9542b;inset:0 0 28% 43%}
html[data-showbook-layout=facets] body:not(.cyber) .folio-mark i:nth-child(2){background:#f2c230;width:64%;aspect-ratio:1;right:18%;bottom:-25%;border-radius:50%}
html[data-showbook-layout=facets] body:not(.cyber) .folio-mark i:nth-child(3){background:#12162b;inset:15% 0 44% 10%;clip-path:polygon(0 0,100% 0,100% 100%)}
html[data-showbook-layout=facets] body:not(.cyber) .folio-mark i:nth-child(4){background:#ede6d8;width:32%;aspect-ratio:1;right:0;bottom:10%;border-radius:50% 0 0 0}
@media(max-width:760px){html[data-showbook-layout=facets] body:not(.cyber) .folio-mark{inset:auto -5% 0 31%;height:38%}}
/* Work index: long editorial plates alternate image and text. */
@media(min-width:761px){
 html[data-showbook-layout=facets] body:not(.cyber) main:has(.project-filter) .page-heading h1{max-width:11ch}
 html[data-showbook-layout=facets] body:not(.cyber) main:has(.project-filter) .page-heading::before{content:"";position:absolute;top:14%;right:4%;width:clamp(7rem,15vw,14rem);height:clamp(7rem,15vw,14rem);border-radius:50%;background:#f2c230;box-shadow:none}
 html[data-showbook-layout=facets] body:not(.cyber) main:has(.project-filter) .page-heading::after{content:"";position:absolute;top:14%;right:4%;width:clamp(7rem,15vw,14rem);height:clamp(7rem,15vw,14rem);background:#d9542b;clip-path:polygon(50% 0,100% 0,100% 50%,50% 50%)}
 html[data-showbook-layout=facets] body:not(.cyber) main:has(.project-filter) .showcase-grid{display:block;border:0}
 html[data-showbook-layout=facets] body:not(.cyber) main:has(.project-filter) .showcase-grid>.project-row:nth-child(n){display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto 1fr;gap:.8rem clamp(1.5rem,4vw,4rem);margin:0;padding:clamp(2rem,4vw,4rem) 0;border:0;border-top:2px solid #12162b}
 html[data-showbook-layout=facets] body:not(.cyber) main:has(.project-filter) .showcase-grid>.project-row:nth-child(n) .project-thumb{grid-column:1;grid-row:1/span 2;width:100%;aspect-ratio:auto;height:auto;border-radius:0}
 html[data-showbook-layout=facets] body:not(.cyber) main:has(.project-filter) .showcase-grid>.project-row:nth-child(n) .project-body{grid-column:2;grid-row:1;margin:0}
 html[data-showbook-layout=facets] body:not(.cyber) main:has(.project-filter) .showcase-grid>.project-row:nth-child(n)>p{grid-column:2;grid-row:2;margin:0}
 html[data-showbook-layout=facets] body:not(.cyber) main:has(.project-filter) .showcase-grid>.project-row:nth-child(even) .project-thumb{grid-column:2}
 html[data-showbook-layout=facets] body:not(.cyber) main:has(.project-filter) .showcase-grid>.project-row:nth-child(even) .project-body,html[data-showbook-layout=facets] body:not(.cyber) main:has(.project-filter) .showcase-grid>.project-row:nth-child(even)>p{grid-column:1}
 html[data-showbook-layout=facets] body:not(.cyber) main:has(.project-filter) .showcase-grid>.project-row[hidden]{display:none!important}
}
/* Geometric punctuation across the remaining editorial pages. */
html[data-showbook-layout=facets] body:not(.cyber) .case-heading,html[data-showbook-layout=facets] body:not(.cyber) .portrait-section .portrait-grid,html[data-showbook-layout=facets] body:not(.cyber) :is(.sol-inner,.proc-inner){position:relative;isolation:isolate}
@media(min-width:900px){
 html[data-showbook-layout=facets] body:not(.cyber) .case-heading::before{content:"";position:absolute;z-index:-1;right:0;top:1rem;width:13rem;height:13rem;background:#f2c230;border-radius:50% 0 50% 50%}
 html[data-showbook-layout=facets] body:not(.cyber) .portrait-section .portrait-grid::before{content:"";position:absolute;z-index:-1;right:1%;top:0;width:35%;aspect-ratio:1;background:#f2c230;border-radius:50%}
 html[data-showbook-layout=facets] body:not(.cyber) :is(.sol-inner,.proc-inner)::before{content:"";position:absolute;z-index:-1;right:0;top:0;width:clamp(8rem,15vw,14rem);aspect-ratio:1;background:#d9542b;clip-path:polygon(0 0,100% 0,100% 100%)}
 html[data-showbook-layout=facets] body:not(.cyber) :is(.sol-inner,.proc-inner)>h1{max-width:75%}
}
html[data-showbook-layout=facets] body:not(.cyber) #blog .blog-card-visual{border-radius:0}
html[data-showbook-layout=facets] body:not(.cyber) .showbook-portrait figcaption{background:#ede6d8;padding:.25rem}
@media(min-width:900px){
 html[data-showbook-layout=facets] body:not(.cyber) .showbook-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);column-gap:1.5rem;align-items:start}
 html[data-showbook-layout=facets] body:not(.cyber) .showbook-copy h1,html[data-showbook-layout=facets] body:not(.cyber) .showbook-copy .showbook-line{grid-column:1/-1}
 html[data-showbook-layout=facets] body:not(.cyber) .showbook-copy .showbook-intro{grid-column:1}
 html[data-showbook-layout=facets] body:not(.cyber) .showbook-copy .actions{grid-column:2;align-self:end;justify-self:start}
}
@media(max-width:760px){
 html[data-showbook-layout=facets] body:not(.cyber) .showbook-grid{gap:1.5rem}
 html[data-showbook-layout=facets] body:not(.cyber) .folio-mark{position:relative;inset:auto;order:-1;grid-column:1;grid-row:auto;width:100%;height:5rem}
 html[data-showbook-layout=facets] body:not(.cyber) .folio-mark i:nth-child(1){inset:0 0 0 48%}
 html[data-showbook-layout=facets] body:not(.cyber) .folio-mark i:nth-child(2){width:7rem;height:7rem;left:20%;right:auto;bottom:-3.5rem}
 html[data-showbook-layout=facets] body:not(.cyber) .folio-mark i:nth-child(3){inset:0 34% 0 0;clip-path:polygon(0 0,100% 0,70% 100%,0 100%)}
 html[data-showbook-layout=facets] body:not(.cyber) .folio-mark i:nth-child(4){width:5rem;height:5rem;right:0;bottom:0;border-radius:100% 0 0 0}
 html[data-showbook-layout=facets] body:not(.cyber) main:has(.project-filter) .page-heading::before{top:1rem;right:0;width:2.75rem;height:2.75rem;border-radius:50%;background:#f2c230;box-shadow:none}
 html[data-showbook-layout=facets] body:not(.cyber) main:has(.project-filter) .page-heading::after{content:"";position:absolute;top:1rem;right:0;width:1.375rem;height:1.375rem;background:#d9542b}
}
/* Cover: dark title field, pale portrait field and a shared quarter-disc. */
html[data-showbook-layout=facets] body:not(.cyber) .showbook{position:relative;isolation:isolate;overflow:hidden;background:#12162b;color:#ede6d8;border:0}
html[data-showbook-layout=facets] body:not(.cyber) .showbook::before{content:"";position:absolute;z-index:-1;inset:0;background:#ede6d8;clip-path:polygon(60% 0,100% 0,100% 100%,56% 100%);pointer-events:none}
html[data-showbook-layout=facets] body:not(.cyber) .showbook-copy h1,html[data-showbook-layout=facets] body:not(.cyber) .showbook-copy h1>span,html[data-showbook-layout=facets] body:not(.cyber) .showbook-copy .showbook-line,html[data-showbook-layout=facets] body:not(.cyber) .showbook-copy .showbook-intro{color:#ede6d8}
html[data-showbook-layout=facets] body:not(.cyber) .showbook-copy h1>span{background:none}
html[data-showbook-layout=facets] body:not(.cyber) .showbook-copy h1 .name-period{color:#d9542b}
html[data-showbook-layout=facets] body:not(.cyber) .showbook-copy .text-link{color:#f2c230}
html[data-showbook-layout=facets] body:not(.cyber) .showbook-portrait{width:min(100%,27rem);margin:0;align-self:center}
html[data-showbook-layout=facets] body:not(.cyber) .showbook-portrait .portrait-art{display:block;width:100%;aspect-ratio:1;overflow:hidden;border:0;border-radius:50%;clip-path:none;transform:none;filter:none;box-shadow:0 0 0 .5rem #ede6d8}
html[data-showbook-layout=facets] body:not(.cyber) .showbook-portrait img.portrait-default{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;object-position:center 37%;clip-path:none;border-radius:0;animation:none}
html[data-showbook-layout=facets] body:not(.cyber) .showbook-portrait figcaption{color:#12162b;position:relative}
@media(min-width:761px){
 html[data-showbook-layout=facets] body:not(.cyber) .folio-mark{inset:0 -5% 0 50%}
 html[data-showbook-layout=facets] body:not(.cyber) .folio-mark i:nth-child(1){inset:5% 0 62% 54%;background:#d9542b}
 html[data-showbook-layout=facets] body:not(.cyber) .folio-mark i:nth-child(2){width:70%;height:auto;left:0;right:auto;bottom:0;border-radius:100% 0 0 0;background:#f2c230}
 html[data-showbook-layout=facets] body:not(.cyber) .folio-mark i:nth-child(3){inset:10% 0 58% 21%;background:#12162b;clip-path:polygon(0 0,100% 0,100% 100%)}
 html[data-showbook-layout=facets] body:not(.cyber) .folio-mark i:nth-child(4){background:#ede6d8}
}
@media(max-width:760px){
 html[data-showbook-layout=facets] body:not(.cyber) .showbook::before{display:none}
 html[data-showbook-layout=facets] body:not(.cyber) .showbook-portrait{width:min(88%,22rem);margin:0 auto;justify-self:center}
 html[data-showbook-layout=facets] body:not(.cyber) .showbook-portrait figcaption{background:transparent;color:#ede6d8}
}
html[data-showbook-layout=facets] body:not(.cyber) .showbook-portrait{display:block}
html[data-showbook-layout=facets] body:not(.cyber) .showbook-portrait figcaption{display:block;height:auto;writing-mode:horizontal-tb;transform:none;margin:.9rem 0 0;text-align:right}
html[data-showbook-layout=facets] body:not(.cyber) .showbook-copy .showbook-line{justify-self:start;align-self:start;margin-left:0!important;margin-right:0!important;text-align:left}
@media(min-width:761px){html[data-showbook-layout=facets] body:not(.cyber) .folio-mark i:nth-child(2){left:12%;width:62%}}
/* The home project index uses the same alternating bands as the complete index. */
@media(min-width:761px){
 html[data-showbook-layout=facets] body:not(.cyber) .layout-stage .showcase-grid{display:block}
 html[data-showbook-layout=facets] body:not(.cyber) .layout-stage .showcase-grid .layout-project .project-row{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto 1fr;gap:.8rem clamp(1.5rem,4vw,4rem);padding:clamp(2rem,4vw,4rem) 0;border-top:2px solid #12162b}
 html[data-showbook-layout=facets] body:not(.cyber) .layout-stage .showcase-grid .layout-project .project-thumb{grid-column:1;grid-row:1/span 2}
 html[data-showbook-layout=facets] body:not(.cyber) .layout-stage .showcase-grid .layout-project .project-body{grid-column:2;grid-row:1}
 html[data-showbook-layout=facets] body:not(.cyber) .layout-stage .showcase-grid .layout-project .project-row>p{grid-column:2;grid-row:2}
 html[data-showbook-layout=facets] body:not(.cyber) .layout-stage .showcase-grid .layout-project:nth-child(even) .project-thumb{grid-column:2}
 html[data-showbook-layout=facets] body:not(.cyber) .layout-stage .showcase-grid .layout-project:nth-child(even) .project-body,html[data-showbook-layout=facets] body:not(.cyber) .layout-stage .showcase-grid .layout-project:nth-child(even) .project-row>p{grid-column:1}
}
html[data-showbook-layout=facets] body:not(.cyber) .showcase-grid .project-body::before{content:"";display:block;width:1.6rem;height:1.6rem;margin-bottom:.85rem;border-radius:50%;background:#d9542b}
html[data-showbook-layout=facets] body:not(.cyber) .showcase-grid :is(.project-row:nth-child(even),.layout-project:nth-child(even) .project-row) .project-body::before{border-radius:100% 0 0 0;background:#f2c230}

/* The selected covers fill their frames without cropping, in both editions. */
:is(#carniceria-raul,#marketing-pipeline) .project-thumb{padding:8px;aspect-ratio:auto;height:auto;min-height:0;align-self:start}
:is(#carniceria-raul,#marketing-pipeline) .project-thumb img{display:block;width:100%;height:auto;max-width:100%;max-height:none;aspect-ratio:8/5;object-fit:contain;transform:none}
.case-image .screen-mat:has(>img:is([alt^="Carnicería de Raúl"],[alt^="Marketing Pipeline"])){max-width:100%;padding:8px}
.case-image .screen-mat>img:is([alt^="Carnicería de Raúl"],[alt^="Marketing Pipeline"]){width:100%;height:auto;max-height:none;aspect-ratio:8/5;object-fit:contain}
.solutions-preview-figure:has(>a[aria-label="Marketing Pipeline"]){padding:8px;align-self:start}
.solutions-preview-figure>a[aria-label="Marketing Pipeline"]{display:block}
.solutions-preview-figure>a[aria-label="Marketing Pipeline"]>img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:8/5;object-fit:contain}

/* The CV stays with the portrait, below the artwork and separate from its caption. */
.portrait-cv{position:relative;margin-top:1.25rem;min-width:0;writing-mode:horizontal-tb;text-align:center}
.portrait-cv .cv-download,.portrait-cv .inline-download>summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;width:100%;min-height:64px;max-width:100%;padding:.85rem 1rem;border:1px solid transparent;border-radius:0;background:#f2c230;color:#12162b;font:600 1rem/1.25 var(--display);text-decoration:none;cursor:pointer}
.portrait-cv .cv-download small{display:block;margin:0;font:500 .75rem/1.45 var(--mono);white-space:normal}
.portrait-cv .cv-download:hover,.portrait-cv .inline-download>summary:hover{background:#12162b;color:#ede6d8;transform:none}
.portrait-cv .inline-download{text-align:left}
.portrait-cv .inline-download[open]{padding:.5rem;background:#ede6d8;color:#12162b}
.portrait-cv .inline-download>summary{font-size:.85rem;text-align:center}
.portrait-cv .inline-download>span,.portrait-cv .inline-download>code{margin-top:.75rem}