:root{--ink:#12121c;--acid:#fcff64;--paper:#fffdf1;--violet:#a98cff;--orange:#ff7b5b;--aqua:#77d8d1;--blue:#2d57f4;--pink:#ff5ec4}
body{background:var(--paper)}
header{background:var(--blue);border-bottom:3px solid var(--ink);position:relative;z-index:10;box-shadow:0 5px 0 var(--acid)}
header .logo{font-size:31px;letter-spacing:-.09em;white-space:nowrap}header .logo span{color:var(--acid)}header .logo small{font-size:12px;letter-spacing:.09em;font-weight:700}
nav a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.pill{background:var(--acid);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform .18s,box-shadow .18s}.pill:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.outline{border:2px solid white;transition:background .18s,color .18s}.outline:hover{background:white;color:var(--ink)}
.hero{background:var(--blue);padding-top:95px;padding-bottom:90px}.hero:after{color:var(--acid);opacity:1;right:-6vw;top:-120px;transform:rotate(16deg);text-shadow:10px 10px 0 var(--ink)}.hero h1{max-width:1000px;text-shadow:5px 5px 0 var(--ink)}.hero h1 em{color:var(--acid)}.hero p{background:var(--ink);padding:18px 22px;box-decoration-break:clone;max-width:710px}.hero .pill{background:var(--pink);color:var(--ink)}.ticker{background:var(--acid);border-block:3px solid var(--ink)}
section{position:relative}.section-head h2,.content h2{letter-spacing:-.065em}.section-head p{font-size:18px}.path,.space,.card,.poster{border:2px solid var(--ink);border-radius:3px;box-shadow:8px 8px 0 var(--ink);transition:transform .2s,box-shadow .2s}.path:hover,.space:hover,.poster:hover{transform:translate(3px,3px);box-shadow:5px 5px 0 var(--ink)}.path.violet{background:var(--pink)}.path.acid{background:var(--acid)}.path b,.space b{display:inline-block;margin-top:12px;text-decoration:underline;text-underline-offset:4px}
.spaces{background:var(--aqua)}.space{background:var(--blue)}.space:nth-child(2){background:#742ee0}.space:nth-child(3){background:#0d7f7d}.space .glyph{color:var(--acid)}.space p{color:#fff}
.events{background:#242246}.poster.one{background:var(--acid)}.poster.two{background:var(--pink)}.poster.three{background:var(--orange)}.poster.four{background:var(--aqua)}.poster small{font-size:14px}
.visit{background:var(--pink);border-top:3px solid var(--ink)}.visit .dark,.cta .dark{background:var(--ink);color:white;border-color:var(--ink);box-shadow:4px 4px 0 var(--blue)}.visit a:not(.pill){text-underline-offset:4px}
.page-hero{background:var(--blue);border-bottom:7px solid var(--acid)}.page-hero.acid-bg{background:var(--acid);border-color:var(--blue)}.page-hero.violet-bg{background:var(--pink);border-color:var(--acid)}.page-hero.orange-bg{background:var(--orange);border-color:var(--blue)}.page-hero.aqua-bg{background:var(--aqua);border-color:var(--pink)}.page-hero h1{max-width:1040px}.page-hero p{font-weight:500}.back{text-decoration:underline;text-underline-offset:4px}
.card{background:#fff;border-color:var(--ink);box-shadow:6px 6px 0 var(--blue)}.card:nth-child(3n+2){box-shadow:6px 6px 0 var(--pink)}.card:nth-child(3n+3){box-shadow:6px 6px 0 var(--aqua)}.history{background:#25224a}.history .card{background:#39346b;border-color:#fff;box-shadow:6px 6px 0 var(--pink)}.history .label{color:var(--acid)}.cta{background:var(--acid);border-top:3px solid var(--ink)}.fact{border-color:var(--blue)}
.gallery-title{font:700 clamp(28px,3vw,42px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:55px 0 18px}.poster-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0 60px}.poster-gallery img{width:100%;height:auto;display:block;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--blue);background:var(--blue)}.poster-gallery img:nth-child(2){box-shadow:7px 7px 0 var(--pink)}.poster-gallery img:nth-child(3){box-shadow:7px 7px 0 var(--acid)}.photo-slot{background:#fff;border:2px dashed var(--blue);color:#514e64}
:focus-visible{outline:3px solid var(--pink);outline-offset:4px}
@media(max-width:760px){header .logo small{display:block;margin-left:0;margin-top:2px;font-size:10px}header{padding-top:14px;padding-bottom:14px}.hero:after{opacity:.27;right:-120px;top:-20px}.hero h1{text-shadow:3px 3px 0 var(--ink)}.hero p{padding:14px}.poster-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.poster-gallery img:last-child{grid-column:1/-1;width:min(100%,370px);justify-self:center}.path,.space,.poster{box-shadow:5px 5px 0 var(--ink)}}
@media(max-width:440px){header .logo{font-size:27px}header nav .pill{font-size:12px;padding:8px 11px}.poster-gallery{grid-template-columns:1fr}.poster-gallery img:last-child{grid-column:auto;width:100%}}
@media(prefers-reduced-motion:reduce){.ticker div{animation:none}html{scroll-behavior:auto}}

/* Sole originale: il riquadro mostra il simbolo senza la scritta. */
.sun-mark{display:block;flex-shrink:0;width:180px;aspect-ratio:1; background-image:url("assets/centro-sule-logo.png");background-repeat:no-repeat;background-size:223.286% 223.286%;background-position:50.985% 45.77%}
.hero:after{display:none}.hero h1{font-size:clamp(56px,8.3vw,126px);line-height:.98;letter-spacing:-.055em;max-width:75%;margin-top:28px}.hero .hero-sun{position:absolute;z-index:0;width:clamp(200px,32vw,470px);right:3vw;top:45px;transform:rotate(12deg)}.space .space-sun{width:135px;align-self:flex-end}.hero p,.hero .actions{z-index:1}
@media(max-width:760px){.hero .hero-sun{width:190px;right:-55px;top:65px;opacity:.45}.hero h1{max-width:100%;font-size:clamp(52px,10.5vw,78px)}.hero .eyebrow{max-width:100%;font-size:12px}.hero p{max-width:100%}.outline{font-size:15px}.visit h2{font-size:clamp(48px,10vw,76px)}}

.news-home{background:var(--acid)}.news-card{border:2px solid var(--ink);background:white;padding:clamp(24px,4vw,48px);box-shadow:7px 7px 0 var(--ink);max-width:1000px}.news-card h3{font:700 clamp(28px,4vw,48px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:20px 0}.news-card p{font-size:20px;line-height:1.5;max-width:750px}.news-reminder{display:block;margin-top:30px;max-width:710px;padding:16px 20px;background:var(--acid);color:var(--ink);font-weight:700;line-height:1.5;text-underline-offset:4px;border:2px solid var(--ink)}.news-article{max-width:900px}.news-article h2{font-size:clamp(28px,4vw,44px);margin:44px 0 20px}.news-article h2:first-child{margin-top:0}.news-article p,.news-article li{font-size:19px;line-height:1.65}.news-article li{margin-bottom:8px}.news-article a{overflow-wrap:anywhere}@media(max-width:760px){nav a.news-nav{display:inline-block;font-size:14px}.news-card .eyebrow{line-height:1.6}.news-reminder{font-size:16px}.news-article .pill{font-size:16px}}