:root{--bg-dark: #292929;--text-light: #E5E7EB;--text-muted: #9CA3AF;--accent-teal: #0F766E;--accent-soft: #589e98;--font-main: "Inter", sans-serif;--font-display: "Montserrat", sans-serif;--font-accent: "Bebas Neue", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-light);font-family:var(--font-main);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}#canvas-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}#scroll-content{position:relative;z-index:1}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(1rem,5vw,2rem)}.section-panel{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding-top:1rem;padding-bottom:1rem;scroll-margin-top:84px}#contatti{scroll-margin-top:84px}h1{font-family:var(--font-display);color:var(--text-light);font-size:clamp(2.2rem,6vw,4rem);line-height:1.1}h2{font-family:var(--font-display);color:var(--text-light);font-size:clamp(1.8rem,5vw,3rem);line-height:1.15}h3{font-family:var(--font-display);color:var(--text-light);font-size:clamp(1.2rem,3vw,1.8rem)}p{color:var(--text-muted);font-size:clamp(.9rem,2.5vw,1rem)}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2rem;border-radius:50px;font-family:var(--font-main);font-weight:700;font-size:.85rem;letter-spacing:1px;text-transform:uppercase;transition:all .35s cubic-bezier(.165,.84,.44,1);cursor:pointer;text-decoration:none;position:relative;z-index:1}@property --angle{syntax: "<angle>"; initial-value: 180deg; inherits: false;}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:3px;background:conic-gradient(from var(--angle),transparent 0%,transparent 50%,#0F766E 70%,#1ee6d6 95%,#ffffff 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:10;opacity:0;transition:opacity .3s;pointer-events:none;filter:drop-shadow(0 0 8px rgba(30,230,214,.8))}.btn:hover:before{opacity:1;animation:snake-spin 1.5s linear infinite}@keyframes snake-spin{0%{--angle: 180deg}to{--angle: 540deg}}.btn-primary{background:var(--accent-teal);color:var(--text-light);border:2px solid var(--accent-teal)}.btn-primary:hover{background:#148a81;border-color:#148a81;transform:translateY(-3px);box-shadow:0 12px 30px #0f766e59}.btn-outline{background:transparent;color:var(--text-light);border:2px solid rgba(156,163,175,.4)}.btn-outline:hover{border-color:var(--text-light);background:#ffffff0d;transform:translateY(-3px)}.glass-card{background:#2929298c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(156,163,175,.15);border-radius:20px}.section-label{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-accent);font-size:.8rem;letter-spacing:3px;text-transform:uppercase;color:var(--accent-teal);margin-bottom:1.5rem}.text-accent{color:var(--accent-teal)}.profile-section{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:clamp(1rem,2.5vw,1.3rem);margin-bottom:2.5rem;padding:clamp(1.1rem,3vw,1.5rem);text-align:left;border-color:#589e9847;box-shadow:0 20px 45px #00000047;transition:grid-template-columns .62s cubic-bezier(.22,1,.36,1),padding .62s cubic-bezier(.22,1,.36,1)}.profile-section.expanded{grid-template-columns:190px minmax(0,1fr);align-items:start;padding:clamp(1.5rem,4vw,2rem)}.profile-photo-stage{width:72px;perspective:1200px}.profile-photo-stage.expanded{width:190px;position:sticky;top:96px;align-self:start}.profile-photo-card{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border:1px solid rgba(142,240,230,.55);border-radius:8px;background:#181818;box-shadow:0 24px 50px #0000006b,0 0 0 1px #ffffff0a;transform-origin:center;will-change:transform}.profile-photo-stage.expanded .profile-photo-card{aspect-ratio:4 / 5;box-shadow:0 34px 70px #0000008f,0 0 0 1px #8ef0e638}.profile-photo-card img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 38%;transform:translateZ(16px) scale(1.04)}.profile-copy h3{margin-bottom:.25rem;font-family:var(--font-accent);font-size:clamp(1.25rem,2.5vw,1.55rem);letter-spacing:2px}.profile-copy{min-width:0}.profile-section-label{overflow:hidden}.profile-role{grid-column:1 / -1;margin-bottom:.75rem;color:#d5d9d8;font-weight:600}.profile-quote{max-width:620px;margin:0 0 .65rem;color:#8edbd3;font-family:var(--font-main);font-size:clamp(.76rem,1.8vw,.84rem);font-style:italic;line-height:1.5}.profile-contacts{display:flex;flex-wrap:wrap;gap:.55rem 1.1rem}.profile-contacts a,.profile-contacts span{display:inline-flex;align-items:center;gap:.45rem;color:#d9e4e2;font-size:.8rem;text-decoration:none}.profile-contacts svg{color:var(--accent-soft);flex-shrink:0}.profile-contacts a:hover{color:#8ef0e6}.profile-vat{margin:0;color:#d9e4e2;font-size:.8rem}.profile-details{display:grid;grid-template-columns:1fr;gap:1.1rem;margin:1.25rem 0;padding-bottom:1.15rem;border-bottom:1px solid rgba(88,158,152,.32);overflow:hidden}.profile-details>div{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;column-gap:.65rem;row-gap:.55rem;padding-top:.9rem;border-top:1px solid rgba(88,158,152,.28)}.profile-details svg{margin-top:.1rem;color:var(--accent-soft)}.profile-details h4{margin:0;color:#e5e7eb;font-family:var(--font-accent);font-size:.95rem;font-weight:400;letter-spacing:1.2px;text-transform:uppercase}.profile-details p{grid-column:1 / -1;margin:0;font-size:.78rem;line-height:1.65}.profile-more-btn{grid-column:1 / -1;justify-self:center;margin-top:.25rem;padding:.7rem 1.15rem;border:2px solid rgba(156,163,175,.4);background:transparent;color:var(--text-light);font-family:var(--font-main);font-size:.7rem;font-weight:700;letter-spacing:.8px}.profile-more-btn span{display:inline-flex}.profile-more-btn:hover{color:var(--text-light)}.slider-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#0f766e26;border:1px solid rgba(15,118,110,.4);color:var(--text-light);cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.slider-btn:hover{background:#0f766e59;border-color:var(--accent-teal);transform:scale(1.1)}.project-slider,[style*="overflow-x: auto"]{-ms-overflow-style:none;scrollbar-width:none}.project-slider::-webkit-scrollbar,[style*="overflow-x: auto"]::-webkit-scrollbar{display:none}@media(max-width:768px){.section-panel{min-height:unset;padding-top:3rem;padding-bottom:3rem}.glass-card{border-radius:14px}.btn{padding:.8rem 1.5rem;font-size:.8rem}.section-label{font-size:.72rem;letter-spacing:2px}.profile-section{grid-template-columns:72px minmax(0,1fr);align-items:start}.profile-section.expanded{grid-template-columns:150px minmax(0,1fr)}.profile-photo-stage{width:72px}.profile-photo-stage.expanded{width:150px}.profile-details{grid-template-columns:1fr}}@media(max-width:480px){.container{padding:0 1rem}.btn{padding:.75rem 1.2rem;font-size:.75rem;gap:.4rem}.glass-card{border-radius:12px}.profile-section{grid-template-columns:62px minmax(0,1fr);gap:.9rem;padding:1rem}.profile-photo-stage{width:62px;max-width:none;margin:0}.profile-section.expanded{grid-template-columns:1fr}.profile-photo-stage.expanded{width:min(190px,100%);max-width:190px;margin:0 auto;position:relative;top:auto}}@media(prefers-reduced-motion:reduce){.profile-section{transition:none}.profile-photo-card{transform:none!important}}.project-modal-inner{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;height:100%;width:100%}.project-modal-image-container{flex:1.2!important;min-width:0;background:#111;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.project-modal-info-container{flex:1!important;min-width:0;padding:clamp(1.5rem,5vw,3rem);display:flex;flex-direction:column;background:#121212fc;overflow-y:auto}@media(max-width:1024px){.project-modal-inner{flex-direction:column!important;flex-wrap:nowrap!important;overflow-y:auto!important;display:block!important;height:100%!important}.project-modal-image-container{width:100%!important;height:38vh!important;min-height:240px!important;flex:none!important}.project-modal-info-container{width:100%!important;flex:none!important;padding:1.8rem 1.5rem 3rem!important;overflow-y:visible!important;background:#121212fc!important}}