@charset "UTF-8";:root{--wood-brown: #8B4513;--ferragamo-red: #800020;--precision-blue: #007bff;--precision-purple: #6a0dad;--lab-white: #faf8f5;--charcoal: #2c3e50;--text-light: #ffffff;--text-dark: #2c3e50;--text-muted: #7f8c8d;--bg-primary: var(--wood-brown);--bg-secondary: var(--charcoal);--bg-accent: var(--precision-blue);--gradient-primary: linear-gradient(135deg, var(--wood-brown) 0%, #A0522D 100%);--gradient-secondary: linear-gradient(135deg, var(--wood-brown) 0%, #A0522D 100%);--gradient-accent: linear-gradient(135deg, var(--precision-blue) 0%, var(--precision-purple) 100%);--accent-primary: var(--ferragamo-red);--accent-hover: #B22222;--shadow-subtle: 0 2px 8px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .15);--shadow-strong: 0 8px 32px rgba(0, 0, 0, .2)}body{font-family:Inter,Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--lab-white);color:var(--text-dark);margin:0;padding:0;line-height:1.6;scroll-behavior:smooth}.content{margin:0 auto;padding:0;line-height:1.7}.hero-image{position:relative;width:100%;min-height:100vh;background:url(/assets/img/20250529_165442@2x.jpg) center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:var(--white)}.hero-image:before{content:"";position:absolute;inset:0}.hero-text{position:relative;text-align:center}.hero-text h1{font-size:3.5rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--white);text-shadow:0 4px 4px var(--dark-havana);-webkit-text-stroke:2px var(--dark-havana);paint-order:stroke fill}.section-title{font-size:3rem;font-weight:800;color:var(--text-light);margin-bottom:30px;padding-left:20px;letter-spacing:-.5px;text-align:left;width:100%;position:relative;opacity:0;transform:translate(-30px);animation:slideInTitle .8s ease forwards}.section-title:after{content:"";position:absolute;bottom:-10px;left:20px;width:60px;height:3px;background:var(--accent-primary);border-radius:2px;opacity:.8}.section-container{position:relative;min-height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:80px 60px;color:var(--text-light);text-align:left;overflow:hidden;transition:all .6s cubic-bezier(.4,0,.2,1)}.section-container:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.05) 0%,transparent 100%);opacity:0;transition:opacity .6s ease}.section-container:hover:before{opacity:1}.section-container:before{content:"";position:absolute;inset:0}.section-container .section-content{position:relative;max-width:700px;padding:50px;border-radius:20px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-medium);transform:translateY(0);transition:all .4s cubic-bezier(.4,0,.2,1)}.section-container:hover .section-content{transform:translateY(-5px);box-shadow:var(--shadow-strong)}.color-bg-1{background:var(--gradient-primary);position:relative}.color-bg-1:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:float 20s infinite ease-in-out}.color-bg-2{background:var(--gradient-secondary);position:relative}.color-bg-2:after{content:"";position:absolute;bottom:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);animation:float 25s infinite ease-in-out reverse}.color-bg-1 .section-content,.color-bg-2 .section-content{background:#ffffff1a;padding:40px;border-radius:16px;box-shadow:0 6px 16px var(--shadow-light)}.section-container p{font-size:1.2rem;line-height:1.8;margin:0 0 25px;color:#fffffff2;font-weight:400;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease .2s forwards;max-width:600px}.image-text-section{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:70vh;overflow:hidden;position:relative;border:4px solid var(--wood-brown);transition:all .3s ease}.image-text-section.reverse{grid-template-columns:1fr 1fr}.image-text-section.reverse .image-side{order:2}.image-text-section.reverse .text-side{order:1}.image-side{position:relative;overflow:hidden;background-size:cover;background-position:center;transition:transform .6s ease}.image-side:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(0,0,0,.3) 0%,transparent 100%);z-index:1}.image-side:hover{transform:scale(1.05)}.text-side{display:flex;align-items:center;justify-content:center;padding:60px;background:var(--gradient-secondary);position:relative}.image-text-section:nth-child(1) .text-side{background:linear-gradient(135deg,#035f1e,#0a3d2d)}.image-text-section:nth-child(1){border-color:#035f1e}.image-text-section:nth-child(2) .text-side{background:linear-gradient(135deg,var(--wood-brown) 0%,#A0522D 100%)}.image-text-section:nth-child(2){border-color:var(--wood-brown)}.image-text-section:nth-child(3) .text-side{background:linear-gradient(135deg,#035f1e,#0a3d2d)}.image-text-section:nth-child(3){border-color:#035f1e}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:80px 60px;background:linear-gradient(135deg,var(--lab-white) 0%,#f5f5f5 100%)}.text-side h2{font-size:2.8rem;font-weight:900;color:#fff;margin-bottom:25px;position:relative;opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards;text-shadow:0 2px 8px rgba(0,0,0,.8);letter-spacing:1px}.image-text-section .text-side h2,.image-text-section .text-side p{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}.image-text-section:nth-child(odd) .text-side .btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-hover) 100%);color:var(--text-light)}.text-side p{font-size:1.2rem;line-height:1.8;color:#fff;margin-bottom:30px;opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease .2s forwards;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.6);max-width:500px}.text-side .btn-primary{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease .4s forwards}.hero-image-section{position:relative;height:100vh;background-image:url(/assets/img/20250529_165442@2x.jpg);background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;justify-content:center;overflow:hidden}@media (max-width: 768px){app-home .hero-image-section{background-image:url(/assets/img/20250529_165247@2x.jpg);background-attachment:scroll;height:80vh}app-about .hero-image-section{background-image:url(/assets/img/20250529_170043@2x.jpg);background-attachment:scroll;height:80vh}app-collection .hero-image-section{background-image:url(/assets/img/20250529_171202@2x.jpg);background-attachment:scroll;height:80vh}app-contact .hero-image-section{background-image:url(/assets/img/20250529_170340@2x.jpg);background-attachment:scroll;height:80vh}}.hero-image-section:before{content:"";position:absolute;inset:0;background:#5c403399;z-index:1}.hero-content{position:relative;z-index:2;text-align:center;color:var(--text-light);max-width:800px;padding:0 40px}.hero-content h1{font-size:clamp(3rem,4vw,4rem);font-weight:900;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;opacity:0;transform:translateY(50px);animation:fadeInUp 1s ease forwards;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.8)}.hero-content p{font-size:clamp(1.5rem,3vw,3rem);line-height:1.4;margin-bottom:30px;opacity:0;transform:translateY(50px);animation:fadeInUp 1s ease .3s forwards;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.7);font-weight:500}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:80px 60px;background:var(--lab-white)}.gallery-item{position:relative;height:300px;border-radius:15px;overflow:hidden;cursor:pointer;transition:all .4s ease;box-shadow:var(--shadow-medium)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.gallery-item:hover{transform:translateY(-10px);box-shadow:var(--shadow-strong)}.gallery-item:hover img{transform:scale(1.1)}.gallery-item:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(139,69,19,.8) 0%,transparent 50%);opacity:0;transition:opacity .4s ease}.gallery-item:hover:before{opacity:1}@keyframes slideInTitle{to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.btn-primary{display:inline-block;margin-top:30px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-hover) 100%);color:var(--text-light);padding:16px 32px;text-decoration:none;border-radius:50px;font-weight:600;font-size:1rem;box-shadow:var(--shadow-medium);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease .4s forwards}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-strong)}.btn-primary:hover:before{left:100%}@media (max-width: 900px){.hero-image{background-position:center top}.section-container{min-height:50vh}.section-title{font-size:1.8rem}.section-container .section-content{padding:20px;max-width:90%}.section-container p{font-size:1rem}.hero-text h1{font-size:2rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--white);text-shadow:0 4px 4px var(--dark-havana);-webkit-text-stroke:2px var(--dark-havana);paint-order:stroke fill}}.cookies-banner{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;border-top:4px solid #F66815;box-shadow:0 -4px 10px #0000001a;padding:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;z-index:1000;transition:transform .3s ease-in-out}.cookies-banner.hidden{transform:translateY(100%)}.cookies-banner .content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;flex-wrap:wrap}.cookies-banner p{margin:0;font-size:1rem;color:#333;flex:1 1 auto}.cookies-banner button{white-space:nowrap;background-color:#f66815;color:#fff;border:none;padding:10px 18px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;border-radius:6px}.cookies-banner button:hover{background-color:#e55a00}@media (max-width: 1020px){.cookies-banner .content{flex-direction:column;align-items:flex-start;gap:10px}.cookies-banner button{width:calc(100% - 32px);margin-top:0}.cookies-banner p{min-width:auto;margin-right:40px}}.footer-contact-link{color:#fff;text-decoration:none;text-shadow:0 1px 1px var(--dark-havana);-webkit-text-stroke:1px var(--dark-havana);paint-order:stroke fill;transition:color .3s ease}.footer-contact-link:hover{color:#f66815}@media (max-width: 768px){.container{padding:0 20px}.section{padding:40px 20px}.section-title{font-size:2rem;padding-left:15px}.text-content{font-size:1rem;padding:0 15px}.btn{padding:12px 24px;font-size:.9rem}.hero-content{padding:0 20px}.image-text-section{display:block!important;grid-template-columns:1fr!important;min-height:auto!important;height:auto!important}.image-text-section .image-side{display:none!important}.image-text-section .text-side{padding:30px 20px!important;text-align:center!important;min-height:auto!important}.image-text-section.reverse .image-side{display:none!important}.image-text-section.reverse .text-side{order:1!important;padding:30px 20px!important;text-align:center!important;min-height:auto!important}}