/* Identità comune e quattro famiglie cromatiche, dalla tavola Porta Romana. */
:root{--paper:#f2efe7;--ink:#284b3c;--serif:'Bodoni MT',Didot,'Palatino Linotype','Book Antiqua',Georgia,serif;--sans:'Aptos','Segoe UI',Arial,sans-serif}
body{font-family:var(--sans)}h1,h2,h3{font-family:var(--serif);letter-spacing:-.04em;font-weight:400}h1 em,h2 em{font-style:italic}.eyebrow{letter-spacing:.13em}.brand b{font-family:var(--sans)}
.tone-comunicazione{--tone:#819079;--tone-dark:#42543d;--tint:#e4e6dd;--slice:0}

.tone-illustrazione{--tone:#526d80;--tone-dark:#334f65;--tint:#e0e6e8;--slice:2}
.tone-oreficeria{--tone:#a17a37;--tone-dark:#70521f;--tint:#ece2d0;--slice:3}
.discipline-photo{display:block;position:relative;overflow:hidden;width:100%;height:100%;background:#dedbd1}
.discipline-photo>img{position:absolute;top:0;left:calc(var(--slice)* -100%);width:400%;max-width:none;height:100%;object-fit:cover;object-position:center}
.mood-hero{padding-top:25px}.mood-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:26px}.mood-heading .eyebrow{font-size:10px;margin-bottom:13px}.mood-heading h1{font-size:clamp(38px,4.6vw,70px);line-height:1.05}.mood-heading h1 em{color:var(--pink)}.mood-place{font-size:10px;line-height:1.7;max-width:185px;padding-bottom:5px}
.discipline-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:0 22px}.discipline-panel{min-width:0;display:block}.discipline-panel-image{height:clamp(350px,52vw,590px);position:relative;overflow:hidden}.discipline-panel-image:after{content:'';position:absolute;inset:0;box-shadow:inset 0 70px 60px -70px #000b;pointer-events:none}.panel-index{position:absolute;top:18px;left:18px;color:white;font:italic 25px var(--serif);text-shadow:0 1px 6px #000}.discipline-panel-label{position:relative;background:var(--tint);color:var(--tone-dark);padding:21px 19px 24px;border-top:5px solid var(--tone);min-height:114px}.discipline-panel-label h2{font-size:clamp(23px,2.7vw,41px);line-height:1.05;margin-bottom:12px;text-transform:uppercase;letter-spacing:-.05em}.panel-claim{display:block;font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding-right:22px}.panel-arrow{position:absolute;right:16px;bottom:17px;font-size:23px}.discipline-panel:hover .discipline-panel-label{background:var(--tone);color:#fff}.discipline-panel:hover .panel-arrow{transform:translate(3px,-3px)}
.mood-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:27px}.mood-intro p{font:25px/1.2 var(--serif)}.mood-intro .actions{margin:0}.mood-caption{font-size:10px;color:#5e685e;margin-top:17px;padding-bottom:25px;border-bottom:1px solid var(--line)}
.discipline-mosaic{margin:0}.discipline-mosaic>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mosaic-tile{height:290px;position:relative;border-bottom:5px solid var(--tone)}.mosaic-tile:nth-child(even){transform:translateY(24px)}.mosaic-tile>span:last-child{position:absolute;bottom:12px;left:12px;padding:5px 10px;font-size:10px;color:var(--tone-dark);background:var(--tint)}.discipline-mosaic figcaption{margin-top:38px}
.project-grid{grid-template-columns:1fr 1fr}.project .project-photo{height:420px}.project:nth-child(even) .project-photo{height:420px}.project-meta{color:var(--tone-dark);border-top:3px solid var(--tone);padding-top:13px;margin-top:0}.project h3{color:var(--tone-dark)}.project:nth-child(even){padding-top:45px}.project:hover .discipline-photo>img{transform:none}.project:nth-child(3) img,.project:nth-child(4) img{object-position:center}
.filter[aria-pressed=true]{background:var(--tone,var(--green));border-color:var(--tone,var(--green));color:white}.filter{border-color:var(--tone,var(--line))}.filter.tone-comunicazione[aria-pressed=true],.filter.tone-oreficeria[aria-pressed=true]{background:var(--tone-dark);border-color:var(--tone-dark)}
.course-navigation{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 40px}.course-navigation a{padding:10px 17px;background:var(--tint);color:var(--tone-dark);border-bottom:2px solid var(--tone);font-size:14px}.course-sheet{display:grid;grid-template-columns:.85fr 1.15fr;background:var(--tint);margin-bottom:35px;scroll-margin-top:20px;border-top:4px solid var(--tone)}.course-picture{min-height:480px}.course-copy{padding:45px;color:var(--tone-dark)}.course-copy h2{font-size:clamp(45px,5vw,70px)}.course-copy p{font-size:16px;margin-top:24px;max-width:620px}.course-copy ul{font-size:14px;padding-left:18px;margin-top:25px}.course-copy li{margin:9px 0}.course-copy .eyebrow .num{color:var(--tone-dark)}.course-copy .actions{gap:20px}.course-copy .text-link{white-space:normal}.workshop-photo{height:340px;margin-bottom:25px}.detail[class*=tone-]{border-top:4px solid var(--tone)}.detail[class*=tone-] h2,.detail[class*=tone-] .eyebrow,.detail[class*=tone-] .eyebrow .num{color:var(--tone-dark)}.detail[class*=tone-] .pending{background:var(--tint);border-color:var(--tone);color:var(--tone-dark)}.detail[class*=tone-] .plain-photo{height:430px}.location-photo .discipline-photo>img,.plain-photo .discipline-photo>img{object-position:center}
@media(min-width:1600px){.discipline-panel-image{height:660px}.discipline-gallery{padding:0 40px;gap:6px}}
@media(max-width:1100px){.discipline-gallery{padding:0 15px}.discipline-panel-image{height:450px}.discipline-panel-label{padding:17px 12px;min-height:110px}.discipline-panel-label h2{font-size:27px}.mood-place{display:none}.intro-grid{gap:35px}.mosaic-tile{height:245px}.course-copy{padding:30px}.project .project-photo,.project:nth-child(even) .project-photo{height:370px}}
@media(max-width:800px){.discipline-gallery{grid-template-columns:1fr 1fr;gap:14px 8px;padding:0 20px}.discipline-panel-image{height:330px}.discipline-panel-label{min-height:105px;padding:18px 14px}.discipline-panel-label h2{font-size:30px}.mood-heading h1{font-size:44px}.mood-intro{align-items:start;flex-direction:column;gap:22px}.mood-intro p{font-size:25px}.mosaic-tile{height:340px}.project .project-photo,.project:nth-child(even) .project-photo{height:330px}.course-sheet{grid-template-columns:1fr}.course-picture{height:400px;min-height:0}.course-copy{padding:30px}.course-copy h2{font-size:50px}.discipline-mosaic{margin-bottom:15px}}
@media(max-width:460px){.mood-heading h1{font-size:39px}.mood-heading h1 em{display:block}.discipline-gallery{padding:0 12px;gap:12px 7px}.discipline-panel-image{height:250px}.discipline-panel-label{min-height:117px;padding:14px 10px 24px}.discipline-panel-label h2{font-size:24px}.panel-claim{font-size:9px;line-height:1.4;padding-right:0}.panel-arrow{font-size:19px;bottom:5px;right:10px}.panel-index{font-size:20px;left:12px;top:12px}.mood-intro p{font-size:23px}.mood-intro .button{font-size:10px}.mosaic-tile{height:235px}.project-grid{grid-template-columns:1fr}.project:nth-child(even){padding-top:0}.project .project-photo,.project:nth-child(even) .project-photo{height:390px}.course-picture{height:350px}.course-copy{padding:25px}.course-copy h2{font-size:45px}.course-navigation{gap:8px}.course-navigation a{font-size:12px}.detail[class*=tone-] .plain-photo{height:360px}}
@media print{.discipline-gallery{grid-template-columns:repeat(4,1fr);padding:0}.discipline-panel-image{height:180px}.discipline-panel-label h2{font-size:15pt}.mood-heading h1{font-size:30pt}.course-sheet{break-inside:avoid;grid-template-columns:1fr 1fr}.course-picture{height:280px;min-height:0}.course-copy{padding:20px}.course-copy h2{font-size:25pt}}