/* CHINCANA — CHI SIAMO UI V0.1 | Foglio aggiuntivo, non modifica la Home V1.9.3 */
.about-page{background:var(--cream);color:var(--ink)}
.about-page .site-header{background:var(--deep)}
/* V0.3 — Fix contrasto navigazione: il colore verde scuro del body
   della pagina Chi siamo non deve essere ereditato dai link sull'header scuro. */
.about-page .site-header .desktop-nav a,
.about-page .site-header .mobile-nav a {color:var(--cream)}
.about-page .site-header .desktop-nav a[aria-current="page"],
.about-page .site-header .mobile-nav a[aria-current="page"] {color:var(--gold)}
@media (hover:hover) and (pointer:fine) {
  .about-page .site-header .desktop-nav a:hover,
  .about-page .site-header .mobile-nav a:hover {color:var(--gold)}
}

.about-hero{position:relative;min-height:clamp(560px,88svh,920px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;background:#354c36;color:#fff}
.about-hero-art{position:absolute;inset:0;z-index:-2;background:linear-gradient(135deg,#70816b 0%,#354f3d 42%,#152d24 100%)}
.about-hero-art:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 77% 40%,#d7c69a33,transparent 42%),linear-gradient(90deg,#0b1816af,transparent 95%)}
.about-hero-inner{padding-top:170px;padding-bottom:clamp(85px,13vh,150px);position:relative}
.about-hero h1{font:400 clamp(45px,6vw,88px)/1.2 var(--serif);letter-spacing:-.055em;margin:0 0 25px;max-width:1060px}
.about-hero h1 em{font-style:italic;color:#e2d2aa}
.about-hero p:not(.eyebrow){max-width:520px;font-size:clamp(16px,1.35vw,20px);line-height:1.7;color:#ebeee9}
.about-photo-note{position:absolute;bottom:20px;right:4.9vw;font:600 10px var(--sans);letter-spacing:.09em;color:#f2ecdbad}
.about-section{padding:clamp(90px,10vw,160px) 0;background:var(--cream)}
.about-split{display:grid;grid-template-columns:minmax(0,45%) minmax(0,55%);align-items:center;gap:clamp(35px,6vw,110px)}
.about-section h2,.about-values h2{font:400 clamp(40px,4.2vw,70px)/1.28 var(--serif);letter-spacing:-.045em;margin:0 0 30px}
.about-section h2 em,.about-values h2 em{font-style:italic;color:#73866b}
.about-narrative p:not(.eyebrow){font-size:clamp(16px,1.18vw,19px);color:#536153;line-height:1.85;max-width:540px;margin:0 0 23px}
.about-photo{min-height:clamp(400px,43vw,660px);display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#b7c2b3,#798f77 55%,#516b58)}
.about-photo:before{content:"";position:absolute;inset:25px;border:1px solid #f3eee67a;pointer-events:none}
.about-photo span{background:#f5f2e9db;color:#233728;padding:19px 23px;font-size:13px;letter-spacing:.1em;font-weight:700;line-height:1.5;text-align:center;z-index:1}
.about-photo small{display:block;font-weight:400;font-size:11px;letter-spacing:0;margin-top:5px}
.about-values{background:var(--deep);color:#f5f2e9;padding:clamp(90px,11vw,155px) 0}
.about-values-heading{max-width:800px}.about-values-heading>p:not(.eyebrow){line-height:1.8;font-size:clamp(16px,1.2vw,19px);max-width:650px;color:#d5ded2}
.about-values h2 em{color:#d2c199}
.about-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,5vw,72px);margin-top:clamp(48px,8vw,100px)}
.about-value-grid article{border-top:1px solid #d6ddc755;padding-top:22px}
.about-value-grid h3{font:400 clamp(26px,2.4vw,38px)/1.3 var(--serif);margin:15px 0}
.about-value-grid p{color:#ccd6ca;line-height:1.8;font-size:16px}
.value-index{font-size:12px;letter-spacing:.15em;color:var(--gold)}
.about-split-land{grid-template-columns:minmax(0,55%) minmax(0,45%)}
.about-photo-land{background:linear-gradient(170deg,#d3ccab,#9ba487 42%,#48694f 45%,#324b37)}
.about-narrative .outline-button{margin-top:18px}
.about-page .mobile-nav[hidden]{display:none}
@media(max-width:1050px){.about-hero-inner{padding-top:140px}}
@media(max-width:800px){
 .about-hero{min-height:clamp(520px,145vw,760px)}.about-hero-inner{padding-top:135px;padding-bottom:75px}
 .about-hero h1{font-size:clamp(39px,9vw,60px)}
 .about-hero p:not(.eyebrow){font-size:16px}
 .about-split,.about-split-land{grid-template-columns:1fr;gap:34px}
 .about-story .about-narrative{order:0}.about-story .about-photo{order:1}
 .about-land .about-narrative{order:0}.about-land .about-photo{order:1}
 .about-section{padding:76px 0}.about-photo{min-height:0;aspect-ratio:4/5;width:100%}
 .about-value-grid{grid-template-columns:1fr;gap:29px;margin-top:48px}
 .about-values{padding:82px 0}.about-value-grid article{padding-top:18px}
 /* Nota fotografica eliminata dall’hero: nessuna didascalia tecnica visibile. */
}
@media(prefers-reduced-motion:reduce){.about-page .reveal,.about-page .reveal-image{opacity:1!important;transform:none!important}}

/* Final photography */
.about-hero-art{background-image:linear-gradient(90deg,#111d17ad,#111d173b),url('assets/chi-hero.webp');background-size:cover;background-position:center center;}
.about-photo-story,.about-photo-land{background-size:cover;background-position:center center;}
.about-photo-story{background-image:url('assets/chi-porta.webp');}
.about-photo-land{background-image:url('assets/chi-muretto.webp');}
.about-photo:before{display:none}
@media(max-width:800px){.about-hero-art{background-position:52% center;}.about-photo-story,.about-photo-land{background-position:center center}}