.hero{
	position:relative;
	min-height:100vh;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--color-bg)
}
.hero::before{
	content:"";
	position:absolute;
	inset:-16px;
	background:url("../images/Sfondo.png") center/cover no-repeat;
	filter:blur(1px);
	transform:scale(1.02);
	z-index:0
}
.hero-overlay{
	position:absolute;
	inset:0;
	background:rgba(255,255,255,.12);
	z-index:1
}
.hero-grid{
	display:none
}
.hero-content{
	position:relative;
	z-index:2;
	width:min(1100px,92%);
	margin-top:55px;
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center
	}
.hero-brand{
	display:flex;
	flex-direction:column;
	align-items:center
}
.hero-brand-main{
	display:flex;
	align-items:center;
	gap:20px
	}
.hero-brand-name{
	font-family:"Bodoni Moda","Times New Roman",serif;
	font-size:clamp(58px,20vw,168px);
	font-weight:700;
	line-height:.95;
	letter-spacing:9px;
	color:var(--color-dark);
	text-shadow:0 2px 12px rgba(255,255,255,.85)
}
.hero-brand-line{
	width:clamp(65px,8vw,125px);
	height:3px;
	border-radius:10px
}
.hero-brand-line-left{
	background:linear-gradient(90deg,transparent,var(--color-green) 28%,#fff 52%,var(--color-red) 78%,transparent)
}
.hero-brand-line-right{
	background:linear-gradient(90deg,transparent,var(--color-red) 22%,#fff 48%,var(--color-green) 72%,transparent)
}
.hero-eyebrow{
	margin:15px 0 0;
	color:#303030;
	font-family:"Montserrat",sans-serif;
	font-size:clamp(12px,1.35vw,17px);
	font-weight:600;
	letter-spacing:clamp(2px,.35vw,4px);
	text-transform:uppercase;
	text-shadow:0 1px 5px rgba(255,255,255,.85)
}
.hero-eyebrow span{
	color:var(--color-red);
	padding:0 4px
}
.hero-tricolor{
	width:min(720px,72vw);
	height:2px;
	display:flex;
	margin-top:24px;
	overflow:hidden;
	border-radius:4px;
	box-shadow:0 1px 5px rgba(255,255,255,.8)
}
.hero-tricolor span{
	flex:1
}
.hero-tricolor span:nth-child(1){
	background:linear-gradient(90deg,transparent,var(--color-green))
}
.hero-tricolor span:nth-child(2){
	background:#fff
}
.hero-tricolor span:nth-child(3){
	background:linear-gradient(90deg,var(--color-red),transparent)
}
.hero-description{
	max-width:720px;
	margin:24px 0 0;
	color:#444;
	font-size:clamp(15px,1.6vw,21px);
	line-height:1.5;
	text-shadow:0 1px 6px rgba(255,255,255,.9)
}
.hero-actions{
	display:flex;
	justify-content:center;
	gap:18px;
	margin-top:34px
}
.scroll-indicator{
	position:absolute;
	z-index:2;
	right:28px;
	bottom:28px;
	display:flex;
	align-items:center;
	gap:10px;
	color:rgba(255,255,255,.72);
	font-family:"Oswald",sans-serif;font-size:10px;
	letter-spacing:.2em;writing-mode:vertical-rl
}
.scroll-line{
	width:1px;
	height:52px;
	background:linear-gradient(var(--color-red),transparent)
}
.divisions{
	padding:120px clamp(24px,7vw,120px);
	background:var(--color-bg);
	color:var(--color-dark)
}
.section-heading{
	max-width:760px;
	margin:0 auto 60px;
	text-align:center
}
.section-heading .eyebrow{
	margin:0 0 12px;
	color:var(--color-red);
	font-family:"Oswald",sans-serif;
	letter-spacing:.18em;
	font-size:13px
}
.section-heading h2{
	margin:0;
	font-family:"Teko",sans-serif;
	font-size:clamp(42px,5vw,70px);
	font-weight:500;
	line-height:1;
	letter-spacing:.04em
}
.division-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:22px;
	max-width:var(--container-width);
	margin:0 auto
}
.division-card{
	padding:34px;
	border:1px solid var(--color-red);
	background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.01));
	transition:transform var(--transition),box-shadow var(--transition),background var(--transition)
}
.division-card:hover{
	transform:translateY(-7px);
	box-shadow:0 14px 35px rgba(209,26,42,.12);
	background:rgba(255,255,255,.06)
}
.card-number{
	display:block;
	margin-bottom:30px;
	color:var(--color-red);
	font-family:"Oswald",sans-serif;
	letter-spacing:.15em
}
.division-card h3{
	margin:0 0 14px;
	font-family:"Oswald",sans-serif;
	font-size:25px;
	font-weight:500;
	text-transform:uppercase
}
.division-card p{
	margin:0;
	color:var(--color-gray);
	font-size:14px;
	line-height:1.8
}
