@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');
:root{--bg:#031019;--text:#f5f7fc;--cyan:#32d7ef;--green:#67ee2e;--magenta:#e331ef;--yellow:#f9bd21}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Montserrat,"Segoe UI",Arial,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}img{display:block;width:100%}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:100;background:#fff;color:#000;padding:1rem}.header{height:86px;position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;gap:2rem;background:linear-gradient(#02101cbf,#02101c00)}.brand{display:flex;flex-direction:column;align-items:center;width:250px;flex:none}.brand img{width:100%;height:54px;object-fit:contain}.brand span{letter-spacing:.52em;font-size:10px;white-space:nowrap;padding-left:.55em}.header nav{display:flex;gap:clamp(1rem,2.6vw,3.4rem);align-items:center}.header nav a{font-size:10px;letter-spacing:.14em;white-space:nowrap;padding:12px 0;border-bottom:2px solid transparent}.header nav a:hover,.header nav a.active{border-color:var(--cyan)}.hero{height:clamp(430px,44vw,610px);min-height:430px;position:relative;overflow:hidden}.hero-photo{position:absolute;inset:0;background:url("assets/inmyeyes-hero-autunno.webp") center 43%/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#000c18bd 0%,#00132245 43%,transparent 76%),linear-gradient(0deg,#03101960,transparent 35%,#03101940)}.hero-copy{position:absolute;left:5%;top:34%;z-index:1}.line{display:block;width:53px;height:2px;background:var(--cyan);margin:0 0 22px}.hero-copy h1{font-size:clamp(2.3rem,4.2vw,5.3rem);font-weight:300;letter-spacing:.32em;line-height:1;margin:0 0 9px;white-space:nowrap}.subtitle{font-size:clamp(.8rem,1.2vw,1.4rem);font-weight:300;letter-spacing:.78em;margin:0 0 21px;white-space:nowrap}.hero-copy .line:nth-of-type(2){margin-bottom:22px}.lead{font-size:clamp(.8rem,1.03vw,1rem);line-height:1.55;letter-spacing:.01em}.down,.arrow{width:44px;height:44px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:300;transition:background .2s,color .2s}.down{margin-top:18px}.down:hover,.arrow:hover{background:#fff;color:#031019}.hero blockquote{position:absolute;right:4%;bottom:12%;z-index:1;font-size:clamp(.8rem,.95vw,1rem);font-style:italic;text-align:center;line-height:1.6;color:#e0e5eb;font-weight:300;letter-spacing:.05em}.hero blockquote:after{content:"";display:block;height:1px;background:#fff;width:90px;margin:18px auto 0}.gallery{display:flex;overflow:hidden;height:clamp(325px,28vw,465px);background:#01070e}.tile{position:relative;flex:1 1 25%;min-width:0;overflow:hidden;isolation:isolate;clip-path:polygon(0 0,100% 0,82% 100%,0 100%);margin-right:-2.7%;transition:flex .35s}.tile:first-child{flex-basis:27%}.tile:last-child{clip-path:none;margin-right:0;flex-basis:27%}.tile:not(:first-child){clip-path:polygon(18% 0,100% 0,82% 100%,0 100%)}.tile:nth-last-child(1){clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}.tile img{position:absolute;inset:0;height:100%;object-fit:cover;z-index:-2;transition:transform .45s;filter:saturate(1.05)}.tile:hover img{transform:scale(1.05)}.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#01060de8 0%,#01060d15 65%);z-index:-1}.tile-content{position:absolute;bottom:18px;left:clamp(16px,3vw,60px);right:10px}.tile:not(:first-child) .tile-content{left:clamp(30px,4.4vw,85px)}.tile h2{font-size:clamp(1.1rem,1.6vw,2rem);font-weight:400;letter-spacing:.27em;margin:0 0 12px;white-space:nowrap}.tile i{display:block;width:44px;height:4px;background:var(--cyan);margin-bottom:14px}.tile-two i{background:var(--green)}.tile-three i{background:var(--magenta)}.tile-four i{background:var(--yellow)}.tile p{font-size:clamp(.7rem,.92vw,.95rem);line-height:1.5;margin:0 0 10px}.arrow{width:33px;height:33px;font-size:21px}.projects{padding:24px 3.4% 25px;border-top:1px solid #53677988}.projects-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:10px}.section-title{display:flex;gap:20px;align-items:flex-start}.small-rule{width:40px;height:1px;background:#fff;margin-top:5px}.section-title p{font-size:9px;letter-spacing:.27em;color:#92d9f5;margin:0 0 4px}.section-title h2{font-size:clamp(1rem,1.45vw,1.6rem);line-height:1.1;font-weight:400;letter-spacing:.06em;color:#53d6f7;margin:0}.all-projects{font-size:9px;letter-spacing:.2em;white-space:nowrap}.all-projects:hover{color:var(--cyan)}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5%}.project img{height:clamp(95px,8.2vw,150px);object-fit:cover}.project h3{font-size:clamp(.72rem,.9vw,.95rem);font-weight:400;margin:9px 0 4px;display:flex;justify-content:space-between;gap:8px}.project h3 span{font-size:22px;line-height:.7}.project p{color:#77c8e8;font-size:9px;letter-spacing:.2em;margin:0}.project:hover h3{color:var(--cyan)}footer{border-top:1px solid #647d8c70;padding:22px 3.4%;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.footer-brand{display:flex;flex-direction:column;min-width:200px}.footer-brand strong{font-size:21px;letter-spacing:.08em;font-weight:500}.footer-brand span{font-size:9px;letter-spacing:.37em;margin-top:4px}footer>p{font-size:9px;letter-spacing:.34em;text-align:center;color:#d3e4ed}.footer-links{font-size:10px;letter-spacing:.12em}@media(max-width:1100px){.header{height:auto;min-height:80px}.brand{width:180px}.brand img{height:44px}.brand span{font-size:8px}.header nav{gap:1rem}.header nav a{font-size:9px}.tile h2{letter-spacing:.13em}.tile:not(:first-child) .tile-content{left:34px}.tile p{font-size:11px}}@media(max-width:760px){.header{position:absolute;display:block;padding:10px 4%}.brand{width:170px}.header nav{margin-top:8px;overflow-x:auto;gap:15px}.header nav a{font-size:8px}.hero{height:560px}.hero-copy{left:5%;top:34%}.hero-copy h1{font-size:clamp(1.9rem,7vw,3rem);letter-spacing:.18em}.subtitle{letter-spacing:.4em}.hero blockquote{right:5%;bottom:5%;font-size:11px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.tile,.tile:first-child,.tile:last-child,.tile:not(:first-child),.tile:nth-last-child(1){clip-path:none;margin:0;height:290px}.tile-content,.tile:not(:first-child) .tile-content{left:18px}.tile h2{font-size:1.15rem}.projects{padding:30px 4%}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.project img{height:150px}footer{flex-wrap:wrap}footer>p{order:3;width:100%}}@media(max-width:430px){.gallery{grid-template-columns:1fr}.tile,.tile:first-child,.tile:last-child,.tile:not(:first-child),.tile:nth-last-child(1){height:250px}.hero blockquote{display:none}.hero-copy{top:37%}.hero-copy h1{font-size:2rem}.subtitle{font-size:.8rem}.projects-heading{align-items:flex-start}.all-projects{white-space:normal;text-align:right;font-size:8px}.project-grid{gap:18px 10px}.project img{height:110px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* ==========================================================
   IN MY EYES v0.8 — DIAGONALE FOTOGRAFICA PULITA
   Baseline approvata: hero autunnale dominante, raccordo
   geometrico netto, nessuna doppia esposizione.
   ========================================================== */
@media(min-width:761px){
  .hero{
    height:clamp(800px,100vh,1250px);
    min-height:800px;
    position:relative;
    z-index:3;
    overflow:hidden;
    /* A sinistra il bosco scende più in basso; a destra
       scopre prima le gallerie, come nel mockup approvato. */
    clip-path:polygon(0 0,100% 0,100% calc(100% - 215px),0 100%);
  }
  .hero-photo{
    inset:0;
    background-image:url("assets/inmyeyes-hero-autunno.webp");
    background-position:center 48%;
    background-size:cover;
  }
  .hero-overlay{
    inset:0;
    background:linear-gradient(90deg,rgba(2,10,18,.66) 0%,rgba(2,10,18,.28) 36%,transparent 70%),
      linear-gradient(180deg,rgba(2,10,18,.28),transparent 25%,rgba(2,10,18,.06));
  }
  .hero::after{display:none}
  .hero-copy{top:29%}
  .hero blockquote{bottom:34%;right:5%}

  .gallery{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    height:clamp(480px,34vw,620px);
    margin-top:-215px;
    padding:0;
    overflow:hidden;
    background:#031019;
    isolation:isolate;
    -webkit-mask-image:none;
    mask-image:none;
  }
  .gallery .tile,
  .gallery .tile:first-child,
  .gallery .tile:last-child,
  .gallery .tile:not(:first-child),
  .gallery .tile:nth-last-child(1){
    display:block;
    position:relative;
    height:100%;
    width:auto;
    min-width:0;
    margin:0;
    overflow:hidden;
    isolation:auto;
    flex:none;
    -webkit-mask-image:none;
    mask-image:none;
  }
  .gallery .tile:nth-child(1){z-index:4;clip-path:polygon(0 0,100% 0,calc(100% - 95px) 100%,0 100%)}
  .gallery .tile:nth-child(2),
  .gallery .tile:nth-child(3){clip-path:polygon(95px 0,100% 0,calc(100% - 95px) 100%,0 100%)}
  .gallery .tile:nth-child(2){z-index:3}
  .gallery .tile:nth-child(3){z-index:2}
  .gallery .tile:nth-child(4){z-index:1;clip-path:polygon(95px 0,100% 0,100% 100%,0 100%)}
  .gallery .tile:not(:first-child){margin-left:-95px;width:calc(100% + 95px)}
  .gallery .tile img,
  .gallery .tile:not(:first-child) img,
  .gallery .tile:last-child img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
    z-index:0;clip-path:none;filter:saturate(1.05);
  }
  .gallery .tile::after,
  .gallery .tile:not(:first-child)::after,
  .gallery .tile:last-child::after{
    content:"";position:absolute;inset:0;z-index:1;clip-path:none;
    background:linear-gradient(0deg,rgba(1,6,13,.91),rgba(1,6,13,.25) 37%,transparent 75%);
  }
  .gallery .tile:not(:last-child)::before{display:none}
  .gallery .tile-content,
  .gallery .tile:not(:first-child) .tile-content{
    position:absolute;z-index:3;left:clamp(54px,5.2vw,110px);right:10px;bottom:25px;
  }
  .gallery .tile:first-child .tile-content{left:clamp(25px,3.3vw,65px)}
  .gallery .tile h2{font-size:clamp(1.1rem,1.5vw,1.85rem);letter-spacing:.19em}
  .gallery .tile p{font-size:clamp(.68rem,.82vw,.9rem)}
  .gallery .category-icon{
    display:block;width:36px;height:36px;margin-bottom:12px;
    fill:none;stroke:var(--cyan);stroke-width:1.7;
    stroke-linecap:round;stroke-linejoin:round;
    transition:transform .35s ease,filter .35s ease;
  }
  .gallery .tile-two .category-icon{stroke:var(--green)}
  .gallery .tile-three .category-icon{stroke:var(--magenta)}
  .gallery .tile-four .category-icon{stroke:var(--yellow)}
  .gallery .tile:hover .category-icon{transform:translateY(-4px);filter:drop-shadow(0 0 7px currentColor)}
  .projects{padding-top:45px}
}
@media(max-width:760px){
  .hero-photo{background-position:55% center}
  .gallery .category-icon{
    display:block;width:31px;height:31px;margin-bottom:10px;
    fill:none;stroke:var(--cyan);stroke-width:1.7;
    stroke-linecap:round;stroke-linejoin:round;
  }
  .gallery .tile-two .category-icon{stroke:var(--green)}
  .gallery .tile-three .category-icon{stroke:var(--magenta)}
  .gallery .tile-four .category-icon{stroke:var(--yellow)}
}

/* v0.8.3 — filetti discreti grigio-azzurri sulle diagonali (foto inalterate).
   La linea superiore è disegnata DENTRO il ritaglio della hero;
   le altre seguono il bordo destro di ciascuna lama. */
@media(min-width:761px){
  .hero::after{
    content:"";
    display:block;
    position:absolute;
    inset:auto 0 0;
    height:215px;
    z-index:4;
    pointer-events:none;
    background:rgba(255,255,255,.86);
    clip-path:polygon(0 calc(100% - 2px),100% 0,100% 3px,0 100%);
    filter:none;
  }
  .gallery .tile:nth-child(-n+3)::before{
    content:"";
    display:block;
    position:absolute;
    inset:0;
    z-index:4;
    pointer-events:none;
    background:rgba(151,179,194,.38);
    clip-path:polygon(calc(100% - 1px) 0,100% 0,calc(100% - 95px) 100%,calc(100% - 96px) 100%);
  }
}

/* ==========================================================
   v0.9 — STORIES & PROJECTS / IMPAGINAZIONE EDITORIALE
   Solo la sezione progetti: hero e gallery v0.8.3 inalterate.
   ========================================================== */
.projects-editorial{
  padding:clamp(80px,7vw,136px) clamp(24px,5.2vw,110px) clamp(100px,8vw,155px);
  background:#031019;
  border-top:1px solid #53677988;
}
.projects-editorial .projects-heading{
  display:flex;align-items:end;justify-content:space-between;
  gap:30px;margin-bottom:22px;
}
.projects-editorial .section-title{gap:26px;align-items:flex-start}
.projects-editorial .small-rule{width:46px;flex:none;background:#83a8ba;margin-top:12px}
.projects-editorial .section-title p{
  color:var(--cyan);font-size:11px;letter-spacing:.28em;margin:0 0 20px;
}
.projects-editorial .section-title h2{
  font-size:clamp(2.5rem,4.5vw,5.6rem);
  line-height:1.12;letter-spacing:-.035em;font-weight:300;
  color:#f5f7fc;
}
.projects-editorial .title-dot{color:var(--cyan)}
.projects-editorial .all-projects{
  font-size:10px;letter-spacing:.17em;padding-bottom:10px;
  border-bottom:1px solid #7193a4;white-space:nowrap;
}
.projects-editorial .all-projects span{color:var(--cyan);font-size:16px;margin-left:12px}
.projects-editorial .projects-intro{
  margin:0 0 clamp(35px,4.6vw,78px) 72px;
  color:#b5c8d2;font-size:clamp(.9rem,1.08vw,1.15rem);
  line-height:1.8;font-weight:300;
}
.projects-editorial .editorial-grid{
  display:grid;
  grid-template-columns:1.12fr .52fr .52fr;
  grid-template-rows:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(20px,2vw,36px);
  align-items:stretch;
}
.projects-editorial .project{min-width:0;display:flex;flex-direction:column;position:relative}
.projects-editorial .project-featured{grid-column:1;grid-row:1 / span 2}
.projects-editorial .project-secondary{grid-row:1}
.projects-editorial .project-wide{grid-column:2 / span 2;grid-row:2;display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}
.projects-editorial .project-image{position:relative;overflow:hidden;min-height:0;background:#0a1a25}
.projects-editorial .project-featured .project-image{height:clamp(420px,40vw,740px)}
.projects-editorial .project-secondary .project-image{height:clamp(190px,18vw,335px)}
.projects-editorial .project-wide .project-image{height:100%;min-height:185px}
.projects-editorial .project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.projects-editorial .project:hover .project-image img{transform:scale(1.035)}
.projects-editorial .project-caption{padding-top:19px}
.projects-editorial .project-kicker{
  display:block;color:#70cce9;font-size:10px;letter-spacing:.18em;
  line-height:1.5;margin-bottom:12px;
}
.projects-editorial .project h3{
  display:flex;align-items:baseline;justify-content:space-between;
  font-size:clamp(1.1rem,1.45vw,1.8rem);font-weight:400;
  letter-spacing:.005em;line-height:1.3;margin:0;
}
.projects-editorial .project-featured h3{
  display:block;font-size:clamp(2rem,3.2vw,4rem);font-weight:300;
  letter-spacing:-.025em;line-height:1.13;
}
.projects-editorial .project h3 span{font-size:1.1em;color:var(--cyan);margin-left:12px}
.projects-editorial .project-featured h3 span{display:inline-block}
.projects-editorial .project-caption p{
  color:#9fb5c1;font-size:clamp(.85rem,.92vw,1rem);
  letter-spacing:0;line-height:1.6;margin:16px 0 0;
}
.projects-editorial .project-wide .project-caption{padding:0}
@media(max-width:1100px){
  .projects-editorial .editorial-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .projects-editorial .project-featured{grid-column:1 / -1;grid-row:auto}
  .projects-editorial .project-featured .project-image{height:clamp(360px,52vw,600px)}
  .projects-editorial .project-secondary{grid-row:auto}
  .projects-editorial .project-wide{grid-column:1 / -1;grid-row:auto}
}
@media(max-width:760px){
  .projects-editorial{padding:70px 5% 90px}
  .projects-editorial .projects-heading{align-items:flex-start;flex-direction:column;gap:22px}
  .projects-editorial .section-title{gap:14px}
  .projects-editorial .small-rule{width:24px}
  .projects-editorial .section-title h2{font-size:clamp(2.2rem,8vw,3.6rem)}
  .projects-editorial .projects-intro{margin:0 0 34px 38px}
  .projects-editorial .editorial-grid{gap:30px 16px}
  .projects-editorial .project-secondary .project-image{height:clamp(140px,27vw,260px)}
  .projects-editorial .project-wide{grid-template-columns:1fr}
  .projects-editorial .project-wide .project-image{height:220px}
  .projects-editorial .project-wide .project-caption{padding-top:0}
}
@media(max-width:430px){
  .projects-editorial .editorial-grid{grid-template-columns:1fr}
  .projects-editorial .project-featured,.projects-editorial .project-secondary,.projects-editorial .project-wide{grid-column:1;grid-row:auto}
  .projects-editorial .project-featured .project-image{height:380px}
  .projects-editorial .project-secondary .project-image{height:250px}
  .projects-editorial .project-wide{display:flex;flex-direction:column;align-items:stretch}
  .projects-editorial .project-wide .project-image{height:250px}
}

/* v0.9.1 — SPORT separato dai progetti, contenuti originali ripristinati */
.projects-editorial{padding-bottom:clamp(65px,6vw,115px)}
.projects-editorial .project-wide .project-image{background:#f5f6f7}
.projects-editorial .project-wide .project-image img{object-fit:contain}
.sports-section{
  background:#061622;color:#f4f7fa;
  padding:clamp(75px,7vw,130px) clamp(24px,5.2vw,110px) clamp(90px,8vw,150px);
  border-top:1px solid rgba(151,179,194,.27);
}
.sports-heading{display:grid;grid-template-columns:46px minmax(0,1fr) minmax(260px,.65fr);gap:26px;align-items:end;margin-bottom:clamp(38px,4vw,72px)}
.sports-heading .small-rule{height:1px;background:#83a8ba;margin-top:14px;align-self:start}
.sports-eyebrow{color:var(--cyan);font-size:11px;letter-spacing:.25em;margin:0 0 22px}
.sports-heading h2{font-size:clamp(2.6rem,4.5vw,5.6rem);font-weight:300;line-height:1.13;letter-spacing:-.035em;margin:0}
.sports-heading h2 em{font-weight:300;font-style:normal;color:var(--cyan)}
.sports-description{font-size:clamp(.85rem,1.05vw,1.1rem);line-height:1.85;color:#a8bfcc;margin:0 0 8px}
.sports-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.3vw,42px)}
.sports-card{position:relative;display:block;overflow:hidden;height:clamp(340px,31vw,600px);background:#0b202e}
.sports-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s ease}
.sports-card:hover>img{transform:scale(1.04)}
.sports-card-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,8,18,.82),rgba(0,8,18,.05) 60%);pointer-events:none}
.sports-card-caption{position:absolute;bottom:clamp(25px,3vw,52px);left:clamp(24px,3vw,52px);right:clamp(24px,3vw,52px);display:grid;grid-template-columns:1fr auto;align-items:end}
.sports-card-caption small{grid-column:1 / -1;color:var(--cyan);font-size:10px;letter-spacing:.22em;margin-bottom:12px}
.sports-card-caption strong{font-weight:300;font-size:clamp(2.2rem,3.5vw,4.6rem);line-height:1.1;letter-spacing:.02em}
.sports-card-caption>span{font-size:clamp(1.8rem,2.4vw,3rem);color:var(--cyan)}
@media(max-width:900px){.sports-heading{grid-template-columns:30px 1fr}.sports-description{grid-column:2}}
@media(max-width:760px){.sports-section{padding:65px 5% 90px}.sports-heading{gap:14px}.sports-grid{grid-template-columns:1fr}.sports-card{height:clamp(290px,65vw,460px)}}

/* v0.9.2 — a destra due progetti paritari; HE-PowerGreen panoramico sotto */
@media(min-width:1101px){
  .projects-editorial .editorial-grid{
    grid-template-columns:1.12fr .52fr .52fr;
    grid-template-rows:auto auto;
    align-items:start;
  }
  .projects-editorial .project-featured{grid-column:1;grid-row:1 / 3;align-self:stretch}
  .projects-editorial .project-secondary:not(.project-wide){grid-row:1}
  .projects-editorial .project-tridentum .project-image{background:#f5f6f7}
  .projects-editorial .project-tridentum .project-image img{object-fit:contain}
  .projects-editorial .project-powergreen{
    grid-column:2 / 4;grid-row:2;
    display:flex;flex-direction:column;gap:0;align-items:stretch;
  }
  .projects-editorial .project-powergreen .project-image{
    height:clamp(210px,20vw,370px);min-height:0;background:#0a1a25;
  }
  .projects-editorial .project-powergreen .project-image img{object-fit:cover}
  .projects-editorial .project-powergreen .project-caption{padding-top:19px}
}
@media(max-width:1100px){
  .projects-editorial .project-powergreen{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .projects-editorial .project-powergreen .project-image{height:clamp(240px,38vw,410px);min-height:0;background:#0a1a25}
  .projects-editorial .project-powergreen .project-image img{object-fit:cover}
  .projects-editorial .project-powergreen .project-caption{padding-top:19px}
  .projects-editorial .project-tridentum .project-image{background:#f5f6f7}
  .projects-editorial .project-tridentum .project-image img{object-fit:contain}
}

/* v0.9.3 — inquadratura HE-PowerGreen: turbina intera, senza crop */
.projects-editorial .project-powergreen .project-image{
  height:clamp(290px,26vw,460px);
  background:#0a1a25;
}
.projects-editorial .project-powergreen .project-image img{
  object-fit:contain;
  object-position:center center;
}
@media(max-width:1100px){
  .projects-editorial .project-powergreen .project-image{height:clamp(260px,44vw,460px)}
}

/* v0.9.4 — foto drone HE-PowerGreen: formato originale 3:2, firma preservata */
.projects-editorial .project-powergreen .project-image{
  height:auto;
  aspect-ratio: 1.5 / 1;
  background:#061622;
}
.projects-editorial .project-powergreen .project-image img{
  object-fit:contain;
  object-position:center;
}
@media(max-width:1100px){
  .projects-editorial .project-powergreen .project-image{height:auto;aspect-ratio:1.5 / 1}
}

/* v0.9.5 — HE-PowerGreen panoramico: riduzione altezza, immagine intera */
.projects-editorial .project-powergreen .project-image{
  height:auto;
  aspect-ratio: 2.7 / 1;
  min-height:0;
  background:#061622;
}
.projects-editorial .project-powergreen .project-image img{
  object-fit:contain;
  object-position:center;
}
@media(max-width:1100px){
  .projects-editorial .project-powergreen .project-image{
    height:auto;
    aspect-ratio:2.7 / 1;
    min-height:0;
  }
}

/* v0.9.7 — ABOUT editoriale dopo SPORT; placeholder fotografico */
.about-section{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(34px,5.5vw,100px);align-items:center;padding:clamp(85px,9vw,160px) max(4.5%,48px);background:#051521;color:#f4f7fa}
.about-photo{position:relative;min-height:clamp(390px,39vw,640px);overflow:hidden;background:radial-gradient(ellipse at 65% 35%,#173e4d 0%,#0c2938 36%,#061b2a 73%,#04131f 100%);border:1px solid rgba(127,197,215,.15)}
.about-photo:before{content:"";position:absolute;inset:10%;border:1px solid rgba(110,208,226,.14)}
.about-photo:after{content:"";position:absolute;width:30%;aspect-ratio:1;border:1px solid rgba(70,206,231,.2);border-radius:50%;left:35%;top:30%}
.about-photo-label{position:absolute;left:8%;top:8%;font-size:10px;letter-spacing:.32em;color:#66cfe5}
.about-photo-label span{padding:0 9px;color:#a7b7bf}
.about-photo-hint{position:absolute;bottom:9%;left:8%;font-size:clamp(15px,1.6vw,24px);font-weight:300;letter-spacing:.035em;color:#c6d6de}
.about-content{max-width:620px}
.about-eyebrow{font-size:10px;letter-spacing:.3em;color:#52cce5}
.about-rule{display:block;width:52px;height:2px;background:#42cfe7;margin:26px 0 33px}
.about-content h2{font-size:clamp(37px,4.1vw,72px);line-height:1.12;font-weight:300;letter-spacing:-.035em;margin:0 0 34px}
.about-content h2 em{font-style:normal;color:#41d0e7}
.about-content p{font-size:clamp(15px,1.12vw,18px);line-height:1.85;color:#aebdc8;margin:0 0 22px}
.about-content .about-lead{color:#e6edf1}
.about-signoff{display:block;margin-top:44px;font-size:10px;letter-spacing:.24em;color:#62cce0}
.about-signoff span{padding:0 8px;color:#879aa5}
@media(max-width:900px){.about-section{grid-template-columns:1fr;padding:75px 5%;gap:45px}.about-photo{min-height:390px}.about-content{max-width:700px}}
@media(max-width:550px){.about-photo{min-height:310px}.about-content h2{font-size:38px}.about-section{padding:60px 6%}}

/* v0.9.8 — ritratto ABOUT: fotografia intera, senza ritagli */
.about-section .about-photo{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:0;
  background:#061722;
  border:0;
}
.about-section .about-photo:before,
.about-section .about-photo:after{content:none;display:none}
.about-section .about-photo img{
  display:block;
  width:100%;
  height:auto;
  max-height:min(78vh,760px);
  object-fit:contain;
  object-position:center;
}
@media(max-width:900px){
  .about-section .about-photo{min-height:0}
  .about-section .about-photo img{max-height:70vh}
}

/* v0.9.10 — transizione Sport/About più compatta, colonne ottimizzate */
.sports-section{padding-bottom:clamp(28px,3vw,55px)}
.about-section{
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:clamp(24px,3.4vw,62px);
  padding-top:clamp(24px,3.5vw,65px);
  padding-bottom:clamp(60px,6vw,110px);
}
.about-section .about-photo{width:100%;background:transparent}
.about-section .about-photo img{
  width:100%;
  max-height:none;
  height:auto;
  object-fit:contain;
}
.about-section .about-content{max-width:760px}
@media(max-width:900px){
  .about-section{grid-template-columns:1fr;gap:35px;padding-top:35px}
  .about-section .about-photo img{max-height:72vh;width:auto;max-width:100%}
}

/* v0.9.11 — CONTACT editoriale e footer copyright */
.contact-section{background:#061622;color:#f4f7fa;text-align:center;padding:clamp(100px,11vw,190px) 6% clamp(100px,11vw,180px);border-top:1px solid rgba(145,184,198,.18)}
.contact-eyebrow{display:block;color:#50cce6;font-size:11px;letter-spacing:.29em}
.contact-rule{display:block;width:54px;height:2px;background:#45cce4;margin:28px auto 36px}
.contact-section h2{font-size:clamp(38px,5vw,88px);font-weight:300;line-height:1.15;letter-spacing:-.035em;margin:0 auto 28px;max-width:1500px}
.contact-section h2 em{font-style:normal;color:#43cee7}
.contact-section p{color:#aebfca;font-size:clamp(15px,1.15vw,19px);margin:0 auto 45px}
.contact-cta{display:inline-flex;align-items:center;gap:40px;border-bottom:1px solid #47d2e8;padding:0 0 12px;color:#f6fbfd;font-size:13px;letter-spacing:.23em;text-decoration:none}
.contact-cta span{font-size:24px;color:#49d1e9;line-height:1}
.contact-cta-pending{opacity:.65;cursor:default}
footer .footer-meta{text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}
footer .footer-meta p{margin:0;font-size:10px;letter-spacing:.1em;line-height:1.5}
footer .footer-meta p+ p{letter-spacing:.22em}
@media(max-width:900px){footer .footer-meta{order:3;width:100%}.contact-section{padding:90px 6%}}

/* v0.9.12 — pagina copyright e link contatto attivo */
.contact-section p{max-width:790px;line-height:1.75}
.contact-cta:hover,.copyright-mail:hover{color:#4bd6ed}
.copyright-page{min-height:70vh;background:#051521;color:#edf5f8;padding:clamp(120px,11vw,190px) 7% 110px}
.copyright-inner{max-width:900px;margin:0 auto}
.copyright-eyebrow{font-size:11px;letter-spacing:.25em;color:#50cce6}
.copyright-rule{display:block;width:52px;height:2px;background:#43cee7;margin:26px 0 34px}
.copyright-inner h1{font-weight:300;font-size:clamp(38px,5vw,74px);line-height:1.15;letter-spacing:-.03em;margin:0 0 48px}
.copyright-inner h1 em{font-style:normal;color:#43cee7}
.copyright-inner h2{font-size:clamp(24px,2.5vw,38px);font-weight:300;margin:55px 0 20px}
.copyright-inner p{color:#b5c5ce;font-size:clamp(15px,1.2vw,18px);line-height:1.85;margin:0 0 24px}
.copyright-inner p strong{font-weight:500;color:#edf5f8}
.copyright-mail{display:inline-flex;gap:35px;align-items:center;color:#edf5f8;text-decoration:none;border-bottom:1px solid #43cee7;padding-bottom:12px;margin:10px 0 55px;letter-spacing:.22em;font-size:13px}
.copyright-mail span{color:#43cee7;font-size:24px}
.copyright-inner .copyright-back{margin-top:20px}
.copyright-back a{color:#69cee3;text-decoration:none;font-size:11px;letter-spacing:.16em}
footer .footer-links{display:flex;gap:clamp(14px,1.8vw,30px);flex-wrap:wrap;justify-content:flex-end}
@media(max-width:900px){.copyright-page{padding:110px 6% 75px}footer .footer-links{justify-content:center}}

/* v0.9.14 — testi gallery: rispetto del bordo obliquo */
@media(min-width:761px){
  .gallery .tile .tile-content,
  .gallery .tile:not(:first-child) .tile-content{
    right:clamp(100px,6vw,130px);
    max-width:none;
    box-sizing:border-box;
  }
  .gallery .tile:last-child .tile-content{right:clamp(16px,2vw,36px)}
  .gallery .tile p{
    display:block;
    width:100%;
    max-width:100%;
    white-space:normal;
    overflow-wrap:break-word;
    line-height:1.55;
  }
}
@media(max-width:760px){
  .gallery .tile .tile-content,
  .gallery .tile:not(:first-child) .tile-content{right:18px}
  .gallery .tile p{white-space:normal;overflow-wrap:break-word}
}

/* v0.9.15 — VIAGGIA: drone, paesaggio invernale */
.gallery .tile-one img{object-position:35% center}

/* v0.9.17 — VIAGGIA: ritaglio proporzionato, privilegiando cielo e strada */
@media(min-width:761px){
  .gallery .tile-one img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:30% 8%;
  }
}

/* v0.9.18 — colori legati alla galleria, non alla posizione */
.gallery .tile-rispetta i{background:var(--green)}
.gallery .tile-sperimenta i{background:var(--magenta)}
.gallery .tile-osserva i{background:var(--yellow)}
.gallery .tile-viaggia i{background:var(--cyan)}
.gallery .tile-rispetta .category-icon{stroke:var(--green)}
.gallery .tile-sperimenta .category-icon{stroke:var(--magenta)}
.gallery .tile-osserva .category-icon{stroke:var(--yellow)}
.gallery .tile-viaggia .category-icon{stroke:var(--cyan)}
@media(min-width:761px){
  .gallery .tile-viaggia img{object-fit:cover;object-position:35% center}
}

/* v0.9.20 — SPERIMENTA Steel wool: composizione e contrasto */
@media(min-width:761px){
  .gallery .tile-sperimenta img{
    object-fit:cover;
    object-position:52% 36%;
  }
  .gallery .tile-sperimenta::after{
    background:linear-gradient(to top,rgba(1,6,13,.96) 0%,rgba(1,6,13,.82) 17%,rgba(1,6,13,.45) 34%,rgba(1,6,13,.08) 67%,transparent 88%);
  }
}

/* v0.9.22 — RISPETTA: pettirosso, primo test di ritaglio */
@media(min-width:761px){
  .gallery .tile-rispetta img{
    object-fit:cover;
    object-position:42% 38%;
  }
  .gallery .tile-rispetta::after{
    background:linear-gradient(to top,rgba(1,6,13,.94) 0%,rgba(1,6,13,.78) 17%,rgba(1,6,13,.34) 42%,rgba(1,6,13,.05) 75%,transparent 95%);
  }
}

/* v0.9.23 — pettirosso: soggetto ridotto e abbassato senza alterare la fotografia.
   Lo sfondo sfocato usa lo stesso scatto originale per riempire i margini. */
@media(min-width:761px){
  .gallery .tile-rispetta{
    background:linear-gradient(180deg,#9aa5ab 0%,#919ca2 48%,#717d82 100%);
  }
  .gallery .tile-rispetta img{
    object-fit:contain;
    object-position:center center;
    transform:translateY(12%) scale(.79);
    -webkit-mask-image:radial-gradient(ellipse 66% 64% at 50% 50%,#000 55%,transparent 100%);
    mask-image:radial-gradient(ellipse 66% 64% at 50% 50%,#000 55%,transparent 100%);
  }
  .gallery .tile-rispetta:hover img{
    transform:translateY(12%) scale(.81);
  }
}

/* v0.9.24 — raccordo morbido sul bordo sinistro di RISPETTA */
@media(min-width:761px){
  .gallery .tile-rispetta img{
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 7%,#000 23%,#000 78%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 7%,#000 23%,#000 78%,transparent 100%);
  }
}

/* v0.9.25 — OSSERVA: mela leggermente ridotta, con respiro sul fondo nero */
@media(min-width:761px){
  .gallery .tile-osserva{background:#020306}
  .gallery .tile-osserva img{
    object-fit:cover;
    object-position:center 45%;
    transform:scale(.89);
    -webkit-mask-image:radial-gradient(ellipse 74% 76% at 50% 50%,#000 63%,transparent 100%);
    mask-image:radial-gradient(ellipse 74% 76% at 50% 50%,#000 63%,transparent 100%);
  }
  .gallery .tile-osserva:hover img{transform:scale(.92)}
}