/* Two original illustrations blend into the page; real copy stays in HTML. */
.home .home-intro{position:relative;isolation:isolate;overflow:hidden;border-radius:24px}
.home .hero-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-atmosphere>span{position:absolute;display:block;top:50%;width:47%;height:400px;max-height:155%;background-repeat:no-repeat;background-size:cover;transform:translateY(-50%);opacity:.72}
.atmosphere-build{left:-5%;background-image:url('assets/home-architettura-v1.webp');background-position:left center;mask-image:linear-gradient(90deg,#000 0%,#000 38%,transparent 92%)}
.atmosphere-world{right:-5%;background-image:url('assets/home-osservazione-v1.webp');background-position:right center;mask-image:linear-gradient(90deg,transparent 8%,#000 68%,#000)}
.home .hero-brand,.home .hero-tagline,.home .home-intro .intro-text{position:relative;z-index:1}
.home .home-intro .intro-text{max-width:620px;color:var(--muted)}
.home .showcase{position:relative;isolation:isolate}
.home .showcase:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#eff4fb66,transparent 44%,#e5efe936);pointer-events:none}
.project-tile.public-musa{background:#eef5f1;border:1px solid #cbded4;border-top:2px solid #72a390;color:#173d36}
.project-tile.public-vet{background:#eef2f9;border:1px solid #cfdaeb;border-top:2px solid #809bc5;color:#233f67}
.project-tile:is(.public-musa,.public-vet) h3{font-family:inherit;font-size:1.65rem;font-weight:650;letter-spacing:-.04em}
.project-tile.public-musa .eyebrow{color:#346358}.project-tile.public-vet .eyebrow{color:#3f5e8d}
.project-tile:is(.public-musa,.public-vet)>p{color:inherit;opacity:.9}
.project-tile:is(.public-musa,.public-vet) .status{background:#ffffffa8;border-color:currentColor;color:inherit}
.project-tile.public-musa .circle-arrow{background:#d7e8df}.project-tile.public-vet .circle-arrow{background:#dce5f2}
.skip-link:not(:focus){clip-path:inset(50%)}.skip-link:focus{clip-path:none}
html[data-al-mode=notte] .hero-atmosphere{opacity:.27;mix-blend-mode:luminosity}
html[data-al-mode=notte] .home .showcase:before{display:none}
html[data-al-mode=notte] .project-tile.public-musa{background:#193c35;color:#eefaf4;border-color:#669d87}
html[data-al-mode=notte] .project-tile.public-vet{background:#213852;color:#eef5ff;border-color:#789bc6}
html[data-al-mode=notte] .project-tile:is(.public-musa,.public-vet) :is(.eyebrow,.status){color:inherit}
html[data-al-mode=notte] .project-tile:is(.public-musa,.public-vet) .status{background:#ffffff0a}
html[data-al-mode=notte] .project-tile:is(.public-musa,.public-vet) .circle-arrow{background:#ffffff14}
html[data-al-contrast=high] .hero-atmosphere,html[data-al-contrast=high] .home .showcase:before{display:none}
html[data-al-contrast=high] .project-tile:is(.public-musa,.public-vet){background:var(--al-surface);color:var(--ink);border:2px solid currentColor}
html[data-al-contrast=high] .project-tile:is(.public-musa,.public-vet) :is(.eyebrow,.status){color:inherit;background:transparent}
@media(max-width:760px){
 .hero-atmosphere>span{width:58%;height:230px;opacity:.19}
 .atmosphere-build{left:-20%;mask-image:linear-gradient(90deg,#000,transparent 87%)}
 .atmosphere-world{right:-20%;mask-image:linear-gradient(90deg,transparent 13%,#000)}
 .home .home-intro .intro-text{max-width:370px}
 .project-tile:is(.public-musa,.public-vet) h3{font-size:1.5rem}
 .catalog-tabs button{padding-inline:6px;white-space:nowrap}
}
@media(max-width:390px){.home .home-intro{padding-bottom:6px}.home .projects{margin-top:10px}}