/* Editorial: hierarchy and varied image scale. No source artwork changes. */
@media screen {
.editorial .works{display:grid;grid-template-columns:1fr;gap:52px}
.editorial .project-card{padding-top:42px;border-top:1px solid var(--line)}
.editorial .project-card:first-child{border-top:0;padding-top:0}
.editorial .project-button{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.editorial .work-caption{padding:25px 0;max-width:410px;min-width:0}
.editorial .work-title{align-items:start;margin:0 0 19px;gap:18px}
.editorial .work-title h3{font:500 clamp(27px,3vw,39px)/1.12 var(--serif);letter-spacing:-.035em}
.editorial .work-title>span{font-size:25px;line-height:1.1}
.editorial .work-type{font-size:14px;line-height:1.95;max-width:330px}
.editorial .work-type>span{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.editorial .work-image{width:100%;aspect-ratio:1.55;max-height:460px;min-width:0}
.editorial .va-work-cover{aspect-ratio:1.5;padding:12px 32px}
.editorial .va-work-cover img{max-height:440px;width:auto;height:100%;margin:auto}
.editorial .tg-work-pair{padding:5% 11%;gap:10%}
.editorial .tg-work-pair img{max-height:380px;width:100%;height:auto}
.editorial .um-work{padding:10px 0;background:transparent}
.editorial .um-work img{width:auto;max-height:100%;max-width:100%;object-fit:contain}
.editorial .composition-books .book-back{width:43%;height:85%;top:4%;left:9%;object-fit:contain}
.editorial .composition-books .book-front{width:48%;height:88%;right:3%;bottom:4%;object-fit:contain}
.editorial .composition-books .visual-note{left:6%;bottom:7%;font-size:25px}
.editorial .composition-web{padding:6% 10% 0}
.editorial .composition-web .browser-frame{transform:none;box-shadow:none}
.editorial .composition-web .visual-note{font-size:26px}
.editorial .composition-ces .ces-web{width:58%;right:6%;top:10%;transform:none;box-shadow:none}
.editorial .composition-ces .ces-logo{width:33%;left:7%;top:13%;transform:none;box-shadow:none}
.editorial .composition-ces .visual-note{font-size:26px;left:7%;bottom:8%}
.editorial .composition-scouts .scouts-poster{width:38%;height:82%;left:6%;top:8%;object-fit:contain;transform:none;box-shadow:none}
.editorial .composition-scouts .scouts-readers{width:48%;height:auto;right:5%;bottom:12%;transform:none;box-shadow:none;border:0}
.editorial .composition-jazz img{height:84%;width:auto;max-width:56%;left:13%;top:8%;object-fit:contain;transform:none;box-shadow:none}
.editorial .jazz-letter{font-size:100px;right:8%;bottom:9%}
/* Shared case pages: restrained secondary pieces, with their existing narrative. */
.editorial-project .case-cover{max-width:1100px;margin-inline:auto}
.editorial-project .case-cover:has(.composition-web),.editorial-project .case-cover:has(.composition-ces){max-width:1000px}
.editorial-project .case-gallery{max-width:1080px;margin-inline:auto;gap:65px 55px}
.editorial-project .case-figure .case-image{background:transparent;padding:24px;min-height:0}
.editorial-project .case-figure.full{width:100%;max-width:960px;margin-inline:auto}
.editorial-project .case-figure.full .case-image{padding:0}
.editorial-project .case-figure.full img{width:100%;height:auto;max-height:none}
.editorial-project .case-figure.book .case-image{height:390px;aspect-ratio:auto}
.editorial-project .case-figure.book img{max-height:340px;object-fit:contain}
.editorial-project .case-figure.portrait .case-image{height:auto;padding:32px 0}
.editorial-project .case-figure.portrait img{height:auto;max-height:500px;width:auto;max-width:100%}
.editorial-project .case-figure.logo .case-image{min-height:0;padding:45px 0}
.editorial-project .case-figure.logo img{width:auto;max-width:70%;max-height:190px}
.editorial-project .case-figure.square img{max-height:420px;width:auto;object-fit:contain}
/* Vista Alegre keeps its opening cover. Its following work has several scales. */
.va-page .va-cover-selection{max-width:1060px;margin-inline:auto;gap:clamp(30px,5vw,70px)}
.va-page .va-cover-selection .va-figure{max-width:310px;justify-self:center}
.va-page .va-cover-selection .va-figure>img{max-height:440px;width:auto;max-width:100%;margin:auto}
.va-page .va-process-layout{max-width:980px;margin-inline:auto;gap:90px}
.va-page .va-originals{max-width:400px;gap:32px}
.va-page .va-result{max-width:380px;justify-self:end}
.va-page .va-archive-layout{max-width:1100px;margin-inline:auto;grid-template-columns:.7fr 1.3fr;gap:80px}
.va-page .va-archive-layout .va-figure:first-child{max-width:315px;justify-self:center}
.va-page .va-information>.va-figure{max-width:1000px}
.va-page .va-tree{max-width:800px;margin-top:90px}
.va-page .va-digital-layout{max-width:1080px;margin-inline:auto}
.va-page .va-digital-layout>.va-figure{max-width:460px}
.va-page .va-community-piece{max-width:1100px;margin-inline:auto}
.va-page .va-community-links{max-width:1100px;margin-inline:auto}
/* Torreguía: retain cover/interior pairs at a quieter scale. */
.tg-page .tg-publication-pair{max-width:1100px;margin-inline:auto;gap:45px}
.tg-page .tg-pair-cover{max-width:320px;justify-self:center}
/* UMBRAL: one strong opening, then two more intimate reading compositions. */
.um-page .um-cover{max-width:1100px;margin-inline:auto}
.um-page .um-story-section{max-width:1040px;margin-inline:auto}
.um-page .um-story-section:has(.um-counterpoint){max-width:980px}
.um-page .um-sheet-copy{top:23%}
.um-page .um-counterpoint .um-sheet-copy{top:18%}
.um-page .um-system{max-width:1100px;margin-inline:auto}
@media(max-width:1000px) and (min-width:701px){
 .editorial .project-button{gap:32px;grid-template-columns:1.35fr 1fr}.editorial .work-title h3{font-size:30px}.editorial .work-type{font-size:13px}
 .va-page .va-process-layout,.va-page .va-archive-layout{gap:45px}
 .editorial .composition-books .visual-note,.editorial .composition-web .visual-note,.editorial .composition-ces .visual-note{font-size:21px}
 .editorial .jazz-letter{font-size:76px}
}
@media(max-width:800px){.um-page .um-story-section,.um-page .um-story-section:has(.um-counterpoint){max-width:100%}}
@media(max-width:700px){
 .editorial .works{gap:36px}.editorial .project-card{padding-top:30px}
 .editorial .project-button{display:flex;flex-direction:column;align-items:stretch;gap:20px}
 .editorial .work-caption{order:-1;padding:0;max-width:none}.editorial .work-title{margin-bottom:12px}.editorial .work-title h3{font-size:30px}
 .editorial .work-type{font-size:13px;max-width:420px}.editorial .work-type>span{font-size:10px;margin-bottom:3px}
 .editorial .work-image{aspect-ratio:1.35;max-height:none}.editorial .va-work-cover{padding:8px 22px}.editorial .va-work-cover img{max-height:480px}
 .editorial .um-work{aspect-ratio:auto;padding:0}.editorial .um-work img{width:100%;height:auto}
 .editorial .tg-work-pair{padding:6% 9%;gap:9%}
 .editorial .composition-books .visual-note{font-size:22px}.editorial .composition-web .visual-note,.editorial .composition-ces .visual-note{font-size:23px}
 .editorial .jazz-letter{font-size:80px}
 .editorial-project .case-gallery{gap:45px 25px}.editorial-project .case-figure .case-image{padding:16px 0}.editorial-project .case-figure.book .case-image{height:330px}.editorial-project .case-figure.book img{max-height:300px}
 .editorial-project .case-figure.portrait img{max-height:560px}.editorial-project .case-figure.full{max-width:100%}.editorial-project .case-figure.logo .case-image{padding:26px 0}
 .va-page .va-cover-selection{max-width:420px;gap:40px}.va-page .va-cover-selection .va-figure{max-width:100%;width:100%}.va-page .va-cover-selection .va-figure>img{max-height:540px}
 .va-page .va-process-layout,.va-page .va-archive-layout{grid-template-columns:1fr;gap:40px}.va-page .va-originals{max-width:100%}.va-page .va-result{max-width:420px;justify-self:center}
 .va-page .va-archive-layout .va-figure:first-child{max-width:370px}.va-page .va-tree{margin-top:50px}.va-page .va-digital-layout>.va-figure{max-width:100%}
 .tg-page .tg-publication-pair{gap:35px}.tg-page .tg-pair-cover{max-width:400px}
}
}
/* Long website captures are details, not full-screen posters. */
@media screen and (min-width:701px){
 .editorial-project .case-figure.full:has(img[src*="cerconecta-desktop"]) img,.editorial-project .case-figure.full:has(img[src*="ces-torrevieja-web"]) img{width:auto;max-width:100%;max-height:760px;margin-inline:auto}
 .editorial-project .case-figure.full:has(img[src*="cerconecta-desktop"]) figcaption{max-width:590px;margin-inline:auto}
}
/* Professional voices: typography, no review cards. */
.editorial .testimonials{padding:70px 0 85px;border-top:1px solid var(--line)}
.editorial .testimonials .section-title{margin:24px 0 55px;max-width:920px}
.editorial .testimonials-grid{display:grid;grid-template-columns:1.13fr 1fr 1fr;gap:clamp(35px,4.5vw,68px);align-items:start}
.editorial .testimonial{margin:0;min-width:0}
.editorial .testimonial:nth-child(2){margin-top:45px}
.editorial .testimonial:nth-child(3){margin-top:90px}
.editorial .testimonial blockquote{margin:0;font:400 22px/1.6 var(--serif);letter-spacing:-.012em}
.editorial .testimonial:first-child blockquote{font-size:24px}
.editorial .testimonial figcaption{margin-top:27px;padding-top:20px;border-top:1px solid var(--line);font-family:var(--sans)}
.editorial .testimonial strong{display:block;font-size:14px;font-weight:650;line-height:1.6}
.editorial .testimonial figcaption span{display:block;font-size:12px;line-height:1.7;margin-top:6px;color:#625b60}
@media(max-width:1000px){
 .editorial .testimonials-grid{gap:30px}.editorial .testimonial blockquote,.editorial .testimonial:first-child blockquote{font-size:21px}
}
@media(max-width:780px){
 .editorial .testimonials{padding:45px 0 55px}.editorial .testimonials .section-title{font-size:clamp(37px,7.5vw,52px);margin:22px 0 35px}
 .editorial .testimonials-grid{grid-template-columns:1fr;gap:42px;max-width:570px}
 .editorial .testimonial:nth-child(n){margin-top:0}.editorial .testimonial blockquote,.editorial .testimonial:first-child blockquote{font-size:23px;line-height:1.65}
 .editorial .testimonial figcaption{margin-top:22px;padding-top:17px}.editorial .testimonial strong{font-size:14px}.editorial .testimonial figcaption span{font-size:12px}
}

/* Download is a quiet secondary action, alongside the professional contact. */
.editorial .contact-copy .portfolio-download{display:table;margin-top:24px;font-family:var(--sans);font-size:14px;font-weight:500;line-height:1.6;letter-spacing:0}
.prototype-note{flex-wrap:wrap;gap:16px 28px}