/* ASSOCIAZIONE ATC — R9 WARM INSTITUTIONAL 2026
   Obiettivo: calore, protezione, rassicurazione, proporzione reale della pagina.
   Niente nero dominante, niente vuoti passivi, niente compressioni casuali. */
:root{
  --atc-warm:#f6f0e5;
  --atc-warm-2:#eadfc9;
  --atc-honey:#e6ad1a;
  --atc-honey-deep:#b77b00;
  --atc-cocoa:#2e281f;
  --atc-olive:#5f6047;
  --atc-cream:#fffaf0;
  --atc-line:rgba(72,58,34,.18);
}
body{background:var(--atc-warm);color:var(--atc-cocoa)}

/* HEADER: luminoso, solido, leggibile */
.site-header{color:var(--atc-cocoa)}
.nav-shell{
  background:linear-gradient(180deg,rgba(255,250,240,.97),rgba(255,250,240,.91) 78%,rgba(255,250,240,0));
  border-bottom:1px solid rgba(99,78,38,.08);
  padding:14px 28px 24px;
}
.brand{color:var(--atc-cocoa)}
.brand img{content:url('../img/logo-atc.png')}
.brand small{color:#756b5d}
.nav-links a{color:#5f564a}
.nav-contact{background:var(--atc-honey);color:#2a2111}
.burger{color:var(--atc-cocoa)}
.mobile-menu{background:var(--atc-cream);color:var(--atc-cocoa)}

/* HOME HERO: pieno, caldo, senza 50% vuoto */
.civic-hero,
.civic-hero.civic-hero--hive{
  min-height:100svh;
  color:var(--atc-cocoa);
  background:
    radial-gradient(circle at 76% 42%,rgba(230,173,26,.22),transparent 31%),
    radial-gradient(circle at 92% 8%,rgba(189,143,43,.13),transparent 27%),
    linear-gradient(135deg,#fffaf0 0%,#f5ecdc 52%,#eadbbd 100%);
  padding:132px 0 52px;
  align-items:center;
  overflow:hidden;
}
.civic-hero:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(255,250,240,.96) 0%,rgba(255,250,240,.82) 46%,rgba(255,250,240,.22) 68%,transparent 100%);
  pointer-events:none;
}
.civic-hero:after{display:none}
.civic-hero__content{
  position:relative;z-index:3;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);
  grid-template-rows:auto 1fr auto;
  gap:16px clamp(34px,5vw,86px);
  align-items:center;
}
.civic-eyebrow{
  grid-column:1/2;
  margin:0 0 8px;
  color:#7d6b4d;
  font-size:10px;
  letter-spacing:.16em;
  max-width:52ch;
}
.civic-hero h1,.civic-hero--hive h1{
  grid-column:1/2;
  font-size:clamp(3.8rem,6.1vw,6.9rem);
  line-height:.93;
  max-width:10.8ch;
  color:#2d281f;
  font-weight:650;
  text-wrap:balance;
}
.civic-hero__bottom,.civic-hero--hive .civic-hero__bottom{
  grid-column:1/2;
  margin:18px 0 0;
  width:auto;max-width:58ch;
  background:transparent;
  backdrop-filter:none;
  border-left:3px solid var(--atc-honey);
  padding:8px 0 8px 20px;
}
.civic-hero__bottom>p{color:#5f5548;font-size:clamp(.98rem,1.22vw,1.16rem);line-height:1.58}
.civic-links{margin-top:16px;gap:22px}
.civic-links a{color:#5d4d32;border-color:rgba(93,77,50,.45)}
.civic-links a:first-child{color:#946300}
.civic-sideword{display:none}

/* Alveare: occupa davvero la seconda metà, non un logo piccolo flottante */
.hive-stage{
  position:absolute;
  z-index:2;
  right:clamp(14px,3.5vw,68px);
  top:50%;transform:translateY(-45%);
  width:min(45vw,640px);
  height:min(72vh,640px);
  opacity:.95;
}
.hive span{background:linear-gradient(145deg,rgba(230,173,26,.10),rgba(230,173,26,.28));box-shadow:inset 0 0 0 1px rgba(145,101,11,.26)}
.hive span:nth-child(5){background:linear-gradient(145deg,rgba(230,173,26,.28),rgba(230,173,26,.58))}
.hive-core{left:18%;top:28%;width:64%;mix-blend-mode:multiply;filter:none}
.hive-core img{content:url('../img/logo-atc.png');opacity:.96}

/* sezioni chiare e rassicuranti */
.recognition{background:#fffaf2}
.recognition__head h2{color:#2f2a22}
.recognition__field{border-color:var(--atc-line)}
.r-b{color:#9a6d0b}
.gae-flagship{background:linear-gradient(135deg,#f4c74c,#e9ad17);color:#2e281f}
.civic-method{background:linear-gradient(135deg,#ece4d5,#f8f2e8);color:#2f2a22}
.civic-method .micro{color:#8a630d}
.civic-method__flow p{color:#6b6255}
.history-cut{background:#efe5d3}
.energy-signature{background:#fff9ef}
.civic-close{background:#f4ead8}

/* pagine interne: abolito il nero cadaverico */
.page-hero,.page-hero--quiet{
  background:
    radial-gradient(circle at 82% 34%,rgba(230,173,26,.18),transparent 28%),
    linear-gradient(135deg,#fffaf1 0%,#f4ead8 100%);
  color:var(--atc-cocoa);
  min-height:clamp(420px,58svh,680px);
}
.page-hero:before{color:rgba(117,91,42,.045)}
.page-hero .kicker,.page-hero .eyebrow{color:#9a6900}
.side-note{color:#6b6255;border-color:rgba(82,64,34,.2)}

/* footer autorevole ma non funereo */
.footer{background:#2f2a22;color:#eee4d4}
.footer .brand img{content:url('../img/logo-atc-white.png')}
.footer .brand{color:#fff}
.footer .brand small{color:#c8bca9}

/* MID DESKTOP / SPLIT WINDOW: ricomposizione reale */
@media (max-width:1120px) and (min-width:701px){
  .wrap{width:min(100% - 44px,1080px)}
  .civic-hero,.civic-hero.civic-hero--hive{padding-top:104px;padding-bottom:36px}
  .civic-hero__content{
    grid-template-columns:minmax(0,1.14fr) minmax(280px,.86fr);
    column-gap:34px;
  }
  .civic-hero h1,.civic-hero--hive h1{font-size:clamp(3.15rem,5.8vw,4.8rem);max-width:10.2ch}
  .hive-stage{width:min(42vw,430px);height:min(66vh,430px);right:16px}
  .civic-hero__bottom{max-width:52ch}
}

/* esattamente il caso screenshot ~1000x550: niente metà pagina vuota */
@media (min-width:760px) and (max-width:1060px) and (max-height:650px){
  .nav-shell{padding:8px 18px 16px}
  .brand img{width:38px}.brand strong{font-size:11px}.brand small{font-size:8px}
  .civic-hero,.civic-hero.civic-hero--hive{min-height:100svh;padding:78px 0 24px;align-items:center}
  .civic-hero__content{grid-template-columns:minmax(0,1.08fr) minmax(270px,.92fr);gap:8px 24px}
  .civic-eyebrow{font-size:8px;margin-bottom:4px}
  .civic-hero h1,.civic-hero--hive h1{font-size:clamp(2.75rem,5vw,3.75rem);line-height:.94;max-width:10.4ch}
  .civic-hero__bottom,.civic-hero--hive .civic-hero__bottom{margin-top:8px;max-width:47ch;padding:6px 0 6px 14px}
  .civic-hero__bottom>p{font-size:.82rem;line-height:1.42;margin-bottom:.45em}
  .civic-links{margin-top:8px;gap:14px}.civic-links a{font-size:9px}
  .hive-stage{width:min(39vw,350px);height:min(61vh,350px);right:8px;top:51%}
}

/* MOBILE: calore e piena leggibilità */
@media (max-width:700px){
  .nav-shell{background:rgba(255,250,240,.96);padding-bottom:16px}
  .civic-hero,.civic-hero.civic-hero--hive{min-height:auto;padding:104px 0 54px;background:linear-gradient(160deg,#fffaf0,#efe0bf)}
  .civic-hero:before{background:linear-gradient(180deg,rgba(255,250,240,.97),rgba(255,250,240,.75) 62%,rgba(255,250,240,.15))}
  .civic-hero__content{display:block}
  .civic-hero h1,.civic-hero--hive h1{font-size:clamp(3rem,13vw,4.6rem);max-width:9.4ch}
  .hive-stage{right:-28vw;top:130px;width:90vw;height:90vw;opacity:.38;transform:none}
  .civic-hero__bottom,.civic-hero--hive .civic-hero__bottom{margin-top:32px;max-width:31ch}
  .page-hero,.page-hero--quiet{padding:112px 0 48px;background:linear-gradient(155deg,#fffaf1,#f0e1c2)}
}