/* CHINCANA — Il Frantoio · UI V0.1. Foglio isolato: non modifica le pagine approvate. */
.frantoio-page{background:var(--cream);color:var(--ink)}
.frantoio-page .site-header{background:var(--deep)}
.frantoio-page .site-header .desktop-nav a,.frantoio-page .site-header .mobile-nav a{color:var(--cream)}
.frantoio-page .site-header .desktop-nav a[aria-current="page"],.frantoio-page .site-header .mobile-nav a[aria-current="page"]{color:var(--gold)}
@media (hover:hover) and (pointer:fine){.frantoio-page .site-header .desktop-nav a:hover,.frantoio-page .site-header .mobile-nav a:hover{color:var(--gold)}}
.fr-hero{position:relative;min-height:clamp(560px,85svh,900px);background:#273c30;color:#fff;display:flex;align-items:end;overflow:hidden;isolation:isolate}
.fr-hero-art{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 76% 32%,#b6b49633,transparent 47%),linear-gradient(140deg,#6e8271,#344d3c 46%,#11261e)}
.fr-hero-art:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#0a1b14b8,#0c1c138a 55%,transparent)}
.fr-hero-content{position:relative;padding-top:180px;padding-bottom:clamp(76px,10vw,145px)}
.fr-hero h1{font:400 clamp(44px,6vw,86px)/1.19 var(--serif);letter-spacing:-.05em;max-width:1120px;margin:0 0 23px}
.fr-hero h1 em{font-style:italic;color:#e2d2aa}
.fr-hero-content>p:not(.eyebrow){font-size:clamp(16px,1.4vw,20px);line-height:1.75;max-width:600px;color:#e2e9df}
.fr-stage{padding:clamp(88px,10vw,145px) 0;background:var(--cream)}
.fr-stage:nth-of-type(odd){background:#e7eadd}
.fr-split{display:grid;grid-template-columns:minmax(0,55%) minmax(0,45%);align-items:center;gap:clamp(35px,6vw,104px)}
.fr-reverse .fr-split{grid-template-columns:minmax(0,45%) minmax(0,55%)}
.fr-narrative h2{font:400 clamp(38px,4.2vw,68px)/1.26 var(--serif);letter-spacing:-.045em;margin:0 0 28px}
.fr-narrative h2 em{font-style:italic;color:#73866b}
.fr-narrative p:not(.eyebrow){font-size:clamp(16px,1.2vw,19px);line-height:1.85;color:#526151;max-width:560px;margin:0 0 21px}
.fr-narrative .outline-button{margin-top:18px}
.fr-photo{height:clamp(420px,42vw,630px);position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#aebbac,#6d886e 57%,#3e5c45)}
.fr-photo:before{content:"";position:absolute;inset:24px;border:1px solid #f5f2e96c;pointer-events:none}
.fr-photo-2{background:linear-gradient(150deg,#adb8ad,#6f8579 40%,#3e5044)}
.fr-photo-3{background:linear-gradient(130deg,#9cae9d,#5d7863 60%,#294935)}
.fr-photo-4{background:linear-gradient(155deg,#c7c8b5,#849781 50%,#48604b)}
.fr-photo-inner{position:relative;text-align:center;padding:20px 25px;background:#f5f2e9e3;color:#213829;max-width:85%}
.fr-photo-inner strong{display:block;font-size:13px;letter-spacing:.08em}
.fr-photo-inner span{display:block;font-size:11px;margin-top:7px;letter-spacing:.04em}
.frantoio-page .mobile-nav[hidden]{display:none}
@media(max-width:800px){
 .fr-hero{min-height:clamp(520px,140vw,760px)}
 .fr-hero-content{padding-top:130px;padding-bottom:76px}
 .fr-hero h1{font-size:clamp(38px,9vw,60px)}
 .fr-hero-content>p:not(.eyebrow){font-size:16px}
 .fr-stage{padding:74px 0}
 .fr-split,.fr-reverse .fr-split{grid-template-columns:minmax(0,1fr);gap:34px}
 .fr-narrative{order:0}.fr-photo{order:1;width:100%;height:auto;aspect-ratio:4/5}
 .fr-narrative h2{font-size:clamp(36px,8vw,56px)}
 .fr-photo:before{inset:18px}
}
@media(prefers-reduced-motion:reduce){.frantoio-page .reveal,.frantoio-page .reveal-image{opacity:1!important;transform:none!important}}

/* Final photography */
.fr-hero-art{background-image:url('assets/fr-hero.webp');background-size:cover;background-position:center center;}
.fr-photo{background-size:cover;background-position:center center;}
.fr-photo-1{background-image:url('assets/fr-raccolta.webp')}
.fr-photo-2{background-image:url('assets/fr-pasta.webp')}
.fr-photo-3{background-image:url('assets/frantoio-dettaglio.webp')}
.fr-photo-4{background-image:url('assets/fr-silos.webp')}
.fr-photo:before{display:none}
@media(max-width:800px){.fr-hero-art{background-position:53% center}.fr-photo{background-position:center center}}

/* V1.6.1 — miglioramenti fotografici mirati */
@media(min-width:801px){
  .fr-photo-4{background-position:50% 100%;}
}
@media(max-width:800px){
  .fr-hero-art{background-position:53% 57%;}
  .fr-photo-4{background-position:center center;}
}