
:root{--paper:#f5f3ee;--text:#17262a;--muted:#59615e;--deep:#122126;--line:#d2d0c9}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--text)}
.article-skip{position:fixed;left:-9999px;top:15px;z-index:1000;padding:9px;background:white}.article-skip:focus{left:15px}
.research-page,.research-page *{box-sizing:border-box}
.research-page{font-family:Arial,Helvetica,sans-serif;color:var(--text);overflow-x:clip}
.research-page img{max-width:100%}
.research-page .eyebrow,.research-page .chapter-label{font:500 11px/1.55 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.19em;color:#78807a}
.research-page a{color:inherit}
.research-page .hero{display:grid;grid-template-columns:1fr minmax(0,45%);border-bottom:1px solid var(--line);min-height:600px;background:var(--paper)}
.research-page .hero-copy{padding:clamp(64px,7vw,120px) clamp(32px,6vw,112px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.research-page h1{font:400 clamp(64px,6.9vw,120px)/.99 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:20px 0 34px;max-width:800px}
.research-page .hero-deck{font:400 clamp(20px,1.5vw,26px)/1.62 Georgia,'Times New Roman',serif;max-width:770px;margin:0;color:#515b58}
.research-page .hero-photo{margin:0;display:flex;flex-direction:column;justify-content:center;background:#080d17;min-width:0}
.research-page .hero-photo img{display:block;width:100%;height:auto;object-fit:contain}
.research-page .hero-photo figcaption{color:#c9cdc9;font:400 12px/1.6 Arial,sans-serif;padding:18px 24px 28px}
.research-page .hero-jumps{display:flex;flex-wrap:wrap;gap:12px 27px;margin-top:43px}
.research-page .hero-jumps a{font:500 11px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px}
.research-page .hero-jumps a:hover{opacity:.63}
.research-page .dark-hero{background:#142326;color:#f3efe5;border-bottom:0}
.research-page .dark-hero .eyebrow{color:#aeb3ae}
.research-page .dark-hero .hero-deck{color:#cbd0c9}
.research-page .document-note{margin:0 auto;padding:24px clamp(26px,5vw,70px);max-width:1110px;border-bottom:1px solid var(--line);font:400 13px/1.8 Arial,sans-serif;color:#69706c}
.research-page .article-body{width:min(100% - 64px,1010px);margin:0 auto;padding:clamp(52px,6vw,100px) 0 clamp(90px,10vw,165px)}
.research-page .article-body .chapter-label{display:block;margin-top:clamp(64px,7vw,110px);margin-bottom:10px}
.research-page .article-body .chapter-label:first-child{margin-top:0}
.research-page .article-body h2{font:400 clamp(38px,4vw,67px)/1.11 Georgia,'Times New Roman',serif;letter-spacing:-.037em;margin:clamp(60px,6vw,100px) 0 29px;padding-top:clamp(40px,4vw,65px);border-top:1px solid var(--line);max-width:950px;color:#1b292b}
.research-page .article-body .chapter-label+h2{margin-top:0;padding-top:0;border-top:0}
.research-page .article-body h3{font:400 clamp(23px,2vw,33px)/1.2 Georgia,'Times New Roman',serif;margin:40px 0 14px;letter-spacing:-.022em;color:#263535}
.research-page .article-body p{font:400 clamp(16px,1.1vw,18px)/1.88 Arial,Helvetica,sans-serif;color:#505b58;margin:0 0 23px;max-width:890px}
.research-page .article-body p a{text-decoration:underline;text-underline-offset:3px}
.research-page .article-body blockquote{margin:clamp(36px,5vw,74px) 0;padding:10px clamp(26px,4vw,58px);border-left:2px solid #73817d}
.research-page .article-body blockquote p{font:italic 400 clamp(23px,2.2vw,37px)/1.45 Georgia,serif;color:#253436}
.research-page .article-body .project-photos{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:65px 0}
.research-page .article-body .project-photos figure,.research-page .article-body .project-gallery figure{margin:0}
.research-page .article-body .project-photos img,.research-page .article-body .project-gallery img{display:block;width:100%;height:auto;border:0;box-shadow:none}
.research-page .article-body .project-photos figcaption{margin-top:10px;font:400 12px/1.7 Arial,sans-serif;color:#6a716d}
.research-page .article-body .project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;margin:38px 0 80px}
.research-page .article-body .project-gallery figure:nth-child(3){grid-row:span 2}
.research-page .article-body .project-gallery img{object-fit:contain}
.research-page .article-body>p:has(>a[href="https://www.arcablu.org/"]){margin:30px 0 45px}
.research-page .article-body>p:has(>a[href="https://www.arcablu.org/"]) a,.research-page .article-body>p:has(>a[href="abitare-la-luce.html"]) a{display:inline-block;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;border-bottom:1px solid #374747;font:500 11px/1.5 Arial,sans-serif;padding-bottom:8px}
.research-page .project-photos,.research-page .project-gallery{scroll-margin-top:65px}
.research-page #progetto,.research-page #sostieni,.research-page #partecipa,.research-page #ricerca,.research-page #nome{scroll-margin-top:65px}
.research-page .article-body hr{border:0;border-top:1px solid var(--line);margin:65px 0}
.research-page .next-story{padding:clamp(55px,8vw,115px) clamp(26px,5vw,85px);background:#dfded7;display:flex;gap:45px;align-items:end;justify-content:space-between}
.research-page .next-story h2{font:400 clamp(37px,5vw,68px)/1.08 Georgia,serif;letter-spacing:-.03em;max-width:780px;margin:15px 0 0}
.research-page .next-story a{display:inline-block;text-decoration:none;white-space:nowrap;border-bottom:1px solid #1b292b;padding-bottom:8px;font-size:12px;letter-spacing:.08em}
@media(max-width:940px){.research-page .hero{grid-template-columns:1fr 40%;min-height:0}.research-page .hero-copy{padding:65px 35px}.research-page .hero-jumps{margin-top:27px}}
@media(max-width:730px){.research-page .hero{display:flex;flex-direction:column}.research-page .hero-copy{padding:60px 26px 50px}.research-page .hero-photo img{height:auto;max-height:none}.research-page .hero-photo figcaption{padding:15px 24px}.research-page h1{font-size:clamp(59px,12.5vw,85px)}.research-page .article-body{width:calc(100% - 48px)}.research-page .article-body h2{font-size:clamp(35px,9vw,48px)}.research-page .article-body .project-photos{grid-template-columns:1fr;gap:32px}.research-page .article-body .project-gallery{gap:12px}.research-page .next-story{display:block}.research-page .next-story a{margin-top:24px}}
@media(max-width:430px){.research-page .article-body .project-gallery{grid-template-columns:1fr}.research-page .article-body .project-gallery figure:nth-child(3){grid-row:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* V51 · Abitare la Luce: large uninterrupted image beneath the heading. */
.research-page .hero.hero--fullwidth {
  display:block; grid-template-columns:none; min-height:0;
}
.research-page .hero--fullwidth .hero-copy {
  display:block; max-width:1600px; margin:0 auto;
  padding:clamp(55px,6vw,100px) clamp(26px,6vw,110px) clamp(35px,4vw,67px);
}
.research-page .hero--fullwidth .hero-copy h1 {max-width:none; margin:20px 0 0;}
.research-page .hero--fullwidth .hero-photo {display:block; width:100%; margin:0; background:#080b10;}
.research-page .hero--fullwidth .hero-photo-image {position:relative; width:100%;}
.research-page .hero--fullwidth .hero-photo picture {display:block; width:100%;}
.research-page .hero--fullwidth .hero-photo img {
  display:block; width:100%; height:auto; max-width:none; max-height:none; object-fit:contain;
}
.research-page .hero--fullwidth .hero-photo figcaption {
  margin:0; background:#080b10; padding:15px clamp(26px,6vw,110px) 23px;
}
.research-page .hero--fullwidth .hero-image-disclaimer {
  position:absolute; left:clamp(12px,3vw,38px); bottom:clamp(10px,2vw,25px);
  max-width:calc(100% - 24px); background:rgba(7,17,24,.83); color:#fff;
  padding:7px 10px; font:400 clamp(7px,.68vw,10px)/1.5 Arial,Helvetica,sans-serif;
  letter-spacing:.05em; text-transform:uppercase; pointer-events:none;
}
.research-page .hero--fullwidth .hero-after {
  max-width:1600px; margin:0 auto;
  padding:clamp(37px,4vw,68px) clamp(26px,6vw,110px) clamp(65px,6vw,100px);
}
.research-page .hero--fullwidth .hero-deck {max-width:940px;}
.research-page .hero--fullwidth .hero-jumps {margin-top:32px;}
@media(max-width:730px){
  .research-page .hero--fullwidth .hero-copy {padding:50px 25px 30px;}
  .research-page .hero--fullwidth .hero-after {padding:36px 25px 58px;}
  .research-page .hero--fullwidth .hero-photo figcaption {padding:13px 23px 19px;}
  .research-page .hero--fullwidth .hero-image-disclaimer {font-size:7px;padding:5px 6px;bottom:7px;left:8px;}
}


/* V52 · Abitare la Luce: cleaner hero with one clear action and quieter captions. */
.research-page .hero--fullwidth .hero-photo figcaption {
  margin:0;
  background:transparent;
  padding:14px clamp(26px,6vw,110px) 22px;
}
.research-page .hero--fullwidth .hero-photo figcaption p {margin:0;}
.research-page .hero-figure-caption {
  color:#f3efe5;
  font:400 clamp(14px,1vw,18px)/1.6 Georgia,'Times New Roman',serif;
  letter-spacing:0;
}
.research-page .hero-figure-caption span {
  font:600 11px/1.5 Arial,Helvetica,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.research-page .hero-figure-disclaimer {
  margin-top:8px !important;
  color:#aeb5b1;
  font:400 11px/1.7 Arial,Helvetica,sans-serif;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.research-page .hero-jumps--single {margin-top:28px;}
.research-page .hero-jumps--single a {font-size:12px;}
@media(max-width:730px){
  .research-page .hero--fullwidth .hero-photo figcaption {padding:12px 23px 18px;}
  .research-page .hero-figure-caption {font-size:15px;line-height:1.55;}
  .research-page .hero-figure-disclaimer {font-size:10px;}
}


/* V53 — Abitare la Luce: quiet museum-style layout of caption, introduction and note. */
.research-page .hero.hero--fullwidth { background:#142326; }
.research-page .hero--fullwidth .hero-copy {
    padding-bottom:clamp(28px,3vw,46px);
}
.research-page .hero--fullwidth .hero-photo { background:#142326; }
.research-page .hero--fullwidth .hero-photo figcaption {
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:8px 36px;
    box-sizing:border-box;
    width:100%;
    max-width:1600px;
    margin:0 auto;
    padding:19px clamp(26px,6vw,110px) 23px;
    background:transparent;
    border-bottom:1px solid rgba(240,235,225,.18);
}
.research-page .hero--fullwidth .hero-photo figcaption .hero-figure-caption {
    flex:1 1 auto;
    color:#e7e6e0;
    font:400 13px/1.65 Arial,Helvetica,sans-serif;
    letter-spacing:0;
}
.research-page .hero--fullwidth .hero-photo figcaption .hero-figure-caption span {
    font:600 11px/1.5 Arial,Helvetica,sans-serif;
    letter-spacing:.16em;
    text-transform:uppercase;
}
.research-page .hero--fullwidth .hero-photo figcaption .hero-figure-disclaimer {
    flex:0 1 440px;
    margin:0 !important;
    color:#b9c1ba;
    text-align:right;
    font:400 10px/1.65 Arial,Helvetica,sans-serif;
    letter-spacing:.035em;
    text-transform:none;
}
.research-page .hero--fullwidth .hero-after {
    padding-top:clamp(37px,3.4vw,53px);
    padding-bottom:clamp(64px,6vw,96px);
}
.research-page .hero--fullwidth .hero-deck {
    max-width:760px;
    color:#ece8df;
    font:400 clamp(23px,2vw,34px)/1.4 Georgia,'Times New Roman',serif;
    letter-spacing:-.014em;
}
.research-page .hero--fullwidth .hero-jumps--single { margin-top:27px; }
.research-page .document-note--closing {
    box-sizing:border-box;
    width:min(100% - 64px,1010px);
    max-width:1010px;
    margin:0 auto clamp(55px,6vw,90px);
    padding:21px 0 0;
    border-top:1px solid var(--line);
    border-bottom:0;
    color:#69716e;
    font:400 12px/1.8 Arial,Helvetica,sans-serif;
}
.research-page .document-note--closing strong {font-weight:600;color:#46524f;}
@media(max-width:760px){
    .research-page .hero--fullwidth .hero-photo figcaption {
        flex-direction:column;
        gap:6px;
        align-items:flex-start;
        padding:15px 25px 20px;
    }
    .research-page .hero--fullwidth .hero-photo figcaption .hero-figure-caption {font-size:12px;}
    .research-page .hero--fullwidth .hero-photo figcaption .hero-figure-disclaimer {
        flex:0 0 auto;
        text-align:left;
        font-size:10px;
    }
    .research-page .hero--fullwidth .hero-copy {padding-bottom:27px;}
    .research-page .hero--fullwidth .hero-after {padding:37px 25px 61px;}
    .research-page .hero--fullwidth .hero-deck {font-size:clamp(23px,5.6vw,28px);line-height:1.44;}
    .research-page .document-note--closing {width:calc(100% - 48px);}
}

/* V54 · Keep the short artwork disclaimer on a single line on desktop. */
@media (min-width:761px){
  .research-page .hero--fullwidth .hero-photo figcaption .hero-figure-disclaimer{
    flex:0 0 auto; max-width:none; white-space:nowrap;
    font-size:10px; letter-spacing:0;
  }
  .research-page .hero--fullwidth .hero-photo figcaption{gap:14px 20px}
}
@media (min-width:761px) and (max-width:1150px){
  .research-page .hero--fullwidth .hero-photo figcaption {flex-direction:column;align-items:flex-start;}
  .research-page .hero--fullwidth .hero-photo figcaption .hero-figure-disclaimer {text-align:left}
}
@media (max-width:760px){
  .research-page .hero--fullwidth .hero-photo figcaption .hero-figure-disclaimer {white-space:normal}
}
