/* Bellucci Site V2 — navigation */

/* Ambiti — mega menu sobrio */
.main-nav{gap:24px}
.nav-ambiti{position:relative;display:flex;align-items:center}
.ambiti-trigger{
  appearance:none;border:0;background:none;color:inherit;font:inherit;
  padding:14px 0;cursor:pointer;display:inline-flex;align-items:center;gap:7px;
}
.ambiti-trigger .chev{color:var(--bronze-2);font-size:10px;transition:transform .2s}
.nav-ambiti.open .ambiti-trigger .chev,.nav-ambiti:hover .ambiti-trigger .chev{transform:rotate(180deg)}
.ambiti-window{
  position:absolute;top:calc(100% + 16px);right:-190px;width:min(720px,82vw);
  background:#171a1f;border:1px solid rgba(255,255,255,.12);
  box-shadow:0 28px 70px rgba(0,0,0,.30);padding:24px;
  opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;
  z-index:500;color:#e8e3da
}
.nav-ambiti:hover .ambiti-window,.nav-ambiti:focus-within .ambiti-window,.nav-ambiti.open .ambiti-window{
  opacity:1;visibility:visible;transform:none
}
.ambiti-window-head{
  display:flex;justify-content:space-between;align-items:center;
  padding:0 0 16px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.11)
}
.ambiti-window-head a{font-family:var(--serif);font-size:18px;color:var(--paper)}
.ambiti-window-head span{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--bronze-2)}
.ambiti-window-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}
.ambiti-window-grid a{
  display:block;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);
  font-size:12px;line-height:1.35;color:#d9d5cc
}
.ambiti-window-grid a:hover,.ambiti-window-grid a.active{color:var(--bronze-2)}
body:has(.ambiti-window a.active) .ambiti-trigger{color:var(--bronze-2)}
.ambiti-overview-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:42px}
.ambiti-overview-item{
  padding:30px 28px 32px 0;border-bottom:1px solid var(--line);
  text-decoration:none;display:block
}
.ambiti-overview-item:nth-child(odd){padding-right:38px;border-right:1px solid var(--line)}
.ambiti-overview-item:nth-child(even){padding-left:38px}
.ambiti-overview-item .num{font-size:10px;letter-spacing:.15em;color:var(--bronze);text-transform:uppercase}
.ambiti-overview-item h3{font-family:var(--serif);font-size:28px;font-weight:400;margin:10px 0 9px}
.ambiti-overview-item p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}
.ambiti-overview-item:hover h3{color:var(--bronze)}
@media(max-width:1020px){
 .main-nav{gap:0}
 .nav-ambiti{display:block;width:100%}
 .ambiti-trigger{width:100%;min-height:44px;justify-content:space-between;text-align:left;padding:8px 0}
 .ambiti-window{
   position:static;width:100%;max-width:none;background:rgba(255,255,255,.035);
   box-shadow:none;border:0;border-left:1px solid rgba(255,255,255,.12);
   padding:0 0 0 18px;margin:2px 0 8px;
   opacity:1;visibility:visible;transform:none;display:none
 }
 .nav-ambiti.open .ambiti-window{display:block}
 .ambiti-window-head{padding:10px 0 12px}
 .ambiti-window-grid{grid-template-columns:1fr}
 .ambiti-window-grid a{padding:11px 0}
}
@media(max-width:700px){
 .ambiti-overview-grid{grid-template-columns:1fr}
 .ambiti-overview-item:nth-child(odd),.ambiti-overview-item:nth-child(even){
   padding:26px 0;border-right:0
 }
}


/* Lo Studio — institutional dropdown */
.nav-studio{position:relative;display:flex;align-items:center}
.studio-trigger{
  appearance:none;border:0;background:none;color:inherit;font:inherit;
  padding:14px 0;cursor:pointer;display:inline-flex;align-items:center;gap:7px
}
.studio-trigger .chev{color:var(--bronze-2);font-size:10px;transition:transform .2s}
.nav-studio.open .studio-trigger .chev,.nav-studio:hover .studio-trigger .chev{transform:rotate(180deg)}
.studio-window{
  position:absolute;top:calc(100% + 16px);left:-36px;width:min(620px,82vw);
  background:#f7f4ee;border:1px solid rgba(31,49,43,.14);
  box-shadow:0 28px 70px rgba(0,0,0,.16);padding:24px;
  opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;
  z-index:500;color:#20352f
}
.nav-studio:hover .studio-window,.nav-studio:focus-within .studio-window,.nav-studio.open .studio-window{
  opacity:1;visibility:visible;transform:none
}
.studio-window-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:24px;
  padding:0 0 16px;margin-bottom:6px;border-bottom:1px solid rgba(31,49,43,.12)
}
.studio-window-head a{
  font-family:var(--serif);font-size:21px;color:#20352f;text-decoration:none
}
.studio-window-head span{
  max-width:250px;font-size:10px;line-height:1.55;letter-spacing:.08em;
  text-transform:uppercase;color:#8f6f46;text-align:right
}
.studio-window-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}
.studio-window-grid a{
  display:block;padding:13px 0;border-bottom:1px solid rgba(31,49,43,.09);
  font-size:12px;line-height:1.35;color:#34463f;text-decoration:none
}
.studio-window-grid a small{
  display:block;margin-top:4px;font-size:10px;line-height:1.45;color:#7d817c
}
.studio-window-grid a:hover{color:#8f6f46}
.studio-identity-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  margin:42px 0 54px;border-top:1px solid var(--line)
}
.studio-identity-item{
  padding:30px 34px 30px 0;border-bottom:1px solid var(--line)
}
.studio-identity-item:nth-child(odd){border-right:1px solid var(--line);padding-right:40px}
.studio-identity-item:nth-child(even){padding-left:40px}
.studio-identity-item span{
  display:block;font-size:10px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--bronze);margin-bottom:10px
}
.studio-identity-item h3{font-family:var(--serif);font-size:27px;font-weight:400;margin:0 0 12px}
.studio-identity-item p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.studio-callout{
  margin:50px 0;padding:30px 34px;border-left:2px solid var(--bronze);
  background:rgba(143,111,70,.055)
}
.studio-callout p{font-family:var(--serif);font-size:22px;line-height:1.5;margin:0}
@media(max-width:1020px){
 .nav-studio{display:block;width:100%}
 .studio-trigger{width:100%;min-height:44px;justify-content:space-between;text-align:left;padding:8px 0}
 .studio-window{
   position:static;width:100%;max-width:none;background:rgba(255,255,255,.035);
   color:#e8e3da;box-shadow:none;border:0;border-left:1px solid rgba(255,255,255,.12);
   padding:0 0 0 18px;margin:2px 0 8px;opacity:1;visibility:visible;transform:none;display:none
 }
 .nav-studio.open .studio-window{display:block}
 .studio-window-head{padding:10px 0 12px;border-color:rgba(255,255,255,.10)}
 .studio-window-head a{color:#f0ede6}
 .studio-window-head span{display:none}
 .studio-window-grid{grid-template-columns:1fr}
 .studio-window-grid a{color:#d9d5cc;border-color:rgba(255,255,255,.08);padding:11px 0}
 .studio-window-grid a small{color:#9fa49e}
}
@media(max-width:700px){
 .studio-identity-grid{grid-template-columns:1fr}
 .studio-identity-item:nth-child(odd),.studio-identity-item:nth-child(even){
  border-right:0;padding:26px 0
 }
}


/* Lo Studio — window inspired by the editorial logic of institutional law-firm "about" menus */
.nav-studio{position:relative;display:flex;align-items:center}
.studio-trigger{
  appearance:none;border:0;background:none;color:inherit;font:inherit;
  padding:14px 0;cursor:pointer;display:inline-flex;align-items:center;gap:7px
}
.studio-trigger .chev{color:var(--bronze-2);font-size:10px;transition:transform .2s}
.nav-studio.open .studio-trigger .chev,.nav-studio:hover .studio-trigger .chev{transform:rotate(180deg)}
.studio-window{
  position:absolute;top:calc(100% + 16px);left:-44px;width:min(690px,84vw);
  background:#f5f1e9;border:1px solid rgba(31,49,43,.14);
  box-shadow:0 28px 70px rgba(0,0,0,.17);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;
  z-index:500;color:#20352f
}
.nav-studio:hover .studio-window,.nav-studio:focus-within .studio-window,.nav-studio.open .studio-window{
  opacity:1;visibility:visible;transform:none
}
.studio-window-intro{
  display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;
  padding:30px 32px 28px;background:#20352f;color:#f6f2e9
}
.studio-window-intro .eyebrow{
  font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#cfb184
}
.studio-window-intro h3{
  font-family:var(--serif);font-size:30px;line-height:1.13;font-weight:400;
  margin:0;letter-spacing:-.02em;color:#f8f4eb
}
.studio-window-intro p{
  margin:0;color:rgba(255,255,255,.68);font-size:12px;line-height:1.65
}
.studio-window-links{
  display:grid;grid-template-columns:repeat(3,1fr);padding:6px 32px 24px
}
.studio-window-links a{
  display:block;padding:17px 18px 15px 0;margin-right:22px;
  border-bottom:1px solid rgba(31,49,43,.10);
  text-decoration:none;color:#263d36
}
.studio-window-links a:nth-child(3n){margin-right:0}
.studio-window-links strong{
  display:block;font-family:var(--serif);font-size:17px;font-weight:400;margin-bottom:5px
}
.studio-window-links small{
  display:block;color:#7b807a;font-size:10px;line-height:1.42
}
.studio-window-links a:hover strong{color:#8f6f46}
.studio-window-footer{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:16px 32px 18px;border-top:1px solid rgba(31,49,43,.11);
  background:rgba(255,255,255,.35)
}
.studio-window-footer a{
  font-size:10px;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;color:#8f6f46
}
.studio-window-footer span{
  font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#85877f
}
.studio-values-grid{
  display:grid;grid-template-columns:repeat(2,1fr);
  margin:36px 0 52px;border-top:1px solid var(--line)
}
.studio-value{
  padding:28px 34px 28px 0;border-bottom:1px solid var(--line)
}
.studio-value:nth-child(odd){border-right:1px solid var(--line);padding-right:38px}
.studio-value:nth-child(even){padding-left:38px}
.studio-value span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--bronze)}
.studio-value h3{font-family:var(--serif);font-size:25px;font-weight:400;margin:9px 0 10px}
.studio-value p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
@media(max-width:1020px){
 .nav-studio{display:block;width:100%}
 .studio-trigger{width:100%;min-height:44px;justify-content:space-between;text-align:left;padding:8px 0}
 .studio-window{
   position:static;width:100%;max-width:none;background:rgba(255,255,255,.035);
   color:#e8e3da;box-shadow:none;border:0;border-left:1px solid rgba(255,255,255,.12);
   opacity:1;visibility:visible;transform:none;display:none;margin:2px 0 8px
 }
 .nav-studio.open .studio-window{display:block}
 .studio-window-intro{grid-template-columns:1fr;background:transparent;padding:16px 18px 10px;gap:10px}
 .studio-window-intro h3{font-size:21px}
 .studio-window-intro p{display:none}
 .studio-window-links{grid-template-columns:1fr;padding:0 18px 10px}
 .studio-window-links a{margin:0;padding:11px 0;border-color:rgba(255,255,255,.08);color:#ddd8cf}
 .studio-window-links small{color:#9fa49e}
 .studio-window-footer{display:none}
}
@media(max-width:700px){
 .studio-values-grid{grid-template-columns:1fr}
 .studio-value:nth-child(odd),.studio-value:nth-child(even){
   border-right:0;padding:25px 0
 }
}


/* Chi siamo — institutional dropdown */
.nav-chi-siamo{position:relative;display:flex;align-items:center}
.chi-trigger{
  appearance:none;border:0;background:none;color:inherit;font:inherit;
  padding:14px 0;cursor:pointer;display:inline-flex;align-items:center;gap:7px
}
.chi-trigger .chev{color:var(--bronze-2);font-size:10px;transition:transform .2s}
.nav-chi-siamo.open .chi-trigger .chev,.nav-chi-siamo:hover .chi-trigger .chev{transform:rotate(180deg)}
.chi-window{
  position:absolute;top:calc(100% + 16px);left:-42px;width:min(590px,82vw);
  background:#f5f1e9;border:1px solid rgba(31,49,43,.14);
  box-shadow:0 28px 70px rgba(0,0,0,.17);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;
  z-index:500;color:#20352f
}
.nav-chi-siamo:hover .chi-window,.nav-chi-siamo:focus-within .chi-window,.nav-chi-siamo.open .chi-window{
  opacity:1;visibility:visible;transform:none
}
.chi-window-intro{
  padding:28px 30px 24px;background:#20352f;color:#f6f2e9
}
.chi-window-intro span{
  display:block;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#cfb184;margin-bottom:10px
}
.chi-window-intro h3{
  margin:0;font-family:var(--serif);font-size:29px;line-height:1.14;font-weight:400;color:#f8f4eb
}
.chi-window-intro p{
  margin:11px 0 0;max-width:470px;color:rgba(255,255,255,.67);font-size:11px;line-height:1.6
}
.chi-window-links{display:grid;grid-template-columns:repeat(3,1fr);padding:10px 30px 26px}
.chi-window-links a{
  display:block;padding:18px 20px 18px 0;margin-right:20px;
  border-bottom:1px solid rgba(31,49,43,.10);text-decoration:none;color:#263d36
}
.chi-window-links a:last-child{margin-right:0}
.chi-window-links strong{
  display:block;font-family:var(--serif);font-size:20px;font-weight:400;margin-bottom:6px
}
.chi-window-links small{
  display:block;color:#7b807a;font-size:10px;line-height:1.45
}
.chi-window-links a:hover strong{color:#8f6f46}
.about-page-grid{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:62px;align-items:start
}
.about-fact{
  padding:20px 0;border-top:1px solid var(--line)
}
.about-fact span{
  display:block;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--bronze);margin-bottom:7px
}
.about-fact strong{font-family:var(--serif);font-size:20px;font-weight:400}
.about-list{
  display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin:34px 0 46px
}
.about-list article{
  padding:27px 34px 27px 0;border-bottom:1px solid var(--line)
}
.about-list article:nth-child(odd){border-right:1px solid var(--line);padding-right:38px}
.about-list article:nth-child(even){padding-left:38px}
.about-list span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--bronze)}
.about-list h3{font-family:var(--serif);font-size:25px;font-weight:400;margin:9px 0 10px}
.about-list p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.timeline{margin:40px 0 48px;border-left:1px solid var(--line);padding-left:30px}
.timeline article{position:relative;padding:0 0 34px 0}
.timeline article::before{
  content:"";position:absolute;left:-35px;top:7px;width:9px;height:9px;border-radius:50%;
  background:var(--bronze)
}
.timeline h3{font-family:var(--serif);font-size:25px;font-weight:400;margin:0 0 8px}
.timeline p{margin:0;color:var(--muted);line-height:1.67}
@media(max-width:1020px){
 .nav-chi-siamo{display:block;width:100%}
 .chi-trigger{width:100%;min-height:44px;justify-content:space-between;text-align:left;padding:8px 0}
 .chi-window{
   position:static;width:100%;max-width:none;background:rgba(255,255,255,.035);
   color:#e8e3da;box-shadow:none;border:0;border-left:1px solid rgba(255,255,255,.12);
   opacity:1;visibility:visible;transform:none;display:none;margin:2px 0 8px
 }
 .nav-chi-siamo.open .chi-window{display:block}
 .chi-window-intro{background:transparent;padding:15px 18px 10px}
 .chi-window-intro h3{font-size:20px}
 .chi-window-intro p{display:none}
 .chi-window-links{grid-template-columns:1fr;padding:0 18px 10px}
 .chi-window-links a{margin:0;padding:11px 0;border-color:rgba(255,255,255,.08);color:#ddd8cf}
 .chi-window-links small{color:#9fa49e}
}
@media(max-width:760px){
 .about-page-grid,.about-list{grid-template-columns:1fr}
 .about-list article:nth-child(odd),.about-list article:nth-child(even){
   border-right:0;padding:25px 0
 }
}


/* Chi siamo — stessa grammatica visiva della finestra Ambiti */
.nav-chi-siamo{position:relative;display:flex;align-items:center}
.chi-trigger{
  appearance:none;border:0;background:none;color:inherit;font:inherit;
  padding:14px 0;cursor:pointer;display:inline-flex;align-items:center;gap:7px;
}
.chi-trigger .chev{color:var(--bronze-2);font-size:10px;transition:transform .2s}
.nav-chi-siamo.open .chi-trigger .chev,.nav-chi-siamo:hover .chi-trigger .chev{transform:rotate(180deg)}
.chi-window{
  position:absolute;top:calc(100% + 16px);right:-190px;width:min(720px,82vw);
  background:#171a1f;border:1px solid rgba(255,255,255,.12);
  box-shadow:0 28px 70px rgba(0,0,0,.30);padding:24px;
  opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;
  z-index:500;color:#e8e3da
}
.nav-chi-siamo:hover .chi-window,.nav-chi-siamo:focus-within .chi-window,.nav-chi-siamo.open .chi-window{
  opacity:1;visibility:visible;transform:none
}
.chi-window-head{
  display:flex;justify-content:space-between;align-items:center;
  padding:0 0 16px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.11)
}
.chi-window-head a{
  font-family:var(--serif);font-size:18px;color:var(--paper);text-decoration:none
}
.chi-window-head span{
  font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--bronze-2)
}
.chi-window-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}
.chi-window-grid a{
  display:block;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);
  font-size:12px;line-height:1.35;color:#d9d5cc;text-decoration:none
}
.chi-window-grid a:hover,.chi-window-grid a.active{color:var(--bronze-2)}
body:has(.chi-window a.active) .chi-trigger{color:var(--bronze-2)}
@media(max-width:1020px){
 .nav-chi-siamo{display:block;width:100%}
 .chi-trigger{width:100%;min-height:44px;justify-content:space-between;text-align:left;padding:8px 0}
 .chi-window{
   position:static;width:100%;max-width:none;background:rgba(255,255,255,.035);
   box-shadow:none;border:0;border-left:1px solid rgba(255,255,255,.12);
   padding:0 0 0 18px;margin:2px 0 8px;
   opacity:1;visibility:visible;transform:none;display:none
 }
 .nav-chi-siamo.open .chi-window{display:block}
 .chi-window-head{padding:10px 0 12px}
 .chi-window-grid{grid-template-columns:1fr}
 .chi-window-grid a{padding:11px 0}
}