:root{--navy:#142c45;--ink:#263748;--muted:#65717a;--line:#d9dfe2;--paper:#fff;--soft:#f4f6f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit}header{background:#fff;position:relative;z-index:2}.shell{width:min(1180px,calc(100% - 64px));margin:auto}.top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 0}.logo{color:var(--navy);text-decoration:none;display:inline-flex;flex-direction:column;align-items:center;line-height:1}.logo .num{font:30px Georgia,serif;display:flex;align-items:center;gap:8px}.logo .num:before,.logo .num:after{content:'';width:42px;height:1px;background:currentColor}.logo .word{font:14px Arial,sans-serif;letter-spacing:3px;margin-top:3px}.nav{display:flex;align-items:center;gap:38px}.nav a{text-decoration:none;font-size:14px}.nav a:hover,.nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.button{display:inline-block;background:var(--navy);color:white;text-decoration:none;padding:15px 31px;font-size:14px;border:1px solid var(--navy)}.button:hover{background:#254967}.hero{min-height:570px;position:relative;display:flex;align-items:flex-start;background:linear-gradient(90deg,rgba(7,21,35,.66),rgba(7,21,35,.04)),url('assets/architettura.svg') center/cover no-repeat;color:white;padding:76px 55px}.hero h1{font:clamp(52px,6vw,92px)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-2px;max-width:750px;margin:0 0 25px}.hero p{font-size:18px;margin:0;color:#f0f2f4}.section{padding:105px 0}.section h2{font:clamp(40px,4vw,60px)/1.15 Georgia,serif;color:var(--navy);font-weight:normal;margin:0 0 54px}.center{text-align:center}.areas{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.area{border:1px solid #b9c4ca;padding:38px 32px;min-height:290px}.area .n{font:74px/1 Georgia,serif;color:var(--navy)}.area h3{font:28px Georgia,serif;color:var(--navy);margin:22px 0 12px}.area p{margin:0;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 65px}.step{border-top:1px solid var(--line);padding:30px 0 25px}.step .n{font:72px Georgia,serif;color:#7890a5}.step h3{font:32px/1.2 Georgia,serif;font-weight:normal;color:var(--navy);margin:12px 0}.step p{max-width:480px;color:var(--muted);margin:0}.cta{padding:100px 0 125px;background:var(--soft)}.cta h2{font:clamp(46px,5vw,70px)/1.1 Georgia,serif;font-weight:normal;color:var(--navy);max-width:750px;margin:0 0 30px}.cta p{max-width:620px;margin:0 0 30px;color:var(--muted)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:85px 0}.intro h1,.page-title{font:clamp(48px,5vw,72px)/1.1 Georgia,serif;font-weight:normal;color:var(--navy);margin:0 0 28px}.intro p{color:var(--muted);font-size:17px}.intro .art{width:100%;min-height:480px;background:url('assets/architettura.svg') center/cover}.statement{background:var(--soft);padding:85px 0}.statement p{font:clamp(24px,2.8vw,36px)/1.45 Georgia,serif;color:var(--navy);max-width:900px;margin:0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:100px 0 130px}.contact h1{font:clamp(50px,5vw,75px) Georgia,serif;color:var(--navy);font-weight:normal;margin:0 0 25px}.contact p{margin:8px 0}.contact a{color:var(--navy);text-underline-offset:4px}.contact .detail{border-top:1px solid var(--line);padding-top:32px}.contact .detail h2{font:34px Georgia,serif;color:var(--navy);font-weight:normal}.footer{background:var(--navy);color:white;padding:65px 0 25px}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:45px}.footer .logo{color:white;align-items:flex-start}.footer .logo .num{margin-left:14px}.footer .logo .word{font-size:12px}.footer h3{font:700 12px Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;margin:5px 0 18px}.footer p,.footer a{font-size:14px;color:#e6edf3}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.footer ul{list-style:none;margin:0;padding:0}.footer li{margin-bottom:8px}.foot-bottom{border-top:1px solid #486074;margin-top:65px;padding-top:24px;font-size:12px;color:#d4e0e9}.mobile-menu{display:none}@media(max-width:750px){.shell{width:min(100% - 36px,1180px)}.top{padding:22px 0;flex-wrap:wrap}.logo .num{font-size:25px}.logo .num:before,.logo .num:after{width:31px}.logo .word{font-size:11px;letter-spacing:2px}.nav{width:100%;justify-content:space-between;gap:12px;order:2}.nav a{font-size:13px}.top>.button{padding:11px 16px}.hero{min-height:480px;padding:70px 25px}.hero h1{font-size:clamp(46px,10vw,66px);letter-spacing:-1px}.hero p{font-size:15px}.section{padding:70px 0}.section h2{margin-bottom:35px}.areas,.steps,.intro,.contact,.foot-grid{grid-template-columns:1fr}.areas{gap:18px}.area{min-height:0;padding:28px}.area .n,.step .n{font-size:58px}.step h3{font-size:27px}.steps{gap:8px}.cta{padding:70px 0}.intro{gap:30px;padding:65px 0}.intro .art{min-height:310px}.contact{gap:15px;padding:75px 0 95px}.footer{padding-top:50px}.foot-grid{gap:30px}.foot-bottom{margin-top:35px}}
