:root{--ink:#39443d;--green:#6f806e;--sage:#dce3d8;--cream:#f8f5ee;--pink:#e9cbc7;--blush:#f3e4df;--white:#fffdf8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}em{font-weight:400;color:#a97773}.header{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(248,245,238,.94);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(57,68,61,.1);backdrop-filter:blur(12px)}.logo{display:flex;align-items:center;gap:10px;font-family:Prata,serif;font-size:22px;line-height:1}.logo svg{width:31px;fill:none;stroke:var(--green);stroke-width:1.2}.logo small{font-family:Manrope,sans-serif;text-transform:uppercase;letter-spacing:.13em;font-size:7px;display:block;margin-top:6px}.header nav{display:flex;gap:36px;font-size:13px}.header nav a,.header-phone{transition:.2s}.header nav a:hover,.header-phone:hover{color:#a97773}.header-phone{font-size:13px;font-weight:600}.menu-btn{display:none;border:0;background:none;padding:8px}.menu-btn span{display:block;width:24px;height:1px;background:var(--ink);margin:6px}
.hero{height:calc(100vh - 88px);min-height:650px;position:relative;display:grid;grid-template-columns:44% 56%;overflow:hidden}.hero-content{padding:10vh 4vw 4vh 8vw;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:600;color:var(--green);margin:0 0 24px}.hero h1,.section h2,.cta h2{font:400 clamp(48px,5.2vw,82px)/1.08 Prata,serif;letter-spacing:-.03em;margin:0}.hero-copy{max-width:450px;line-height:1.8;margin:30px 0;color:#687168}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--green);color:white;padding:17px 22px;min-width:210px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;transition:.25s}.button:hover{background:#5d705d;transform:translateY(-2px)}.button span{font-size:18px}.text-link{font-size:12px;border-bottom:1px solid #a7ada5;padding:10px 0}.text-link span{padding-left:16px}.hero-image{background:url('assets/flor-arom-hero.webp') center center/cover no-repeat}.hero-note{position:absolute;right:4vw;bottom:30px;background:rgba(255,253,248,.88);padding:18px 24px;font:16px/1.55 Prata,serif;backdrop-filter:blur(6px)}.hero-note span{font:600 8px Manrope,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:#879186}.hero-note b{color:#c89591}
.features{background:var(--white);padding:27px 8vw;display:grid;grid-template-columns:repeat(3,1fr);gap:3vw;border-bottom:1px solid #e7e2d9}.features>div{display:flex;align-items:center;gap:18px;border-right:1px solid #e0ddd5}.features>div:last-child{border:0}.features i{font:italic 25px Prata,serif;color:#c4a09d}.features p{margin:0}.features strong,.features span{display:block}.features strong{font:500 13px Prata,serif;margin-bottom:5px}.features span{font-size:10px;color:#8b918b}
.section{padding:120px 8vw}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.section-heading h2,.about h2{font-size:clamp(38px,4vw,62px)}.section-heading>p{max-width:350px;line-height:1.7;color:#7b817b;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{background:var(--white);padding:12px 12px 22px}.card-art{height:390px;position:relative;background-image:url('assets/flor-arom-hero.webp');background-size:cover;overflow:hidden}.art-1{background-position:68% 55%}.art-2{background-position:40% 45%;filter:saturate(.7) hue-rotate(8deg)}.art-3{background-position:88% 48%;filter:sepia(.08) saturate(.8)}.card-art span{position:absolute;top:16px;left:16px;background:rgba(255,253,248,.9);padding:8px 12px;text-transform:uppercase;letter-spacing:.16em;font-size:8px}.card>div:last-child{padding:18px 8px 0;position:relative}.card h3{font:20px Prata,serif;margin:0 0 7px}.card p{font-size:11px;color:#838983;margin:0}.card strong{position:absolute;right:8px;top:21px;font-size:12px;font-weight:600}
.about{background:var(--sage);display:grid;grid-template-columns:40% 60%;align-items:center;min-height:680px}.about-mark{font:300 320px/1 Prata,serif;text-align:center;color:rgba(255,253,248,.65);position:relative}.about-mark span{font:70px Prata,serif;position:absolute;left:53%;top:44%;color:#af817d}.about-copy{max-width:650px}.about-copy>p:not(.eyebrow){max-width:540px;line-height:1.9;color:#667066}.about-copy h2{margin:0 0 35px;font-family:Prata,serif}.signature{margin-top:32px;font:italic 18px Prata,serif;color:#9b716d}
.cta{min-height:520px;background:#8e9b89;color:white;padding:100px 12vw;position:relative;overflow:hidden;display:flex;align-items:center}.cta h2{font-size:clamp(42px,5vw,70px)}.cta em{color:#f1d7d3}.cta>div:first-child{position:relative;z-index:2}.cta p:not(.eyebrow){max-width:470px;line-height:1.8;color:#eef0eb;margin:25px 0 32px}.cta .eyebrow{color:#e7ddd4}.button.light{background:var(--white);color:var(--ink)}.cta-flower{position:absolute;right:5vw;top:-170px;font:620px/1 serif;color:rgba(255,255,255,.08);transform:rotate(12deg)}
footer{background:#313b35;color:#e8e9e5;padding:60px 8vw 35px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;align-items:start}.footer-logo{font-size:27px}.footer-logo small{color:#aab1aa}.footer-logo+p{font-size:11px;line-height:1.8;color:#b9beba;margin:0}footer>div{display:flex;flex-direction:column;gap:9px;font-size:12px}footer>small{grid-column:1/-1;border-top:1px solid #505953;padding-top:20px;color:#818a84;font-size:9px}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.header{height:72px;padding:0 20px}.header nav,.header-phone{display:none}.menu-btn{display:block}.header.menu-open nav{display:flex;position:absolute;top:72px;left:0;right:0;background:var(--cream);padding:25px;flex-direction:column;text-align:center;border-bottom:1px solid #ddd}.hero{height:auto;min-height:0;display:flex;flex-direction:column}.hero-content{padding:65px 24px 40px}.hero h1{font-size:49px}.hero-copy{font-size:13px}.hero-image{height:430px;background-position:60% center}.hero-note{display:none}.features{grid-template-columns:1fr;padding:12px 24px}.features>div{border-right:0;border-bottom:1px solid #e0ddd5;padding:15px 0}.features>div:last-child{border:0}.section{padding:80px 24px}.section-heading{display:block}.section-heading>p{margin-top:24px}.cards{grid-template-columns:1fr}.card-art{height:410px}.about{grid-template-columns:1fr}.about-mark{display:none}.about-copy{max-width:none}.cta{min-height:500px;padding:75px 24px}.cta-flower{right:-150px;font-size:450px}footer{grid-template-columns:1fr;padding:50px 24px 30px}.hero-actions{gap:18px}.button{min-width:190px;gap:18px}}