@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@500;600&display=swap";:root{--color-bg: #ffffff;--color-text: #222222;--color-beige: #c6a77b;--color-light-beige: #f5efe4;--color-accent: #d4b88a}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:Playfair Display,serif;color:var(--color-text);letter-spacing:.3px}h1{font-size:2.5rem}h2{font-size:2rem;margin-bottom:1rem}p{font-size:1rem;color:var(--color-text)}a{color:inherit;text-decoration:none;transition:color .2s ease}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:var(--color-beige);border-radius:4px}section{padding:2rem 0}@media(max-width:768px){section{padding:3rem 0rem}h1{font-size:2rem}h2{font-size:1.6rem}}:root{--color-bg: #ffffff;--color-text: #222222;--color-beige: #c6a77b;--color-light-beige: #f5efe4}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--color-bg);color:var(--color-text);overflow-x:hidden;margin:0 1.5rem}.App{width:100%;min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background-color:var(--color-beige);border-radius:15px}::-webkit-scrollbar-track{background-color:var(--color-light-beige)}a{color:inherit;text-decoration:none}a:hover{color:var(--color-beige)}main{flex:1}.top-bar{width:100%;font-family:Inter,sans-serif;font-size:.9rem;color:#000;box-shadow:0 1px #0000001a;z-index:1001}.top-bar-container{max-width:100%;margin:0 auto;padding:.7rem 0;display:flex;justify-content:flex-start;align-items:center}.top-bar-left{display:flex;align-items:center;gap:1.8rem;flex-wrap:wrap}.top-btn{display:flex;align-items:center;gap:.4rem;color:#000;text-decoration:none;font-weight:400;transition:all .25s ease}.top-btn:hover{text-decoration:underline;color:#000}.top-bar-hours{display:flex;align-items:center;gap:.4rem;color:#000}.status{font-weight:400;text-transform:uppercase;font-size:.85rem;margin-left:.5rem}.status.open{color:#2e7d32}.status.closed{color:#b71c1c}@media(max-width:768px){.top-bar-container{justify-content:center}.top-bar-left{justify-content:center;gap:1rem}.top-bar-hours{display:none}.top-btn{font-size:.9rem}.top-btn svg{width:18px;height:18px}}.nav{position:absolute;left:0;width:100%;padding:0 1.5rem;background:#fff;z-index:1000;height:100px;display:flex;align-items:center}.nav.fixed{position:fixed;top:0;padding:0 1.5rem;width:100%;background:#fff;box-shadow:0 1px 3px #0000001a}.nav-container{width:100%;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-between}.nav-appointment{font-family:Inter,sans-serif;font-weight:400;color:#fff;background-color:#c6a77b;padding:.8rem 1.2rem;border-radius:15px;cursor:pointer;transition:background-color .3s ease;border:1px solid transparent}.nav-appointment:hover{background-color:#fff;color:#c6a77b;border:1px solid #c6a77b;transition:5ms}.phone-icon{position:relative;left:1px;top:1px}.nav-logo{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:400;color:#222}.nav-logo a{text-decoration:none;color:inherit;display:flex;align-items:center}.nav-links{list-style:none;display:flex;gap:2rem;margin:0;padding:0;transition:all .3s ease;flex:0 0 auto}.nav-links a{text-decoration:none;color:#222;font-weight:400;font-family:Inter,sans-serif;transition:color .2s ease}.nav-links a:hover{color:#c6a77b}.nav-appointment .arrow{font-size:.9rem;margin:5px}.burger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:24px;cursor:pointer;z-index:1100}.burger span{display:block;height:3px;width:100%;background:#222;border-radius:2px;transition:all .3s ease;transform-origin:center}.burger.open{transform:translate(7px)}.burger.open span:nth-child(1){transform:rotate(45deg) translateY(14.5px);width:141%}.burger.open span:nth-child(2){display:none}.burger.open span:nth-child(3){transform:rotate(-45deg) translateY(-15.5px);width:141%}@media(max-width:768px){.nav-logo{font-size:1.1rem}.burger{display:flex}.nav-links{position:absolute;top:100%;left:0;width:100%;background:#fff;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem 0;border-top:1px solid #eee;transform:translateY(-100%);opacity:0;pointer-events:none;transition:all .35s ease}.nav-links li:last-child{display:none}.nav-links.active{transform:translateY(0);opacity:1;pointer-events:all}}.header{width:100%;color:#fff;position:relative;overflow:hidden;margin-top:100px}.hero{position:relative;height:90vh;border-radius:15px;overflow:hidden;z-index:0}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/ladyjustice-BqgkG-3E.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:inherit;transform:scaleX(-1);z-index:-1}.hero:after{border-radius:inherit}.hero:after{content:"";position:absolute;inset:0;background:#00000073;border-radius:15px}.hero-overlay{height:100%;display:flex;align-items:center;justify-content:flex-start;text-align:left;position:relative;z-index:2;padding-left:5%;border-radius:15px}.hero-content{max-width:500px}.hero-subtitle{font-family:Inter,sans-serif;font-size:.8rem;color:#f3f3f3;letter-spacing:2px;margin-bottom:.5rem;text-transform:uppercase}.hero-title{font-family:Playfair Display,serif;font-size:3.5rem;color:#fff;margin-bottom:1.5rem;line-height:1.2}.hero-button{display:inline-flex;align-items:center;gap:.4rem;background-color:#c6a77b;color:#fff;font-family:Inter,sans-serif;font-weight:400;padding:.8rem 1.5rem;border-radius:6px;text-decoration:none;border:1px solid transparent;transition:all .3s ease}.hero-button:hover{background-color:#fff;color:#c6a77b;border-color:#c6a77b}.hero-button .arrow-icon{width:1.1rem;height:1.1rem;stroke-width:2.3;transition:transform .3s ease}@media(max-width:768px){.hero{height:80vh}.hero-overlay{justify-content:center;padding-left:0;text-align:center}.hero-title{font-size:2.4rem}.hero-subtitle{font-size:1rem}.hero-button{padding:.7rem 1.2rem;font-size:.95rem}}.about{background-color:#fff;padding:4rem 1rem;display:flex;justify-content:center}.about-container{max-width:900px;color:#222;line-height:1.8;width:100%}.about-title{font-family:Playfair Display,serif;font-size:2.2rem;margin-bottom:2rem;text-align:center;color:#222;position:relative}.about-title .accent{color:#c6a77b;font-size:2.3rem;margin-left:.3rem}.about p{margin-bottom:1.2rem;font-size:1.05rem;font-family:Inter,sans-serif;text-align:left;-webkit-hyphens:auto;hyphens:auto}.about-credo{font-style:italic;background-color:#f5efe4;padding:1.2rem 1.5rem;border-left:4px solid #c6a77b;margin:2rem 0;border-radius:8px;color:#444;text-align:center}.about-invite{margin-top:2rem;font-weight:600;text-align:center}.about-notaries{margin-top:1rem;font-style:italic;text-align:center;color:#444}@media(min-width:768px){.about{padding:6rem 2rem}.about p{text-align:justify}}@media(max-width:768px){.about-title{font-size:1.8rem}.about p{font-size:1rem}.about-credo{padding:1rem;font-size:.95rem}}.services{position:relative;background-size:cover;background-repeat:no-repeat;min-height:50vh;color:#fff;display:flex;align-items:center;justify-content:center;padding:4rem 1.5rem;background-position:center right;border-radius:15px}.services .overlay{position:absolute;inset:0;background:#0f0f0fcc;border-radius:15px}.services-container{position:relative;z-index:2;max-width:850px;padding:2rem;border-radius:15px}.services-title{font-family:Playfair Display,serif;font-size:2.2rem;text-align:center;color:#fff;margin-bottom:1rem}.services-title .accent{color:#c6a77b;font-size:2.4rem;margin-right:.3rem}.services-intro{text-align:center;font-size:1rem;margin-bottom:1.5rem;color:#f3f3f3}.services-list-wrapper{padding:1.5rem 1rem}.services-list{list-style:none;margin:0;padding:0;line-height:1.7}.services-list li{position:relative;padding-left:1.2rem;margin-bottom:.6rem;color:#fff;font-size:.95rem}.services-list li:before{content:"•";position:absolute;left:0;color:#c6a77b;font-size:1rem}.services-extra{text-align:center;margin-top:1.5rem;font-size:1rem;color:#f8f8f8}@media(max-width:768px){.services{min-height:70vh;padding:3rem 1.5rem}.services-title{font-size:1.8rem}.services-list li{font-size:.9rem}}.fees{background-color:#fff;padding:6rem 2rem;display:flex;justify-content:center}.fees-container{max-width:900px;color:#222;line-height:1.8;font-family:Inter,sans-serif}.fees-title{font-family:Playfair Display,serif;font-size:2.2rem;text-align:center;color:#222;margin-bottom:3rem}.fees-title .accent{color:#c6a77b;font-size:2.3rem;margin-right:.3rem}.fees-section{margin-bottom:3rem;background-color:#f9f8f6;padding:2rem;border-left:4px solid #c6a77b;border-radius:10px}.fees-section h3{font-family:Playfair Display,serif;font-size:1.5rem;color:#222;margin-bottom:1rem}.fees-section p{margin-bottom:1rem;font-size:1.05rem;color:#444}.fees-section .source{font-size:.95rem;color:#777;font-style:italic;margin-bottom:1.5rem}.fees-link{text-decoration:underline}@media(max-width:768px){.fees{padding:6rem .5rem}.fees-section{padding:1.5rem}.fees-title{font-size:1.8rem}.fees-section h3{font-size:1.3rem}}.scroll-to-top{position:fixed;bottom:30px;right:30px;background-color:#c6a77b;color:#fff;border:none;border-radius:15%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(20px);transition:all .3s ease;box-shadow:0 3px 6px #0003;z-index:1000}.scroll-to-top:hover{background-color:#b49568}.scroll-to-top.show{opacity:1;transform:translateY(0)}.gallery{background-color:#f9f8f6;padding:6rem 2rem;display:flex;justify-content:center;margin:0 -1.5rem}.gallery-container{max-width:1100px;width:100%}.gallery-title{font-family:Playfair Display,serif;font-size:2.2rem;text-align:center;color:#222;margin-bottom:3rem}.gallery-title .accent{color:#c6a77b;font-size:2.3rem;margin-right:.3rem}.gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:180px;gap:10px}.gallery-item{position:relative;overflow:hidden;border-radius:12px}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease}.gallery-item:hover img{transform:scale(1.05);filter:brightness(.9)}.item-1{grid-column:span 2;grid-row:span 2}.item-2,.item-3{grid-column:span 2}.item-4{grid-column:span 4;grid-row:span 2}.item-5{grid-column:span 2;grid-row:span 2}.item-6{grid-column:span 2;grid-row:span 3}.item-7,.item-8{grid-column:span 2;grid-row:span 2}.item-9{grid-column:span 2}@media(max-width:768px){.gallery-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding:0 1rem 1rem;-webkit-overflow-scrolling:touch}.gallery-item{flex:0 0 80%;max-width:80%;scroll-snap-align:center;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #00000026;transition:transform .3s ease}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item:active{transform:scale(.98)}.gallery-grid::-webkit-scrollbar{display:none}}.contact{background-color:#fff;padding-top:5rem;display:flex;flex-direction:column;align-items:center}.contact-container{width:100%;padding:0;text-align:center}.contact-title{font-family:Playfair Display,serif;font-size:2.2rem;color:#222;margin-bottom:2.5rem}.contact-title .accent{color:#c6a77b;font-size:2.3rem;margin-right:.3rem}.contact-info{display:flex;justify-content:space-around;flex-wrap:wrap;text-align:left;gap:3rem;margin-bottom:4rem}.contact-info h3{font-family:Playfair Display,serif;color:#c6a77b;font-size:1.2rem;margin-bottom:.5rem}.contact-info p{line-height:1.6;color:#333;font-size:1rem;margin-bottom:1.2rem}.contact-info a{color:#b58f5a;text-decoration:none;transition:color .3s ease}.contact-info a:hover{color:#8a6b3e}.contact-map{width:100%;height:500px;margin-top:2rem;position:relative;border-radius:15px}.contact-map iframe{width:100%;height:100%;border:none;border-radius:15px}@media(max-width:768px){.contact-info{flex-direction:column;align-items:center;text-align:center}.contact-map{height:500px}}.footer{position:relative;width:100%;height:80px;display:flex}.footer-overlay{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.footer-copy{position:relative;z-index:2;font-family:Playfair Display,serif;font-size:.9rem;text-align:center;padding:1rem 0;line-height:1.4;color:#000;opacity:.8}@media(max-width:768px){.footer{height:50px}.footer-copy{font-size:.85rem}}