:root{--bg-color:#f7f6f1;--text-dark:#3a2f26;--text-light:#5a4b3d;--accent-color:#c9b48e;--btn-bg:#4c3214;--btn-hover:#3a250e;--font-heading:"Playfair Display", serif;--font-body:"Lora", serif;--header-height:120px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-dark);line-height:1.6;overflow-x:hidden}.header{height:var(--header-height);z-index:100;background-color:var(--bg-color);justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:relative}.logo-container{flex:none}.logo{mix-blend-mode:multiply;height:60px}.nav-menu{flex:1;justify-content:space-between;align-items:center;padding-left:60px;display:flex}.nav-links{gap:40px;list-style:none;display:flex}.nav-links a{color:var(--text-dark);font-size:.95rem;text-decoration:none;transition:opacity .3s}.nav-links a:hover{opacity:.7}.nav-action{margin-left:auto}.btn{cursor:pointer;border:none;justify-content:center;align-items:center;padding:12px 24px;font-size:.95rem;text-decoration:none;transition:all .3s;display:inline-flex}.btn-outline{border:1px solid var(--text-light);color:var(--text-dark);background:0 0}.btn-outline:hover{background-color:var(--text-light);color:var(--bg-color)}.btn-primary{background-color:var(--btn-bg);color:var(--bg-color);border:1px solid var(--btn-bg);padding:16px 32px;font-size:1.05rem}.btn-primary:hover{background-color:var(--btn-hover)}.plus-icon{margin-left:12px;font-weight:300}.arrow-icon{margin-left:16px;transition:transform .3s}.btn-primary:hover .arrow-icon{transform:translate(5px)}.mobile-menu-btn{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;display:none}.mobile-menu-btn .bar{background-color:var(--text-dark);width:100%;height:2px;transition:all .3s}.hero{min-height:calc(100vh - var(--header-height));align-items:center;display:flex;position:relative}.hero-bg-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-image{background-position:50% 95%;background-repeat:no-repeat;background-size:cover;width:65%;height:100%;position:absolute;top:0;right:0}.hero-gradient{background:linear-gradient(to right, var(--bg-color) 45%, #f7f6f1cc 55%, transparent 75%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;width:50%;padding:60px 80px;position:relative}.subtitle-wrapper{color:var(--accent-color);align-items:center;gap:12px;margin-bottom:24px;display:flex}.subtitle{letter-spacing:2px;text-transform:uppercase;font-family:sans-serif;font-size:.75rem;font-weight:500}.main-title{font-family:var(--font-heading);color:var(--btn-bg);margin-bottom:30px;font-size:4.5rem;font-weight:400;line-height:1.1}.divider{color:var(--accent-color);align-items:center;margin:40px 0;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--accent-color);opacity:.5;flex:1;max-width:120px}.flower-icon{color:var(--accent-color);margin:0 16px}.description{color:var(--text-light);margin-bottom:40px;font-size:1.1rem;line-height:1.7}@media (width<=1024px){.hero-content{width:60%;padding:40px}.main-title{font-size:3.5rem}.hero-gradient{background:linear-gradient(to right, var(--bg-color) 50%, #f7f6f1d9 65%, transparent 85%)}}@media (width<=768px){.header{justify-content:center;padding:0 20px}.logo-container{margin:0 auto}.logo{height:45px}.mobile-menu-btn{display:flex;position:absolute;right:20px}.nav-menu{background-color:var(--bg-color);z-index:100;flex-direction:column;width:80%;max-width:300px;height:100vh;padding:100px 40px 40px;transition:right .4s;position:fixed;top:0;right:-100%;box-shadow:-5px 0 15px #0000000d}.nav-menu.active{right:0}.nav-links{flex-direction:column;gap:30px;margin-bottom:40px}.nav-action{width:100%;margin:0}.nav-action .btn{width:100%}.mobile-menu-btn.active .bar:first-child{transform:translateY(9px)rotate(45deg)}.mobile-menu-btn.active .bar:nth-child(2){opacity:0}.mobile-menu-btn.active .bar:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.hero{flex-direction:column;align-items:stretch}.hero-bg-container{width:100%;height:60vh;position:relative}.hero-image{background-position:60%;width:100%}.hero-gradient{background:linear-gradient(to bottom, transparent 60%, var(--bg-color) 100%)}.hero-content{text-align:center;flex-direction:column;align-items:center;width:100%;margin-top:-80px;padding:40px 20px;display:flex}.main-title{font-size:2.5rem}.main-title br{display:none}.divider:before,.divider:after{max-width:60px}.description{font-size:1rem}.description br{display:none}.btn-primary{width:100%}}
