/* Header, menu, language selector and footer rules are centralized in /css/header-footer.css. */
:root{
  --ink:#171715;
  --paper:#f3f0e8;
  --paper-2:#eae5da;
  --warm:#a98b5f;
  --line:rgba(23,23,21,.18);
  --dark:#1d1d1a;
  --white:#f8f6f0;
  --header-h:86px;
}
*{box-sizing:border-box}
html{scroll-behavior:auto;scroll-padding-top:var(--header-h)}
body{
  margin:0;
  color:var(--ink);
  background:var(--paper);
  font-family:"Inter",Arial,sans-serif;
  font-weight:300;
  line-height:1.65;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
::selection{background:#cbb181;color:#111}




















.hero{
  min-height:100svh;position:relative;display:flex;align-items:flex-end;
  color:white;overflow:hidden;
}
.hero-media{
  position:absolute;inset:0;
  background:url("../images/carmide-hero.png") left center/cover no-repeat;
  transform:scale(1.035);animation:heroIn 2.2s cubic-bezier(.2,.7,.2,1) forwards;
}
.hero-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(20,17,13,.12) 0%,rgba(20,17,13,.08) 35%,rgba(20,17,13,.42) 100%),
    linear-gradient(0deg,rgba(15,12,9,.56) 0%,rgba(15,12,9,0) 58%);
}
@keyframes heroIn{to{transform:scale(1)}}
.hero-content{
  position:relative;z-index:2;width:min(690px,84vw);
  margin:0 6vw 10vh auto;
}
.eyebrow{font-size:10px;letter-spacing:.32em;font-weight:500;text-transform:uppercase;margin:0 0 22px}
.eyebrow.dark{color:#6f6559}
.hero h1,.section h2,.atelier-copy h2,.contact-section h2{
  font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;line-height:.92;
  letter-spacing:-.035em;margin:0;
}
.hero h1{font-size:clamp(58px,7.3vw,112px)}
.hero-copy{font-size:16px;max-width:560px;margin:30px 0 34px;color:rgba(255,255,255,.9)}
.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:18px;
  border:1px solid transparent;padding:15px 22px;font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;cursor:pointer;transition:.28s ease;
}
.btn-light{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.08)}
.btn-light:hover{background:white;color:#161512}
.btn-gold{background:#b79a68;color:#111;border-color:#b79a68}
.btn-gold:hover{background:#cab180;border-color:#cab180;transform:translateY(-1px)}
.text-link{display:inline-flex;gap:14px;align-items:center;font-size:12px;font-weight:400;padding-bottom:4px;border-bottom:1px solid var(--line)}
.light-link{border-color:rgba(255,255,255,.35)}
.text-link span{transition:transform .25s ease}
.text-link:hover span{transform:translateX(4px)}
.scroll-cue{
  position:absolute;z-index:2;left:5vw;bottom:8vh;
  display:flex;align-items:center;gap:18px;font-size:9px;letter-spacing:.25em;
}
.scroll-cue i{display:block;width:64px;height:1px;background:rgba(255,255,255,.6);position:relative;overflow:hidden}
.scroll-cue i::after{
  content:"";position:absolute;inset:0;background:white;transform:translateX(-100%);
  animation:sweep 2.1s ease-in-out infinite;
}
@keyframes sweep{55%,100%{transform:translateX(100%)}}

.section{padding:130px 7vw}


/* RITMO VISIVO: CHIARO/SCURO + SINISTRA/DESTRA */

/* Visione — CHIARA, testo a sinistra / immagine a destra */
.vision-section{
  min-height:720px;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
  gap:7vw;
  align-items:center;
  background:#f3f0e8;
  color:var(--ink);
}
.vision-copy{max-width:600px}
.vision-copy h2{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(58px,6.1vw,94px);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.035em;
  margin:0 0 28px;
}
.vision-copy p:not(.eyebrow){
  max-width:560px;
  color:#58534b;
  font-size:14px;
}
.vision-visual{
  min-height:560px;
  height:68vh;
  max-height:760px;
  background:
    linear-gradient(180deg,rgba(32,27,22,.03),rgba(32,27,22,.10)),
    url("../images/bg-visione.png") center/cover no-repeat;
  box-shadow:0 30px 80px rgba(30,24,18,.12);
}

/* Filosofia — SCURA, immagine protagonista / testo a destra */
.philosophy-section{
  position:relative;
  min-height:780px;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);
  gap:5vw;
  align-items:center;
  color:var(--white);
  background:
    linear-gradient(90deg,
      rgba(21,18,15,.16) 0%,
      rgba(21,18,15,.26) 43%,
      rgba(21,18,15,.78) 66%,
      rgba(21,18,15,.92) 100%),
    url("../images/bg-filosofia.png") 30% center/cover no-repeat;
}
.philosophy-space{min-height:1px}
.philosophy-copy{
  max-width:620px;
  justify-self:end;
}
.philosophy-copy h2{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(58px,6vw,92px);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.035em;
  margin:0 0 28px;
}
.philosophy-copy p:not(.eyebrow){
  max-width:580px;
  color:rgba(255,255,255,.84);
  font-size:14px;
}
.philosophy-copy blockquote{
  margin:36px 0 0;
  padding:28px 0 0 28px;
  border-top:1px solid rgba(255,255,255,.28);
  border-left:1px solid rgba(255,255,255,.28);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(27px,2.6vw,42px);
  line-height:1.12;
  color:#efe7d9;
}

/* Collezione — CHIARA */
.collection-section{
  position:relative;
  background:#e9e3d8;
}
.collection-section::before{
  content:"";
  position:absolute;
  inset:0 0 auto auto;
  width:38%;
  height:100%;
  background:url("../images/bg-collezioni.jpg") center/cover no-repeat;
  opacity:.08;
  pointer-events:none;
}
.collection-section>*{position:relative;z-index:1}

/* Processo — SCURO, immagine a sinistra / testo a destra */
.atelier-section{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  min-height:760px;
  background:#23221f;
  color:#f5f1e8;
}
.atelier-media{
  background:
    linear-gradient(180deg,rgba(31,29,25,.10),rgba(31,29,25,.34)),
    url("../images/bg-processo.png") center/cover no-repeat;
  min-height:620px;
}
.atelier-copy{
  padding:11vw 8vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.atelier-copy p:not(.eyebrow){
  color:#c9c2b7;
  font-size:14px;
  max-width:520px;
}

/* Progetti — CHIARI, immagine a sinistra / contenuto a destra */
.projects-section{
  display:grid;
  grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);
  gap:6vw;
  align-items:stretch;
  background:#f4f1ea;
}
.projects-visual{
  min-height:650px;
  background:
    linear-gradient(180deg,rgba(26,23,20,.03),rgba(26,23,20,.10)),
    url("../images/bg-progetti.png") center/cover no-repeat;
}
.projects-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.projects-content .section-heading{
  margin-bottom:46px;
}
.projects-content .section-heading>p{
  max-width:390px;
}

/* Contatti — SCURI */
.contact-section{
  padding:120px 7vw;
  background:
    linear-gradient(90deg,rgba(34,32,28,.93),rgba(34,32,28,.82)),
    url("../images/bg-contatti.jpg") right center/cover no-repeat;
  color:#f4f0e7;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:10vw;
}
.split-section{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:10vw;align-items:center;background:var(--paper);
}
.section-copy{max-width:620px}
.section h2,.atelier-copy h2,.contact-section h2{font-size:clamp(55px,6.1vw,94px)}
.section-copy p:not(.eyebrow){max-width:560px;color:#58534b;font-size:14px}
.section-copy .text-link{margin-top:18px}
.quote-panel{
  min-height:430px;border-left:1px solid var(--line);padding:40px 0 40px 11%;
  display:flex;flex-direction:column;justify-content:center;
}
.quote-line{width:54px;height:1px;background:var(--warm);margin-bottom:34px}
.quote-panel blockquote{
  margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(30px,3vw,47px);
  line-height:1.16;color:#4b443c;
}

.section-heading{
  display:flex;align-items:flex-end;justify-content:space-between;gap:60px;
  margin-bottom:72px
}
.section-heading>p{max-width:420px;color:#625b53;font-size:14px}
.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.collection-card{background:#f4f1e9;overflow:hidden}
.card-image{
  aspect-ratio:4/5;background-image:url("../images/carmide-hero.png");
  background-size:240%;filter:saturate(.8) contrast(.96);transition:transform .6s cubic-bezier(.2,.7,.2,1);
}
.collection-card:hover .card-image{transform:scale(1.025)}
.crop-gold{background-position:7% 34%;filter:sepia(.28) saturate(.95) contrast(1.02)}
.crop-titanium{background-position:25% 28%;filter:grayscale(.78) contrast(1.08)}
.crop-marblel{background-position:0% 19%;filter:grayscale(.2) sepia(.12)}
.card-body{padding:27px 28px 31px}
.card-index{font-size:9px;letter-spacing:.22em;color:#8f8372;margin:0 0 22px}
.card-body h3{
  font-family:"Cormorant Garamond",Georgia,serif;font-size:42px;font-weight:400;margin:0 0 6px
}
.card-body>p:not(.card-index){font-size:13px;min-height:64px;color:#645d54}



.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.project-card{padding:38px 35px 44px;border-right:1px solid var(--line);min-height:240px}
.project-card:last-child{border-right:0}
.project-card span{font-size:9px;letter-spacing:.22em;color:#8f8372}
.project-card h3{
  font-family:"Cormorant Garamond",Georgia,serif;font-size:43px;font-weight:400;margin:44px 0 8px
}
.project-card p{font-size:13px;color:#625b53;max-width:280px}

.contact-intro>p:not(.eyebrow){max-width:480px;color:#c9c2b7;font-size:14px;margin:28px 0 18px}
.contact-intro>a{font-family:"Cormorant Garamond",Georgia,serif;font-size:26px;border-bottom:1px solid rgba(255,255,255,.3)}
.contact-form{display:flex;flex-direction:column;gap:20px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-form label{display:flex;flex-direction:column;gap:8px}
.contact-form label>span{font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:#c7bca9}
.contact-form input,.contact-form textarea{
  width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.28);
  background:transparent;color:white;padding:12px 2px;font:inherit;outline:none;resize:vertical;
  transition:border-color .2s ease
}
.contact-form input:focus,.contact-form textarea:focus{border-color:#cbb181}
.privacy-check{flex-direction:row!important;align-items:flex-start;gap:10px!important}
.privacy-check input{width:auto;margin-top:4px;accent-color:#b79a68}
.privacy-check span{letter-spacing:0!important;text-transform:none!important;font-size:11px!important}
.contact-form button{align-self:flex-start;min-width:190px}
.form-status{min-height:22px;font-size:12px;color:#d6c29d;margin:0}








.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:20px}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in-view{opacity:1;transform:none}
.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}

@media (max-width: 900px){
  :root{--header-h:72px}
  
  
  
  
  
  
  
  
  
  
  
  
  .hero-media{background-position:left center !important}
  .hero-content{margin:0 7vw 12vh;width:86vw}
  .scroll-cue{display:none}
  .split-section,.atelier-section,    .split-section{gap:40px}
  .quote-panel{min-height:auto;border-left:0;border-top:1px solid var(--line);padding:50px 0 0}
  .section{padding:90px 7vw}
  .section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:46px}
  .collection-grid,.projects-grid{grid-template-columns:1fr}
  .card-image{aspect-ratio:16/11;background-size:180%}
  .projects-grid{border-bottom:0}
  .project-card{border-right:0;border-bottom:1px solid var(--line)}
      }
@media (max-width:600px){
  .hero h1{font-size:54px}
  .hero-copy{font-size:14px}
  .hero-actions{align-items:flex-start;flex-direction:column}
  .section h2,.atelier-copy h2,.contact-section h2{font-size:56px}
  .field-row{grid-template-columns:1fr}
  
  
  .copyright{grid-column:1}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}


/* ===== Aggiornamento v6.1 — Filosofia / Contatti / Footer social ===== */

/* Filosofia: layout tipo editoriale, inverso rispetto all'esempio allegato */
.philosophy-section{
  display:grid !important;
  grid-template-columns:minmax(360px,1fr) minmax(0,1fr) !important;
  gap:0 !important;
  align-items:stretch !important;
  min-height:640px !important;
  padding:0 !important;
  background:#f2eee6 !important;
  color:var(--ink) !important;
}
.philosophy-media{
  position:relative;
  min-height:640px;
  background:
    linear-gradient(90deg, rgba(27,23,19,.08) 0%, rgba(27,23,19,.02) 38%, rgba(27,23,19,0) 65%),
    url("../images/bg-filosofia.png") center/cover no-repeat;
}
.philosophy-media-quote{
  position:absolute;
  right:clamp(22px,3.5vw,46px);
  top:50%;
  transform:translateY(-50%);
  max-width:300px;
  text-align:right;
  color:#f4efe7;
}
.philosophy-media-quote p{
  margin:0;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(30px,3vw,48px);
  line-height:1.12;
  text-shadow:0 2px 18px rgba(0,0,0,.18);
}
.philosophy-media-quote span{
  display:inline-block;
  width:60px;
  height:1px;
  margin-top:24px;
  background:rgba(255,255,255,.85);
}
.philosophy-panel{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:90px min(7vw,72px) 90px clamp(34px,5vw,64px);
  background:#f6f2ea;
}
.philosophy-panel h2{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(54px,5.5vw,86px);
  font-weight:400;
  line-height:.95;
  letter-spacing:-.03em;
  margin:0 0 8px;
}
.philosophy-kicker{
  margin:0 0 26px;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.28em;
  color:#8a7c69;
}
.philosophy-panel p:not(.eyebrow):not(.philosophy-kicker){
  max-width:560px;
  color:#554f47;
  font-size:14px;
}
.philosophy-panel strong{font-weight:500;color:#2b2824}
.philosophy-panel blockquote{display:none;}

/* Contatti: niente email visibile */
.contact-intro > a{display:none !important;}
.contact-intro > p:not(.eyebrow){
  max-width:500px;
  color:#c9c2b7;
  font-size:14px;
  margin:28px 0 0;
}

/* Footer con social */







/* Mobile overrides */
@media (max-width: 900px){
  .philosophy-section{
    grid-template-columns:1fr !important;
    min-height:auto !important;
  }
  .philosophy-media{
    min-height:420px;
    background-position:30% center;
  }
  .philosophy-media-quote{
    right:24px;
    left:auto;
    max-width:250px;
  }
  .philosophy-panel{
    padding:60px 7vw 72px;
  }
  
  
}
@media (max-width: 600px){
  .philosophy-media{
    min-height:360px;
  }
  .philosophy-media-quote p{
    font-size:32px;
  }
  .philosophy-panel h2{
    font-size:56px;
  }
}


/* ===== Aggiornamento v6.3 — Footer strutturato ===== */












/* nasconde la vecchia struttura social se rimasta in cache/CSS */
.copyright{
  display:none !important;
}





/* Honeypot anti-spam: invisibile agli utenti */
.form-honeypot{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}


/* ===== Aggiornamento v6.6 — Tipologia richiesta ===== */
.contact-form select{
  width:100%;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.28);
  background:transparent;
  color:white;
  padding:12px 2px;
  font:inherit;
  font-weight:300;
  outline:none;
  cursor:pointer;
  transition:border-color .2s ease;
  appearance:none;
  -webkit-appearance:none;
  background-image:
    linear-gradient(45deg, transparent 50%, #c7bca9 50%),
    linear-gradient(135deg, #c7bca9 50%, transparent 50%);
  background-position:
    calc(100% - 13px) 50%,
    calc(100% - 8px) 50%;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
  padding-right:30px;
}
.contact-form select:focus{
  border-color:#cbb181;
}
.contact-form select option{
  background:#2b2924;
  color:#f4f0e7;
}
.contact-form select:invalid{
  color:#a9a196;
}


/* =========================================================
   v6.7 — MOBILE RESPONSIVE FIX
   Override finale e autoritativo per smartphone/tablet
   ========================================================= */

html,
body{
  max-width:100%;
  overflow-x:hidden;
}



@media (max-width: 900px){

  /* HEADER / MENU */
  

  

  

  

  

  

  

  

  

  

  /* HERO */
  .hero{
    min-height:100svh;
    width:100%;
  }

  .hero-content{
    width:auto !important;
    max-width:none !important;
    margin:0 7vw 10vh !important;
  }

  .hero h1{
    font-size:clamp(50px,14vw,72px) !important;
    line-height:.94 !important;
  }

  .hero-copy{
    max-width:100% !important;
  }

  /* BASE SEZIONI */
  .section{
    width:100% !important;
    max-width:100% !important;
    padding:76px 7vw !important;
  }

  .vision-section,
  .philosophy-section,
  .atelier-section,
  .projects-section,
  .contact-section{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    width:100% !important;
    max-width:100% !important;
    gap:0 !important;
    overflow:hidden !important;
  }

  /* VISIONE */
  .vision-section{
    min-height:auto !important;
  }

  .vision-copy{
    max-width:none !important;
    width:100% !important;
    padding:0 0 42px !important;
  }

  .vision-copy h2{
    font-size:clamp(52px,15vw,72px) !important;
    line-height:.94 !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  .vision-copy p{
    max-width:100% !important;
    font-size:15px !important;
  }

  .vision-visual{
    width:100% !important;
    min-height:360px !important;
    height:52vh !important;
    max-height:520px !important;
    order:2 !important;
  }

  /* FILOSOFIA */
  .philosophy-section{
    padding:0 !important;
    min-height:auto !important;
  }

  .philosophy-media{
    min-height:360px !important;
    width:100% !important;
  }

  .philosophy-panel{
    width:100% !important;
    max-width:none !important;
    padding:58px 7vw 66px !important;
  }

  .philosophy-panel h2{
    font-size:clamp(50px,14vw,68px) !important;
  }

  .philosophy-panel p:not(.eyebrow):not(.philosophy-kicker){
    max-width:100% !important;
    font-size:15px !important;
  }

  .philosophy-media-quote{
    right:7vw !important;
    left:7vw !important;
    max-width:none !important;
  }

  /* COLLEZIONI */
  .collection-section::before{
    display:none !important;
  }

  .collection-grid{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }

  .collection-card,
  .card-body{
    width:100% !important;
    max-width:100% !important;
  }

  .card-image{
    aspect-ratio:4/3 !important;
    background-size:cover !important;
  }

  .section-heading{
    width:100% !important;
    max-width:100% !important;
  }

  .section-heading > p{
    max-width:100% !important;
  }

  /* PROCESSO */
  .atelier-section{
    min-height:auto !important;
  }

  .atelier-media{
    width:100% !important;
    min-height:390px !important;
  }

  .atelier-copy{
    width:100% !important;
    padding:66px 7vw 72px !important;
  }

  .atelier-copy h2{
    font-size:clamp(50px,14vw,68px) !important;
  }

  .atelier-copy p:not(.eyebrow){
    max-width:100% !important;
    font-size:15px !important;
  }

  /* PROGETTI */
  .projects-section{
    padding:0 !important;
    background:#f4f1ea !important;
  }

  .projects-visual{
    width:100% !important;
    min-height:390px !important;
  }

  .projects-content{
    width:100% !important;
    min-width:0 !important;
    padding:66px 7vw 72px !important;
  }

  .projects-content .section-heading{
    margin-bottom:34px !important;
  }

  .projects-grid{
    grid-template-columns:1fr !important;
    width:100% !important;
  }

  .project-card{
    width:100% !important;
    max-width:100% !important;
    min-height:auto !important;
    padding:30px 0 34px !important;
    border-right:0 !important;
  }

  /* CONTATTI */
  .contact-section{
    padding:72px 7vw !important;
    gap:46px !important;
    background:
      linear-gradient(rgba(34,32,28,.91),rgba(34,32,28,.91)),
      url("../images/bg-contatti.jpg") center/cover no-repeat !important;
  }

  .contact-intro,
  .contact-form{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  .contact-section h2{
    font-size:clamp(52px,15vw,72px) !important;
  }

  .field-row{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }

  .contact-form label,
  .contact-form input,
  .contact-form textarea,
  .contact-form select{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  .privacy-check{
    width:100% !important;
    display:grid !important;
    grid-template-columns:20px minmax(0,1fr) !important;
    align-items:start !important;
    gap:12px !important;
  }

  .privacy-check input{
    width:18px !important;
    height:18px !important;
    margin:2px 0 0 !important;
  }

  .privacy-check span{
    width:auto !important;
    min-width:0 !important;
    overflow-wrap:anywhere;
  }

  .contact-form button{
    width:100% !important;
    max-width:100% !important;
  }

  /* FOOTER */
  

  

  
}

@media (max-width: 600px){

  

  

  

  

  .hero-content{
    margin:0 7vw 8vh !important;
  }

  .hero h1{
    font-size:clamp(46px,13.5vw,62px) !important;
  }

  .hero-copy{
    font-size:15px !important;
    line-height:1.55 !important;
  }

  .hero-actions{
    width:100%;
  }

  .btn{
    max-width:100%;
  }

  .section{
    padding:66px 7vw !important;
  }

  .vision-visual,
  .atelier-media,
  .projects-visual,
  .philosophy-media{
    min-height:320px !important;
    height:46vh !important;
    max-height:430px !important;
  }

  .vision-copy h2,
  .philosophy-panel h2,
  .atelier-copy h2,
  .contact-section h2{
    font-size:clamp(46px,13vw,60px) !important;
  }

  

  

  
}






/* v6.9.9 — TM: distanza visiva coerente tra header e footer */





/* ===== Header hero: maggiore leggibilità su nuova immagine ===== */




/* =========================================================
   CARMIDE — aggiornamento immagini definitivo 14/09/2026
   Hero / Visione / Filosofia / Collezioni
   ========================================================= */

/* Visione: angelo emergente, crop approvato */
.vision-visual{
  background:
    linear-gradient(180deg,rgba(32,27,22,.02),rgba(32,27,22,.07)),
    url("../images/bg-visione.png") center/cover no-repeat !important;
}

/* Filosofia: immagine invertita, soggetto sul lato sinistro */
.philosophy-media{
  background:
    linear-gradient(90deg,rgba(27,23,19,.06) 0%,rgba(27,23,19,.01) 50%,rgba(27,23,19,0) 100%),
    url("../images/bg-filosofia.png") center/cover no-repeat !important;
}

/* Collezioni: tre immagini separate, coerenti con i prodotti reali */
.card-image{
  background-size:cover !important;
  background-repeat:no-repeat !important;
  filter:none !important;
}

.crop-gold{
  background-image:url("../images/collection-gold.png") !important;
  background-position:center center !important;
}

.crop-titanium{
  background-image:url("../images/collection-titanium-v40.png") !important;
  background-position:center center !important;
}

.crop-marble{
  background-image:url("../images/collection-marble-v40.png") !important;
  background-position:center center !important;
}

@media (max-width:900px){
  .vision-visual{
    background-position:center center !important;
  }
  .philosophy-media{
    background-position:left center !important;
  }
  .crop-gold,
  .crop-titanium,
  .crop-marble{
    background-position:center center !important;
  }
}


/* ===== Hero crop: preserva la scultura sul lato sinistro ===== */
.hero-media{
  background-position:left center !important;
}

@media (max-width:900px){
  .hero-media{
    background-position:left center !important;
  }
}

/* ===== Correzione crop responsive — Hero / Visione ===== */
/* Hero: conserva il soggetto a sinistra e sacrifica progressivamente il lato destro */
.hero-media{
  background-position:left center !important;
}

/* Visione: comportamento opposto, conserva il soggetto a destra */
.vision-visual{
  background-position:right center !important;
}

@media (max-width:900px){
  .hero-media{
    background-position:left center !important;
  }

  .vision-visual{
    background-position:right center !important;
  }
}

@media (max-width:600px){
  .hero-media{
    background-position:left center !important;
  }

  .vision-visual{
    background-position:right center !important;
  }
}


/* Pagina Contatti dedicata */
.contact-page{background:#1f1d19;}
.contact-page .contact-section{min-height:100svh;padding-top:calc(var(--header-h) + 90px);align-content:center;}



/* =========================================================
   CONTACT PAGE — pagina autonoma, versione chiara
   ========================================================= */
.contact-page{
  background:#eee9df;
  color:var(--ink);
}


.contact-page main{
  padding-top:var(--header-h);
}
.contact-page .contact-section{
  min-height:calc(100svh - var(--header-h));
  padding:clamp(86px,9vw,130px) 7vw clamp(90px,10vw,140px);
  background:
    radial-gradient(circle at 12% 18%,rgba(183,154,104,.10),transparent 28%),
    linear-gradient(135deg,#f5f2eb 0%,#ebe5da 100%);
  color:var(--ink);
  grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr);
  gap:clamp(58px,9vw,130px);
  align-items:start;
}
.contact-page .contact-intro{
  position:sticky;
  top:calc(var(--header-h) + 54px);
  padding-top:8px;
}
.contact-page .contact-intro .eyebrow{
  color:#8b7554;
}
.contact-page .contact-intro h2{
  color:#1b1916;
  font-size:clamp(62px,7vw,104px);
}
.contact-page .contact-intro > p:not(.eyebrow){
  max-width:520px;
  margin:30px 0 0;
  color:#5f584f;
  font-size:14px;
  line-height:1.85;
}
.contact-page .contact-intro strong{
  color:#2b2722;
  font-weight:500;
}
.contact-page .contact-form{
  background:rgba(255,255,255,.58);
  border:1px solid rgba(37,32,27,.10);
  padding:clamp(34px,4vw,58px);
  box-shadow:0 28px 70px rgba(48,39,29,.08);
}
.contact-page .contact-form label>span{
  color:#756b5f;
}
.contact-page .contact-form input,
.contact-page .contact-form textarea,
.contact-page .contact-form select{
  color:#211e1a;
  border-bottom-color:rgba(37,32,27,.22);
}
.contact-page .contact-form input:focus,
.contact-page .contact-form textarea:focus,
.contact-page .contact-form select:focus{
  border-color:#a88a59;
}
.contact-page .contact-form select{
  background-image:
    linear-gradient(45deg, transparent 50%, #796b58 50%),
    linear-gradient(135deg, #796b58 50%, transparent 50%);
}
.contact-page .contact-form select option{
  background:#f6f2ea;
  color:#211e1a;
}
.contact-page .contact-form select:invalid{
  color:#948a7e;
}
.contact-page .privacy-check span{
  color:#676057 !important;
}
.contact-page .privacy-check a{
  border-bottom:1px solid rgba(37,32,27,.25);
}
.contact-page .form-status{
  color:#796447;
}
.contact-page .btn-gold{
  background:#aa8a59;
  border-color:#aa8a59;
  color:#fff;
}
.contact-page .btn-gold:hover{
  background:#8f7248;
  border-color:#8f7248;
  color:#fff;
}

@media (max-width:900px){
  
  .contact-page .contact-section{
    grid-template-columns:1fr !important;
    gap:50px !important;
    padding:64px 7vw 84px !important;
    overflow:visible !important;
  }
  .contact-page .contact-intro{
    position:static;
    padding-top:0;
  }
  .contact-page .contact-form{
    padding:34px 7vw 40px;
  }
}

@media (max-width:600px){
  .contact-page .contact-intro h2{
    font-size:58px;
  }
  .contact-page .contact-form{
    padding:30px 24px 34px;
  }
}


/* =========================================================
   CONTACT PAGE — enriched layout with hero and content blocks
   ========================================================= */
.contact-page main{padding-top:0;}


.contact-page .contact-hero{
  min-height:100svh;
  padding:calc(var(--header-h) + 72px) 7vw 10vh;
  display:grid;
  align-items:end;
  background-size:cover;
  background-position:center center;
  color:#fff;
  position:relative;
}
.contact-page .contact-hero-copy{
  max-width:760px;
}
.contact-page .contact-hero h1{
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:clamp(58px, 8.2vw, 108px);
  line-height:.95;
  letter-spacing:-.03em;
  margin:0 0 22px;
}
.contact-page .contact-hero p:not(.eyebrow){
  max-width:620px;
  font-size:15px;
  line-height:1.85;
  color:rgba(255,255,255,.86);
  margin:0;
}
.contact-page .contact-hero .eyebrow{color:#d3be97;}
.contact-hero-actions{display:flex; gap:14px; flex-wrap:wrap; margin-top:30px;}
.btn-outline-light{
  border:1px solid rgba(255,255,255,.45);
  color:#fff;
  background:rgba(255,255,255,.06);
}
.btn-outline-light:hover{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.62);
}
.contact-overview{
  padding:clamp(74px,8vw,120px) 7vw;
  background:#f3efe6;
  color:var(--ink);
}
.contact-overview-inner{
  display:grid;
  grid-template-columns:minmax(320px,.95fr) minmax(360px,1.05fr);
  gap:clamp(34px,6vw,84px);
  align-items:start;
}
.contact-overview-copy h2{
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:clamp(42px,5.2vw,72px);
  line-height:.98;
  letter-spacing:-.03em;
  margin:0 0 24px;
}
.contact-overview-copy p:not(.eyebrow){
  color:#5f584f;
  line-height:1.9;
  font-size:14px;
  margin:0 0 18px;
  max-width:650px;
}
.contact-overview-grid{
  display:grid;
  grid-template-columns:repeat(1, minmax(0,1fr));
  gap:18px;
}
.contact-card{
  background:rgba(255,255,255,.68);
  border:1px solid rgba(37,32,27,.10);
  padding:26px 26px 24px;
  box-shadow:0 18px 44px rgba(48,39,29,.06);
}
.contact-card h3{
  margin:0 0 12px;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:31px;
  font-weight:500;
}
.contact-card p{
  margin:0;
  color:#625a50;
  line-height:1.8;
  font-size:14px;
}
.contact-page .contact-section{
  min-height:auto;
  padding:clamp(78px,8vw,122px) 7vw clamp(92px,10vw,140px);
  background:linear-gradient(135deg,#f7f4ee 0%,#ece6da 100%);
}
.contact-page .contact-intro{position:sticky; top:calc(var(--header-h) + 40px);}
.contact-page .contact-form{border-radius:0;}
@media (max-width: 980px){
  .contact-overview-inner,
  .contact-page .contact-section{
    grid-template-columns:1fr !important;
  }
  .contact-page .contact-intro{position:static;}
}
@media (max-width: 600px){
  .contact-page .contact-hero{
    min-height:82svh;
    padding:calc(var(--header-h) + 58px) 7vw 10vh;
    background-position:58% center;
  }
  .contact-page .contact-hero h1{font-size:52px;}
  .contact-hero-actions{flex-direction:column; align-items:flex-start;}
  .contact-card{padding:22px 22px 20px;}
}


/* =========================================================
   CONTACT PAGE — header sopra hero: trasparente -> chiaro on scroll
   ========================================================= */












/* CONTACT HERO — sfumatura superiore estesa come nelle home */


.contact-page .contact-hero::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:220px;
  background:linear-gradient(180deg,
    rgba(16,14,12,.72) 0%,
    rgba(16,14,12,.46) 38%,
    rgba(16,14,12,.18) 68%,
    rgba(16,14,12,0) 100%);
  pointer-events:none;
  z-index:1;
}
.contact-page .contact-hero-copy{
  position:relative;
  z-index:2;
}
@media (max-width:900px){
  .contact-page .contact-hero::before{height:180px;}
}


/* CARMIDE concept strip — standard visual language */
.concept-strip{
  display:grid;
  width:100%;
  margin-top:30px;
  padding:10px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.concept-strip--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.concept-strip--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.concept-strip span{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:5px 12px;
  font-size:9px;
  letter-spacing:.18em;
  text-align:center;
  white-space:nowrap;
}
.concept-strip span+span::before{
  content:"";
  position:absolute;
  left:0;
  top:6px;
  bottom:6px;
  width:1px;
  background:var(--line);
}
.concept-strip--dark{
  border-color:rgba(255,255,255,.18);
}
.concept-strip--dark span{color:#c9ad78}
.concept-strip--dark span+span::before{background:rgba(255,255,255,.18)}
.external-link::after{
  content:"↗";
  display:inline-block;
  margin-left:.42em;
  line-height:1;
  transition:transform .2s ease;
}
.external-link:hover::after{transform:translate(2px,-2px)}

@media (max-width:620px){
  .concept-strip--4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .concept-strip--4 span:nth-child(3),
  .concept-strip--4 span:nth-child(4){
    margin-top:6px;
    padding-top:11px;
    border-top:1px solid rgba(255,255,255,.12);
  }
  .concept-strip--4 span:nth-child(3)::before{display:none}
  .concept-strip span{font-size:8px;letter-spacing:.13em}
}


/* Card links: full-width rule, arrow remains beside the label */
.card-body .text-link{
  display:flex;
  width:100%;
  justify-content:flex-start;
}


/* Link editoriali nelle sezioni: stessa logica delle card */
.section-copy .text-link{
  display:flex;
  width:100%;
  justify-content:flex-start;
  margin-top:24px;
}
.card-body .text-link{
  display:flex;
  width:100%;
  justify-content:flex-start;
  margin-top:24px;
}


/* Footer CARMIDE unificato */
























/* Language selector */









/* =========================================================
   CARMIDE v22 — UNIFIED HEADER
   Fixed header, Home-like scroll state, stacked slogan,
   early hamburger breakpoint, clear IT/EN active state.
   ========================================================= */



























/* Language control: no stray separator/border line, active language obvious */














/* Hidden completely on desktop: prevents the stray short dash */


/* Switch to hamburger BEFORE horizontal navigation starts colliding */




/* Contact page — mobile readability */
@media (max-width:900px){
  .contact-page .contact-section{
    background:#f3eee7 !important;
    color:#1b1916 !important;
  }
  .contact-page .contact-intro,
  .contact-page .contact-intro h2{
    color:#1b1916 !important;
  }
  .contact-page .contact-intro > p,
  .contact-page .contact-intro > p:not(.eyebrow){
    color:#5f584f !important;
    opacity:1 !important;
  }
  .contact-page .contact-form{
    background:rgba(255,255,255,.78) !important;
    color:#211e1a !important;
  }
}


/* =========================================================
   CARMIDE v23 — BRAND / LOGO FIX
   Explicit grid: mark always LEFT, slogan always UNDER CARMIDE.
   ========================================================= */










/* Prevent old page rules from stacking the mark above the wordmark */







/* v34 — contact form feedback, especially visible on mobile */
.contact-page .contact-form button[type="submit"]{
  touch-action:manipulation;
}
.contact-page .contact-form button[type="submit"]:disabled{
  opacity:.7;
  cursor:wait;
}
.contact-page .form-status{
  display:block;
  min-height:0;
  margin-top:2px;
  padding:0;
  font-weight:500;
  line-height:1.45;
}
.contact-page .form-status:empty{
  display:none;
}
.contact-page .form-status.is-sending{
  color:#796447;
}
.contact-page .form-status.is-success{
  color:#4f6d4f;
}
.contact-page .form-status.is-error{
  color:#9a4339;
}
@media (max-width:900px){
  .contact-page .form-status{
    width:100%;
    margin-top:4px;
    padding:12px 14px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(37,32,27,.12);
    font-size:13px;
  }
  .contact-page .form-status:empty{
    display:none;
    padding:0;
    border:0;
  }
}


/* v37 — visible semantic brand introduction on indexable homepages */
.seo-brand-intro{
  box-sizing:border-box;
  max-width:980px;
  margin:0 auto;
  padding:30px clamp(24px,6vw,80px) 8px;
  font-family:"Inter",Arial,sans-serif;
  font-size:14px;
  line-height:1.75;
  text-align:center;
  color:#5f584f;
}
@media (max-width:700px){
  .seo-brand-intro{
    padding:24px 22px 6px;
    font-size:13px;
    line-height:1.7;
  }
}