@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@300;400&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
:root{--avorio:#F5F0E8;--crema:#EDE8DC;--sabbia:#C8B89A;--tan:#A08060;--espresso:#3A2A1A;--ardesia:#5A5550;--oro:#B8983A;--oro-dim:rgba(184,152,58,0.35);--testo:#2A1E12}
html{scroll-behavior:smooth}
body{font-family:'Jost',sans-serif;font-weight:300;background:var(--avorio);color:var(--testo)}
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.8rem 5rem}
.nav-logo{height:54px;display:flex;align-items:center;text-decoration:none}
.nav-logo svg{height:54px;width:auto;fill:#F5F0E8;transition:fill .3s}
.nav-logo:hover svg{fill:var(--oro)}
.nav-cta{font-size:.6rem;letter-spacing:.4em;text-transform:uppercase;color:#F5F0E8;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.7rem 1.6rem;transition:all .3s}
.nav-cta:hover{background:#F5F0E8;color:var(--espresso)}
.hero{min-height:100vh;background:var(--espresso);display:flex;align-items:center;position:relative;overflow:hidden}
.hero-content{padding:10rem 5rem 6rem;max-width:750px;position:relative;z-index:2}
.hero-tag{font-family:'Cormorant Garamond',serif;font-size:.6rem;letter-spacing:.6em;text-transform:uppercase;color:var(--oro);margin-bottom:2.5rem;display:flex;align-items:center;gap:1rem}
.hero-tag::before{content:'';width:2.5rem;height:1px;background:var(--oro)}
h1{font-family:'Cormorant Garamond',serif;font-size:clamp(3.5rem,6vw,6rem);font-weight:300;line-height:1.05;color:var(--avorio);margin-bottom:2.5rem}
h1 em{font-style:italic;display:block}
h1 span{color:var(--sabbia);display:block}
.hero-sub{font-size:.9rem;line-height:2;color:rgba(245,240,232,.6);max-width:44ch;margin-bottom:3.5rem}
.btn-outline{display:inline-flex;align-items:center;gap:1rem;padding:1.1rem 2.8rem;border:1px solid var(--oro-dim);color:var(--oro);font-size:.6rem;letter-spacing:.4em;text-transform:uppercase;text-decoration:none;position:relative;overflow:hidden;transition:color .4s,gap .3s}
.btn-outline::before{content:'';position:absolute;inset:0;background:var(--oro);transform:translateX(-100%);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.btn-outline:hover::before{transform:translateX(0)}
.btn-outline:hover{color:var(--espresso);gap:1.5rem}
.btn-outline span{position:relative;z-index:1}
.hero-lines{position:absolute;inset:0;z-index:1}
.hero-line{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(184,152,58,.1),transparent)}
.hero-line:nth-child(1){left:25%}.hero-line:nth-child(2){left:50%}.hero-line:nth-child(3){left:75%}
.hero-note{position:absolute;bottom:2.5rem;right:5rem;text-align:right;z-index:2}
.hero-note p{font-family:'Cormorant Garamond',serif;font-size:.65rem;font-style:italic;color:rgba(184,152,58,.45);line-height:2}
.filosofia{padding:9rem 5rem;background:var(--crema);display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:center}
.eyebrow{font-size:.55rem;letter-spacing:.5em;text-transform:uppercase;color:var(--oro);margin-bottom:2rem;display:flex;align-items:center;gap:1rem}
.eyebrow::before{content:'';width:2rem;height:1px;background:var(--oro)}
h2{font-family:'Cormorant Garamond',serif;font-size:2.8rem;font-weight:300;line-height:1.2;color:var(--espresso);margin-bottom:2rem}
h2 em{font-style:italic;color:var(--tan)}
.testo{font-size:.88rem;line-height:2.1;color:var(--ardesia);border-left:2px solid var(--oro-dim);padding-left:2rem}
.testo p+p{margin-top:1.2rem}
.pilastri{display:flex;flex-direction:column}
.pilastro{padding:1.6rem 0;border-bottom:1px solid rgba(58,42,26,.08);display:grid;grid-template-columns:2.5rem 1fr;gap:1.2rem}
.pilastro-num{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:300;font-style:italic;color:var(--oro);line-height:1}
.pilastro-titolo{font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:400;color:var(--espresso);margin-bottom:.3rem}
.pilastro-testo{font-size:.76rem;line-height:1.8;color:var(--ardesia)}
.processo{padding:9rem 5rem;background:var(--espresso)}
.processo-header{text-align:center;margin-bottom:6rem}
.processo-tag{font-size:.55rem;letter-spacing:.5em;text-transform:uppercase;color:var(--oro);margin-bottom:1.2rem}
.processo h2{color:#F0E8D8;font-style:italic}
.atti{display:grid;grid-template-columns:repeat(4,1fr)}
.atto{padding:2.5rem 2rem;border-left:1px solid rgba(184,152,58,.18);transition:background .3s}
.atto:hover{background:rgba(184,152,58,.04)}
.atto-num{font-family:'Cormorant Garamond',serif;font-size:4rem;font-weight:300;color:rgba(184,152,58,.3);line-height:1;margin-bottom:1.2rem}
.atto-titolo{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-style:italic;color:#F0E8D8;margin-bottom:1rem;line-height:1.2}
.atto-testo{font-size:.8rem;line-height:1.9;color:rgba(245,240,232,.72)}
.atto-tag{margin-top:1.8rem;padding-top:1.2rem;border-top:1px solid rgba(184,152,58,.15);font-size:.52rem;letter-spacing:.3em;text-transform:uppercase;color:var(--oro)}
.cta{padding:10rem 5rem;background:var(--espresso);text-align:center;position:relative;overflow:hidden}
.cta::before{content:'CM';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Cormorant Garamond',serif;font-size:38vw;font-weight:300;color:rgba(184,152,58,.025);pointer-events:none;line-height:1}
.cta-tag{font-size:.55rem;letter-spacing:.5em;text-transform:uppercase;color:var(--oro);margin-bottom:1.8rem;position:relative;z-index:1}
.cta h2{font-size:clamp(2.5rem,5vw,4.5rem);font-style:italic;color:var(--avorio);margin-bottom:1.2rem;position:relative;z-index:1}
.cta-sub{font-size:.85rem;color:rgba(245,240,232,.6);line-height:2;max-width:42ch;margin:0 auto 3.5rem;position:relative;z-index:1}
.cta-buttons{display:flex;justify-content:center;gap:1.2rem;position:relative;z-index:1}
.btn-gold{display:inline-flex;align-items:center;gap:.8rem;padding:1.2rem 3rem;background:var(--oro);border:1px solid var(--oro);color:var(--espresso);font-size:.62rem;font-weight:500;letter-spacing:.35em;text-transform:uppercase;text-decoration:none;transition:all .3s}
.btn-gold:hover{background:transparent;color:var(--oro)}
.btn-ghost{display:inline-flex;align-items:center;gap:.8rem;padding:1.2rem 2.5rem;background:transparent;border:1px solid rgba(245,240,232,.25);color:rgba(245,240,232,.7);font-size:.62rem;letter-spacing:.35em;text-transform:uppercase;text-decoration:none;transition:all .3s}
.btn-ghost:hover{border-color:rgba(245,240,232,.5);color:#F5F0E8}
.cta-nota{margin-top:2.5rem;font-size:.55rem;color:rgba(184,152,58,.4);letter-spacing:.2em;position:relative;z-index:1}
footer{background:#1A0E08;padding:2.5rem 5rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(184,152,58,.07)}
.footer-logo{font-family:'Cormorant Garamond',serif;font-size:.85rem;letter-spacing:.2em;color:rgba(245,240,232,.25)}
.footer-link{font-size:.52rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(184,152,58,.3)}
.footer-link a{color:rgba(184,152,58,.55);text-decoration:none;border-bottom:1px solid rgba(184,152,58,.2);padding-bottom:1px;transition:color .2s}
.footer-link a:hover{color:var(--oro)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1024px){nav{padding:1.5rem 2rem}.hero-content{padding:8rem 2rem 5rem}.filosofia{grid-template-columns:1fr;gap:4rem;padding:6rem 2rem}.processo{padding:6rem 2rem}.atti{grid-template-columns:repeat(2,1fr)}.cta{padding:7rem 2rem}footer{flex-direction:column;gap:1rem;text-align:center;padding:2rem}}
@media(max-width:600px){.atti{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}h1{font-size:3rem}}