@charset "UTF-8";h1,h2,h3,h4,h5{font-family:Playfair Display,Georgia,serif;color:#5c3d1e;line-height:1.2;margin:0 0 1rem}h1{font-size:3.5rem;font-weight:700}h2{font-size:2.75rem;font-weight:600}h3{font-size:2rem;font-weight:600}h4{font-size:1.5rem;font-weight:600}p{font-family:Poppins,sans-serif;font-size:1rem;line-height:1.7;color:#5c3d1e;margin:0 0 1rem}a{color:#2d6a4f;text-decoration:none;transition:color .2s ease}a:hover{color:#f4b942}.section-label{font-family:Poppins,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#f4b942;display:block;margin-bottom:.5rem}.text-center{text-align:center}.text-white{color:#fff!important}.text-gold{color:#f4b942!important}.text-green{color:#2d6a4f!important}.reveal{opacity:0;transform:translateY(32px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal.delay-1{transition-delay:.1s}.reveal.delay-2{transition-delay:.2s}.reveal.delay-3{transition-delay:.3s}.reveal.delay-4{transition-delay:.4s}@keyframes float{0%,to{transform:rotate(180deg) translateY(0)}50%{transform:rotate(180deg) translateY(-14px)}}.pineapple-float{animation:float 4s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.btn-shimmer{background-size:200% auto;animation:shimmer 2.5s linear infinite}@keyframes flipPineapple{0%{transform:rotate(180deg)}to{transform:rotate(0)}}@keyframes unflipPineapple{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageFadeIn .4s ease forwards}@keyframes badgePulse{0%,to{box-shadow:0 0 #e8876a80}50%{box-shadow:0 0 0 6px #e8876a00}}.badge-pulse{animation:badgePulse 2s ease-in-out infinite}@keyframes tooltipIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Poppins,sans-serif;background-color:#fff8e7;color:#5c3d1e;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block;object-fit:cover}.container{max-width:1280px;margin:0 auto;padding:0 2rem}@media(max-width:768px){.container{padding:0 1rem}}.section{padding:5rem 0}@media(max-width:768px){.section{padding:3rem 0}}.section--cream{background-color:#fff8e7}.section--white{background-color:#fff}.section--green{background-color:#2d6a4f}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;border:none;border-radius:9999px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .35s ease;text-decoration:none;letter-spacing:.02em}.btn--primary{background:linear-gradient(135deg,#f4b942,#e8a232,#f4b942);color:#5c3d1e;background-size:200% auto}.btn--primary:hover{background-position:right center;box-shadow:0 6px 24px #f4b94280;transform:translateY(-2px);animation:shimmer 1.5s linear infinite}.btn--outline{background:transparent;border:2px solid #F4B942;color:#f4b942}.btn--outline:hover{background:#f4b942;color:#5c3d1e;transform:translateY(-2px)}.btn--ghost{background:#ffffff26;border:2px solid #FFFFFF;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn--ghost:hover{background:#fff;color:#2d6a4f}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.badge--lifestyle{background:#e8876a;color:#fff}.badge--gold{background:#f4b942;color:#5c3d1e}.pineapple-pattern{position:relative}.pineapple-pattern:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 100 100'%3E%3Ctext y='60' x='10' font-size='55' transform='rotate(180,50,50)' opacity='0.06'%3E\1f34d%3C/text%3E%3C/svg%3E");background-size:80px 80px;pointer-events:none;z-index:0}.pineapple-pattern>*{position:relative;z-index:1}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media(max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-3{grid-template-columns:1fr}}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media(max-width:768px){.grid-2{grid-template-columns:1fr}}
