@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=EB+Garamond:wght@400;500&display=swap');
:root{--paper:#F3F0E8;--terra:#A5543A;--green:#2E3A2F;--ink:#292923;--muted:#77736b;--line:rgba(46,58,47,.24);--serif:'Cormorant Garamond',Georgia,serif;--body:'EB Garamond',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--green);font-family:var(--body);font-size:19px;line-height:1.35}a{color:inherit;text-decoration:none}a:hover{color:var(--terra)}.site-header{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font:500 34px/.9 var(--serif);letter-spacing:-1.5px}.wordmark span{color:var(--terra)}nav{display:flex;gap:clamp(16px,2.6vw,42px);font-size:17px}nav a{white-space:nowrap}.wrap{max-width:1440px;margin:auto;padding:0 5vw}.eyebrow{font:500 12px/1.2 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--terra)}h1,h2,h3,p{margin-top:0}h1{font:400 clamp(58px,8vw,118px)/.88 var(--serif);letter-spacing:-.045em;margin:18px 0 28px}h2{font:400 clamp(38px,5vw,68px)/.98 var(--serif);letter-spacing:-.025em}h3{font:500 29px/1.05 var(--serif)}p{max-width:650px}.intro{font:400 clamp(23px,2.3vw,31px)/1.22 var(--serif);max-width:620px}.small{font-size:16px;color:var(--muted)}.rule{border-top:1px solid var(--line);margin:36px 0}.hero{min-height:610px;display:grid;grid-template-columns: .88fr 1.12fr;gap:5vw;align-items:center;padding-top:50px;padding-bottom:58px}.hero-copy{padding:25px 0}.hero-copy .intro{margin:30px 0}.hero-image{height:520px;position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 56%;display:block}.image-note{position:absolute;bottom:16px;left:18px;color:white;font:15px var(--body);text-shadow:0 1px 8px #222}.entry{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid var(--terra);padding:8px 0 6px;color:var(--terra);font-size:18px}.arrow{font-size:25px}.home-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.home-strip a{padding:23px 25px 25px 0;border-right:1px solid var(--line)}.home-strip a+ a{padding-left:25px}.home-strip a:last-child{border:0}.home-strip strong{display:block;font:400 29px var(--serif);margin:8px 0}.home-strip span{font-size:16px;color:var(--muted)}.page-head{padding:70px 0 48px;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.page-head h1{font-size:clamp(56px,7vw,96px)}.page-head .intro{margin-bottom:6px}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:20px 0 80px}.pillar{border-top:1px solid var(--terra);padding-top:18px}.pillar .num{font:400 16px var(--serif);color:var(--terra)}.pillar h3{font-size:34px;margin:20px 0 12px}.pillar p{font-size:18px;color:#55564e}.feature{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;padding:45px 0 90px}.feature img{width:100%;height:450px;object-fit:cover}.feature .intro{font-size:30px}.people{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:25px 0 90px}.person{border-top:1px solid var(--line);padding-top:20px}.person .role{font-size:16px;color:var(--terra);margin:12px 0 24px}.person p{font-size:19px}.edition-card{display:grid;grid-template-columns:1fr 1.15fr;gap:5vw;padding:25px 0 80px;border-top:1px solid var(--line);align-items:center}.edition-card img{width:100%;height:410px;object-fit:cover}.edition-card h2{margin:14px 0}.event-hero{display:grid;grid-template-columns:1fr 1fr;gap:5vw;padding:65px 0 55px;align-items:center}.event-hero img{width:100%;height:480px;object-fit:cover}.event-meta{display:flex;gap:32px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:28px 0}.event-meta div{min-width:120px}.event-meta b{display:block;font:400 24px var(--serif)}.schedule{padding:25px 0 80px}.schedule-item{display:grid;grid-template-columns:190px 1fr 1fr;gap:28px;padding:28px 0;border-top:1px solid var(--line);align-items:start}.schedule-item img{width:100%;height:190px;object-fit:cover}.schedule-item h3{margin:0 0 12px}.schedule-item p{font-size:18px;color:#55564e}.footer{border-top:1px solid var(--line);padding:28px 5vw 38px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:16px}.footer .wordmark{color:var(--green)}.contact{padding:60px 0 110px}.contact h1{max-width:900px}.contact a{color:var(--terra);border-bottom:1px solid var(--terra)}
@media(max-width:800px){.site-header{height:auto;min-height:76px;align-items:flex-start;padding:20px 6vw;gap:20px;flex-direction:column}nav{flex-wrap:wrap;gap:10px 20px;font-size:16px}.wrap{padding:0 6vw}.hero,.page-head,.feature,.event-hero,.edition-card{grid-template-columns:1fr}.hero{padding-top:30px;gap:26px}.hero-image{height:360px;order:-1}.page-head{padding:48px 0 30px;gap:18px}.content-grid{grid-template-columns:1fr;gap:25px}.feature{gap:25px}.feature img{height:330px}.people{grid-template-columns:1fr;gap:45px}.edition-card img{height:300px}.event-hero img{height:330px}.schedule-item{grid-template-columns:1fr;gap:12px}.schedule-item img{height:260px}.home-strip{grid-template-columns:1fr}.home-strip a,.home-strip a+a{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.home-strip a:last-child{border-bottom:0}.footer{padding:24px 6vw;gap:18px;flex-direction:column;align-items:flex-start}}

/* Schermata d'ingresso */
.splash{min-height:100vh;display:grid;place-items:center;overflow:hidden;background:var(--paper)}
.splash-inner{width:min(760px,88vw);min-height:88vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:50px 0}
.splash-waves{width:min(570px,78vw);height:auto;max-height:42vh;object-fit:contain;margin-bottom:30px;mix-blend-mode:multiply}
.splash-wordmark{font:400 clamp(54px,8vw,88px)/.95 var(--serif);letter-spacing:-.045em;color:var(--green)}
.splash-inner p{font:400 clamp(19px,2.2vw,25px)/1.2 var(--serif);margin:20px 0 30px;color:var(--green)}
.splash-enter{font:500 17px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--terra);border-bottom:1px solid var(--terra);padding:8px 0;display:inline-flex;gap:15px;align-items:center}
.splash-enter span{font-size:21px}
.people-editorial{display:flex;flex-direction:column;gap:76px;padding:25px 0 100px}
.person{display:grid;grid-template-columns:minmax(260px,.82fr) 1.18fr;gap:6vw;align-items:start;border-top:1px solid var(--line);padding-top:24px}
.person:nth-child(even){grid-template-columns:1.18fr minmax(260px,.82fr)}
.person:nth-child(even) .person-portrait{order:2}
.person-portrait{width:100%;height:430px;object-fit:cover;object-position:center 30%;display:block}
.person-founder .person-portrait{object-position:center 25%}
.person-copy{padding:8px 0 0}
.person-copy h2{margin:18px 0 0}
.person-copy p{max-width:600px}
@media(max-width:800px){.splash-waves{max-height:32vh}.people-editorial{gap:48px}.person,.person:nth-child(even){grid-template-columns:1fr;gap:22px}.person:nth-child(even) .person-portrait{order:0}.person-portrait{height:360px}}

.home-community{display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:center;padding:28px 0 75px;border-top:1px solid var(--line)}
.home-community img{width:100%;height:380px;object-fit:cover;object-position:center 55%}
.home-community h2{max-width:520px;margin:18px 0}
@media(max-width:800px){.home-community{grid-template-columns:1fr;gap:25px}.home-community img{height:300px}}

/* Schermata di ingresso: opera originale a tutta pagina */
.splash{min-height:100svh;width:100%;display:grid;place-items:center;overflow:hidden;position:relative;background:#273d46 url("assets/onde.jpg") center center / cover no-repeat;color:#F3F0E8}
.splash::before{content:"";position:absolute;inset:0;background:rgba(24,35,38,.22)}
.splash-inner{position:relative;z-index:1;width:100%;min-height:100svh;display:grid;place-items:center;padding:32px 6vw;text-align:center}
.splash-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:0 1px 18px rgba(0,0,0,.22)}
.splash-wordmark{font:500 clamp(58px,9vw,112px)/.95 var(--serif);letter-spacing:-.055em;color:#F3F0E8}
.splash-copy p{font:400 clamp(21px,2.5vw,31px)/1.2 var(--serif);color:#F3F0E8;margin:22px 0 34px}
.splash-enter{font:500 15px var(--body);letter-spacing:.16em;text-transform:uppercase;color:#F3F0E8;border:1px solid rgba(243,240,232,.8);padding:12px 27px;display:inline-flex;align-items:center;justify-content:center;min-width:112px;transition:background .2s,color .2s}
.splash-enter:hover{background:#F3F0E8;color:#2E3A2F}
/* Home: una vera pagina di orientamento, distinta dalla schermata d'ingresso */
.home-main{padding-bottom:80px}
.home-opening{padding:clamp(65px,10vw,130px) 0 clamp(55px,8vw,100px);max-width:950px}
.home-opening h1{font-size:clamp(54px,7vw,100px);line-height:.92;max-width:850px;margin:22px 0 22px}
.home-opening .intro{font-size:clamp(27px,3vw,39px);margin:0 0 26px;max-width:600px}
.home-image-band{width:100%;height:clamp(380px,55vw,700px);overflow:hidden;margin:0 0 65px}
.home-image-band img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.home-links{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home-links a{position:relative;min-height:145px;padding:22px 24px 22px 0;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:13px}
.home-links a+a{padding-left:24px}.home-links a:last-child{border-right:0}
.home-links strong{font:400 clamp(25px,2.6vw,36px)/1 var(--serif)}
.home-link-arrow{margin-top:auto;color:var(--terra);font-size:22px}
@media(max-width:800px){.home-opening{padding:65px 0 48px}.home-image-band{height:340px;margin-bottom:42px}.home-links{grid-template-columns:1fr 1fr}.home-links a,.home-links a+a{padding:18px 14px 18px 0;min-height:125px;border-bottom:1px solid var(--line)}.home-links a:nth-child(even){padding-left:14px;border-right:0}.home-links a:nth-last-child(-n+2){border-bottom:0}.splash-copy p{max-width:85vw}}

/* HOME — composizione editoriale sottil.mente */
.home-opening {
  padding: clamp(55px, 8vw, 100px) 0 42px;
  max-width: 760px;
}
.home-opening h1 {
  font-size: clamp(43px, 6vw, 78px);
  line-height: .98;
  max-width: 720px;
  margin: 28px 0 20px;
}
.home-opening .intro {
  font-size: clamp(21px, 2.3vw, 29px);
  max-width: 540px;
}
.home-image-band {
  position: relative;
  width: 100vw;
  height: clamp(400px, 54vw, 680px);
  margin: 0 0 75px calc(50% - 50vw);
  overflow: hidden;
  background: #E8E1D3;
}
.home-image-band img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 9%, black 91%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 9%, black 91%, transparent 100%);
}
.home-image-caption {
  position: absolute;
  left: 10%;
  bottom: 11%;
  max-width: 520px;
  color: #F3F0E8;
  font: 400 clamp(30px, 4.5vw, 54px)/1 var(--serif);
}
@media(max-width:800px) {
  .home-image-band { height: 420px; margin-bottom: 48px; }
  .home-image-caption { left: 8%; right: 8%; bottom: 9%; }
}

/* Correzione composizione home */
.home-opening h1 {
  font-size: clamp(48px, 6.2vw, 84px);
  line-height: .95;
  max-width: 850px;
  margin: 24px 0;
}
.home-opening .intro {
  font-size: clamp(23px, 2.7vw, 34px);
}
.home-image-band {
  position: relative;
  width: 100vw;
  height: clamp(380px, 48vw, 620px);
  margin: 0 0 70px calc(50% - 50vw);
  overflow: hidden;
  background: #E8E1D3;
}
.home-image-band img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
}
.home-image-caption { display: none; }
@media(max-width:800px) {
  .home-image-band { height: 380px; margin-bottom: 45px; }
}

/* Pagina progetto */
.project-page .page-head {
  margin-bottom: 100px;
}

.project-page .page-head h1 {
  max-width: 760px;
  font-size: clamp(42px, 5.5vw, 72px);
  line-height: 1.02;
}

.project-page .page-head .intro {
  max-width: 430px;
}

.project-pillars {
  column-gap: 6%;
  row-gap: 65px;
  margin-bottom: 65px;
}

.project-pillars .pillar {
  padding-top: 20px;
}

.project-pillars .pillar .num {
  display: block;
  margin-bottom: 28px;
  color: #A5543A;
}

.project-pillars .pillar h3 {
  margin-bottom: 18px;
}

.project-voice {
  max-width: 850px;
  margin: 0 auto 120px;
  padding: 65px 0;
}

.project-voice h2 {
  font-size: clamp(38px, 5vw, 66px);
  line-height: 1.05;
  margin: 24px 0;
}

.project-voice .intro {
  max-width: 760px;
}

.project-voice p:not(.intro) {
  max-width: 620px;
}

@media(max-width:800px) {
  .project-page .page-head {
    margin-bottom: 65px;
  }
  .project-pillars {
    margin-bottom: 75px;
  }
  .project-voice {
    margin-bottom: 70px;
    padding: 35px 0;
  }
}

/* Immagine accanto al linguaggio del corpo */
.project-voice-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  gap: 9%;
  margin: 0 auto 120px;
}

.project-voice-grid .project-voice {
  max-width: 100%;
  margin: 0;
  padding: 40px 0;
}

.project-voice-image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media(max-width:800px) {
  .project-voice-grid {
    grid-template-columns: 1fr;
    gap: 25px;
    margin-bottom: 70px;
  }

  .project-voice-image img {
    height: 320px;
  }
}

/* Correzione disposizione: immagine a sinistra */
.project-voice-grid {
  grid-template-columns: 0.9fr 1.1fr;
}

.project-voice-image {
  grid-column: 1;
  grid-row: 1;
}

.project-voice-grid .project-voice {
  grid-column: 2;
  grid-row: 1;
}

@media(max-width:800px) {
  .project-voice-image,
  .project-voice-grid .project-voice {
    grid-column: 1;
    grid-row: auto;
  }
}


body:has(.edition-card) .page-head .intro {
  font-size: clamp(18px, 1.7vw, 23px);
  line-height: 1.35;
}


/* Prima edizione — Roma */

.rome-page .event-hero {
  align-items: center;
  gap: clamp(32px, 6vw, 90px);
}

.rome-page .rome-intro {
  flex: 1;
}

.rome-page .event-hero > img {
  flex: 1;
  width: 48%;
  object-fit: cover;
}

.rome-place {
  margin: 38px 0 34px;
}

.rome-date {
  display: block;
  font-size: 14px;
  letter-spacing: .08em;
  color: #A5543A;
  margin-bottom: 12px;
}

.rome-place h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(29px, 3vw, 40px);
  font-weight: 500;
  margin: 0;
}

.rome-place p {
  margin: 4px 0 0;
}

.rome-place .rome-address {
  font-size: 14px;
  opacity: .7;
}

.rome-program {
  margin-top: 100px;
}

.rome-program > .eyebrow {
  margin-bottom: 35px;
}

.rome-event {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 7%;
  align-items: center;
  padding: 55px 0;
  border-top: 1px solid rgba(46,58,47,.22);
}

.rome-event > img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.rome-event.reverse > img {
  grid-column: 1;
  grid-row: 1;
}

.rome-event.reverse .rome-event-copy {
  grid-column: 2;
  grid-row: 1;
}

.rome-event-copy .eyebrow {
  margin-bottom: 14px;
}

.rome-event-copy h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(30px, 3.2vw, 43px);
  line-height: 1.05;
  font-weight: 500;
  margin: 0 0 22px;
}

.rome-event-copy h3 {
  font-family: "EB Garamond", serif;
  font-size: 22px;
  font-weight: 500;
  margin: 0 0 8px;
}

.rome-event-copy p {
  max-width: 560px;
}

.rome-time {
  grid-column: 1 / -1;
  font-size: 13px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #A5543A;
  padding-top: 8px;
}

@media (max-width: 700px) {
  .rome-page .event-hero {
    display: flex;
    flex-direction: column;
  }

  .rome-page .event-hero > img {
    width: 100%;
  }

  .rome-event,
  .rome-event.reverse {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
  }

  .rome-event.reverse > img {
    order: 0;
  }

  .rome-event.reverse .rome-event-copy {
    order: 1;
  }

  .rome-time {
    order: 2;
  }
}


/* Apertura fotografica a tutta larghezza — Roma */

.rome-page .event-hero {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}

.rome-page .event-hero > img {
  order: 2;
  display: block;
  width: 100%;
  max-width: none;
  height: clamp(320px, 52vw, 680px);
  object-fit: cover;
  margin: 38px 0 42px;
}

.rome-page .rome-intro {
  display: contents;
}

.rome-page .rome-intro > .eyebrow,
.rome-page .rome-intro > h1,
.rome-page .rome-intro > .rome-place {
  order: 0;
}

.rome-page .rome-intro > p {
  order: 3;
  max-width: 760px;
}

.rome-page .rome-intro > p:first-of-type {
  margin-top: 0;
}

@media (max-width: 700px) {
  .rome-page .event-hero > img {
    height: 300px;
    margin: 28px 0 30px;
  }
}


/* Roma: prima la fotografia, poi il testo */
.rome-page .event-hero > img {
  order: -1;
}


/* Sezione Perché sottil.mente: testo a sinistra, immagine a destra */
.project-why-grid {
  grid-template-columns: 0.9fr 1.1fr;
}

.project-why-grid .project-voice {
  grid-column: 1;
  grid-row: 1;
}

.project-why-grid .project-voice-image {
  grid-column: 2;
  grid-row: 1;
}

@media(max-width:800px) {
  .project-why-grid .project-voice,
  .project-why-grid .project-voice-image {
    grid-column: 1;
    grid-row: auto;
  }
}

/* Contatti: testo e immagine */
.contact-editorial {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 5vw;
  align-items: center;
}
.contact-copy {
  min-width: 0;
}
.contact-image img {
  display: block;
  width: 100%;
  height: 480px;
  object-fit: cover;
}
@media(max-width:800px) {
  .contact-editorial {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .contact-image img {
    height: 320px;
  }
}

.splash-copy p {
  font-style: italic;
}

.splash-wordmark {
  font-size: clamp(48px, 7vw, 88px);
}

/* Disposizione definitiva delle due sezioni */
.project-pillars {
  margin-bottom: 25px;
}

.project-voice-grid {
  margin-bottom: 65px;
}

/* Perché sottil.mente: testo a sinistra, immagine a destra */
.project-why-grid {
  grid-template-columns: 0.9fr 1.1fr;
}

.project-why-grid .project-voice {
  grid-column: 1;
  grid-row: 1;
}

.project-why-grid .project-voice-image {
  grid-column: 2;
  grid-row: 1;
}

/* Il corpo parla: immagine a sinistra, testo a destra */
.project-voice-grid:not(.project-why-grid) {
  grid-template-columns: 0.9fr 1.1fr;
}

.project-voice-grid:not(.project-why-grid) .project-voice-image {
  grid-column: 1;
  grid-row: 1;
}

.project-voice-grid:not(.project-why-grid) .project-voice {
  grid-column: 2;
  grid-row: 1;
}

@media(max-width:800px) {
  .project-voice-grid .project-voice,
  .project-voice-grid .project-voice-image {
    grid-column: 1;
    grid-row: auto;
  }
}

.project-pillars {
  margin-bottom: 0 !important;
}

.project-why-grid {
  margin-top: 0 !important;
}

/* Ridimensionamento immagine Contatti */
.contact-editorial {
  grid-template-columns: 1fr 1fr;
  gap: 4vw;
}

.contact-editorial .contact-image img {
  width: 100%;
  height: 340px;
  object-fit: cover;
}

@media(max-width:800px) {
  .contact-editorial {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .contact-editorial .contact-image img {
    height: 260px;
  }
}

.contact-editorial {
  grid-template-columns: 1fr 1fr;
  gap: 4vw;
}

.contact-editorial .contact-image img {
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  object-fit: cover;
}

@media(max-width:800px) {
  .contact-editorial {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .contact-editorial .contact-image img {
    aspect-ratio: 1 / 1;
  }
}