@import url('nico-holding-image-overrides.css');
:root{--ink:#f3f5f4;--muted:#b5c1cc;--paper:#122131;--panel:#182d42;--line:#30465b;--accent:#79d4dc;--gold:#c6a66d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 32px}
header{background:#182d42;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:170px;height:auto}.menu{display:flex;gap:30px;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.menu a:hover,.text-link:hover{color:var(--accent)}
.hero{min-height:560px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.hero h1{font-size:clamp(48px,6vw,86px);line-height:.98;letter-spacing:-.055em;margin:0 0 28px;font-weight:500}.hero p,.copy p{max-width:650px;color:var(--muted);font-size:19px}.button{display:inline-block;margin-top:22px;padding:14px 22px;background:var(--gold);color:#102131;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.button:hover{background:#d8bc86}.visual{height:420px;background:linear-gradient(145deg,#3b7181,#1d4a64 45%,#0c1c2b);position:relative;overflow:hidden}.visual:after{content:"";position:absolute;width:68%;height:70%;right:-8%;bottom:-10%;background:linear-gradient(155deg,transparent 25%,rgba(121,212,220,.3) 26% 27%,transparent 28%),linear-gradient(30deg,#10283b,#4d8190);transform:rotate(-9deg)}.visual-label{position:absolute;left:26px;bottom:24px;color:#fff;z-index:1;font-size:12px;letter-spacing:.15em;text-transform:uppercase}
section{padding:100px 0;border-top:1px solid var(--line)}.eyebrow,.section-title{color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:700}.intro{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.intro h2{font-size:42px;line-height:1.08;font-weight:500;letter-spacing:-.03em;margin:0}.copy p{font-size:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#1a3044;border:1px solid var(--line)}.card-image{height:220px;background-position:center;background-size:cover}.fullprice{background-image:linear-gradient(180deg,rgba(20,33,61,.05),rgba(20,33,61,.28)),url('https://www.full-price.it/wp-content/uploads/2025/01/full-price-revenue-management-extralberghiero-home-chi-siamo-resize-600x600.jpg')}.demidoff{background-image:linear-gradient(180deg,rgba(20,33,61,.02),rgba(20,33,61,.24)),url('https://www.demidoffhub.it/wp-content/uploads/2025/06/IMG-20250611-WA0038-1536x1152.jpg')}.glamping{background-image:linear-gradient(180deg,rgba(20,33,61,.02),rgba(20,33,61,.2)),url('https://thelandbeforetime.it/wp-content/uploads/2025/11/img-030-1.jpg')}.card-body{padding:26px}.card h3{font-size:24px;font-weight:500;margin:0 0 12px}.card p{color:var(--muted);font-size:14px;margin:0 0 18px}.text-link{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-weight:700}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:40px}.principle{background:var(--panel);padding:30px 24px;min-height:150px}.principle strong{display:block;font-size:18px;font-weight:500;margin-bottom:22px}.principle span{color:var(--muted);font-size:14px}.closing{background:#0b1825}.closing h2{font-size:clamp(38px,5vw,68px);font-weight:400;line-height:1.05;max-width:800px;margin:18px 0 28px;letter-spacing:-.04em}.closing p{color:#c8d0d8;max-width:620px;font-size:18px}footer{padding:34px 0;background:#182d42;color:var(--muted);font-size:12px}.footer{display:flex;justify-content:space-between;gap:20px}.footer strong{color:var(--ink);letter-spacing:.08em}
@media(max-width:800px){.wrap{padding:0 20px}.menu{gap:12px;font-size:10px}.hero,.intro{grid-template-columns:1fr;gap:38px}.hero{padding:70px 0}.visual{height:320px}.cards,.principles{grid-template-columns:1fr}.footer{display:block}.footer div+div{margin-top:14px}}@media(max-width:520px){.menu a:not(:last-child){display:none}.hero h1{font-size:54px}}
@media(max-width:800px){header .nav{height:auto;min-height:72px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap;gap:10px}.menu{display:flex;flex:1 1 190px;min-width:0;max-width:230px;flex-wrap:wrap;justify-content:flex-end;gap:6px 10px}.menu a,.menu a:not(:last-child),.menu a:last-child{display:block;font-size:9px;letter-spacing:.08em;white-space:nowrap}}
@media(max-width:800px){body:not(:has(main>section:nth-of-type(2) .section-title)):has(main>section:nth-of-type(2) .principles) main>section:first-child .intro{display:grid;grid-template-columns:1fr;row-gap:32px}body:not(:has(main>section:nth-of-type(2) .section-title)):has(main>section:nth-of-type(2) .principles) main>section:first-child .intro>div:first-child{grid-column:1;grid-row:1}body:not(:has(main>section:nth-of-type(2) .section-title)):has(main>section:nth-of-type(2) .principles) main>section:first-child .intro:after{grid-column:1;grid-row:2;width:100%;height:260px;margin:0;left:0;top:0;transform:none}body:not(:has(main>section:nth-of-type(2) .section-title)):has(main>section:nth-of-type(2) .principles) main>section:first-child .intro>.copy{grid-column:1;grid-row:3;max-width:none}}
@media(max-width:800px){body:has(main>section:nth-of-type(2) .section-title) main>section:first-child .intro{display:grid;grid-template-columns:1fr;row-gap:32px}body:has(main>section:nth-of-type(2) .section-title) main>section:first-child .intro>div:first-child{grid-column:1;grid-row:1}body:has(main>section:nth-of-type(2) .section-title) main>section:first-child .intro:after{grid-column:1;grid-row:2;width:100%;height:260px;margin:0;left:0;top:0;transform:none}body:has(main>section:nth-of-type(2) .section-title) main>section:first-child .intro>.copy{grid-column:1;grid-row:3;max-width:none}}
/* Home: keep the title, visual and supporting copy in a stable responsive order. */
.hero .home-title{grid-column:1;grid-row:1}
.hero .visual{grid-column:2;grid-row:1 / span 2}
.hero .home-copy{grid-column:1;grid-row:2;max-width:680px}
@media(max-width:800px){
  body:has(.home-title) .hero{display:grid;grid-template-columns:1fr;gap:32px;padding:72px 20px 78px}
  body:has(.home-title) .hero .home-title{grid-column:1;grid-row:1}
  body:has(.home-title) .hero .visual{grid-column:1;grid-row:2;width:100%;max-width:100%;height:280px;margin:0;transform:none}
  body:has(.home-title) .hero .home-copy{grid-column:1;grid-row:3;max-width:none}
  body:has(.home-title) .hero .home-copy p{font-size:17px;line-height:1.6}
}