:root{--lighter:#f5f5f5;--light:#eee;--light-bg:#eeedeb;--light-bg-hover:#dcd9d6;--accent:#e2ccbe;--dark-bg:#747264;--dark-bg-hover:#5a4f4b;--dark:#222;--radius:5px;--shadow:0 0 10px rgba(0,0,0,0.3);} html{scroll-behavior:smooth;} body{margin:0;padding:0;font-family:"Work Sans",sans-serif;font-optical-sizing:auto;font-weight:normal;font-style:normal;background:linear-gradient(to bottom,var(--light) 0%,var(--lighter) 60%);color:var(--dark);line-height:1.4;font-size:18px;} .tiptop{position:absolute;top:0;text-align:center;background-color:#960000;color:#fff;width:100%;height:40px;font-weight:bold;display:flex;justify-content:center;align-items:center;display:none;text-decoration:none;} .tiptop a{color:#333;} nav a,h1,h2 ,h3,h4,h5,h6{font-family:"Libre Baskerville",serif;} header{display:grid;grid-template-columns:350px 1fr;position:relative;z-index:999;padding:10px 50px;align-items:center;background-color:var(--dark-bg);} header a{z-index:999;position:relative;} header ul{list-style:none;padding:0;margin:0;text-align:right;} header ul li{padding:10px;display:inline-block;} header ul li:last-of-type{display:block;} header ul li a{text-decoration:none;color:#fff;transition:color 0.5s ease;} header ul li a:hover{color:var(--dark-bg-hover);} header ul li:last-of-type a{background-color:var(--light-bg);padding:5px;color:var(--dark-bg);border-radius:var(--radius);transition:background-color 0.5s ease;} header ul li:last-of-type a:hover{background-color:var(--dark-bg-hover);color:var(--light);} .hero{width:100%;height:auto;position:relative;z-index:0;} .hero:before{content:'';width:100%;height:100%;background-color:rgba(0,0,0,0.3);position:absolute;inset:0;z-index:7;} .hero{height:auto;max-height:unset;overflow:hidden;text-align:center;} .hero-content{display:flex;flex-direction:column;align-items:top;justify-content:center;height:60vh;text-align:center;z-index:999;} .mar-top{margin-top:50px;} @keyframes fadeInUp{0%{opacity:0;transform:translateY(20px);} 100%{opacity:1;transform:translateY(0);}} .fade-in{opacity:0;animation:fadeInUp 1s forwards;} .delay-1{animation-delay:0.3s;} .delay-2{animation-delay:0.6s;} @media (max-width:600px){.flex-column{padding:2rem;} .hero h1{font-size:1.8rem;} .hero p{font-size:1rem;}} .hero .slide{animation:continuousZoom 30s ease-out infinite;} .hero .slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:1;transition:opacity 3s;object-fit:cover;object-position:center;} header a img{position:relative;inset:unset;z-index:999;transition:none;width:100%;height:100%;} .hero .showing{opacity:1;z-index:2;} .hero h1{font-weight:normal;font-size:4em;line-height:1.8em;z-index:999;position:relative;color:var(--light);text-shadow:var(--shadow);max-width:80%;margin:0 auto;} .hero p{z-index:999;position:relative;} .btn{text-decoration:none;background-color:var(--dark-bg);color:var(--light-bg);border:1px solid var(--dark-bg-hover);border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.1);padding:12px 24px;display:inline-block;transition:background-color 0.3s ease;text-shadow:none;} .btn svg{height:36px;width:36px;margin-right:5px;stroke-width:1;vertical-align:middle;} .btn:hover svg{fill:var(--light);stroke:var(--dark-bg);} .btn:hover{background-color:var(--dark-bg-hover);color:var(--light);box-shadow:0 4px 12px rgba(0,0,0,0.15);} main{background-color:var(--light-bg);} main a{color:var(--dark-bg);} .wrap{max-width:1200px;margin:0 auto;display:block;padding:20px 0;} .wrap.about{padding:20px 0 100px 0;} section{padding:20px;} .grid{display:grid;;} .grid.half{grid-template-columns:1fr 1fr;} .grid.third{grid-template-columns:1fr 1fr 1fr;} .grid.fourth{grid-template-columns:1fr 1fr 1fr 1fr;} img{max-width:100%;height:auto;} .mid{align-items:center;} .about .grid img{display:block;margin:0 auto;} .smash .grid,.gallery,.gapPad{gap:20px;} .imgRight{float:right;margin-left:20px;max-width:50%;} .intro{align-items:center;gap:20px;padding:40px 0;} .intro h2{margin:0;} .intro img{margin:0 auto;display:block;} .pricing h2,.pricing p{margin:0;text-align:center;} .pricing h2{margin-top:10px;} .pricing.grid{gap:20px;} .gallery img{display:block;width:100%;height:250px;object-fit:cover;} .pricing.grid a{background-color:var(--lighter);border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none;padding-bottom:20px;} .pricing img{border-radius:var(--radius) var(--radius) 0 0;} .pricing-intro{gap:20px;align-items:center;margin-bottom:50px;} .packages{background-color:var(--light-bg);gap:50px;margin:50px 0;} .packages div{background-color:var(--lighter);border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none;padding:40px;display:block;} .packages h2{margin:0 0 10px 0;text-align:center;} .packages h2 b{font-weight:normal;color:var(--dark-bg);display:block;} .packages p{text-align:center;margin-top:0;} .packages ul{list-style:none;padding-left:1.2em;margin:0;border-top:1px solid var(--dark-bg);padding-top:20px;} .packages ul li em{font-size:0.8em;;} .packages ul li{position:relative;margin-bottom:0.5em;} .packages ul li::before{content:"✓";position:absolute;left:-1.2em;color:var(--dark-bg);font-weight:bold;} .blogs .posts h2 a{text-decoration:none;} main img{border-radius:var(--radius);} .imgCenter{display:block;margin:0 auto;max-width:100%;} .reviewLinks img{max-width:200px;display:block;margin:0 auto;} .reviewSamples{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:20px;margin-top:50px;} .reviewSamples .review{background-color:var(--lighter);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;text-align:center;} .info .post h2 + p{display:none;} .info{background-image:linear-gradient(to bottom,var(--light-bg) 0%,var(--lighter) 30%);} .info .blogs .posts{display:grid;grid-template-columns:1fr 1fr;gap:20px;} .info h2{text-align:center;} footer{background-color:var(--dark-bg);color:var(--light);} footer a{color:var(--light);text-decoration:none;} footer a svg{height:36px;width:36px;stroke-width:1.5;} footer .grid{align-items:center;} footer ul{list-style:none;padding:0;margin:0;text-align:center;} footer p{text-align:right;} .reviews{background-image:url('/images/reviews.jpg');background-position:right;background-size:cover;padding:30px 0 50px 0;} .reviews div.review{max-width:45%;background:rgba(0,0,0,0.5);border-radius:var(--radius);padding:20px 40px;text-shadow:rgba(0,0,0,0.5) 0 0 5px;color:var(--light);margin:1em 0;} .reviews p{margin:0;} .reviews h2{margin:0;color:var(--dark-bg-hover);} .reviews svg{color:#faeaa2;stroke-width:0;fill:#faeaa2;} .featured{padding:100px 0;} .portfolio .featured{padding:0;} .featured h3{margin:0;font-size:1.6em;} .featured .grid{gap:50px;text-align:center;} .featured .btn{display:inline-block;margin:0 0 20px 0;} form{padding:20px;} form input,form textarea{border:1px solid var(--dark-bg);border-radius:var(--radius);padding:10px;font-size:1em;width:100%;box-sizing:border-box;font-family:"Work Sans",sans-serif;} form input[type="submit"]{background-color:var(--dark-bg);color:var(--light);cursor:pointer;transition:background-color 0.3s ease;} form input[type="submit"]:hover{background-color:var(--dark-bg-hover);} form textarea{resize:vertical;height:150px;} .contact a{text-decoration:none;color:var(--dark-bg);vertical-align:middle;display:inline-block} .contact iframe{border:0;width:90%;height:400px;border-radius:var(--radius);margin:20px 0 0 0;} .contact .grid{margin-bottom:100px;} @keyframes continuousZoom{0%{transform:scale(1);} 50%{transform:scale(1.2);} 100%{transform:scale(1);}} @media screen and (max-width:768px){body{text-align:center;font-size:1rem;} header{grid-template-columns:1fr;} header ul{text-align:left;display:grid;grid-template-columns:1fr 1fr;} header ul li{padding:0;text-align:center;} header ul li a{display:block;padding:5px;} header ul li:last-of-type a{background-color:var(--light-bg);padding:5px;color:var(--dark-bg);border-radius:var(--radius);} .hero h1{font-size:2.2em;padding:0;margin:0 auto 20px auto;line-height:1.2em;text-align:center;} .grid.fourth,.grid.third,.grid.half,.info .blogs .posts{grid-template-columns:1fr;gap:20px;} .imgRight,.imgLeft{float:none;margin:10px auto;max-width:100%;} .wrap{padding:20px;} .reviews div.review{max-width:85%;padding:20px;margin:1em auto;} footer ul li a{padding:5px;display:block;} footer p,footer .wrap ul{text-align:center;} .wrap ul{text-align:left;} .packages div{padding:10px;}}