/* Header, menu, language selector and footer rules are centralized in /css/header-footer.css. */
:root{
  --sand:#ece6db;
  --ivory:#f8f5ef;
  --stone:#d9cdb9;
  --ink:#171411;
  --muted:#6f675d;
  --brown:#1c1713;
  --gold:#b7924f;
  --gold-soft:#dbc493;
  --line:rgba(23,20,17,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Inter",Arial,sans-serif;
  color:var(--ink);
  background:var(--sand);
  font-weight:300;
  line-height:1.75;
}
a{color:inherit}
img{max-width:100%;display:block}







.hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:#000}
.hero-media{position:absolute;inset:0;background:url("../images/marble-hero-david.png") 68% center/cover no-repeat}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,9,7,.72) 0%,rgba(11,9,7,.44) 35%,rgba(11,9,7,.16) 58%,rgba(11,9,7,.18) 100%),linear-gradient(0deg,rgba(16,13,10,.36),rgba(16,13,10,0) 40%)}
.hero-content{position:relative;z-index:2;max-width:720px;padding:0 clamp(24px,8vw,110px) clamp(70px,10vh,110px)}
.eyebrow{margin:0 0 18px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500}
.eyebrow.light{color:var(--gold-soft)}
.eyebrow.dark{color:#90734d}
.hero h1,.section-heading h2,.feature-copy h2,.closing-section h2,.intro-grid h3,.product-body h3{
  font-family:"Cormorant Garamond",serif;font-weight:400;letter-spacing:-.03em;margin:0;
}
.hero h1{font-size:clamp(82px,12vw,170px);line-height:.76;margin-bottom:26px}
.hero-lead{font-family:"Cormorant Garamond",serif;font-size:clamp(28px,3vw,44px);line-height:1.1;margin:0 0 14px}
.hero-copy{max-width:610px;font-size:15px;color:rgba(255,255,255,.84);margin:0}
.hero-actions{margin-top:32px;display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:999px;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.16em;border:1px solid transparent}
.btn-light{background:#fff;color:#171411}
.text-link{display:inline-flex;gap:10px;align-items:center;text-decoration:none;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.light-link{color:#fff}
.section{padding:clamp(72px,9vw,120px) clamp(24px,6vw,80px)}
.intro-section{background:var(--ivory)}
.section-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end;margin-bottom:54px}
.section-heading h2{font-size:clamp(48px,6vw,88px);line-height:.95}
.section-heading p{margin:0;color:var(--muted);font-size:15px;max-width:620px}
.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.intro-grid article{padding-top:16px;border-top:1px solid var(--line)}
.intro-index,.product-code{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.intro-grid h3{font-size:34px;line-height:1.05;margin-bottom:10px}
.intro-grid p{margin:0;color:var(--muted);font-size:14px}
.feature-section{display:grid;grid-template-columns:1.15fr .85fr;min-height:760px;background:var(--brown);color:#fff}
.feature-media{background:url("../images/marble-language-angel.png") center center/cover no-repeat;min-height:520px}
.feature-copy{padding:clamp(42px,6vw,90px);display:flex;flex-direction:column;justify-content:center}
.feature-copy h2{font-size:clamp(62px,7vw,100px);line-height:.92;margin-bottom:16px}
.feature-copy p:not(.eyebrow){margin:0;color:rgba(255,255,255,.72);font-size:15px;max-width:430px}
.works-section{background:var(--sand)}
.works-heading{margin-bottom:46px}
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px}
.product-card{background:rgba(255,255,255,.34);border:1px solid rgba(23,20,17,.08)}
.product-image{display:block;aspect-ratio:4/5;background-size:cover;background-repeat:no-repeat;background-position:center center}
.product-image.doriforo{background-image:url("../images/gold-work-doriforo.jpg");background-position:center 28%}
.product-image.david{background-image:url("../images/gold-work-david.jpg");background-position:center top}
.product-image.hunter{background-image:url("../images/gold-work-hunter.jpg");background-position:center center}

.product-image.diadumeno{background-image:url("../images/gold-work-diadumeno.png");background-position:center center}
.product-image.apollo{background-image:url("../images/gold-work-apollo.png");background-position:center center}
.product-image.david-new{background-image:url("../images/gold-work-david-new.png");background-position:center center}
.works-showcase-hunter{margin-top:38px;margin-bottom:0}
.works-showcase-media.hunter-large{background-image:url("../images/gold-work-hunter-new.png");background-position:center 42%;background-size:cover;background-repeat:no-repeat}

.product-image.david-pensante{background-image:url("../images/marble-work-david-pensante.png");background-position:center center}
.product-image.david-rivelato{background-image:url("../images/marble-work-david-rivelato.png");background-position:center center}
.product-image.angelo{background-image:url("../images/marble-work-angelo.png");background-position:center center}
.product-body{padding:20px 22px 24px}
.product-body h3{font-size:42px;line-height:1;margin-bottom:10px}
.product-body p:not(.product-code){margin:0;color:var(--muted);font-size:14px;min-height:76px}
.product-link{display:inline-flex;gap:8px;align-items:center;margin-top:18px;text-decoration:none;font-size:10px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:5px}
.product-body .product-link{display:flex;width:100%;justify-content:flex-start}

.works-showcase{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:stretch;margin-bottom:38px;background:rgba(255,255,255,.42);border:1px solid rgba(23,20,17,.08)}
.works-showcase-media{min-height:420px;background:url("../images/gold-works-discobolo.png") center center/cover no-repeat}
.works-showcase-copy{padding:32px 32px 36px;display:flex;flex-direction:column;justify-content:center}
.works-showcase-copy h3{font-family:"Cormorant Garamond",serif;font-weight:400;letter-spacing:-.03em;font-size:62px;line-height:.95;margin:0 0 14px}
.works-showcase-copy p:not(.eyebrow){margin:0;color:var(--muted);font-size:15px;max-width:460px}
.product-grid-three{grid-template-columns:repeat(3,1fr)}
.closing-section{background:#211b16;color:#fff;min-height:480px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.closing-section h2{font-size:clamp(72px,9vw,138px);line-height:.78;margin:0 0 36px}
.btn-outline{border-color:rgba(255,255,255,.46);color:#fff}









@media (max-width: 980px){
  .section-heading, .feature-section, .works-showcase{grid-template-columns:1fr}
  .intro-grid,.product-grid{grid-template-columns:1fr}
  .feature-copy p:not(.eyebrow){max-width:none}
}
@media (max-width: 760px){
  
  
  
  .hero{min-height:740px}
  .hero-media{background-position:74% center}
  .hero-content{padding-left:24px;padding-right:24px;padding-bottom:54px}
}
@media (max-width: 560px){
  
  .section{padding-left:24px;padding-right:24px}
  .hero-copy{font-size:14px}
  .product-body p:not(.product-code){min-height:0}
  
}


/* ===== Fluidità / reveal coerente con la homepage CARMIDE ===== */
.reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1);
  will-change:opacity,transform;
}
.reveal.in-view{opacity:1;transform:none}
.delay-1{transition-delay:.12s}
.delay-2{transition-delay:.24s}

.scroll-cue{
  position:absolute;
  z-index:3;
  left:clamp(24px,5vw,72px);
  bottom:28px;
  display:flex;
  align-items:center;
  gap:13px;
  color:rgba(255,255,255,.72);
  text-decoration:none;
  font-size:9px;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.scroll-cue i{
  display:block;
  width:44px;
  height:1px;
  background:rgba(255,255,255,.46);
  position:relative;
  overflow:hidden;
}
.scroll-cue i::after{
  content:"";
  position:absolute;
  inset:0;
  background:#fff;
  transform:translateX(-100%);
  animation:scrollLine 2.2s ease-in-out infinite;
}
@keyframes scrollLine{
  0%{transform:translateX(-100%)}
  45%,55%{transform:translateX(0)}
  100%{transform:translateX(100%)}
}




@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}


/* Coerenza identità con la homepage */





/* 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:560px){
  .concept-strip span{font-size:8px;letter-spacing:.08em;padding-left:4px;padding-right:4px}
}


/* Link editoriali interni alle sezioni */
.feature-copy .text-link{
  display:flex;
  width:100%;
  justify-content:flex-start;
  margin-top:24px;
  padding-bottom:6px;
  border-bottom:1px solid rgba(255,255,255,.28);
}


/* 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 */





/* =========================================================
   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 */