PageSourceSearch

https://nantipa.com/about-us

html nantipa.com collected 2026-09-29 08:23:01 UTC 202,390 bytes, 1,110 lines download raw bytes

1<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><!-- Google Tag Manager -->
1<script>
vendor: 343 bytes, lines 1-5
1(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
2    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
3    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
4    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
5    })(window,document,'script','dataLayer','
5GTM-5TDJ8CS7
vendor: 3 bytes, line 5
5');
5</script>
5<!-- End Google Tag Manager --><title>About Hotel Nantipa — Story &amp; Sustainability | Nantipa</title><meta name="description" content="The story behind Nantipa, a sustainable boutique hotel in Santa Teresa, Costa Rica. Eco-friendly practices, Blue Zone lifestyle, and responsible tourism."><meta name="keywords" content="sustainable hotel, eco friendly resort, green travel Costa Rica, Nantipa sustainability, responsible tourism, blue zone wellness, longevity Costa Rica, healthy living tips, Nicoya Blue Zone, Nantipa lifestyle"><link rel="canonical" href="https://nantipa.com/about-us/"><meta name="robots" content="index, follow"><!-- hreflang: tells search engines which language version to serve which visitor --><link rel="alternate" hreflang="en" href="https://nantipa.com/about-us/"><link rel="alternate" hreflang="es" href="https://nantipa.com/es/about-us/"><link rel="alternate" hreflang="pt" href="https://nantipa.com/pt/about-us/"><link rel="alternate" hreflang="x-default" href="https://nantipa.com/about-us/"><!-- JSON-LD: Hotel entity (always rendered, anchors the brand) -->
5<script type="application/ld+json">{"@context":"https://schema.org","@type":"Hotel","@id":"https://nantipa.com/#hotel","name":"Hotel Nantipa","alternateName":"Nantipa — A Tico Beach Experience","url":"https://nantipa.com/","logo":"https://nantipa.com/_astro/nantipa-header-logo.4hM0wDSm.svg","image":["https://nantipa.com/og-default.jpg","https://nantipa.com/images/schema/hotel-16x9.jpg","https://nantipa.com/images/schema/hotel-4x3.jpg","https://nantipa.com/images/schema/hotel-1x1.jpg"],"description":"Hotel Nantipa is a luxury beachfront boutique hotel in Santa Teresa, Costa Rica, on the Nicoya Peninsula's Blue Zone — offering bungalows, suites and villas, sea-to-table dining at Manzú Restaurant, and the Numu Wellness Center.","telephone":"+506 2101-0222","email":"[email protected]","priceRange":"$$$$","address":{"@type":"PostalAddress","streetAddress":"Main Street, Santa Teresa Beach","addressLocality":"Santa Teresa","addressRegion":"Puntarenas","postalCode":"60111","addressCountry":"CR"},"currenciesAccepted":"USD, CRC","paymentAccepted":"Cash, Visa, Mastercard, American Express","geo":{"@type":"GeoCoordinates","latitude":9.635295,"longitude":-85.163605},"hasMap":"https://www.google.com/maps/place/Hotel+Nantipa,+an+SLH+Hotel/@9.635295,-85.163605,17z","sameAs":["https://slh.com/hotels/hotel-nantipa","https://www.facebook.com/nantipa.resort","https://www.instagram.com/nantipacr","https://www.tripadvisor.com/Hotel_Review-g635538-d15237487-Reviews-Hotel_Nantipa_A_Tico_Beach_Experience-Santa_Teresa_Province_of_Puntarenas.html"],"amenityFeature":[{"@type":"LocationFeatureSpecification","name":"Beachfront","value":true},{"@type":"LocationFeatureSpecification","name":"Restaurant on site (Manzú)","value":true},{"@type":"LocationFeatureSpecification","name":"Spa & Wellness Center (Numu)","value":true},{"@type":"LocationFeatureSpecification","name":"Yoga Shala","value":true},{"@type":"LocationFeatureSpecification","name":"Private plunge pool (per bungalow)","value":true},{"@type":"LocationFeatureSpecification","name":"100% solar-powered property","value":true},{"@type":"LocationFeatureSpecification","name":"Rainwater harvesting & greywater recycling","value":true},{"@type":"LocationFeatureSpecification","name":"Sea turtle conservation program (10% of proceeds donated)","value":true},{"@type":"LocationFeatureSpecification","name":"Pack for a Purpose member","value":true},{"@type":"LocationFeatureSpecification","name":"Adults & families welcome","value":true}],"award":["CST Elite — Costa Rica Certification for Sustainable Tourism, highest level, granted by the Costa Rican Tourism Board","Condé Nast Traveler Readers' Choice Award — Top 20 Resorts in Central America","Tripadvisor Travelers' Choice Award","Ocean Friendly Business — Waterkeeper Alliance"],"memberOf":{"@type":"Organization","name":"Small Luxury Hotels of the World","url":"https://slh.com/hotels/hotel-nantipa"},"starRating":{"@type":"Rating","ratingValue":5},"numberOfRooms":29,"checkInTime":"15:00","checkOutTime":"12:00","foundingDate":"2019"}</script>
5<!-- Open Graph --><meta property="og:type" content="website"><meta property="og:title" content="About Hotel Nantipa — Story &amp; Sustainability | Nantipa"><meta property="og:description" content="The story behind Nantipa, a sustainable boutique hotel in Santa Teresa, Costa Rica. Eco-friendly practices, Blue Zone lifestyle, and responsible tourism."><meta property="og:url" content="https://nantipa.com/about-us/"><meta property="og:site_name" content="Hotel Nantipa"><meta property="og:image" content="https://nantipa.com/og-default.jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:locale" content="en_US"><meta property="og:locale:alternate" content="es_ES"><meta property="og:locale:alternate" content="pt_BR"><!-- Twitter / X --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@nantipacr"><meta name="twitter:title" content="About Hotel Nantipa — Story &amp; Sustainability | Nantipa"><meta name="twitter:description" content="The story behind Nantipa, a sustainable boutique hotel in Santa Teresa, Costa Rica. Eco-friendly practices, Blue Zone lifestyle, and responsible tourism."><meta name="twitter:image" content="https://nantipa.com/og-default.jpg"><!-- Fonts: Inter Variable is self-hosted via JS import (Vite-bundled) --><!-- Favicons --><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="manifest" href="/site.webmanifest"><meta name="theme-color" content="#1A1631"><!-- SECURITY: Prevent clickjacking — this page cannot be embedded in iframes --><meta http-equiv="X-Content-Type-Options" content="nosniff"><!-- SECURITY: Referrer policy — don't leak full URLs to third parties --><meta name="referrer" content="strict-origin-when-cross-origin">
5<script>(function(){const apiKey = undefined;
6const apiHost = undefined;
7
8  !(function (t, e) {
9    var o, n, p, r;
10    e.__SV ||
11      ((window.posthog = e),
12      (e._i = []),
13      (e.init = function (i, s, a) {
14        function g(t, e) {
15          var o = e.split('.');
16          (2 == o.length && ((t = t[o[0]]), (e = o[1])),
17            (t[e] = function () {
18              t.push([e].concat(Array.prototype.slice.call(arguments, 0)));
19            }));
20        }
21        (((p = t.createElement('script')).type = 'text/javascript'),
22          (p.crossOrigin = 'anonymous'),
23          (p.async = !0),
24          (p.src = s.api_host + '/static/array.js'),
25          (r = t.getElementsByTagName('script')[0]).parentNode.insertBefore(p, r));
26        var u = e;
27        for (
28          void 0 !== a ? (u = e[a] = []) : (a = 'posthog'),
29            u.people = u.people || [],
30            u.toString = function (t) {
31              var e = 'posthog';
32              return ('posthog' !== a && (e += '.' + a), t || (e += ' (stub)'), e);
33            },
34            u.people.toString = function () {
35              return u.toString(1) + '.people (stub)';
36            },
37            o =
38              'capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures getActiveMatchingSurveys getSurveys getNextSurveyStep onSessionId'.split(
39                ' '
40              ),
41            n = 0;
42          n < o.length;
43          n++
44        )
45          g(u, o[n]);
46        e._i.push([i, s, a]);
47      }),
48      (e.__SV = 1));
49  })(document, window.posthog || []);
50  // Consent gate: mirror the rules in CookieConsent.astro (storage key, 12-month
51  // expiry, GPC override). PostHog is only initialized once analytics consent
52  // exists — before that no SDK script, storage, or network request is created,
53  // so nothing (not even the visitor's IP) reaches PostHog pre-consent.
54  // CookieConsent.astro calls window.__nantipaInitPostHog() at the moment consent
55  // is granted on a page; the init then captures that page's $pageview itself.
56  var __phConsent = null;
57  try { __phConsent = JSON.parse(localStorage.getItem('cookie_consent')); } catch (e) {}
58  var __phConsented = !navigator.globalPrivacyControl &&
59    !!(__phConsent && __phConsent.analytics && __phConsent.timestamp &&
60       (Date.now() - __phConsent.timestamp) < 365 * 24 * 60 * 60 * 1000);
61  window.__nantipaInitPostHog = function () {
62    if (window.__nantipaPostHogInited) return;
63    window.__nantipaPostHogInited = true;
64    posthog.init(apiKey || '', {
65      api_host: apiHost || 'https://us.i.posthog.com',
66      defaults: '2026-01-30',
67      persistence: 'localStorage+cookie',  // consented at this point; documented in the privacy policy cookie table
68      disable_session_recording: true,  // replay must stay off regardless of dashboard settings
69    });
70  };
71  if (__phConsented) window.__nantipaInitPostHog();
72})();</script>
72<script>
73  window.dataLayer = window.dataLayer || [];
74  function gtag() { dataLayer.push(arguments); }
75  gtag('js', new Date());
76
77  // Consent Mode v2 defaults: everything denied until the visitor opts in.
78  gtag('consent', 'default', {
79    analytics_storage: 'denied',
80    ad_storage: 'denied',
81    ad_user_data: 'denied',
82    ad_personalization: 'denied',
83    wait_for_update: 500
84  });
85
86  var __gtagGA4Id = 'G-ZZNH0TKC1L';
87  var __gtagAdsId = 'GT-MBTT6BR';
88
89  window.__nantipaInitGtag = function () {
90    if (window.__nantipaGtagLoaded) return;
91    window.__nantipaGtagLoaded = true;
92    var script = document.createElement('script');
93    script.async = true;
94    script.src = 'https://www.googletagmanager.com/gtag/js?id=' + __gtagGA4Id;
95    script.onload = function () {
96      gtag('config', __gtagGA4Id);
97      gtag('config', __gtagAdsId);
98    };
99    document.head.appendChild(script);
100  };
101
102  // analytics_storage follows the Analytics toggle; the three ad signals follow
103  // the Marketing toggle — the banner promises this granularity.
104  window.__nantipaApplyGtagConsent = function (analytics, marketing) {
105    gtag('consent', 'update', {
106      analytics_storage: analytics ? 'granted' : 'denied',
107      ad_storage: marketing ? 'granted' : 'denied',
108      ad_user_data: marketing ? 'granted' : 'denied',
109      ad_personalization: marketing ? 'granted' : 'denied'
110    });
111    if ((analytics || marketing) && !window.__nantipaGtagLoaded) {
112      window.__nantipaInitGtag();
113    }
114  };
115
116  // Self-check on every page load so consented visitors keep being tracked
117  // across navigations (CookieConsent only fires its hook on grant/withdrawal).
118  document.addEventListener('DOMContentLoaded', function () {
119    if (navigator.globalPrivacyControl) return;
120    var consent = null;
121    try { consent = JSON.parse(localStorage.getItem('cookie_consent')); } catch (e) {}
122    if (consent && consent.timestamp &&
123        (Date.now() - consent.timestamp) < 365 * 24 * 60 * 60 * 1000) {
124      window.__nantipaApplyGtagConsent(consent.analytics === true, consent.marketing === true);
125    }
126  });
127</script>
127<style>@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-\[calc\(100\%\+14px\)\]{top:calc(100% + 14px)}.right-0{right:calc(var(--spacing)*0)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.bottom-3{bottom:calc(var(--spacing)*3)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-5{bottom:calc(var(--spacing)*5)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing)*3)}.left-4{left:calc(var(--spacing)*4)}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[9999\]{z-index:9999}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-m-\[11px\]{margin:-11px}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.mx-auto{margin-inline:auto}.-mt-\[80px\]{margin-top:-80px}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-7{margin-top:calc(var(--spacing)*7)}
127.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-\[1px\]{margin-top:1px}.mt-\[2px\]{margin-top:2px}.mt-\[3px\]{margin-top:3px}.mt-\[clamp\(6px\,1\.6vw\,12px\)\]{margin-top:clamp(6px,1.6vw,12px)}.mt-\[clamp\(24px\,4vw\,36px\)\]{margin-top:clamp(24px,4vw,36px)}.mt-\[clamp\(32px\,5vw\,56px\)\]{margin-top:clamp(32px,5vw,56px)}.mt-\[clamp\(36px\,5vw\,64px\)\]{margin-top:clamp(36px,5vw,64px)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing)*2)}.-mb-1{margin-bottom:calc(var(--spacing)*-1)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-11{margin-bottom:calc(var(--spacing)*11)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-\[64px\]{margin-bottom:64px}.mb-\[clamp\(20px\,3vw\,28px\)\]{margin-bottom:clamp(20px,3vw,28px)}.mb-\[clamp\(20px\,3vw\,32px\)\]{margin-bottom:clamp(20px,3vw,32px)}.mb-\[clamp\(40px\,5vw\,64px\)\]{margin-bottom:clamp(40px,5vw,64px)}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-\[361\/285\]{aspect-ratio:361/285}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-24{height:calc(var(--spacing)*24)}.h-\[2px\]{height:2px}.h-\[6px\]{height:6px}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[36px\]{height:36px}.h-\[40px\]{height:40px}.h-\[42px\]{height:42px}.h-\[44px\]{height:44px}.h-\[45px\]{height:45px}.h-\[48px\]{height:48px}.h-\[50px\]{height:50px}.h-\[52px\]{height:52px}.h-\[56px\]{height:56px}.h-\[64px\]{height:64px}.h-\[72px\]{height:72px}.h-\[80px\]{height:80px}.h-\[92px\]{height:92px}.h-\[100svh\]{height:100svh}.h-\[120px\]{height:120px}.h-\[146px\]{height:146px}.h-\[148px\]{height:148px}.h-\[150px\]{height:150px}.h-\[173px\]{height:173px}.h-\[196px\]{height:196px}.h-\[200px\]{height:200px}.h-\[220px\]{height:220px}.h-\[256px\]{height:256px}.h-\[269px\]{height:269px}.h-\[320px\]{height:320px}.h-\[334px\]{height:334px}.h-\[447px\]{height:447px}.h-\[500px\]{height:500px}.h-\[clamp\(100px\,12vw\,160px\)\]{height:clamp(100px,12vw,160px)}.h-\[clamp\(240px\,30vw\,360px\)\]{height:clamp(240px,30vw,360px)}.h-\[clamp\(320px\,40vw\,520px\)\]{height:clamp(320px,40vw,520px)}.h-auto{height:auto}.h-full{height:100%}.max-h-full{max-height:100%}.min-h-11{min-height:calc(var(--spacing)*11)}.min-h-\[44px\]{min-height:44px}.min-h-\[260px\]{min-height:260px}.min-h-\[560px\]{min-height:560px}.min-h-\[680px\]{min-height:680px}.min-h-\[clamp\(460px\,55vw\,560px\)\]{min-height:clamp(460px,55vw,560px)}.min-h-\[clamp\(520px\,70vh\,720px\)\]{min-height:clamp(520px,70vh,720px)}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}
127.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-\[3px\]{width:3px}.w-\[6px\]{width:6px}.w-\[18px\]{width:18px}.w-\[24px\]{width:24px}.w-\[40px\]{width:40px}.w-\[44px\]{width:44px}.w-\[64px\]{width:64px}.w-\[80px\]{width:80px}.w-\[100px\]{width:100px}.w-\[120px\]{width:120px}.w-\[160px\]{width:160px}.w-\[220px\]{width:220px}.w-\[240px\]{width:240px}.w-\[340px\]{width:340px}.w-\[clamp\(140px\,14vw\,190px\)\]{width:clamp(140px,14vw,190px)}.w-\[clamp\(150px\,16vw\,240px\)\]{width:clamp(150px,16vw,240px)}.w-\[clamp\(160px\,30vw\,280px\)\]{width:clamp(160px,30vw,280px)}.w-\[clamp\(200px\,34vw\,340px\)\]{width:clamp(200px,34vw,340px)}.w-\[clamp\(260px\,40vw\,407px\)\]{width:clamp(260px,40vw,407px)}.w-\[min\(76vw\,224px\)\]{width:min(76vw,224px)}.w-\[min\(146px\,70vw\)\]{width:min(146px,70vw)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[56ch\]{max-width:56ch}.max-w-\[254px\]{max-width:254px}.max-w-\[291px\]{max-width:291px}.max-w-\[333px\]{max-width:333px}.max-w-\[353px\]{max-width:353px}.max-w-\[360px\]{max-width:360px}.max-w-\[361px\]{max-width:361px}.max-w-\[389px\]{max-width:389px}.max-w-\[447px\]{max-width:447px}.max-w-\[451px\]{max-width:451px}.max-w-\[480px\]{max-width:480px}.max-w-\[509px\]{max-width:509px}.max-w-\[520px\]{max-width:520px}.max-w-\[526px\]{max-width:526px}.max-w-\[535px\]{max-width:535px}.max-w-\[554px\]{max-width:554px}.max-w-\[560px\]{max-width:560px}.max-w-\[567px\]{max-width:567px}.max-w-\[576px\]{max-width:576px}.max-w-\[620px\]{max-width:620px}.max-w-\[672px\]{max-width:672px}.max-w-\[682px\]{max-width:682px}.max-w-\[720px\]{max-width:720px}.max-w-\[800px\]{max-width:800px}.max-w-\[829px\]{max-width:829px}.max-w-\[860px\]{max-width:860px}.max-w-\[900px\]{max-width:900px}.max-w-\[912px\]{max-width:912px}.max-w-\[960px\]{max-width:960px}.max-w-\[967px\]{max-width:967px}.max-w-\[1000px\]{max-width:1000px}.max-w-\[1180px\]{max-width:1180px}.max-w-\[1200px\]{max-width:1200px}.max-w-\[1216px\]{max-width:1216px}.max-w-\[1264px\]{max-width:1264px}.max-w-\[1280px\]{max-width:1280px}.max-w-\[1400px\]{max-width:1400px}.max-w-\[1440px\]{max-width:1440px}.max-w-\[1600px\]{max-width:1600px}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[78px\]{min-width:78px}.min-w-\[114px\]{min-width:114px}.min-w-\[160px\]{min-width:160px}.min-w-\[600px\]{min-width:600px}.min-w-\[1024px\]{min-width:1024px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x:calc(var(--spacing)*0);--tw-border-spacing-y:calc(var(--spacing)*0);border-spacing:var(--tw-border-spacing-x)var(--tw-border-spacing-y)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-\[2px\]{--tw-translate-x: -2px ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-3{--tw-translate-y:calc(var(--spacing)*3);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-6{--tw-translate-y:calc(var(--spacing)*6);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-x-0{--tw-scale-x:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-x-\[-1\]{--tw-scale-x:-1;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}
127.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.scroll-mt-20{scroll-margin-top:calc(var(--spacing)*20)}.scroll-mt-24{scroll-margin-top:calc(var(--spacing)*24)}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-3\.5{gap:calc(var(--spacing)*3.5)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-11{gap:calc(var(--spacing)*11)}.gap-12{gap:calc(var(--spacing)*12)}.gap-16{gap:calc(var(--spacing)*16)}.gap-\[7px\]{gap:7px}.gap-\[9px\]{gap:9px}.gap-\[10px\]{gap:10px}.gap-\[22px\]{gap:22px}.gap-\[27px\]{gap:27px}.gap-\[44px\]{gap:44px}.gap-\[clamp\(12px\,2vw\,24px\)\]{gap:clamp(12px,2vw,24px)}.gap-\[clamp\(14px\,2\.5vw\,24px\)\]{gap:clamp(14px,2.5vw,24px)}.gap-\[clamp\(18px\,3vw\,28px\)\]{gap:clamp(18px,3vw,28px)}.gap-\[clamp\(18px\,4vw\,44px\)\]{gap:clamp(18px,4vw,44px)}.gap-\[clamp\(28px\,4vw\,44px\)\]{gap:clamp(28px,4vw,44px)}.gap-\[clamp\(28px\,4vw\,64px\)\]{gap:clamp(28px,4vw,64px)}.gap-\[clamp\(36px\,5vw\,64px\)\]{gap:clamp(36px,5vw,64px)}.gap-\[clamp\(48px\,5vw\,80px\)\]{gap:clamp(48px,5vw,80px)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-5{column-gap:calc(var(--spacing)*5)}.gap-x-6{column-gap:calc(var(--spacing)*6)}.gap-x-8{column-gap:calc(var(--spacing)*8)}.gap-x-\[clamp\(18px\,3\.2vw\,44px\)\]{column-gap:clamp(18px,3.2vw,44px)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-10{row-gap:calc(var(--spacing)*10)}.gap-y-12{row-gap:calc(var(--spacing)*12)}.gap-y-\[clamp\(24px\,4vw\,54px\)\]{row-gap:clamp(24px,4vw,54px)}.self-center{align-self:center}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-\[16px\]{border-radius:16px}.rounded-\[24px\]{border-radius:24px}.rounded-\[36px\]{border-radius:36px}.rounded-\[clamp\(18px\,2\.6vw\,36px\)\]{border-radius:clamp(18px,2.6vw,36px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-\[16px\]{border-top-left-radius:16px;border-top-right-radius:16px}.rounded-b-\[16px\]{border-bottom-right-radius:16px;border-bottom-left-radius:16px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\[\#1A1631\]\/30{border-color:#1a16314d}.border-\[\#1E2939\]{border-color:#1e2939}.border-\[\#A0ADB7\]{border-color:#a0adb7}.border-\[\#CAD5E2\]{border-color:#cad5e2}.border-\[\#D1D5DC\]{border-color:#d1d5dc}.border-\[\#D4D4D4\]{border-color:#d4d4d4}.border-\[\#D9C59D\]{border-color:#d9c59d}.border-\[\#D9C59D\]\/10{border-color:#d9c59d1a}.border-\[\#D9C59D\]\/20{border-color:#d9c59d33}.border-\[\#D9C59D\]\/30{border-color:#d9c59d4d}.border-\[\#DDE6EC\]{border-color:#dde6ec}.border-\[\#E2E8F0\]{border-color:#e2e8f0}.border-\[\#E5E5E5\]{border-color:#e5e5e5}.border-\[\#E7D8C8\]{border-color:#e7d8c8}.border-\[\#E8EDF2\]{border-color:#e8edf2}.border-green-200{border-color:var(--color-green-200)}.border-red-200{border-color:var(--color-red-200)}.border-white{border-color:var(--color-white)}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.border-white\/5{border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.border-white\/\[0\.14\]{border-color:#ffffff24}@supports (color:color-mix(in lab,red,red)){.border-white\/\[0\.14\]{border-color:color-mix(in oklab,var(--color-white)14%,transparent)}}.\!bg-green-500{background-color:var(--color-green-500)!important}.\!bg-green-600{background-color:var(--color-green-600)!important}.\!bg-red-500{background-color:var(--color-red-500)!important}.\!bg-red-600{background-color:var(--color-red-600)!important}.bg-\[\#1A1631\]{background-color:#1a1631}.bg-\[\#1A1631\]\/30{background-color:#1a16314d}.bg-\[\#1E2939\]{background-color:#1e2939}.bg-\[\#2B241F\]{background-color:#2b241f}.bg-\[\#2D1B4E\]{background-color:#2d1b4e}.bg-\[\#2D1B4E\]\/10{background-color:#2d1b4e1a}.bg-\[\#364153\]\/40{background-color:#36415366}.bg-\[\#C7BC87\]{background-color:#c7bc87}.bg-\[\#D9C59D\]{background-color:#d9c59d}.bg-\[\#D9C59D\]\/20{background-color:#d9c59d33}.bg-\[\#D9C59D\]\/40{background-color:#d9c59d66}.bg-\[\#D9C59D\]\/62{background-color:#d9c59d9e}.bg-\[\#EAF0F4\]{background-color:#eaf0f4}.bg-\[\#F3F3F5\]{background-color:#f3f3f5}.bg-\[\#F3F4F6\]{background-color:#f3f4f6}.bg-\[\#F4F7F9\]{background-color:#f4f7f9}.bg-\[\#F4F7F9\]\/40{background-color:#f4f7f966}.bg-\[\#F8F7F4\]{background-color:#f8f7f4}.bg-\[\#F8F8F8\]{background-color:#f8f8f8}.bg-\[\#F8F9FA\]{background-color:#f8f9fa}.bg-\[\#F8FAFC\]\/50{background-color:#f8fafc80}.bg-\[\#F9FAFB\]{background-color:#f9fafb}.bg-\[\#f1f1f1\]{background-color:#f1f1f1}.bg-black{background-color:var(--color-black)}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.bg-black\/25{background-color:#00000040}@supports (color:color-mix(in lab,red,red)){.bg-black\/25{background-color:color-mix(in oklab,var(--color-black)25%,transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab,red,red)){.bg-black\/45{background-color:color-mix(in oklab,var(--color-black)45%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-green-50{background-color:var(--color-green-50)}.bg-red-50{background-color:var(--color-red-50)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.bg-white\/\[0\.07\]{background-color:#ffffff12}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.07\]{background-color:color-mix(in oklab,var(--color-white)7%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(90deg\,rgba\(0\,0\,0\,0\.84\)_0\%\,rgba\(0\,0\,0\,0\.64\)_42\%\,rgba\(0\,0\,0\,0\.08\)_82\%\,rgba\(0\,0\,0\,0\)_100\%\)\]{background-image:linear-gradient(90deg,#000000d6,#000000a3 42%,#00000014 82%,#0000)}.from-\[\#1A1631\]{--tw-gradient-from:#1a1631;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var
127(--tw-gradient-to-position))}.from-black\/5{--tw-gradient-from:#0000000d}@supports (color:color-mix(in lab,red,red)){.from-black\/5{--tw-gradient-from:color-mix(in oklab,var(--color-black)5%,transparent)}}.from-black\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/30{--tw-gradient-from:#0000004d}@supports (color:color-mix(in lab,red,red)){.from-black\/30{--tw-gradient-from:color-mix(in oklab,var(--color-black)30%,transparent)}}.from-black\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/35{--tw-gradient-from:#00000059}@supports (color:color-mix(in lab,red,red)){.from-black\/35{--tw-gradient-from:color-mix(in oklab,var(--color-black)35%,transparent)}}.from-black\/35{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/40{--tw-gradient-from:#0006}@supports (color:color-mix(in lab,red,red)){.from-black\/40{--tw-gradient-from:color-mix(in oklab,var(--color-black)40%,transparent)}}.from-black\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/65{--tw-gradient-from:#000000a6}@supports (color:color-mix(in lab,red,red)){.from-black\/65{--tw-gradient-from:color-mix(in oklab,var(--color-black)65%,transparent)}}.from-black\/65{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/70{--tw-gradient-from:#000000b3}@supports (color:color-mix(in lab,red,red)){.from-black\/70{--tw-gradient-from:color-mix(in oklab,var(--color-black)70%,transparent)}}.from-black\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/80{--tw-gradient-from:#000c}@supports (color:color-mix(in lab,red,red)){.from-black\/80{--tw-gradient-from:color-mix(in oklab,var(--color-black)80%,transparent)}}.from-black\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-white\/10{--tw-gradient-from:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.from-white\/10{--tw-gradient-from:color-mix(in oklab,var(--color-white)10%,transparent)}}.from-white\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-\[\#2A2545\]{--tw-gradient-via:#2a2545;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/50{--tw-gradient-via:#00000080}@supports (color:color-mix(in lab,red,red)){.via-black\/50{--tw-gradient-via:color-mix(in oklab,var(--color-black)50%,transparent)}}.via-black\/50{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-p
127osition),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#1A1631\]{--tw-gradient-to:#1a1631;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-black\/0{--tw-gradient-to:#0000}@supports (color:color-mix(in lab,red,red)){.to-black\/0{--tw-gradient-to:color-mix(in oklab,var(--color-black)0%,transparent)}}.to-black\/0{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-black\/60{--tw-gradient-to:#0009}@supports (color:color-mix(in lab,red,red)){.to-black\/60{--tw-gradient-to:color-mix(in oklab,var(--color-black)60%,transparent)}}.to-black\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-black\/70{--tw-gradient-to:#000000b3}@supports (color:color-mix(in lab,red,red)){.to-black\/70{--tw-gradient-to:color-mix(in oklab,var(--color-black)70%,transparent)}}.to-black\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-\[right_1rem_center\]{background-position:right 1rem center}.bg-no-repeat{background-repeat:no-repeat}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.object-top{object-position:top}.p-0{padding:calc(var(--spacing)*0)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-\[11px\]{padding:11px}.p-\[clamp\(24px\,4vw\,48px\)\]{padding:clamp(24px,4vw,48px)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-7{padding-inline:calc(var(--spacing)*7)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-\[11px\]{padding-inline:11px}.px-\[32px\]{padding-inline:32px}.px-\[clamp\(0px\,2vw\,24px\)\]{padding-inline:clamp(0px,2vw,24px)}.px-\[clamp\(8px\,2vw\,16px\)\]{padding-inline:clamp(8px,2vw,16px)}.px-\[clamp\(16px\,3vw\,24px\)\]{padding-inline:clamp(16px,3vw,24px)}.px-\[clamp\(16px\,5vw\,80px\)\]{padding-inline:clamp(16px,5vw,80px)}.px-\[clamp\(16px\,5vw\,144px\)\]{padding-inline:clamp(16px,5vw,144px)}.px-\[clamp\(20px\,4vw\,44px\)\]{padding-inline:clamp(20px,4vw,44px)}.px-\[clamp\(20px\,6vw\,80px\)\]{padding-inline:clamp(20px,6vw,80px)}.px-\[clamp\(20px\,6vw\,88px\)\]{padding-inline:clamp(20px,6vw,88px)}.py-0{padding-block:calc(var(--spacing)*0)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-10{padding-block:calc(var(--spacing)*10)}.py-11{padding-block:calc(var(--spacing)*11)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-20{padding-block:calc(var(--spacing)*20)}.py-\[12px\]{padding-block:12px}.py-\[14px\]{padding-block:14px}.py-\[20px\]{padding-block:20px}.py-\[44px\]{padding-block:44px}.py-\[56px\]{padding-block:56px}.py-\[64px\]{padding-block:64px}.py-\[80px\]{padding-block:80px}.py-\[clamp\(28px\,4vw\,44px\)\]{padding-block:clamp(28px,4vw,44px)}.py-\[clamp\(48px\,6vw\,72px\)\]{padding-block:clamp(48px,6vw,72px)}.py-\[clamp\(56px\,6vw\,80px\)\]{padding-block:clamp(56px,6vw,80px)}.py-\[clamp\(56px\,6vw\,88px\)\]{padding-block:clamp(56px,6vw,88px)}.py-\[clamp\(80px\,8vw\,120px\)\]{padding-block:clamp(80px,8vw,120px)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-11{padding-top:calc(var(--spacing)*11)}.pt-\[44px\]{padding-top:44px}.pt-\[88px\]{padding-top:88px}.pt-\[clamp\(16px\,4vw\,44px\)\]{padding-top:clamp(16px,4vw,44px)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-12{padding-right:calc(var(--spacing)*12)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.pb-\[44px\]{padding-bottom:44px}.pb-\[56px\]{padding-bottom:56px}.pb-\[clamp\(24px\,6vw\,80px\)\]{padding-bottom:clamp(24px,6vw,80px)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-\[18px\]{padding-left:18px}.text-center{text-align:center}
127.text-justify{text-align:justify}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[34px\]{font-size:34px}.text-\[36px\]{font-size:36px}.text-\[40px\]{font-size:40px}.text-\[44px\]{font-size:44px}.text-\[clamp\(13px\,1\.4vw\,16px\)\]{font-size:clamp(13px,1.4vw,16px)}.text-\[clamp\(14px\,1\.5vw\,18px\)\]{font-size:clamp(14px,1.5vw,18px)}.text-\[clamp\(16px\,1\.4vw\,18px\)\]{font-size:clamp(16px,1.4vw,18px)}.text-\[clamp\(16px\,1\.4vw\,20px\)\]{font-size:clamp(16px,1.4vw,20px)}.text-\[clamp\(16px\,1\.7vw\,20px\)\]{font-size:clamp(16px,1.7vw,20px)}.text-\[clamp\(16px\,1\.8vw\,20px\)\]{font-size:clamp(16px,1.8vw,20px)}.text-\[clamp\(18px\,2\.2vw\,30px\)\]{font-size:clamp(18px,2.2vw,30px)}.text-\[clamp\(26px\,3vw\,42px\)\]{font-size:clamp(26px,3vw,42px)}.text-\[clamp\(32px\,3\.2vw\,48px\)\]{font-size:clamp(32px,3.2vw,48px)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-8{--tw-leading:calc(var(--spacing)*8);line-height:calc(var(--spacing)*8)}.leading-10{--tw-leading:calc(var(--spacing)*10);line-height:calc(var(--spacing)*10)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-\[1\]{--tw-leading:1;line-height:1}.leading-\[14px\]{--tw-leading:14px;line-height:14px}.leading-\[15px\]{--tw-leading:15px;line-height:15px}.leading-\[16px\]{--tw-leading:16px;line-height:16px}.leading-\[17px\]{--tw-leading:17px;line-height:17px}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-\[21px\]{--tw-leading:21px;line-height:21px}.leading-\[22\.75px\]{--tw-leading:22.75px;line-height:22.75px}.leading-\[22px\]{--tw-leading:22px;line-height:22px}.leading-\[23px\]{--tw-leading:23px;line-height:23px}.leading-\[24px\]{--tw-leading:24px;line-height:24px}.leading-\[26px\]{--tw-leading:26px;line-height:26px}.leading-\[27px\]{--tw-leading:27px;line-height:27px}.leading-\[28px\]{--tw-leading:28px;line-height:28px}.leading-\[29\.25px\]{--tw-leading:29.25px;line-height:29.25px}.leading-\[32px\]{--tw-leading:32px;line-height:32px}.leading-\[36px\]{--tw-leading:36px;line-height:36px}.leading-\[38px\]{--tw-leading:38px;line-height:38px}.leading-\[40px\]{--tw-leading:40px;line-height:40px}.leading-\[48\.75px\]{--tw-leading:48.75px;line-height:48.75px}.leading-\[48px\]{--tw-leading:48px;line-height:48px}.leading-\[50px\]{--tw-leading:50px;line-height:50px}.leading-\[clamp\(18px\,2vw\,24px\)\]{--tw-leading:clamp(18px,2vw,24px);line-height:clamp(18px,2vw,24px)}.leading-\[clamp\(22px\,2vw\,29\.25px\)\]{--tw-leading:clamp(22px,2vw,29.25px);line-height:clamp(22px,2vw,29.25px)}.leading-\[clamp\(24px\,2\.2vw\,29\.25px\)\]{--tw-leading:clamp(24px,2.2vw,29.25px);line-height:clamp(24px,2.2vw,29.25px)}.leading-\[clamp\(24px\,2vw\,28px\)\]{--tw-leading:clamp(24px,2vw,28px);line-height:clamp(24px,2vw,28px)}.leading-\[clamp\(26px\,2\.4vw\,32px\)\]{--tw-leading:clamp(26px,2.4vw,32px);line-height:clamp(26px,2.4vw,32px)}.leading-\[clamp\(30px\,3\.2vw\,48\.75px\)\]{--tw-leading:clamp(30px,3.2vw,48.75px);line-height:clamp(30px,3.2vw,48.75px)}.leading-\[clamp\(36px\,3\.2vw\,48px\)\]{--tw-leading:clamp(36px,3.2vw,48px);line-height:clamp(36px,3.2vw,48px)}.leading-\[clamp\(36px\,4vw\,56px\)\]{--tw-leading:clamp(36px,4vw,56px);line-height:clamp(36px,4vw,56px)}.leading-\[clamp\(38px\,3\.4vw\,50px\)\]{--tw-leading:clamp(38px,3.4vw,50px);line-height:clamp(38px,3.4vw,50px)}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.31px\]{--tw-tracking:-.31px;letter-spacing:-.31px}.tracking-\[-0\.44px\]{--tw-tracking:-.44px;letter-spacing:-.44px}.tracking-\[0\.2px\]{--tw-tracking:.2px;letter-spacing:.2px}.tracking-\[0\.3px\]{--tw-tracking:.3px;letter-spacing:.3px}.tracking-\[0\.4px\]{--tw-tracking:.4px;letter-spacing:.4px}.tracking-\[0\.5px\]{--tw-tracking:.5px;letter-spacing:.5px}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.07px\]{--tw-tracking:.07px;letter-spacing:.07px}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.35px\]{--tw-tracking:.35px;letter-spacing:.35px}.tracking-\[0\.37px\]{--tw-tracking:.37px;letter-spacing:.37px}.tracking-\[0\.40px\]{--tw-tracking:.4px;letter-spacing:.4px}.tracking-\[0px\]{--tw-tracking:0px;letter-spacing:0}.tracking-\[1\.25px\]{--tw-tracking:1.25px;letter-spacing:1.25px}.tracking-\[2px\]{--tw-tracking:2px;letter-spacing:2px}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-\[\#0A0A0A\]{color:#0a0a0a}.text-\[\#0F172B\]{color:#0f172b}.text-\[\#0F181D\]{color:#0f181d}
127.text-\[\#1A1631\]{color:#1a1631}.text-\[\#1E2939\]{color:#1e2939}.text-\[\#4A5565\]{color:#4a5565}.text-\[\#4A5568\]{color:#4a5568}.text-\[\#5F5126\]{color:#5f5126}.text-\[\#6B6B6B\]{color:#6b6b6b}.text-\[\#6B7280\]{color:#6b7280}.text-\[\#8C6F36\]{color:#8c6f36}.text-\[\#9B8A7A\]{color:#9b8a7a}.text-\[\#99A1AF\]{color:#99a1af}.text-\[\#45556C\]{color:#45556c}.text-\[\#64748B\]{color:#64748b}.text-\[\#101828\]{color:#101828}.text-\[\#314158\]{color:#314158}.text-\[\#364153\]{color:#364153}.text-\[\#404040\]{color:#404040}.text-\[\#444750\]{color:#444750}.text-\[\#525252\]{color:#525252}.text-\[\#717182\]{color:#717182}.text-\[\#737373\]{color:#737373}.text-\[\#D1D5DC\]{color:#d1d5dc}.text-\[\#D2CEDF\]{color:#d2cedf}.text-\[\#D9C59D\]{color:#d9c59d}.text-\[\#E0B458\]{color:#e0b458}.text-green-800{color:var(--color-green-800)}.text-red-500{color:var(--color-red-500)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white)50%,transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white)60%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white)70%,transparent)}}.text-white\/74{color:#ffffffbd}@supports (color:color-mix(in lab,red,red)){.text-white\/74{color:color-mix(in oklab,var(--color-white)74%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white)90%,transparent)}}.text-white\/95{color:#fffffff2}@supports (color:color-mix(in lab,red,red)){.text-white\/95{color:color-mix(in oklab,var(--color-white)95%,transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}
127.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.1\)\,0_1px_2px_-1px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 1px 3px var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_22px_rgba\(0\,0\,0\,0\.18\)\]{--tw-shadow:0 8px 22px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_22px_rgba\(0\,0\,0\,0\.22\)\]{--tw-shadow:0 8px 22px var(--tw-shadow-color,#00000038);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_24px_rgba\(26\,22\,49\,0\.16\)\]{--tw-shadow:0 8px 24px var(--tw-sha
127dow-color,#1a163129);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_-4px_6px_-4px_rgba\(0\,0\,0\,0\.10\)\,0px_-10px_15px_-3px_rgba\(0\,0\,0\,0\.10\)\]{--tw-shadow:0px -4px 6px -4px var(--tw-shadow-color,#0000001a),0px -10px 15px -3px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_0px_1px_rgba\(96\,96\,96\,0\.10\)\,0px_12px_24px_-6px_rgba\(96\,96\,96\,0\.15\)\]{--tw-shadow:0px 0px 1px var(--tw-shadow-color,#6060601a),0px 12px 24px -6px var(--tw-shadow-color,#60606026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_1px_2px_-1px_rgba\(0\,0\,0\,0\.10\)\,0px_1px_3px_rgba\(0\,0\,0\,0\.10\)\]{--tw-shadow:0px 1px 2px -1px var(--tw-shadow-color,#0000001a),0px 1px 3px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
127dow)}.shadow-\[0px_2px_2px_-2px_rgba\(34\,38\,50\,0\.30\)\]{--tw-shadow:0px 2px 2px -2px var(--tw-shadow-color,#2226324d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_4px_6px_-4px_rgba\(0\,0\,0\,0\.10\)\,0px_10px_15px_-3px_rgba\(0\,0\,0\,0\.10\)\]{--tw-shadow:0px 4px 6px -4px var(--tw-shadow-color,#0000001a),0px 10px 15px -3px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_4px_12px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0px 4px 12px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_6px_18px_rgba\(16\,24\,40\,0\.10\)\]{--tw-shadow:0px 6px 18px var(--tw-shadow-color,#1018281a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
127dow)}.shadow-\[0px_8px_10px_-6px_rgba\(0\,0\,0\,0\.10\)\,0px_20px_25px_-5px_rgba\(0\,0\,0\,0\.10\)\]{--tw-shadow:0px 8px 10px -6px var(--tw-shadow-color,#0000001a),0px 20px 25px -5px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_25px_50px_-12px_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow:0px 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
127dow)}.ring-\[\#1A1631\]{--tw-ring-color:#1a1631}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-1{outline-offset:-1px}.outline-\[\#D9C59D\]{outline-color:#d9c59d}.brightness-0{--tw-brightness:brightness(0%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.3\)\]{--tw-drop-shadow-size:drop-shadow(0 4px 20px var(--tw-drop-shadow-color,#0000004d));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
127.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:-translate-y-\[1px\]:is(:where(.group):hover *){--tw-translate-y: -1px ;translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-\[1\.03\]:is(:where(.group):hover *){scale:1.03}.group-hover\:scale-\[1\.04\]:is(:where(.group):hover *){scale:1.04}.group-hover\:scale-\[1\.05\]:is(:where(.group):hover *){scale:1.05}.group-hover\:bg-white\/20:is(:where(.group):hover *){background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-white\/20:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.group-hover\:text-\[\#D9C59D\]:is(:where(.group):hover *){color:#d9c59d}}.group-\[\[data-open\=\'true\'\]\]\:rotate-180:is(:where(.group)[data-open=true] *){rotate:180deg}.placeholder\:text-\[\#1A1631\]\/70::placeholder{color:#1a1631b3}.placeholder\:text-\[\#4B5563\]::placeholder{color:#4b5563}.placeholder\:text-\[\#9D9DAD\]::placeholder{color:#9d9dad}.placeholder\:text-\[\#717182\]::placeholder{color:#717182}.last\:mb-0:last-child{margin-bottom:calc(var(--spacing)*0)}.focus-within\:border-\[\#D9C59D\]:focus-within{border-color:#d9c59d}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
127dow)}.focus-within\:ring-\[\#D9C59D\]:focus-within{--tw-ring-color:#d9c59d}@media(hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-\[1px\]:hover{--tw-translate-y: -1px ;translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-\[2px\]:hover{--tw-translate-y: -2px ;translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-\[\#1A1631\]:hover{border-color:#1a1631}.hover\:border-white\/60:hover{border-color:#fff9}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/60:hover{border-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.hover\:bg-\[\#1A1631\]:hover{background-color:#1a1631}.hover\:bg-\[\#1A1631\]\/50:hover{background-color:#1a163180}.hover\:bg-\[\#2A2545\]:hover{background-color:#2a2545}.hover\:bg-\[\#2A2641\]:hover{background-color:#2a2641}.hover\:bg-\[\#2a2551\]:hover{background-color:#2a2551}.hover\:bg-\[\#3D2B5E\]:hover{background-color:#3d2b5e}.hover\:bg-\[\#3d2566\]:hover{background-color:#3d2566}.hover\:bg-\[\#3d2766\]:hover{background-color:#3d2766}.hover\:bg-\[\#F4EFE6\]:hover{background-color:#f4efe6}.hover\:bg-\[\#F8FAFC\]:hover{background-color:#f8fafc}.hover\:bg-\[\#c9b58d\]:hover{background-color:#c9b58d}.hover\:bg-\[\#dde6ec\]:hover{background-color:#dde6ec}.hover\:bg-black\/50:hover{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/50:hover{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.hover\:bg-white\/90:hover{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/90:hover{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.hover\:text-\[\#0F181D\]:hover{color:#0f181d}.hover\:text-\[\#1A1631\]:hover{color:#1a1631}.hover\:text-\[\#D9C59D\]:hover{color:#d9c59d}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-white\/90:hover{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.hover\:text-white\/90:hover{color:color-mix(in oklab,var(--color-white)90%,transparent)}}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.25\)\]:hover{--tw-shadow:0 10px 30px var(--tw-sha
127dow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_12px_34px_rgba\(0\,0\,0\,0\.35\)\]:hover{--tw-shadow:0 12px 34px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0px_4px_8px_-2px_rgba\(0\,0\,0\,0\.12\)\,0px_6px_12px_rgba\(0\,0\,0\,0\.12\)\]:hover{--tw-shadow:0px 4px 8px -2px var(--tw-shadow-color,#0000001f),0px 6px 12px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0px_20px_40px_rgba\(0\,0\,0\,0\.15\)\]:hover{--tw-shadow:0px 20px 40px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:fixed:focus{position:fixed}.focus\:top-4:focus{top:calc(var(--spacing)*4)}.focus\:left-4:focus{left:calc(var(--spacing)*4)}.focus\:z-\[9999\]:focus{z-index:9999}.focus\:rounded:focus{border-radius:.25rem}.focus\:border-\[\#D9C59D\]:focus{border-color:#d9c59d}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:bg-white\/8:focus{background-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.focus\:bg-white\/8:focus{background-color:color-mix(in oklab,var(--color-white)8%,transparent)}}.focus\:px-4:focus{padding-inline:calc(var(--spacing)*4)}.focus\:py-2:focus{padding-block:calc(var(--spacing)*2)}.focus\:font-medium:focus{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.focus\:text-\[\#1A1631\]:focus{color:#1a1631}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
127dow)}.focus\:ring-\[\#1A1631\]\/60:focus{--tw-ring-color:oklab(22.0629% .0161175 -.0489461/.6)}.focus\:ring-\[\#2D1B4E\]\/60:focus{--tw-ring-color:oklab(27.5829% .0398544 -.0807661/.6)}.focus\:ring-\[\#D9C59D\]:focus{--tw-ring-color:#d9c59d}.focus\:ring-\[\#D9C59D\]\/60:focus{--tw-ring-color:oklab(83.0137% .00556901 .05752/.6)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:ring-offset-\[\#1A1631\]:focus{--tw-ring-offset-color:#1a1631}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-\[\#1A1631\]:focus-visible{border-color:#1a1631}.focus-visible\:border-\[\#D9C59D\]:focus-visible{border-color:#d9c59d}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
127dow)}.focus-visible\:ring-\[\#1A1631\]:focus-visible{--tw-ring-color:#1a1631}.focus-visible\:ring-\[\#D9C59D\]:focus-visible{--tw-ring-color:#d9c59d}.focus-visible\:ring-\[\#D9C59D\]\/60:focus-visible{--tw-ring-color:oklab(83.0137% .00556901 .05752/.6)}.focus-visible\:ring-\[\#D9C59D\]\/70:focus-visible{--tw-ring-color:oklab(83.0137% .00556901 .05752/.7)}.focus-visible\:ring-white\/70:focus-visible{--tw-ring-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-white\/70:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-\[\#1A1631\]:focus-visible{--tw-ring-offset-color:#1a1631}.focus-visible\:ring-offset-black:focus-visible{--tw-ring-offset-color:var(--color-black)}.focus-visible\:ring-offset-white:focus-visible{--tw-ring-offset-color:var(--color-white)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-\[-4px\]:focus-visible{outline-offset:-4px}.focus-visible\:outline-\[\#1A1631\]:focus-visible{outline-color:#1a1631}.focus-visible\:outline-\[\#D9C59D\]:focus-visible{outline-color:#d9c59d}.focus-visible\:outline-white\/60:focus-visible{outline-color:#fff9}@supports (color:color-mix(in lab,red,red)){.focus-visible\:outline-white\/60:focus-visible{outline-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-\[0\.98\]:active{scale:.98}@media(min-width:40rem){.sm\:mt-8{margin-top:calc(var(--spacing)*8)}.sm\:mt-12{margin-top:calc(var(--spacing)*12)}.sm\:mt-\[clamp\(6px\,1\.6vw\,12px\)\]{margin-top:clamp(6px,1.6vw,12px)}.sm\:mb-8{margin-bottom:calc(var(--spacing)*8)}.sm\:mb-12{margin-bottom:calc(var(--spacing)*12)}.sm\:mb-\[97px\]{margin-bottom:97px}.sm\:mb-\[clamp\(48px\,6\.7vw\,97px\)\]{margin-bottom:clamp(48px,6.7vw,97px)}.sm\:line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:aspect-\[1280\/470\]{aspect-ratio:1280/470}.sm\:aspect-auto{aspect-ratio:auto}.sm\:h-12{height:calc(var(--spacing)*12)}.sm\:h-\[46px\]{height:46px}.sm\:h-\[50px\]{height:50px}.sm\:h-\[76px\]{height:76px}.sm\:h-\[100px\]{height:100px}.sm\:h-\[130px\]{height:130px}.sm\:h-\[153px\]{height:153px}.sm\:h-\[170px\]{height:170px}.sm\:h-\[280px\]{height:280px}.sm\:h-\[292px\]{height:292px}.sm\:h-\[300px\]{height:300px}.sm\:h-\[420px\]{height:420px}.sm\:h-\[500px\]{height:500px}.sm\:h-\[clamp\(44px\,6vw\,47px\)\]{height:clamp(44px,6vw,47px)}.sm\:h-\[clamp\(240px\,42vw\,500px\)\]{height:clamp(240px,42vw,500px)}.sm\:h-\[clamp\(360px\,36vw\,520px\)\]{height:clamp(360px,36vw,520px)}.sm\:h-auto{height:auto}.sm\:min-h-\[320px\]{min-height:320px}.sm\:w-12{width:calc(var(--spacing)*12)}.sm\:w-\[76px\]{width:76px}.sm\:w-\[100px\]{width:100px}.sm\:w-\[180px\]{width:180px}.sm\:w-\[192px\]{width:192px}.sm\:w-\[360px\]{width:360px}.sm\:w-\[min\(240px\,92vw\)\]{width:min(240px,92vw)}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:max-w-\[389\.33px\]{max-width:389.33px}.sm\:max-w-\[480px\]{max-width:480px}.sm\:max-w-\[672px\]{max-width:672px}.sm\:max-w-\[720px\]{max-width:720px}.sm\:max-w-\[800px\]{max-width:800px}.sm\:max-w-none{max-width:none}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:justify-items-center{justify-items:center}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:gap-6{gap:calc(var(--spacing)*6)}.sm\:gap-8{gap:calc(var(--spacing)*8)}.sm\:gap-10{gap:calc(var(--spacing)*10)}.sm\:gap-12{gap:calc(var(--spacing)*12)}.sm\:gap-\[13px\]{gap:13px}.sm\:gap-\[clamp\(12px\,2vw\,24px\)\]{gap:clamp(12px,2vw,24px)}.sm\:gap-\[clamp\(32px\,4vw\,88px\)\]{gap:clamp(32px,4vw,88px)}.sm\:gap-x-12{column-gap:calc(var(--spacing)*12)}.sm\:gap-y-8{row-gap:calc(var(--spacing)*8)}.sm\:self-start{align-self:flex-start}.sm\:rounded-2xl{border-radius:var(--radius-2xl)}.sm\:rounded-\[6px\]{border-radius:6px}.sm\:rounded-\[10px\]{border-radius:10px}.sm\:rounded-\[16px\]{border-radius:16px}.sm\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.sm\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.sm\:border-\[\#D9C59D\]{border-color:#d9c59d}.sm\:bg-white{background-color:var(--color-white)}.sm\:bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.sm\:from-black\/20{--tw-gradient-from:#0003}@supports (color:color-mix(in lab,red,red)){.sm\:from-black\/20{--tw-gradient-from:color-mix(in oklab,var(--color-black)20%,transparent)}}.sm\:from-black\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var
127(--tw-gradient-to-position))}.sm\:via-black\/10{--tw-gradient-via:#0000001a}@supports (color:color-mix(in lab,red,red)){.sm\:via-black\/10{--tw-gradient-via:color-mix(in oklab,var(--color-black)10%,transparent)}}.sm\:via-black\/10{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.sm\:to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:p-8{padding:calc(var(--spacing)*8)}.sm\:p-12{padding:calc(var(--spacing)*12)}.sm\:p-\[clamp\(24px\,3\.3vw\,48px\)\]{padding:clamp(24px,3.3vw,48px)}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:px-7{padding-inline:calc(var(--spacing)*7)}.sm\:px-8{padding-inline:calc(var(--spacing)*8)}.sm\:px-11{padding-inline:calc(var(--spacing)*11)}.sm\:px-\[88px\]{padding-inline:88px}.sm\:px-\[120px\]{padding-inline:120px}.sm\:px-\[264px\]{padding-inline:264px}.sm\:px-\[clamp\(16px\,5vw\,144px\)\]{padding-inline:clamp(16px,5vw,144px)}.sm\:px-\[clamp\(20px\,6vw\,80px\)\]{padding-inline:clamp(20px,6vw,80px)}.sm\:px-\[clamp\(24px\,6\.1vw\,88px\)\]{padding-inline:clamp(24px,6.1vw,88px)}.sm\:py-3{padding-block:calc(var(--spacing)*3)}.sm\:py-6{padding-block:calc(var(--spacing)*6)}.sm\:py-8{padding-block:calc(var(--spacing)*8)}.sm\:py-10{padding-block:calc(var(--spacing)*10)}.sm\:py-11{padding-block:calc(var(--spacing)*11)}.sm\:py-16{padding-block:calc(var(--spacing)*16)}.sm\:py-20{padding-block:calc(var(--spacing)*20)}.sm\:py-\[80px\]{padding-block:80px}.sm\:py-\[88px\]{padding-block:88px}.sm\:py-\[clamp\(32px\,3vw\,44px\)\]{padding-block:clamp(32px,3vw,44px)}.sm\:py-\[clamp\(44px\,6\.1vw\,88px\)\]{padding-block:clamp(44px,6.1vw,88px)}.sm\:py-\[clamp\(48px\,5\.6vw\,80px\)\]{padding-block:clamp(48px,5.6vw,80px)}.sm\:py-\[clamp\(56px\,7vw\,101px\)\]{padding-block:clamp(56px,7vw,101px)}.sm\:py-\[clamp\(64px\,8vw\,101px\)\]{padding-block:clamp(64px,8vw,101px)}.sm\:pt-6{padding-top:calc(var(--spacing)*6)}.sm\:pt-\[88px\]{padding-top:88px}.sm\:pb-0{padding-bottom:calc(var(--spacing)*0)}.sm\:pb-6{padding-bottom:calc(var(--spacing)*6)}.sm\:pb-11{padding-bottom:calc(var(--spacing)*11)}.sm\:pb-\[88px\]{padding-bottom:88px}.sm\:pb-\[clamp\(24px\,6vw\,80px\)\]{padding-bottom:clamp(24px,6vw,80px)}.sm\:text-left{text-align:left}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-\[14px\]{font-size:14px}.sm\:text-\[15px\]{font-size:15px}.sm\:text-\[16px\]{font-size:16px}.sm\:text-\[17px\]{font-size:17px}.sm\:text-\[18px\]{font-size:18px}.sm\:text-\[20px\]{font-size:20px}.sm\:text-\[22px\]{font-size:22px}.sm\:text-\[24px\]{font-size:24px}.sm\:text-\[28px\]{font-size:28px}.sm\:text-\[30px\]{font-size:30px}.sm\:text-\[32px\]{font-size:32px}.sm\:text-\[34px\]{font-size:34px}.sm\:text-\[36px\]{font-size:36px}.sm\:text-\[40px\]{font-size:40px}.sm\:text-\[48px\]{font-size:48px}.sm\:text-\[clamp\(15px\,1\.1vw\,16px\)\]{font-size:clamp(15px,1.1vw,16px)}.sm\:text-\[clamp\(16px\,1\.4vw\,18px\)\]{font-size:clamp(16px,1.4vw,18px)}.sm\:text-\[clamp\(16px\,1\.25vw\,18px\)\]{font-size:clamp(16px,1.25vw,18px)}.sm\:text-\[clamp\(16px\,2\.2vw\,20px\)\]{font-size:clamp(16px,2.2vw,20px)}.sm\:text-\[clamp\(18px\,2\.2vw\,32px\)\]{font-size:clamp(18px,2.2vw,32px)}.sm\:text-\[clamp\(18px\,2vw\,32px\)\]{font-size:clamp(18px,2vw,32px)}.sm\:text-\[clamp\(28px\,3vw\,36px\)\]{font-size:clamp(28px,3vw,36px)}.sm\:text-\[clamp\(32px\,3\.2vw\,48px\)\]{font-size:clamp(32px,3.2vw,48px)}.sm\:text-\[clamp\(32px\,3\.3vw\,48px\)\]{font-size:clamp(32px,3.3vw,48px)}.sm\:text-\[clamp\(32px\,4vw\,48px\)\]{font-size:clamp(32px,4vw,48px)}.sm\:text-\[clamp\(34px\,4vw\,48px\)\]{font-size:clamp(34px,4vw,48px)}.sm\:text-\[clamp\(48px\,10vw\,88px\)\]{font-size:clamp(48px,10vw,88px)}.sm\:leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.sm\:leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.sm\:leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.sm\:leading-8{--tw-leading:calc(var(--spacing)*8);line-height:calc(var(--spacing)*8)}.sm\:leading-9{--tw-leading:calc(var(--spacing)*9);line-height:calc(var(--spacing)*9)}.sm\:leading-\[1\.625\]{--tw-leading:1.625;line-height:1.625}.sm\:leading-\[25px\]{--tw-leading:25px;line-height:25px}.sm\:leading-\[26px\]{--tw-leading:26px;line-height:26px}.sm\:leading-\[28px\]{--tw-leading:28px;line-height:28px}.sm\:leading-\[29\.25px\]{--tw-leading:29.25px;line-height:29.25px}.sm\:leading-\[32px\]{--tw-leading:32px;line-height:32px}.sm\:leading-\[36px\]{--tw-leading:36px;line-height:36px}.sm\:leading-\[38px\]{--tw-leading:38px;line-height:38px}.sm\:leading-\[42px\]{--tw-leading:42px;line-height:42px}.sm\:leading-\[56px\]{--tw-leading:56px;line-height:56px}.sm\:leading-\[clamp\(24px\,1\.8vw\,26px\)\]{--tw-leading:clamp(24px,1.8vw,26px);line-height:clamp(24px,1.8vw,26px)}.sm\:leading-\[clamp\(24px\,2vw\,29\.25px\)\]{--tw-leading:clamp(24px,2vw,29.25px);line-height:clamp(24px,2vw,29.25px)}.sm\:leading-\[clamp\(34px\,3\.2vw\,40px\)\]{--tw-leading:clamp(34px,3.2vw,40px);line-height:clamp(34px,3.2vw,40px)}.sm\:leading-\[clamp\(36px\,2\.8vw\,40px\)\]{--tw-leading:clamp(36px,2.8vw,40px);line-height:clamp(36px,2.8vw,40px)}.sm\:leading-\[clamp\(36px\,3\.3vw\,48px\)\]{--tw-leading:clamp(36px,3.3vw,48px);line-height:clamp(36px,3.3vw,48px)}.sm\:leading-\[clamp\(36px\,3\.5vw\,50px\)\]{--tw-leading:clamp(36px,3.5vw,50px);line-height:clamp(36px,3.5vw,50px)}.sm\:leading-\[clamp\(38px\,4vw\,48px\)\]{--tw-leading:clamp(38px,4vw,48px);line-height:clamp(38px,4vw,48px)}.sm\:tracking-\[0\.40px\]{--tw-tracking:.4px;letter-spacing:.4px}.sm\:text-\[\#0F172B\]{color:#0f172b}
127.sm\:shadow-\[0px_8px_10px_-6px_rgba\(0\,0\,0\,0\.10\)\,0px_20px_25px_-5px_rgba\(0\,0\,0\,0\.10\)\]{--tw-shadow:0px 8px 10px -6px var(--tw-shadow-color,#0000001a),0px 20px 25px -5px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sm\:shadow-\[0px_8px_10px_rgba\(0\,0\,0\,0\.10\)\,0px_20px_25px_rgba\(0\,0\,0\,0\.10\)\]{--tw-shadow:0px 8px 10px var(--tw-shadow-color,#0000001a),0px 20px 25px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(min-width:48rem){.md\:flex{display:flex}.md\:grid{display:grid}.md\:h-\[340px\]{height:340px}.md\:h-auto{height:auto}.md\:min-h-\[100svh\]{min-height:100svh}.md\:min-h-\[380px\]{min-height:380px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[0\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr}.md\:grid-rows-\[156px_1fr\]{grid-template-rows:156px 1fr}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}.md\:gap-16{gap:calc(var(--spacing)*16)}.md\:gap-\[clamp\(32px\,5vw\,110px\)\]{gap:clamp(32px,5vw,110px)}.md\:p-12{padding:calc(var(--spacing)*12)}.md\:px-10{padding-inline:calc(var(--spacing)*10)}.md\:px-12{padding-inline:calc(var(--spacing)*12)}.md\:px-\[88px\]{padding-inline:88px}.md\:py-10{padding-block:calc(var(--spacing)*10)}.md\:py-12{padding-block:calc(var(--spacing)*12)}.md\:py-16{padding-block:calc(var(--spacing)*16)}.md\:py-20{padding-block:calc(var(--spacing)*20)}.md\:text-\[16px\]{font-size:16px}.md\:text-\[18px\]{font-size:18px}.md\:text-\[20px\]{font-size:20px}.md\:text-\[32px\]{font-size:32px}.md\:text-\[36px\]{font-size:36px}.md\:text-\[40px\]{font-size:40px}.md\:text-\[44px\]{font-size:44px}.md\:text-\[48px\]{font-size:48px}.md\:leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.md\:leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.md\:leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.md\:leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.md\:leading-\[1\.15\]{--tw-leading:1.15;line-height:1.15}.md\:leading-\[1\.625\]{--tw-leading:1.625;line-height:1.625}.md\:leading-\[24px\]{--tw-leading:24px;line-height:24px}.md\:leading-\[28px\]{--tw-leading:28px;line-height:28px}.md\:leading-\[29px\]{--tw-leading:29px;line-height:29px}.md\:leading-\[44px\]{--tw-leading:44px;line-height:44px}.md\:leading-\[48px\]{--tw-leading:48px;line-height:48px}}@media(min-width:64rem){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:inline-flex{display:inline-flex}.lg\:h-\[84px\]{height:84px}.lg\:h-\[350px\]{height:350px}.lg\:h-\[414px\]{height:414px}.lg\:h-\[443px\]{height:443px}.lg\:h-full{height:100%}.lg\:min-h-\[470px\]{min-height:470px}.lg\:min-h-\[clamp\(240px\,42vw\,500px\)\]{min-height:clamp(240px,42vw,500px)}.lg\:w-\[40\%\]{width:40%}.lg\:w-\[55\%\]{width:55%}.lg\:w-\[84px\]{width:84px}.lg\:w-\[390px\]{width:390px}.lg\:w-\[480px\]{width:480px}.lg\:max-w-\[484px\]{max-width:484px}.lg\:max-w-\[718px\]{max-width:718px}.lg\:max-w-\[760px\]{max-width:760px}.lg\:flex-1{flex:1}.lg\:flex-shrink-0,.lg\:shrink-0{flex-shrink:0}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1fr_320px\]{grid-template-columns:1fr 320px}.lg\:grid-cols-\[minmax\(0\,1fr\)_496px\]{grid-template-columns:minmax(0,1fr) 496px}.lg\:grid-cols-\[minmax\(0\,480px\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,480px) minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\,784px\)_430px\]{grid-template-columns:minmax(0,784px) 430px}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}.lg\:items-stretch{align-items:stretch}.lg\:justify-between{justify-content:space-between}.lg\:gap-6{gap:calc(var(--spacing)*6)}.lg\:gap-8{gap:calc(var(--spacing)*8)}.lg\:gap-12{gap:calc(var(--spacing)*12)}.lg\:gap-16{gap:calc(var(--spacing)*16)}.lg\:gap-\[44px\]{gap:44px}.lg\:gap-\[110px\]{gap:110px}.lg\:gap-x-0{column-gap:calc(var(--spacing)*0)}.lg\:gap-x-\[clamp\(32px\,5vw\,116px\)\]{column-gap:clamp(32px,5vw,116px)}.lg\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:border-\[\#D9C59D\]\/30{border-color:#d9c59d4d}.lg\:px-\[72px\]{padding-inline:72px}.lg\:px-\[88px\]{padding-inline:88px}.lg\:py-9{padding-block:calc(var(--spacing)*9)}.lg\:py-20{padding-block:calc(var(--spacing)*20)}.lg\:py-\[44px\]{padding-block:44px}.lg\:py-\[80px\]{padding-block:80px}.lg\:pt-0{padding-top:calc(var(--spacing)*0)}.lg\:pr-\[clamp\(32px\,4vw\,56px\)\]{padding-right:clamp(32px,4vw,56px)}.lg\:pl-\[clamp\(32px\,4vw\,56px\)\]{padding-left:clamp(32px,4vw,56px)}.lg\:text-\[16px\]{font-size:16px}.lg\:text-\[42px\]{font-size:42px}.lg\:text-\[48px\]{font-size:48px}.lg\:leading-\[24px\]{--tw-leading:24px;line-height:24px}.lg\:leading-\[44px\]{--tw-leading:44px;line-height:44px}.lg\:leading-\[48px\]{--tw-leading:48px;line-height:48px}.lg\:leading-\[52px\]{--tw-leading:52px;line-height:52px}}@media(min-width:80rem){.xl\:w-\[430px\]{width:430px}.xl\:w-\[484px\]{width:484px}.xl\:w-\[718px\]{width:718px}.xl\:max-w-\[800px\]{max-width:800px}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\,800px\)_384px\]{grid-template-columns:minmax(0,800px) 384px}.xl\:gap-6{gap:calc(var(--spacing)*6)}.xl\:gap-10{gap:calc(var(--spacing)*10)}.xl\:px-\[88px\]{padding-inline:88px}.xl\:text-\[46px\]{font-size:46px}.xl\:leading-\[46px\]{--tw-leading:46px;line-height:46px}}@media(min-width:96rem){.\32xl\:w-\[470px\]{width:470px}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-800:oklch(44.4% .177 26.899);--color-green-50:oklch(98.2% .018 155.826);--color-green-200:oklch(92.5% .084 155.995);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-800:oklch(44.8% .119 151.328);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;
127--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-tight:1.25;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}
127[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components,utilities;:root{--bg:20 32 41;--fg:255 255 255;--muted:255 255 255;--accent:167 238 67;--slate:17 24 39;--sand:244 239 234}html,body{overflow-x:hidden}.glass{-webkit-backdrop-filter:blur(18px)saturate(140%);background:#ffffff70;border:1px solid #ffffff38;box-shadow:0 12px 30px #0000002e}.glass:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff40}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
128@keyframes aboutHeroReveal{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.animate-about-hero[data-astro-cid-o2mlbmsv]{animation:aboutHeroReveal 1.6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.3s;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.animate-about-hero[data-astro-cid-o2mlbmsv]{animation:none!important;opacity:1!important;transform:none!important}}video[data-astro-cid-o2mlbmsv]{will-change:opacity}h1[data-astro-cid-o2mlbmsv]{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-astro-cid-tmzz5xj5][data-story-section] [data-astro-cid-tmzz5xj5][data-story-animate]{transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);transition-delay:0ms}[data-astro-cid-tmzz5xj5][data-story-section].is-visible [data-astro-cid-tmzz5xj5][data-story-animate]{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){[data-astro-cid-tmzz5xj5][data-story-section] [data-astro-cid-tmzz5xj5][data-story-animate],[data-astro-cid-tmzz5xj5][data-story-parallax]{transition:none!important;transform:none!important;opacity:1!important}}[data-astro-cid-lbrvoehc][data-sustainability-section] [data-astro-cid-lbrvoehc][data-sustainability-animate]{transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);transition-delay:0ms}[data-astro-cid-lbrvoehc][data-sustainability-section].is-visible [data-astro-cid-lbrvoehc][data-sustainability-animate]{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){[data-astro-cid-lbrvoehc][data-sustainability-section] [data-astro-cid-lbrvoehc][data-sustainability-animate]{transition:none!important;transform:none!important;opacity:1!important}}[data-astro-cid-xy6ohalq][data-journal-card][hidden]{display:none}[data-astro-cid-xy6ohalq][data-journal-section] [data-astro-cid-xy6ohalq][data-journal-animate]{transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);transition-delay:0ms}[data-astro-cid-xy6ohalq][data-journal-section].is-visible [data-astro-cid-xy6ohalq][data-journal-animate]{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){[data-astro-cid-xy6ohalq][data-journal-section] [data-astro-cid-xy6ohalq][data-journal-animate]{transition:none!important;transform:none!important;opacity:1!important}}
129:root{--sidebar-bg: rgba(26, 22, 49, .91);--sidebar-bg-stays: #1A1631;--gold: #D9C59D;--gold-btn: #C7BC87;--dark: #1A1631}.header-logo-wrap[data-astro-cid-4z36i57k]{position:absolute;top:0;left:0;z-index:40;padding:20px clamp(20px,4vw,44px)}.header-logo-link[data-astro-cid-4z36i57k]{display:flex;align-items:center}.header-logo[data-astro-cid-4z36i57k]{height:clamp(40px,5vw,64px);width:auto}.header-fixed-actions[data-astro-cid-4z36i57k]{position:fixed;top:0;right:0;z-index:50;display:flex;align-items:center;gap:24px;padding:20px clamp(20px,4vw,44px)}.book-btn[data-astro-cid-4z36i57k]{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:8px 24px;background:var(--gold-btn);box-shadow:none;border-radius:9999px;color:var(--dark);font-size:20px;font-weight:500;line-height:20px;letter-spacing:.35px;text-decoration:none;white-space:nowrap;transition:filter .2s ease}.book-btn[data-astro-cid-4z36i57k]:hover{filter:brightness(.95)}.burger-btn[data-astro-cid-4z36i57k]{display:inline-flex;align-items:center;justify-content:center;height:44px;width:44px;padding:8px;background:var(--gold-btn);box-shadow:none;border-radius:8px;border:none;cursor:pointer;transition:filter .2s ease}.burger-btn[data-astro-cid-4z36i57k]:hover{filter:brightness(.95)}.sidebar-overlay[data-astro-cid-4z36i57k]{position:fixed;inset:0;z-index:90;background:#0006;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.sidebar-overlay[data-astro-cid-4z36i57k].is-visible{opacity:1;pointer-events:auto}.sidebar[data-astro-cid-4z36i57k]{position:fixed;top:0;right:0;z-index:100;--sidebar-panel-gap: clamp(22px, 5dvh, 74px);--sidebar-section-gap: clamp(22px, 5dvh, 74px);--sidebar-link-gap: clamp(10px, 2.4dvh, 24px);--sidebar-rule-space: clamp(12px, 2.4dvh, 24px);--sidebar-link-line: clamp(38px, 5.2dvh, 48px);--sidebar-pad-top: clamp(24px, 4.8dvh, 44px);--sidebar-pad-bottom: clamp(28px, 5dvh, 88px);box-sizing:border-box;
129width:min(100%,420px);height:100vh;height:100dvh;padding:var(--sidebar-pad-top) 32px var(--sidebar-pad-bottom) 44px;background:var(--sidebar-bg);border-top-left-radius:32px;border-bottom-left-radius:32px;outline:1px solid var(--dark);outline-offset:-1px;display:flex;flex-direction:column;gap:var(--sidebar-panel-gap);overflow-y:auto;transform:translate(100%);transition:transform .45s cubic-bezier(.4,0,.2,1);-webkit-overflow-scrolling:touch}.sidebar[data-astro-cid-4z36i57k].is-open{transform:translate(0)}.sidebar[data-astro-cid-4z36i57k]:has(.sidebar-nav-item.is-expanded){background:var(--sidebar-bg-stays)}.sidebar-top[data-astro-cid-4z36i57k]{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--sidebar-rule-space);position:relative;flex:0 0 auto}.sidebar-lang-btn[data-astro-cid-4z36i57k]{display:inline-flex;align-items:center;gap:9px;padding:4px 8px;border-radius:16px;background:none;border:none;cursor:pointer;color:var(--gold);transition:opacity .2s ease;min-height:44px}.sidebar-lang-btn[data-astro-cid-4z36i57k]:hover{opacity:.8}.sidebar-lang-label[data-astro-cid-4z36i57k]{color:var(--gold);font-size:14px;font-weight:500;line-height:20px;letter-spacing:.35px}.sidebar-lang-chevron[data-astro-cid-4z36i57k]{width:16px;height:16px;transition:transform .2s ease}.sidebar-lang-btn[data-astro-cid-4z36i57k][aria-expanded=true] .sidebar-lang-chevron[data-astro-cid-4z36i57k]{transform:rotate(180deg)}.sidebar-lang-menu[data-astro-cid-4z36i57k]{position:absolute;top:calc(100% - 24px);left:0;background:var(--dark);border:1px solid var(--gold);border-radius:12px;overflow:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:10;min-width:120px}.sidebar-lang-menu[data-astro-cid-4z36i57k].is-open{opacity:1;transform:translateY(0);pointer-events:auto}.sidebar-lang-option[data-astro-cid-4z36i57k]{display:block;width:100%;padding:10px 16px;background:none;border:none;border-bottom:1px solid rgba(217,197,157,.15);color:var(--gold);font-size:13px;text-align:left;cursor:pointer;transition:background .15s ease;min-height:44px}.sidebar-lang-option[data-astro-cid-4z36i57k]:last-child{border-bottom:none}.sidebar-lang-option[data-astro-cid-4z36i57k]:hover{background:#d9c59d1a}.sidebar-lang-option[data-astro-cid-4z36i57k][aria-selected=true]{font-weight:600}.close-btn[data-astro-cid-4z36i57k]{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;cursor:pointer;transition:opacity .2s ease,transform .25s ease}.close-btn[data-astro-cid-4z36i57k]:hover{opacity:.7;transform:rotate(90deg)}.sidebar-nav[data-astro-cid-4z36i57k]{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:var(--sidebar-section-gap);min-height:0}.sidebar-nav-links[data-astro-cid-4z36i57k]{display:flex;flex-direction:column;gap:var(--sidebar-link-gap)}.sidebar-nav-item[data-astro-cid-4z36i57k]{padding-bottom:var(--sidebar-rule-space);border-bottom:1px solid var(--gold);transition:border-color .2s ease}.sidebar-nav-row[data-astro-cid-4z36i57k]{display:flex;align-items:center;justify-content:space-between;gap:38px}.sidebar-nav-link[data-astro-cid-4z36i57k]{color:#fff;font-size:clamp(22px,2.5vw,28px);font-weight:400;line-height:var(--sidebar-link-line);letter-spacing:.35px;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;text-align:left;transition:transform .25s cubic-bezier(.4,0,.2,1),color .2s ease}.sidebar-nav-label[data-astro-cid-4z36i57k]{display:inline-flex;align-items:center;gap:9px}.sidebar-dropdown-chevron[data-astro-cid-4z36i57k]{width:16px;height:16px;color:var(--gold);flex-shrink:0;transition:transform .22s ease,color .2s ease}.sidebar-nav-link[data-astro-cid-4z36i57k][aria-expanded=true] .sidebar-dropdown-chevron[data-astro-cid-4z36i57k]{transform:rotate(180deg)}.sidebar-nav-row[data-astro-cid-4z36i57k]:hover .sidebar-nav-link[data-astro-cid-4z36i57k]{transform:translate(8px);color:var(--gold)}.sidebar-nav-arrow-link[data-astro-cid-4z36i57k]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none;transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar-nav-arrow-link[data-astro-cid-4z36i57k]:hover{transform:translate(6px)}.sidebar-nav-arrow[data-astro-cid-4z36i57k]{width:28px;height:28px;color:#fff;flex-shrink:0;transition:color .2s ease}.sidebar-nav-row[data-astro-cid-4z36i57k]:hover .sidebar-nav-arrow[data-astro-cid-4z36i57k]{color:var(--gold)}.sidebar-dropdown[data-astro-cid-4z36i57k]{display:flex;flex-direction:column;max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:0}
129.sidebar-dropdown[data-astro-cid-4z36i57k].is-open{max-height:300px;opacity:1;margin-top:8px}.sidebar-sub-link[data-astro-cid-4z36i57k]{color:#fff;font-size:clamp(16px,2vw,24px);font-weight:400;line-height:var(--sidebar-link-line);letter-spacing:.35px;text-decoration:none;transition:transform .25s cubic-bezier(.4,0,.2,1),color .2s ease}.sidebar-sub-link[data-astro-cid-4z36i57k]:hover{transform:translate(8px);color:var(--gold)}.sidebar-book-row[data-astro-cid-4z36i57k]{display:flex;align-items:center;justify-content:space-between;gap:38px;padding-bottom:var(--sidebar-rule-space);border-bottom:1px solid var(--gold);flex:0 0 auto}.sidebar-book-link[data-astro-cid-4z36i57k]{color:var(--gold);font-size:clamp(32px,4vw,48px);font-weight:400;line-height:clamp(40px,5.4dvh,48px);letter-spacing:.35px;text-decoration:none;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s ease}.sidebar-book-row[data-astro-cid-4z36i57k]:hover .sidebar-book-link[data-astro-cid-4z36i57k]{transform:translate(6px)}.sidebar-book-arrow-link[data-astro-cid-4z36i57k]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none;transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar-book-row[data-astro-cid-4z36i57k]:hover .sidebar-book-arrow-link[data-astro-cid-4z36i57k]{transform:translate(6px)}.sidebar-book-arrow[data-astro-cid-4z36i57k]{width:44px;height:44px;flex-shrink:0}@media(max-width:600px){.header-logo-wrap[data-astro-cid-4z36i57k],.header-fixed-actions[data-astro-cid-4z36i57k]{padding:20px 24px}.header-logo[data-astro-cid-4z36i57k]{height:44px}.book-btn[data-astro-cid-4z36i57k]{display:none}.burger-btn[data-astro-cid-4z36i57k]{height:44px;width:44px}.sidebar[data-astro-cid-4z36i57k]{width:100%;border-top-left-radius:0;border-bottom-left-radius:0;--sidebar-panel-gap: clamp(18px, 4dvh, 48px);--sidebar-section-gap: clamp(18px, 4dvh, 48px);--sidebar-link-gap: clamp(8px, 1.8dvh, 24px);--sidebar-rule-space: clamp(10px, 2dvh, 24px);--sidebar-pad-top: clamp(20px, 4dvh, 32px);--sidebar-pad-bottom: clamp(24px, 5dvh, 64px);padding-right:24px;padding-left:24px}.sidebar-nav-links[data-astro-cid-4z36i57k]{gap:var(--sidebar-link-gap)}}@media(max-height:640px){.sidebar[data-astro-cid-4z36i57k]{--sidebar-panel-gap: 18px;--sidebar-section-gap: 18px;--sidebar-link-gap: 8px;--sidebar-rule-space: 10px;--sidebar-link-line: 36px;--sidebar-pad-top: 20px;--sidebar-pad-bottom: 24px}.sidebar-book-link[data-astro-cid-4z36i57k]{font-size:32px;line-height:38px}}@media(prefers-reduced-motion:reduce){.sidebar[data-astro-cid-4z36i57k],.sidebar-overlay[data-astro-cid-4z36i57k],.sidebar-dropdown[data-astro-cid-4z36i57k],.sidebar-lang-menu[data-astro-cid-4z36i57k],.sidebar-lang-chevron[data-astro-cid-4z36i57k],.sidebar-nav-link[data-astro-cid-4z36i57k],.sidebar-nav-arrow-link[data-astro-cid-4z36i57k],.sidebar-sub-link[data-astro-cid-4z36i57k],.sidebar-book-link[data-astro-cid-4z36i57k],.sidebar-book-arrow-link[data-astro-cid-4z36i57k],.close-btn[data-astro-cid-4z36i57k]{transition:none}}.promo-hero-banner[data-astro-cid-4qxq2mny]{position:absolute;right:clamp(16px,3vw,40px);bottom:clamp(16px,4vh,36px);z-index:40;width:min(calc(100% - 32px),560px);display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:20px;padding:14px 22px;border:1px solid rgba(217,197,157,.18);border-radius:16px;background:#1a1631f5;backdrop-filter:blur(10px)}.promo-hero-banner__title[data-astro-cid-4qxq2mny]{flex:1 1 0;min-width:0;margin:0;color:#fff;font-size:18px;line-height:1.3;font-weight:500}.promo-hero-banner__cta[data-astro-cid-4qxq2mny]{flex:0 0 auto;align-self:center;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:10px 22px;border-radius:999px;background:#d9c59d;color:#1a1631;text-decoration:none;text-transform:uppercase;font-size:12px;line-height:1;font-weight:700;letter-spacing:.84px;transition:background-color .18s ease,transform .18s ease}.promo-hero-banner__cta[data-astro-cid-4qxq2mny]:hover{background:#ead8af;transform:translateY(-1px)}.promo-hero-banner__dismiss[data-astro-cid-4qxq2mny]{flex:0 0 auto;align-self:center;position:relative;width:24px;height:24px;display:grid;place-items:center;border:0;padding:0;background:transparent;color:#fff3;cursor:pointer;transition:color .18s ease}.promo-hero-banner__dismiss[data-astro-cid-4qxq2mny]:after{content:"";position:absolute;inset:-10px}.promo-hero-banner__dismiss[data-astro-cid-4qxq2mny]:hover{color:#ffffffb8}.promo-hero-banner__dismiss[data-astro-cid-4qxq2mny] svg[data-astro-cid-4qxq2mny]{width:16px;height:16px}.promo-hero-banner__dismiss[data-astro-cid-4qxq2mny] path[data-astro-cid-4qxq2mny]{fill:none;stroke:currentColor;stroke-linecap:round}@media(max-width:600px){.promo-hero-banner[data-astro-cid-4qxq2mny]{gap:12px;padding:12px 16px}.promo-hero-banner__title[data-astro-cid-4qxq2mny]{font-size:15px}.promo-hero-banner__cta[data-astro-cid-4qxq2mny]{padding:9px 14px;font-size:11px;letter-spacing:.7px;min-height:44px}}
130.hero-scroll-indicator{position:absolute;
130left:50%;bottom:clamp(32px,6svh,64px);z-index:30;box-sizing:border-box;width:44px;height:44px;padding:0;display:grid;place-items:center;border:0;border-radius:9999px;background:transparent;color:#fff;cursor:pointer;transform:translate(-50%)}.hero-scroll-indicator__frame{box-sizing:border-box;width:24px;height:40px;padding-top:8px;display:flex;justify-content:center;border:2px solid rgba(255,255,255,.9);border-radius:9999px;opacity:.9;transition:opacity .18s ease}.hero-scroll-indicator:hover .hero-scroll-indicator__frame,.hero-scroll-indicator:focus-visible .hero-scroll-indicator__frame{opacity:1}.hero-scroll-indicator:focus-visible{outline:2px solid rgba(255,255,255,.88);outline-offset:4px}.hero-scroll-indicator__dot{display:block;width:4px;height:6px;border-radius:9999px;background:#fff;animation:heroScrollIndicatorPulse 1.8s ease-in-out infinite;will-change:transform,opacity}@keyframes heroScrollIndicatorPulse{0%,to{opacity:.72;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.hero-scroll-indicator__dot{animation:none!important;opacity:1!important;transform:none!important}}
131html{scroll-behavior:auto!important;scroll-snap-type:none!important}.snap-section{scroll-snap-align:none!important}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}
132</style></head> <body class="bg-bg text-fg antialiased" style="font-family: 'Inter Variable', Inter, ui-sans-serif, system-ui, sans-serif;"> <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, line 132
132 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
132GTM-5TDJ8CS7
vendor: 83 bytes, line 132
132" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 
132<!-- End Google Tag Manager (noscript) --> <a href="#main-content" class="sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-[9999] focus:bg-white focus:text-[#1A1631] focus:px-4 focus:py-2 focus:rounded focus:font-medium">Skip to main content</a> <!-- Scroll progress bar (left edge) --> <div id="scroll-progress" class="fixed left-0 top-0 z-50 w-[3px] bg-[#D9C59D] pointer-events-none" style="height: 100%; transform: scaleY(0); transform-origin: top;"></div>  <main id="main-content" tabindex="-1"> <div class="snap-section"><section class="relative w-full overflow-hidden bg-black h-[100svh] min-h-[560px]" data-about-hero style="background:#000;" data-astro-cid-o2mlbmsv>    <video data-hero-video class="absolute inset-0 h-full w-full object-cover object-center opacity-0 transition-opacity duration-700" muted autoplay loop playsinline preload="none" poster="/og-default.jpg" data-src="/videos/aboutus.mp4" data-astro-cid-o2mlbmsv></video>     <div data-hero-poster class="absolute inset-0 opacity-0 pointer-events-none transition-opacity duration-500" aria-hidden="true" data-astro-cid-o2mlbmsv> <img src="/_astro/hero.BVGPeW6Z_Z1XJU4J.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N" srcset="/_astro/hero.BVGPeW6Z_Z1Nxpjp.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 768w, /_astro/hero.BVGPeW6Z_Z2nu0Gs.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 1024w, /_astro/hero.BVGPeW6Z_Z1xILtr.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 1440w, /_astro/hero.BVGPeW6Z_CDMTa.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 1920w, /_astro/hero.BVGPeW6Z_Z1XJU4J.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 2560w" alt="Hotel Nantipa beachfront, Santa Teresa, Costa Rica" loading="eager" fetchpriority="high" decoding="async" sizes="100vw" data-astro-cid-o2mlbmsv="true" width="2560" height="1438" class="h-full w-full object-cover object-center"> </div>  <div class="absolute inset-0 bg-gradient-to-b from-black/30 via-black/50 to-black/70" data-astro-cid-o2mlbmsv></div>    <div class="
133      relative z-10 h-full
134      flex flex-col items-center justify-between
135      px-[clamp(16px,5vw,144px)]
136      pt-[clamp(16px,4vw,44px)]
137      pb-[clamp(24px,6vw,80px)]
138    " data-astro-cid-o2mlbmsv>  <div class="w-full max-w-[1264px]" data-astro-cid-o2mlbmsv> <!-- ===== LOGO (stays in hero, scrolls away) ===== --><div class="header-logo-wrap" data-astro-cid-4z36i57k> <a href="/" class="header-logo-link" aria-label="Go to home" data-astro-cid-4z36i57k> <img src="/_astro/nantipa-header-logo.4hM0wDSm.svg" alt="Nantipa" class="header-logo" width="202" height="64" loading="eager" decoding="async" fetchpriority="high" data-astro-cid-4z36i57k> </a> </div> <!-- ===== FIXED ACTIONS (burger + book now, always visible) ===== --> <header id="site-header" class="header-fixed-actions" role="banner" aria-label="Site header" data-astro-cid-4z36i57k> <a href="https://reservations.nantipa.com/book/dates-of-stay?adults=1&amp;domain=www.nantipa.com&amp;HotelId=9883313&amp;languageid=1&amp;rooms=1" target="_blank" rel="noopener noreferrer" class="book-btn" data-astro-cid-4z36i57k> Book Now<span class="sr-only" data-astro-cid-4z36i57k> (opens in new tab)</span> </a> <button id="menu-btn" type="button" class="burger-btn" aria-label="Open menu" aria-expanded="false" data-astro-cid-4z36i57k> <svg class="h-7 w-7" viewBox="0 0 28 28" fill="none" aria-hidden="true" data-astro-cid-4z36i57k> <path d="M5.83 7.23h16.33" stroke="#1A1631" stroke-width="1.87" stroke-linecap="round" data-astro-cid-4z36i57k></path> <path d="M5.83 13.07h16.33" stroke="#1A1631" stroke-width="1.87" stroke-linecap="round" data-astro-cid-4z36i57k></path> <path d="M5.83 18.9h16.33" stroke="#1A1631" stroke-width="1.87" stroke-linecap="round" data-astro-cid-4z36i57k></path> </svg> </button> </header> <!-- ===== OVERLAY (dark backdrop) ===== --> <div id="sidebar-overlay" class="sidebar-overlay" aria-hidden="true" data-astro-cid-4z36i57k></div> <!-- ===== SIDEBAR (slides from right) ===== --> <nav id="sidebar" class="sidebar" aria-label="Primary navigation" aria-hidden="true" inert data-astro-cid-4z36i57k> <!-- Top row: language + close --> <div class="sidebar-top" data-astro-cid-4z36i57k> <!-- Language selector --> <button id="lang-trigger" type="button" class="sidebar-lang-btn" aria-haspopup="listbox" aria-expanded="false" aria-label="Select language" data-astro-cid-4z36i57k> <span class="sidebar-lang-label" id="lang-label" data-astro-cid-4z36i57k>EN</span>
138 <svg class="sidebar-lang-chevron" viewBox="0 0 16 16" fill="none" aria-hidden="true" data-astro-cid-4z36i57k> <path d="M4 6l4 4 4-4" stroke="#D9C59D" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-4z36i57k></path> </svg> </button> <!-- Language dropdown --> <div id="lang-menu" class="sidebar-lang-menu" role="listbox" aria-label="Select language" inert data-astro-cid-4z36i57k> <button type="button" role="option" data-lang="en" aria-selected="true" class="sidebar-lang-option" data-astro-cid-4z36i57k>English</button> <button type="button" role="option" data-lang="es" aria-selected="false" class="sidebar-lang-option" data-astro-cid-4z36i57k>Español</button> <button type="button" role="option" data-lang="pt" aria-selected="false" class="sidebar-lang-option" data-astro-cid-4z36i57k>Português</button> </div> <!-- Close button (thin X) --> <button id="close-btn" type="button" class="close-btn" aria-label="Close menu" data-astro-cid-4z36i57k> <svg class="w-7 h-7" viewBox="0 0 28 28" fill="none" aria-hidden="true" data-astro-cid-4z36i57k> <path d="M6 6l16 16" stroke="#D9C59D" stroke-width="1.5" stroke-linecap="round" data-astro-cid-4z36i57k></path> <path d="M22 6L6 22" stroke="#D9C59D" stroke-width="1.5" stroke-linecap="round" data-astro-cid-4z36i57k></path> </svg> </button> </div> <!-- Nav links --> <div class="sidebar-nav" data-astro-cid-4z36i57k> <div class="sidebar-nav-links" data-astro-cid-4z36i57k> <div class="sidebar-nav-item" data-has-dropdown="true" data-astro-cid-4z36i57k> <div class="sidebar-nav-row" data-astro-cid-4z36i57k> <button type="button" class="sidebar-nav-link" data-dropdown-trigger="stays" data-dropdown-href="/stays" aria-haspopup="true" aria-expanded="false" data-astro-cid-4z36i57k> <span class="sidebar-nav-label" data-astro-cid-4z36i57k> Rooms <svg class="sidebar-dropdown-chevron" viewBox="0 0 16 16" fill="none" aria-hidden="true" data-astro-cid-4z36i57k> <path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-4z36i57k></path> </svg> </span> </button> <a href="/stays" class="sidebar-nav-arrow-link" aria-label="Go to Rooms" data-astro-cid-4z36i57k>
138 <svg class="sidebar-nav-arrow" viewBox="0 0 28 28" fill="none" aria-hidden="true" data-astro-cid-4z36i57k> <path d="M5 14h18M15 6l8 8-8 8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-4z36i57k></path> </svg> </a> </div> <div class="sidebar-dropdown" id="sidebar-stays-dropdown" inert data-astro-cid-4z36i57k> <a href="/stays/ninta-beachfront-bungalow" class="sidebar-sub-link" data-astro-cid-4z36i57k>Ninta Beachfront Bungalow</a><a href="/stays/manti-bungalow" class="sidebar-sub-link" data-astro-cid-4z36i57k>Manti Bungalow</a><a href="/stays/nanku-suites" class="sidebar-sub-link" data-astro-cid-4z36i57k>Nanku Suites</a><a href="/stays/beachfront-villa" class="sidebar-sub-link" data-astro-cid-4z36i57k>Beachfront Villa</a> </div> </div><div class="sidebar-nav-item" data-has-dropdown="false" data-astro-cid-4z36i57k> <div class="sidebar-nav-row" data-astro-cid-4z36i57k> <a href="/manzu" class="sidebar-nav-link" data-astro-cid-4z36i57k> Manzú Restaurant </a> <a href="/manzu" class="sidebar-nav-arrow-link" aria-label="Go to Manzú Restaurant" data-astro-cid-4z36i57k>
138 <svg class="sidebar-nav-arrow" viewBox="0 0 28 28" fill="none" aria-hidden="true" data-astro-cid-4z36i57k> <path d="M5 14h18M15 6l8 8-8 8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-4z36i57k></path> </svg> </a> </div>  </div><div class="sidebar-nav-item" data-has-dropdown="true" data-astro-cid-4z36i57k> <div class="sidebar-nav-row" data-astro-cid-4z36i57k> <button type="button" class="sidebar-nav-link" data-dropdown-trigger="numu" data-dropdown-href="/wellness/numu" aria-haspopup="true" aria-expanded="false" data-astro-cid-4z36i57k> <span class="sidebar-nav-label" data-astro-cid-4z36i57k> Numu Wellness <svg class="sidebar-dropdown-chevron" viewBox="0 0 16 16" fill="none" aria-hidden="true" data-astro-cid-4z36i57k> <path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-4z36i57k></path> </svg> </span> </button> <a href="/wellness/numu" class="sidebar-nav-arrow-link" aria-label="Go to Numu Wellness" data-astro-cid-4z36i57k>
138 <svg class="sidebar-nav-arrow" viewBox="0 0 28 28" fill="none" aria-hidden="true" data-astro-cid-4z36i57k> <path d="M5 14h18M15 6l8 8-8 8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-4z36i57k></path> </svg> </a> </div> <div class="sidebar-dropdown" id="sidebar-numu-dropdown" inert data-astro-cid-4z36i57k> <a href="/wellness/numu#wellness-treatments-classes" class="sidebar-sub-link" data-astro-cid-4z36i57k>Wellness Treatments</a><a href="/wellness/numu#yoga-shala" class="sidebar-sub-link" data-astro-cid-4z36i57k>Yoga Shala</a><a href="/wellness/numu#retreats" class="sidebar-sub-link" data-astro-cid-4z36i57k>Retreats</a> </div> </div><div class="sidebar-nav-item" data-has-dropdown="true" data-astro-cid-4z36i57k> <div class="sidebar-nav-row" data-astro-cid-4z36i57k> <button type="button" class="sidebar-nav-link" data-dropdown-trigger="experiences" data-dropdown-href="/experiences" aria-haspopup="true" aria-expanded="false" data-astro-cid-4z36i57k> <span class="sidebar-nav-label" data-astro-cid-4z36i57k> Experiences <svg class="sidebar-dropdown-chevron" viewBox="0 0 16 16" fill="none" aria-hidden="true" data-astro-cid-4z36i57k> <path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-4z36i57k></path> </svg> </span> </button> <a href="/experiences" class="sidebar-nav-arrow-link" aria-label="Go to Experiences" data-astro-cid-4z36i57k>
138 <svg class="sidebar-nav-arrow" viewBox="0 0 28 28" fill="none" aria-hidden="true" data-astro-cid-4z36i57k> <path d="M5 14h18M15 6l8 8-8 8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-4z36i57k></path> </svg> </a> </div> <div class="sidebar-dropdown" id="sidebar-experiences-dropdown" inert data-astro-cid-4z36i57k> <a href="/experiences#tours-local-adventures" class="sidebar-sub-link" data-astro-cid-4z36i57k>Tours &amp; Local Adventures</a><a href="/experiences#nantipa-experiences" class="sidebar-sub-link" data-astro-cid-4z36i57k>Nantipa Experiences</a> </div> </div><div class="sidebar-nav-item" data-has-dropdown="true" data-astro-cid-4z36i57k> <div class="sidebar-nav-row" data-astro-cid-4z36i57k> <button type="button" class="sidebar-nav-link" data-dropdown-trigger="aboutus" data-dropdown-href="/about-us" aria-haspopup="true" aria-expanded="false" data-astro-cid-4z36i57k> <span class="sidebar-nav-label" data-astro-cid-4z36i57k> About Us <svg class="sidebar-dropdown-chevron" viewBox="0 0 16 16" fill="none" aria-hidden="true" data-astro-cid-4z36i57k> <path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-4z36i57k></path> </svg> </span> </button> <a href="/about-us" class="sidebar-nav-arrow-link" aria-label="Go to About Us" data-astro-cid-4z36i57k>
138 <svg class="sidebar-nav-arrow" viewBox="0 0 28 28" fill="none" aria-hidden="true" data-astro-cid-4z36i57k> <path d="M5 14h18M15 6l8 8-8 8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-4z36i57k></path> </svg> </a> </div> <div class="sidebar-dropdown" id="sidebar-aboutus-dropdown" inert data-astro-cid-4z36i57k> <a href="/about-us/sustainability" class="sidebar-sub-link" data-astro-cid-4z36i57k>Sustainability</a><a href="/about-us/our-story" class="sidebar-sub-link" data-astro-cid-4z36i57k>Our Story</a><a href="/about-us/getting-here-around" class="sidebar-sub-link" data-astro-cid-4z36i57k>Getting Here &amp; Around</a><a href="/about-us#journal" class="sidebar-sub-link" data-astro-cid-4z36i57k>Our Journal</a> </div> </div> </div> <!-- Book Now (bottom of sidebar) --> <div class="sidebar-book-row" data-astro-cid-4z36i57k> <a href="https://reservations.nantipa.com/book/dates-of-stay?adults=1&amp;domain=www.nantipa.com&amp;HotelId=9883313&amp;languageid=1&amp;rooms=1" target="_blank" rel="noopener noreferrer" class="sidebar-book-link" data-astro-cid-4z36i57k> Book Now<span class="sr-only" data-astro-cid-4z36i57k> (opens in new tab)</span> </a> <a href="https://reservations.nantipa.com/book/dates-of-stay?adults=1&amp;domain=www.nantipa.com&amp;HotelId=9883313&amp;languageid=1&amp;rooms=1" target="_blank" rel="noopener noreferrer" class="sidebar-book-arrow-link" aria-label="Book Now (opens in new tab)" data-astro-cid-4z36i57k>
138 <svg class="sidebar-book-arrow" viewBox="0 0 44 44" fill="none" aria-hidden="true" data-astro-cid-4z36i57k> <path d="M8 22h28M28 12l10 10-10 10" stroke="#D9C59D" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-4z36i57k></path> </svg> </a> </div> </div> </nav> 
138<script>
139  (function () {
140    const menuBtn = document.getElementById("menu-btn");
141    const closeBtn = document.getElementById("close-btn");
142    const sidebar = document.getElementById("sidebar");
143    const overlay = document.getElementById("sidebar-overlay");
144    const langTrigger = document.getElementById("lang-trigger");
145    const langMenu = document.getElementById("lang-menu");
146    const langLabel = document.getElementById("lang-label");
147    const staysTrigger = document.querySelector("[data-dropdown-trigger='stays']");
148    const staysDropdown = document.getElementById("sidebar-stays-dropdown");
149    const numuTrigger = document.querySelector("[data-dropdown-trigger='numu']");
150    const numuDropdown = document.getElementById("sidebar-numu-dropdown");
151    const experiencesTrigger = document.querySelector("[data-dropdown-trigger='experiences']");
152    const experiencesDropdown = document.getElementById("sidebar-experiences-dropdown");
153    const aboutusTrigger = document.querySelector("[data-dropdown-trigger='aboutus']");
154    const aboutusDropdown = document.getElementById("sidebar-aboutus-dropdown");
155
156    if (!menuBtn || !closeBtn || !sidebar || !overlay) return;
157
158    let isOpen = false;
159    let staysOpen = false;
160    let numuOpen = false;
161    let experiencesOpen = false;
162    let aboutusOpen = false;
163    let langOpen = false;
164    let lastFocusedBeforeSidebar = null;
165    let inertedBackgroundEls = [];
166
167    const focusableSelector = [
168      "a[href]",
169      "button:not([disabled])",
170      "input:not([disabled])",
171      "select:not([disabled])",
172      "textarea:not([disabled])",
173      "[tabindex]:not([tabindex='-1'])",
174    ].join(",");
175
176    function getSidebarFocusable() {
177      return Array.from(sidebar.querySelectorAll(focusableSelector)).filter(function(el) {
178        return el.offsetParent !== null && !el.closest("[inert]");
179      });
180    }
181
182    function setInert(el, inert) {
183      if (!el) return;
184      if (inert) el.setAttribute("inert", "");
185      else el.removeAttribute("inert");
186    }
187
188    function setBackgroundInert(open) {
189      inertedBackgroundEls.forEach(function(el) {
190        setInert(el, false);
191      });
192      inertedBackgroundEls = [];
193
194      if (!open) return;
195
196      const main = document.getElementById("main-content");
197      if (!main) return;
198
199      if (!main.contains(sidebar)) {
200        setInert(main, true);
201        inertedBackgroundEls.push(main);
202        return;
203      }
204
205      let pathNode = sidebar;
206      let parent = sidebar.parentElement;
207
208      while (parent && parent !== document.body) {
209        Array.from(parent.children).forEach(function(child) {
210          if (child === pathNode || child.contains(sidebar) || child === overlay) return;
211          setInert(child, true);
212          inertedBackgroundEls.push(child);
213        });
214
215        pathNode = parent;
216        parent = parent.parentElement;
217      }
218    }
219
220    /* ---- Set language label from URL on load ---- */
221    {
222      const locales = ["en", "es", "pt"];
223      const pathParts = window.location.pathname.split("/").filter(Boolean);
224      const currentLocale = locales.includes(pathParts[0]) ? pathParts[0] : "en";
225      const labelMap = { en: "En", es: "Es", pt: "Pt" };
226      if (langLabel) langLabel.textContent = labelMap[currentLocale] || "En";
227      /* Also update aria-selected on the correct option */
228      if (langMenu) {
229        langMenu.querySelectorAll("[role='option']").forEach(function(o) {
230          o.setAttribute("aria-selected", o.getAttribute("data-lang") === currentLocale ? "true" : "false");
231        });
232      }
233    }
234
235    function setSidebar(open) {
236      if (open && !isOpen) {
237        lastFocusedBeforeSidebar = document.activeElement;
238      }
239
240      isOpen = open;
241      sidebar.setAttribute("aria-hidden", open ? "false" : "true");
242      setInert(sidebar, !open);
243      sidebar.classList.toggle("is-open", open);
244      overlay.classList.toggle("is-visible", open);
245      menuBtn.setAttribute("aria-expanded", open ? "true" : "false");
246      document.body.style.overflow = open ? "hidden" : "";
247      setBackgroundInert(open);
248
249      if (!open) {
250        setStays(false);
251        setNumu(false);
252        setExperiences(false);
253        setAboutus(false);
254        setLangOpen(false);
255        if (lastFocusedBeforeSidebar && typeof lastFocusedBeforeSidebar.focus === "function") {
256          lastFocusedBeforeSidebar.focus();
257        }
258        lastFocusedBeforeSidebar = null;
259      } else {
260        closeBtn.focus();
261      }
262    }
263
264    menuBtn.addEventListener("click", () => setSidebar(true));
265    closeBtn.addEventListener("click", () => setSidebar(false));
266    overlay.addEventListener("click", () => setSidebar(false));
267
268    document.addEventListener("keydown", (e) => {
269      if (e.key === "Escape" && isOpen) setSidebar(false);
270      if (e.key !== "Tab" || !isOpen) return;
271
272      const focusable = getSidebarFocusable();
273      if (!focusable.length) {
274        e.preventDefault();
275        closeBtn.focus();
276        return;
277      }
278
279      const first = focusable[0];
280      const last = focusable[focusable.length - 1];
281      if (e.shiftKey && document.activeElement === first) {
282        e.preventDefault();
283        last.focus();
284      } else if (!e.shiftKey && document.activeElement === last) {
285        e.preventDefault();
286        first.focus();
287      }
288    });
289
290    /* ---- Stays dropdown ---- */
291    function setStays(open) {
292      staysOpen = open;
293      if (!staysTrigger || !staysDropdown) return;
294      staysTrigger.setAttribute("aria-expanded", open ? "true" : "false");
295      staysDropdown.classList.toggle("is-open", open);
296      setInert(staysDropdown, !open);
297      staysTrigger.closest(".sidebar-nav-item")?.classList.toggle("is-expanded", open);
298    }
299
300    staysTrigger?.addEventListener("click", () => {
301      if (staysOpen) {
302        window.location.href = staysTrigger.getAttribute("data-dropdown-href") || "/stays";
303      } else {
304        setStays(true);
305      }
306    });
307
308    /* ---- Numu dropdown ---- */
309    function setNumu(open) {
310      numuOpen = open;
311      if (!numuTrigger || !numuDropdown) return;
312      numuTrigger.setAttribute("aria-expanded", open ? "true" : "false");
313      numuDropdown.classList.toggle("is-open", open);
314      setInert(numuDropdown, !open);
315      numuTrigger.closest(".sidebar-nav-item")?.classList.toggle("is-expanded", open);
316    }
317
318    numuTrigger?.addEventListener("click", () => {
319      if (numuOpen) {
320        window.location.href = numuTrigger.getAttribute("data-dropdown-href") || "/wellness/numu";
321      } else {
322        setNumu(true);
323      }
324    });
325
326    /* ---- Experiences dropdown ---- */
327    function setExperiences(open) {
328      experiencesOpen = open;
329      if (!experiencesTrigger || !experiencesDropdown) return;
330      experiencesTrigger.setAttribute("aria-expanded", open ? "true" : "false");
331      experiencesDropdown.classList.toggle("is-open", open);
332      setInert(experiencesDropdown, !open);
333      experiencesTrigger.closest(".sidebar-nav-item")?.classList.toggle("is-expanded", open);
334    }
335
336    experiencesTrigger?.addEventListener("click", () => {
337      if (experiencesOpen) {
338        window.location.href = experiencesTrigger.getAttribute("data-dropdown-href") || "/experiences";
339      } else {
340        setExperiences(true);
341      }
342    });
343
344    /* ---- About Us dropdown ---- */
345    function setAboutus(open) {
346      aboutusOpen = open;
347      if (!aboutusTrigger || !aboutusDropdown) return;
348      aboutusTrigger.setAttribute("aria-expanded", open ? "true" : "false");
349      aboutusDropdown.classList.toggle("is-open", open);
350      setInert(aboutusDropdown, !open);
351      aboutusTrigger.closest(".sidebar-nav-item")?.classList.toggle("is-expanded", open);
352    }
353
354    aboutusTrigger?.addEventListener("click", () => {
355      if (aboutusOpen) {
356        window.location.href = aboutusTrigger.getAttribute("data-dropdown-href") || "/about-us";
357      } else {
358        setAboutus(true);
359      }
360    });
361
362    sidebar.querySelectorAll(".sidebar-sub-link").forEach((link) => {
363      link.addEventListener("click", () => setSidebar(false));
364    });
365
366    /* ---- Language selector ---- */
367    function setLangOpen(open) {
368      langOpen = open;
369      if (!langTrigger || !langMenu) return;
370      langTrigger.setAttribute("aria-expanded", open ? "true" : "false");
371      langMenu.classList.toggle("is-open", open);
372      setInert(langMenu, !open);
373    }
374
375    langTrigger?.addEventListener("click", (e) => {
376      e.stopPropagation();
377      setLangOpen(!langOpen);
378    });
379
380    langMenu?.addEventListener("click", (e) => {
381      e.stopPropagation();
382      const btn = e.target instanceof HTMLElement ? e.target.closest("[data-lang]") : null;
383      if (!btn) return;
384
385      const langCode = btn.getAttribute("data-lang");
386      const labelMap = { en: "En", es: "Es", pt: "Pt" };
387      if (langLabel) langLabel.textContent = labelMap[langCode] || langCode;
388
389      langMenu.querySelectorAll("[role='option']").forEach((o) => o.setAttribute("aria-selected", "false"));
390      btn.setAttribute("aria-selected", "true");
391
392      /* Navigate to the selected language */
393      const currentPath = window.location.pathname;
394      const pathParts = currentPath.split("/").filter(Boolean);
395      const locales = ["en", "es", "pt"];
396      const currentLocale = locales.includes(pathParts[0]) ? pathParts[0] : "en";
397      const pathWithoutLocale = currentLocale !== "en" ? "/" + pathParts.slice(1).join("/") : currentPath;
398      const newPath = langCode === "en" ? pathWithoutLocale : "/" + langCode + pathWithoutLocale;
399      window.location.href = newPath || "/";
400    });
401
402    document.addEventListener("click", (e) => {
403      const t = e.target;
404      if (!(t instanceof HTMLElement)) return;
405      if (langTrigger && !langTrigger.contains(t) && langMenu && !langMenu.contains(t)) {
406        setLangOpen(false);
407      }
408    });
409  })();
410</script>
410 </div>  <div class="
411        flex flex-col items-center justify-center text-center
412        opacity-0 translate-y-6
413        animate-about-hero
414      " data-astro-cid-o2mlbmsv>  <h1 class="
415          text-white font-medium tracking-tight
416          text-[44px] sm:text-[clamp(48px,10vw,88px)]
417          leading-[1]
418          drop-shadow-[0_4px_20px_rgba(0,0,0,0.3)]
419        " data-astro-cid-o2mlbmsv> About Us </h1> </div> <button type="button" class="hero-scroll-indicator" aria-label="Scroll to content" data-hero-scroll-indicator> <span class="hero-scroll-indicator__frame" aria-hidden="true"> <span class="hero-scroll-indicator__dot"></span> </span> </button> 
419<script>
420  (() => {
421    const scrollToNextViewport = () => {
422      const targetTop = window.scrollY + window.innerHeight;
423      const lenis = window.__NANTIPA_LENIS__;
424
425      if (lenis && typeof lenis.scrollTo === "function") {
426        lenis.scrollTo(targetTop);
427        return;
428      }
429
430      window.scrollTo({ top: targetTop, behavior: "smooth" });
431    };
432
433    document.querySelectorAll("[data-hero-scroll-indicator]").forEach((button) => {
434      button.addEventListener("click", scrollToNextViewport);
435    });
436  })();
437</script>
437 <div class="h-[40px] w-[24px]" aria-hidden="true" data-astro-cid-o2mlbmsv></div> </div> <aside class="promo-hero-banner" data-promo-hero-banner aria-label="Limited-time offer" data-astro-cid-4qxq2mny> <p class="promo-hero-banner__title" data-astro-cid-4qxq2mny>20% off — Stay Longer and Save</p> <a class="promo-hero-banner__cta" href="/#limited-time-offer" data-promo-offer-link data-astro-cid-4qxq2mny> View Offer Details </a> <button class="promo-hero-banner__dismiss" type="button" aria-label="Dismiss offer" data-promo-dismiss data-astro-cid-4qxq2mny> <svg viewBox="0 0 16 16" aria-hidden="true" data-astro-cid-4qxq2mny> <path d="M12 4 4 12" data-astro-cid-4qxq2mny></path> <path d="m4 4 8 8" data-astro-cid-4qxq2mny></path> </svg> </button> </aside> 
437<script>
438  (() => {
439    const offerHash = "#limited-time-offer";
440
441    const normalizePath = (path) => path.replace(/\/+$/, "") || "/";
442
443    const getOfferTarget = (url) => {
444      if (url.hash !== offerHash) return null;
445      return document.getElementById(offerHash.slice(1));
446    };
447
448    const centerOffer = (target, behavior = "smooth") => {
449      const rect = target.getBoundingClientRect();
450      const visibleHeight = Math.min(rect.height, window.innerHeight);
451      const offset = Math.max(0, (window.innerHeight - visibleHeight) / 2);
452      const top = Math.max(0, window.scrollY + rect.top - offset);
453
454      window.scrollTo({ top, behavior });
455    };
456
457    document.querySelectorAll("[data-promo-hero-banner]").forEach((banner) => {
458      banner.querySelector("[data-promo-dismiss]")?.addEventListener("click", () => {
459        banner.remove();
460      });
461
462      banner.querySelector("[data-promo-offer-link]")?.addEventListener("click", (event) => {
463        const link = event.currentTarget;
464        const url = new URL(link.href, window.location.href);
465        const isSamePage =
466          url.origin === window.location.origin &&
467          normalizePath(url.pathname) === normalizePath(window.location.pathname);
468        const target = isSamePage ? getOfferTarget(url) : null;
469
470        if (!target) return;
471
472        event.preventDefault();
473        history.pushState(null, "", url.hash);
474        centerOffer(target);
475      });
476    });
477
478    const centerOfferFromHash = () => {
479      const url = new URL(window.location.href);
480      const target = getOfferTarget(url);
481
482      if (!target) return;
483
484      requestAnimationFrame(() => {
485        centerOffer(target, "auto");
486      });
487    };
488
489    if (document.readyState === "complete") {
490      centerOfferFromHash();
491    } else {
492      window.addEventListener("load", centerOfferFromHash, { once: true });
493    }
494  })();
495</script>
495    
495<script>(function(){const FALLBACK_TIMEOUT_MS = 900;
496
497    (() => {
498      var hero = document.querySelector("[data-about-hero]");
499      if (!hero) return;
500
501      var video = hero.querySelector("[data-hero-video]");
502      var poster = hero.querySelector("[data-hero-poster]");
503      if (!video || !poster) return;
504
505      var showPoster = function() {
506        poster.classList.remove("opacity-0");
507        poster.classList.add("opacity-100");
508      };
509
510      if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
511        showPoster();
512        return;
513      }
514
515      var t = setTimeout(showPoster, Number(FALLBACK_TIMEOUT_MS || 900));
516
517      var loadVideo = function() {
518        var src = video.dataset.src;
519        if (!src) return;
520        var webmSource = document.createElement("source");
521        webmSource.src = src.replace(".mp4", ".webm");
522        webmSource.type = "video/webm";
523        video.appendChild(webmSource);
524        var source = document.createElement("source");
525        source.src = src;
526        source.type = "video/mp4";
527        video.appendChild(source);
528        video.load();
529        var p = video.play();
530        if (p && p.then) {
531          p.then(function() {
532            clearTimeout(t);
533            video.style.opacity = "1";
534            poster.classList.remove("opacity-100");
535            poster.classList.add("opacity-0");
536          }).catch(function() { showPoster(); });
537        }
538      };
539
540      video.addEventListener("error", function() { clearTimeout(t); showPoster(); });
541
542      var idle = function(fn) {
543        if (typeof requestIdleCallback === "function") {
544          requestIdleCallback(fn, { timeout: 2000 });
545        } else {
546          setTimeout(fn, 1);
547        }
548      };
549
550      if (typeof IntersectionObserver === "function") {
551        var obs = new IntersectionObserver(function(entries) {
552          if (entries[0].isIntersecting) {
553            obs.disconnect();
554            idle(loadVideo);
555          }
556        }, { threshold: 0 });
557        obs.observe(hero);
558      } else {
559        var go = function() { idle(loadVideo); };
560        if (document.readyState === "complete") go();
561        else window.addEventListener("load", go, { once: true });
562      }
563    })();
564  })();</script>
564 </section></div> <div class="snap-section"><section class="bg-white" data-story-section data-astro-cid-tmzz5xj5>  <div class="w-full mx-auto max-w-[1440px] px-4 sm:px-[clamp(24px,6.1vw,88px)] py-[44px] sm:py-[clamp(32px,3vw,44px)]" data-astro-cid-tmzz5xj5> <div class="flex flex-col-reverse lg:flex-row justify-between items-start gap-[44px] sm:gap-[clamp(32px,4vw,88px)]" data-astro-cid-tmzz5xj5>  <div class="w-full lg:w-[40%] xl:w-[484px] flex-shrink-0 flex flex-col gap-6 sm:gap-8" data-astro-cid-tmzz5xj5>  <div class="flex flex-col gap-2" data-astro-cid-tmzz5xj5>  <div class="opacity-0 translate-y-4 will-change-transform" data-story-animate data-astro-cid-tmzz5xj5> <span class="text-[#64748B] text-[14px] font-medium uppercase leading-5 tracking-[1.25px]" data-astro-cid-tmzz5xj5> Our Story </span> </div>  <h2 class="text-[#1A1631] font-medium text-[28px] sm:text-[clamp(32px,3.3vw,48px)] leading-[28px] sm:leading-[clamp(36px,3.3vw,48px)] tracking-[0.35px]
565                   opacity-0 translate-y-4 will-change-transform" data-story-animate data-story-delay="80" data-astro-cid-tmzz5xj5> Shaped by Nature, Built with Intention </h2> </div>  <div class="text-[#525252] text-[16px] sm:text-[clamp(15px,1.1vw,16px)] leading-[26px] sm:leading-[clamp(24px,1.8vw,26px)] font-normal
566                 opacity-0 translate-y-4 will-change-transform" data-story-animate data-story-delay="160" data-astro-cid-tmzz5xj5> <p class="mb-6" data-astro-cid-tmzz5xj5> Nantipa was founded on a clear belief: Costa Rica deserved a beachfront luxury boutique resort that felt both elevated and deeply connected to its surroundings. In 2010, three Costa Rican friends — Harry, Luis, and Meni — saw in Santa Teresa the opportunity to create something distinct: a destination shaped by surf culture, natural beauty, and an evolving culinary identity. </p> <p data-astro-cid-tmzz5xj5> Drawing on decades of hospitality experience, they set out to build Nantipa, a Santa Teresa hotel designed with intention, rooted in community, and guided by a more authentic vision of luxury. Built with sustainability in mind and brought to life with local talent, Nantipa offers a more meaningful expression of what a barefoot luxury hotel in Costa Rica can be. </p> </div>  <a href="/about-us/our-story" class="self-start inline-flex items-center justify-center px-8 py-2.5 bg-[#D9C59D] rounded-lg text-[#101828] text-[14px] font-medium leading-5 hover:bg-[#c9b58d] transition
567                 opacity-0 translate-y-4 will-change-transform" data-story-animate data-story-delay="240" data-astro-cid-tmzz5xj5> Read our story </a> </div>  <div class="w-full lg:w-[55%] xl:w-[718px] lg:flex-shrink-0" data-astro-cid-tmzz5xj5> <div class="relative h-[196px] sm:h-[clamp(360px,36vw,520px)] overflow-hidden rounded-[6px]
568                 opacity-0 translate-y-4 will-change-transform" data-story-animate data-story-delay="120" data-astro-cid-tmzz5xj5>  <div class="absolute inset-0 will-change-transform" data-story-parallax data-astro-cid-tmzz5xj5> <video class="absolute inset-0 h-full w-full object-cover" poster="/og-default.jpg" autoplay muted loop playsinline preload="none" data-astro-cid-tmzz5xj5> <source src="/videos/shapedbynature.webm" type="video/webm" data-astro-cid-tmzz5xj5> <source src="/videos/shapedbynature.mp4" type="video/mp4" data-astro-cid-tmzz5xj5> </video> </div>  <div class="pointer-events-none absolute inset-0 bg-gradient-to-br from-black/5 via-transparent to-transparent" data-astro-cid-tmzz5xj5></div> </div> </div> </div> </div>   
568<script>
569    (() => {
570      const section = document.querySelector("[data-story-section]");
571      if (!section) return;
572
573      const animated = Array.from(section.querySelectorAll("[data-story-animate]"));
574      const parallax = section.querySelector("[data-story-parallax]");
575
576      const prefersReduced = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
577
578      // =============================================
579      // 1) Reveal animation on scroll into view
580      // =============================================
581      const io = new IntersectionObserver(
582        (entries) => {
583          for (const e of entries) {
584            if (!e.isIntersecting) continue;
585
586            section.classList.add("is-visible");
587
588            // Apply staggered delays
589            for (const el of animated) {
590              const delay = Number(el.getAttribute("data-story-delay") || "0");
591              el.style.transitionDelay = prefersReduced ? "0ms" : delay + "ms";
592            }
593
594            // Disconnect after first trigger (run once)
595            io.disconnect();
596            break;
597          }
598        },
599        {
600          threshold: 0.15,
601          rootMargin: "0px 0px -12% 0px"
602        }
603      );
604
605      io.observe(section);
606
607      // =============================================
608      // 2) Subtle parallax effect on image
609      // =============================================
610      if (prefersReduced || !parallax) return;
611
612      const clamp = (val, min, max) => Math.min(Math.max(val, min), max);
613
614      let rafId = 0;
615
616      const updateParallax = () => {
617        rafId = 0;
618
619        const rect = section.getBoundingClientRect();
620        const vh = window.innerHeight || 1;
621
622        // Calculate scroll progress (0 = entering view, 1 = fully passed)
623        const progress = (vh - rect.top) / (vh + rect.height);
624        const p = clamp(progress, 0, 1);
625
626        // Subtle vertical shift: +24px → -24px
627        const y = 24 - p * 48;
628
629        parallax.style.transform = `translate3d(0, ${y.toFixed(2)}px, 0)`;
630      };
631
632      const onScroll = () => {
633        if (rafId) return;
634        rafId = requestAnimationFrame(updateParallax);
635      };
636
637      const bindLenisScroll = (lenis) => {
638        if (!lenis || typeof lenis.on !== "function") return false;
639        lenis.on("scroll", onScroll);
640        return true;
641      };
642
643      // Initial update and attach to Lenis when available.
644      requestAnimationFrame(updateParallax);
645      if (!bindLenisScroll(window.__NANTIPA_LENIS__)) {
646        window.addEventListener("lenis:ready", (event) => {
647          bindLenisScroll(event.detail && event.detail.lenis);
648          onScroll();
649        }, { once: true });
650      }
651      window.addEventListener("resize", onScroll, { passive: true });
652    })();
653  </script>
653 </section></div> <div class="snap-section"><section class="relative w-full overflow-hidden" data-sustainability-section data-astro-cid-lbrvoehc>  <div class="absolute inset-0" data-astro-cid-lbrvoehc> <img src="/_astro/aboutus-sustainability.DciSqDlU_Z2fc7Xi.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N" srcset="/_astro/aboutus-sustainability.DciSqDlU_Z119DmE.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 768w, /_astro/aboutus-sustainability.DciSqDlU_Hb9Lo.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 1024w, /_astro/aboutus-sustainability.DciSqDlU_ZOvYz1.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 1440w, /_astro/aboutus-sustainability.DciSqDlU_kpmYp.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 1920w, /_astro/aboutus-sustainability.DciSqDlU_Z2fc7Xi.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 2560w" alt="Nantipa sustainability and environmental commitment" loading="lazy" decoding="async" sizes="100vw" data-astro-cid-lbrvoehc="true" width="2560" height="1705" class="h-full w-full object-cover"> </div>  <div class="absolute inset-0 bg-gradient-to-t from-black/65 to-transparent sm:bg-gradient-to-r sm:from-black/20 sm:via-black/10 sm:to-transparent" data-astro-cid-lbrvoehc></div>  <div class="relative w-full mx-auto max-w-[1440px] px-4 sm:px-[clamp(24px,6.1vw,88px)] py-[44px] sm:py-[clamp(32px,3vw,44px)]" data-astro-cid-lbrvoehc> <div class="flex justify-start sm:justify-end" data-astro-cid-lbrvoehc>  <div class="w-full sm:max-w-[480px]" data-astro-cid-lbrvoehc>  <div class="mb-4 opacity-0 translate-y-4 will-change-transform" data-sustainability-animate data-astro-cid-lbrvoehc> <span class="text-[#D9C59D] text-[14px] font-medium uppercase leading-5 tracking-[1.25px]" data-astro-cid-lbrvoehc> Sustainability </span> </div>  <h2 class="text-white font-medium text-[28px] sm:text-[clamp(32px,3.3vw,48px)] leading-[48px] sm:leading-[clamp(36px,3.3vw,48px)] tracking-[0.35px] mb-6 sm:mb-8
654                 opacity-0 translate-y-4 will-change-transform" data-sustainability-animate data-sustainability-delay="80" data-astro-cid-lbrvoehc> Protecting Paradise </h2>  <p class="text-white text-[14px] sm:text-[clamp(15px,1.1vw,16px)] leading-[20px] sm:leading-[clamp(24px,1.8vw,26px)] font-normal mb-6
655                 opacity-0 translate-y-4 will-change-transform" data-sustainability-animate data-sustainability-delay="140" data-astro-cid-lbrvoehc> Our commitment to sustainability is woven into every aspect of how Nantipa operates — a long-term responsibility to the land, the ocean, and the communities that make this place remarkable. </p>  <div class="flex flex-col gap-4" data-astro-cid-lbrvoehc> <div class="border-l-2 border-[#D9C59D] pl-[18px] flex flex-col gap-2
656                     opacity-0 translate-y-4 will-change-transform" data-sustainability-animate data-sustainability-delay="200" data-astro-cid-lbrvoehc> <h3 class="text-white text-[16px] font-medium leading-6" data-astro-cid-lbrvoehc> Renewable Energy &amp; Water Conservation </h3> <p class="text-white text-[14px] font-normal leading-5" data-astro-cid-lbrvoehc> Solar-powered property with rainwater harvesting and greywater recycling systems. </p> </div><div class="border-l-2 border-[#D9C59D] pl-[18px] flex flex-col gap-2
657                     opacity-0 translate-y-4 will-change-transform" data-sustainability-animate data-sustainability-delay="260" data-astro-cid-lbrvoehc> <h3 class="text-white text-[16px] font-medium leading-6" data-astro-cid-lbrvoehc> Zero-Waste &amp; Local Sourcing </h3> <p class="text-white text-[14px] font-normal leading-5" data-astro-cid-lbrvoehc> Farm-to-table kitchen with organic composting and partnerships with nearby farms. </p> </div><div class="border-l-2 border-[#D9C59D] pl-[18px] flex flex-col gap-2
658                     opacity-0 translate-y-4 will-change-transform" data-sustainability-animate data-sustainability-delay="320" data-astro-cid-lbrvoehc> <h3 class="text-white text-[16px] font-medium leading-6" data-astro-cid-lbrvoehc> Wildlife &amp; Beach Conservation </h3> <p class="text-white text-[14px] font-normal leading-5" data-astro-cid-lbrvoehc> Sea turtle protection programs, organized coastal cleanups, and active microplastics awareness initiatives. </p> </div><div class="border-l-2 border-[#D9C59D] pl-[18px] flex flex-col gap-2
659                     opacity-0 translate-y-4 will-change-transform" data-sustainability-animate data-sustainability-delay="380" data-astro-cid-lbrvoehc> <h3 class="text-white text-[16px] font-medium leading-6" data-astro-cid-lbrvoehc> Community &amp; Pack for a Purpose </h3> <p class="text-white text-[14px] font-normal leading-5" data-astro-cid-lbrvoehc>
659 Guest contributions support local community programs, and travelers are welcome to bring supplies for communities in the region through Pack for a Purpose. </p> </div> </div>  <a href="/about-us/sustainability" class="mt-6 inline-flex items-center justify-center px-8 py-2.5 bg-[#D9C59D] rounded-lg text-[#101828] text-[14px] font-medium leading-5 hover:bg-[#c9b58d] transition
660                 opacity-0 translate-y-4 will-change-transform" data-sustainability-animate data-sustainability-delay="440" data-astro-cid-lbrvoehc> Explore our sustainability </a> </div> </div> </div>   
660<script>
661    (() => {
662      const section = document.querySelector("[data-sustainability-section]");
663      if (!section) return;
664
665      const animated = Array.from(section.querySelectorAll("[data-sustainability-animate]"));
666      const prefersReduced = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
667
668      // Reveal animation on scroll into view
669      const io = new IntersectionObserver(
670        (entries) => {
671          for (const e of entries) {
672            if (!e.isIntersecting) continue;
673
674            section.classList.add("is-visible");
675
676            // Apply staggered delays
677            for (const el of animated) {
678              const delay = Number(el.getAttribute("data-sustainability-delay") || "0");
679              el.style.transitionDelay = prefersReduced ? "0ms" : delay + "ms";
680            }
681
682            // Disconnect after first trigger
683            io.disconnect();
684            break;
685          }
686        },
687        {
688          threshold: 0.15,
689          rootMargin: "0px 0px -10% 0px"
690        }
691      );
692
693      io.observe(section);
694    })();
695  </script>
695 </section></div> <div class="snap-section"><section id="journal" class="bg-[#F8F7F4] md:min-h-[100svh] md:flex md:items-center scroll-mt-20" data-journal-section data-astro-cid-xy6ohalq> <div class="w-full mx-auto max-w-[1440px] px-4 sm:px-[clamp(24px,6.1vw,88px)] py-6 sm:py-[clamp(44px,6.1vw,88px)]" data-astro-cid-xy6ohalq>  <div class="flex flex-col items-center gap-2 sm:gap-4 mb-6 sm:mb-[clamp(48px,6.7vw,97px)]" data-astro-cid-xy6ohalq>  <div class="opacity-0 translate-y-4 will-change-transform" data-journal-animate data-astro-cid-xy6ohalq> <span class="text-[#6B6B6B] text-[12px] sm:text-[14px] font-medium uppercase leading-5 tracking-[1.25px]" data-astro-cid-xy6ohalq> Stories &amp; Insights </span> </div>  <h2 class="text-[#0A0A0A] font-normal text-[28px] sm:text-[clamp(32px,3.3vw,48px)] leading-[48px] sm:leading-[clamp(36px,3.3vw,48px)] tracking-[0.35px] text-center
696               opacity-0 translate-y-4 will-change-transform" data-journal-animate data-journal-delay="80" data-astro-cid-xy6ohalq> From Our Journal </h2> </div>  <div class="flex flex-col items-center gap-6 sm:grid sm:grid-cols-2 xl:grid-cols-3 sm:gap-6 xl:gap-6 sm:justify-items-center" data-journal-grid data-astro-cid-xy6ohalq> <article class="w-[340px] h-[269px] sm:w-full sm:max-w-[389.33px] sm:h-[500px] bg-white rounded-[10px] overflow-hidden flex flex-col
697                 shadow-[0px_1px_2px_-1px_rgba(0,0,0,0.10),0px_1px_3px_rgba(0,0,0,0.10)]
698                 hover:shadow-[0px_4px_8px_-2px_rgba(0,0,0,0.12),0px_6px_12px_rgba(0,0,0,0.12)]
699                 transition-shadow duration-300
700                 opacity-0 translate-y-4 will-change-transform" data-journal-animate data-journal-card data-journal-delay="160" data-astro-cid-xy6ohalq>  <div class="w-full h-[173px] sm:h-[292px] overflow-hidden flex-shrink-0" data-astro-cid-xy6ohalq> <img src="/_astro/tourism-success-hero.DgX4kdEe_PRpBp.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N" srcset="/_astro/tourism-success-hero.DgX4kdEe_Z14fCwj.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 340w, /_astro/tourism-success-hero.DgX4kdEe_ZfMaN8.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 389w, /_astro/tourism-success-hero.DgX4kdEe_hModg.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 580w, /_astro/tourism-success-hero.DgX4kdEe_2fiufL.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 778w" alt="How Do We Measure Success in Tourism?" loading="lazy" decoding="async" sizes="(min-width: 1024px) 389px, (min-width: 768px) 50vw, 340px" data-astro-cid-xy6ohalq="true" width="946" height="1024" class="w-full h-full object-cover transition-transform duration-500 hover:scale-105"> </div>  <div class="p-2 sm:p-6 flex flex-col gap-1 sm:gap-[13px] flex-grow justify-center" data-astro-cid-xy6ohalq>  <h3 class="text-[#1A1631] text-[16px] sm:text-[20px] font-medium leading-[22px] line-clamp-2" data-astro-cid-xy6ohalq> How Do We Measure Success in Tourism? </h3>  <p class="text-[#4A5565] text-[12px] sm:text-[14px] font-normal leading-[16px] sm:leading-5 line-clamp-2 sm:line-clamp-3 flex-grow" data-astro-cid-xy6ohalq> Tourism success should reflect how visitor spending creates opportunity, strengthens communities, and advances well-being across Costa Rica. </p>  <a href="/journal/como-medimos-el-exito-en-turismo" aria-label="Read full article: How Do We Measure Success in Tourism?" class="text-[#1A1631] text-[14px] sm:text-[20px] font-medium leading-[22px] sm:leading-7 hover:text-[#D9C59D] transition-colors duration-200 inline-flex items-center gap-2 group" data-astro-cid-xy6ohalq> Read full article <svg class="w-5 h-5 hidden sm:block transform transition-transform duration-200 group-hover:translate-x-1" viewBox="0 0 20 20" fill="none" aria-hidden="true" data-astro-cid-xy6ohalq> <path d="M4.5 10h9" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-astro-cid-xy6ohalq></path> <path d="M11.5 6l4 4-4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-xy6ohalq></path> </svg> </a> </div> </article><article class="w-[340px] h-[269px] sm:w-full sm:max-w-[389.33px] sm:h-[500px] bg-white rounded-[10px] overflow-hidden flex flex-col
701                 shadow-[0px_1px_2px_-1px_rgba(0,0,0,0.10),0px_1px_3px_rgba(0,0,0,0.10)]
702                 hover:shadow-[0px_4px_8px_-2px_rgba(0,0,0,0.12),0px_6px_12px_rgba(0,0,0,0.12)]
703                 transition-shadow duration-300
704                 opacity-0 translate-y-4 will-change-transform" data-journal-animate data-journal-card data-journal-delay="240" data-astro-cid-xy6ohalq>  <div class="w-full h-[173px] sm:h-[292px] overflow-hidden flex-shrink-0" data-astro-cid-xy6ohalq> <img src="/_astro/wildlife-watching-hero.RjoHFjqG_Z2ijopr.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N" srcset="/_astro/wildlife-watching-hero.RjoHFjqG_ZvPzf5.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 340w, /_astro/wildlife-watching-hero.RjoHFjqG_1nwoAB.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 389w, /_astro/wildlife-watching-hero.RjoHFjqG_Z12tGVL.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 580w, /_astro/wildlife-watching-hero.RjoHFjqG_Z22ggBh.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 778w" alt="Wildlife Watching Near Nantipa" loading="lazy" decoding="async" sizes="(min-width: 1024px) 389px, (min-width: 768px) 50vw, 340px" data-astro-cid-xy6ohalq="true" width="1000" height="667" class="w-full h-full object-cover transition-transform duration-500 hover:scale-105"> </div>  <div class="p-2 sm:p-6 flex flex-col gap-1 sm:gap-[13px] flex-grow justify-center" data-astro-cid-xy6ohalq>  <h3 class="text-[#1A1631] text-[16px] sm:text-[20px] font-medium leading-[22px] line-clamp-2" data-astro-cid-xy6ohalq> Wildlife Watching Near Nantipa </h3>  <p class="text-[#4A5565] text-[12px] sm:text-[14px] font-normal leading-[16
704px] sm:leading-5 line-clamp-2 sm:line-clamp-3 flex-grow" data-astro-cid-xy6ohalq> Discover howler monkeys, tropical birds, and sea turtles in the forests and protected coastlines surrounding Nantipa on the Nicoya Peninsula. </p>  <a href="/journal/wildlife-watching-near-nantipa" aria-label="Read full article: Wildlife Watching Near Nantipa" class="text-[#1A1631] text-[14px] sm:text-[20px] font-medium leading-[22px] sm:leading-7 hover:text-[#D9C59D] transition-colors duration-200 inline-flex items-center gap-2 group" data-astro-cid-xy6ohalq> Read full article <svg class="w-5 h-5 hidden sm:block transform transition-transform duration-200 group-hover:translate-x-1" viewBox="0 0 20 20" fill="none" aria-hidden="true" data-astro-cid-xy6ohalq> <path d="M4.5 10h9" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-astro-cid-xy6ohalq></path> <path d="M11.5 6l4 4-4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-xy6ohalq></path> </svg> </a> </div> </article><article class="w-[340px] h-[269px] sm:w-full sm:max-w-[389.33px] sm:h-[500px] bg-white rounded-[10px] overflow-hidden flex flex-col
705                 shadow-[0px_1px_2px_-1px_rgba(0,0,0,0.10),0px_1px_3px_rgba(0,0,0,0.10)]
706                 hover:shadow-[0px_4px_8px_-2px_rgba(0,0,0,0.12),0px_6px_12px_rgba(0,0,0,0.12)]
707                 transition-shadow duration-300
708                 opacity-0 translate-y-4 will-change-transform" data-journal-animate data-journal-card data-journal-delay="320" data-astro-cid-xy6ohalq>  <div class="w-full h-[173px] sm:h-[292px] overflow-hidden flex-shrink-0" data-astro-cid-xy6ohalq> <img src="/_astro/journal-1.B_Yv8ZML_2uaunI.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N" srcset="/_astro/journal-1.B_Yv8ZML_Z1kwj4z.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 340w, /_astro/journal-1.B_Yv8ZML_1KPh56.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 389w, /_astro/journal-1.B_Yv8ZML_2uaunI.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 390w" alt="2026 Wellness Retreats in Costa Rica" loading="lazy" decoding="async" sizes="(min-width: 1024px) 389px, (min-width: 768px) 50vw, 340px" data-astro-cid-xy6ohalq="true" width="390" height="292" class="w-full h-full object-cover transition-transform duration-500 hover:scale-105"> </div>  <div class="p-2 sm:p-6 flex flex-col gap-1 sm:gap-[13px] flex-grow justify-center" data-astro-cid-xy6ohalq>  <h3 class="text-[#1A1631] text-[16px] sm:text-[20px] font-medium leading-[22px] line-clamp-2" data-astro-cid-xy6ohalq> 2026 Wellness Retreats in Costa Rica </h3>  <p class="text-[#4A5565] text-[12px] sm:text-[14px] font-normal leading-[16px] sm:leading-5 line-clamp-2 sm:line-clamp-3 flex-grow" data-astro-cid-xy6ohalq> Santa Teresa is celebrated for its surf, sunsets, and natural rhythm — but for those seeking a deeper restoration, the peninsula offers something more. </p>  <a href="/journal/wellness-retreats-costa-rica" aria-label="Read full article: 2026 Wellness Retreats in Costa Rica" class="text-[#1A1631] text-[14px] sm:text-[20px] font-medium leading-[22px] sm:leading-7 hover:text-[#D9C59D] transition-colors duration-200 inline-flex items-center gap-2 group" data-astro-cid-xy6ohalq> Read full article <svg class="w-5 h-5 hidden sm:block transform transition-transform duration-200 group-hover:translate-x-1" viewBox="0 0 20 20" fill="none" aria-hidden="true" data-astro-cid-xy6ohalq> <path d="M4.5 10h9" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-astro-cid-xy6ohalq></path> <path d="M11.5 6l4 4-4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-xy6ohalq></path> </svg> </a> </div> </article><article class="w-[340px] h-[269px] sm:w-full sm:max-w-[389.33px] sm:h-[500px] bg-white rounded-[10px] overflow-hidden flex flex-col
709                 shadow-[0px_1px_2px_-1px_rgba(0,0,0,0.10),0px_1px_3px_rgba(0,0,0,0.10)]
710                 hover:shadow-[0px_4px_8px_-2px_rgba(0,0,0,0.12),0px_6px_12px_rgba(0,0,0,0.12)]
711                 transition-shadow duration-300
712                 opacity-0 translate-y-4 will-change-transform" data-journal-animate data-journal-card data-journal-delay="400" hidden data-astro-cid-xy6ohalq>  <div class="w-full h-[173px] sm:h-[292px] overflow-hidden flex-shrink-0" data-astro-cid-xy6ohalq> <img src="/_astro/journal-2.DFx8UUoh_1Vgqg0.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N" srcset="/_astro/journal-2.DFx8UUoh_Z1Sqnci.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 340w, /_astro/journal-2.DFx8UUoh_1cVcWn.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 389w, /_astro/journal-2.DFx8UUoh_1Vgqg0.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 390w" alt="Sea-to-Table Romantic Dinner at Manzú" loading="lazy" decoding="async" sizes="(min-width: 1024px) 389px, (min-width: 768px) 50vw, 340px" data-astro-cid-xy6ohalq="true" width="390" height="292" class="w-full h-full object-cover transition-transform duration-500 hover:scale-105"> </div>  <div class="p-2 sm:p-6 flex flex-col gap-1 sm:gap-[13px] flex-grow justify-center" data-astro-cid-xy6ohalq>  <h3 class="text-[#1A1631] text-[16px] sm:text-[20px] font-medium leading-[22px] line-clamp-2" data-astro-cid-xy6ohalq> Sea-to-Table Romantic Dinner at Manzú </h3>  <p class="text-[#4A5565] text-[12px] sm:text-[14px] font-normal leading-[16
712px] sm:leading-5 line-clamp-2 sm:line-clamp-3 flex-grow" data-astro-cid-xy6ohalq> At Manzú, every evening is an occasion. Coastal ingredients, an open-air setting, and Pacific views define a dining experience unlike any other. </p>  <a href="/journal/sea-to-table-dinner-manzu" aria-label="Read full article: Sea-to-Table Romantic Dinner at Manzú" class="text-[#1A1631] text-[14px] sm:text-[20px] font-medium leading-[22px] sm:leading-7 hover:text-[#D9C59D] transition-colors duration-200 inline-flex items-center gap-2 group" data-astro-cid-xy6ohalq> Read full article <svg class="w-5 h-5 hidden sm:block transform transition-transform duration-200 group-hover:translate-x-1" viewBox="0 0 20 20" fill="none" aria-hidden="true" data-astro-cid-xy6ohalq> <path d="M4.5 10h9" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-astro-cid-xy6ohalq></path> <path d="M11.5 6l4 4-4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-xy6ohalq></path> </svg> </a> </div> </article><article class="w-[340px] h-[269px] sm:w-full sm:max-w-[389.33px] sm:h-[500px] bg-white rounded-[10px] overflow-hidden flex flex-col
713                 shadow-[0px_1px_2px_-1px_rgba(0,0,0,0.10),0px_1px_3px_rgba(0,0,0,0.10)]
714                 hover:shadow-[0px_4px_8px_-2px_rgba(0,0,0,0.12),0px_6px_12px_rgba(0,0,0,0.12)]
715                 transition-shadow duration-300
716                 opacity-0 translate-y-4 will-change-transform" data-journal-animate data-journal-card data-journal-delay="480" hidden data-astro-cid-xy6ohalq>  <div class="w-full h-[173px] sm:h-[292px] overflow-hidden flex-shrink-0" data-astro-cid-xy6ohalq> <img src="/_astro/journal-3.D9LaObtE_Zbhaog.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N" srcset="/_astro/journal-3.D9LaObtE_14d9Wn.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 340w, /_astro/journal-3.D9LaObtE_ZTBnGS.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 389w, /_astro/journal-3.D9LaObtE_Zbhaog.avif?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N 390w" alt="Where to Stay on the Beach in Costa Rica" loading="lazy" decoding="async" sizes="(min-width: 1024px) 389px, (min-width: 768px) 50vw, 340px" data-astro-cid-xy6ohalq="true" width="390" height="292" class="w-full h-full object-cover transition-transform duration-500 hover:scale-105"> </div>  <div class="p-2 sm:p-6 flex flex-col gap-1 sm:gap-[13px] flex-grow justify-center" data-astro-cid-xy6ohalq>  <h3 class="text-[#1A1631] text-[16px] sm:text-[20px] font-medium leading-[22px] line-clamp-2" data-astro-cid-xy6ohalq> Where to Stay on the Beach in Costa Rica </h3>  <p class="text-[#4A5565] text-[12px] sm:text-[14px] font-normal leading-[16px] sm:leading-5 line-clamp-2 sm:line-clamp-3 flex-grow" data-astro-cid-xy6ohalq> On Costa Rica&#39;s Pacific coast, the choice between traditional luxury and barefoot luxury defines the nature of your stay. </p>  <a href="/journal/where-to-stay-beach-costa-rica" aria-label="Read full article: Where to Stay on the Beach in Costa Rica" class="text-[#1A1631] text-[14px] sm:text-[20px] font-medium leading-[22px] sm:leading-7 hover:text-[#D9C59D] transition-colors duration-200 inline-flex items-center gap-2 group" data-astro-cid-xy6ohalq> Read full article <svg class="w-5 h-5 hidden sm:block transform transition-transform duration-200 group-hover:translate-x-1" viewBox="0 0 20 20" fill="none" aria-hidden="true" data-astro-cid-xy6ohalq> <path d="M4.5 10h9" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-astro-cid-xy6ohalq></path> <path d="M11.5 6l4 4-4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-xy6ohalq></path> </svg> </a> </div> </article> </div> <div class="mt-10 flex justify-center" data-astro-cid-xy6ohalq> <button type="button" class="min-w-[160px] h-[48px] px-7 rounded-lg bg-[#2D1B4E] text-white text-[16px] font-medium hover:bg-[#3d2566] transition-colors duration-200" data-journal-show-more data-astro-cid-xy6ohalq> View more </button> </div> </div>   
716<script>
717    (() => {
718      const section = document.querySelector('[data-journal-section]');
719      if (!section) return;
720
721      const showMoreButton = section.querySelector('[data-journal-show-more]');
722      const cards = Array.from(section.querySelectorAll('[data-journal-card]'));
723
724      showMoreButton?.addEventListener('click', () => {
725        const nextCards = cards.filter((card) => card.hasAttribute('hidden')).slice(0, 3);
726
727        for (const card of nextCards) {
728          card.removeAttribute('hidden');
729        }
730
731        if (!cards.some((card) => card.hasAttribute('hidden'))) {
732          showMoreButton.setAttribute('hidden', '');
733        }
734      });
735
736      const animated = Array.from(section.querySelectorAll('[data-journal-animate]'));
737      const prefersReduced = window.matchMedia(
738        '(prefers-reduced-motion: reduce)'
739      ).matches;
740
741      const io = new IntersectionObserver(
742        (entries) => {
743          for (const e of entries) {
744            if (!e.isIntersecting) continue;
745
746            section.classList.add('is-visible');
747
748            for (const el of animated) {
749              const delay = Number(el.getAttribute('data-journal-delay') || '0');
750              el.style.transitionDelay = prefersReduced ? '0ms' : delay + 'ms';
751            }
752
753            io.disconnect();
754            break;
755          }
756        },
757        { threshold: 0.1, rootMargin: '0px 0px -8% 0px' }
758      );
759
760      io.observe(section);
761    })();
762  </script>
762 </section></div> </main> <div class="snap-section"><footer class="bg-[#1A1631] px-8 py-20"> <div class="mx-auto w-full max-w-[1200px]">  <div class="
763          grid
764          items-start
765          gap-y-12
766          gap-x-8
767          sm:grid-cols-2
768          lg:grid-cols-4
769          lg:gap-x-[clamp(32px,5vw,116px)]
770        ">  <div class="flex flex-col gap-4 items-center sm:items-start"> <img src="/_astro/nantipa-header-logo.4hM0wDSm.svg" alt="Nantipa" class="h-10 w-auto -translate-x-[2px]" width="126" height="40" loading="lazy" decoding="async"> <p class="text-[#99A1AF] text-[14px] leading-[22.75px] text-center sm:text-left"> A Tico Beach Experience </p> <a href="https://reservations.nantipa.com/book/dates-of-stay?adults=1&amp;domain=www.nantipa.com&amp;HotelId=9883313&amp;languageid=1&amp;rooms=1" target="_blank" rel="noopener noreferrer" class="mt-1 inline-flex min-h-[44px] items-center gap-1.5 self-center sm:self-start px-5 rounded-full bg-[#D9C59D] text-[#1A1631] text-[16px] font-medium leading-none transition-all duration-200 hover:-translate-y-[1px] hover:bg-[#c9b58d] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#D9C59D]/60 focus-visible:ring-offset-2 focus-visible:ring-offset-[#1A1631]"> Book your stay <svg class="w-3 h-3" viewBox="0 0 16 16" fill="none" aria-hidden="true"> <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </div>  <nav class="flex flex-col gap-4" aria-label="Footer navigation"> <a href="/about-us" class="text-white text-[18px] font-medium leading-7 hover:text-[#D9C59D] transition-colors">About Us</a> <div class="flex flex-col gap-2"> <a href="/stays" class="text-[#99A1AF] text-[14px] leading-5 hover:text-white/90 transition-colors"> Rooms </a> <a href="/experiences" class="text-[#99A1AF] text-[14px] leading-5 hover:text-white/90 transition-colors"> Experience </a> <a href="/wellness/numu" class="text-[#99A1AF] text-[14px] leading-5 hover:text-white/90 transition-colors"> Numu Wellness </a> <a href="/manzu" class="text-[#99A1AF] text-[14px] leading-5 hover:text-white/90 transition-colors"> Manzú Restaurant </a> <a href="/about-us/sustainability" class="text-[#99A1AF] text-[14px] leading-5 hover:text-white/90 transition-colors"> Sustainability </a> <a href="/contact/travel-designers" class="text-[#99A1AF] text-[14px] leading-5 hover:text-white/90 transition-colors"> Travel Designers </a> <a href="/about-us/getting-here-around" class="text-[#99A1AF] text-[14px] leading-5 hover:text-white/90 transition-colors"> Getting Here &amp; Around </a> </div> </nav>  <nav class="flex flex-col gap-4" aria-label="Footer contact"> <a href="/contact" class="text-white text-[18px] font-medium leading-7 hover:text-[#D9C59D] transition-colors"> Contact Us </a> <div class="flex flex-col gap-3"> <a href="https://wa.me/50685766262" target="_blank" rel="noopener noreferrer" class="flex items-center gap-3 hover:opacity-90 transition"> <span class="text-[#99A1AF] text-[14px] leading-5">+506 8576-6262</span> </a> <a href="mailto:[email protected]" class="flex items-center gap-3 hover:opacity-90 transition"> <span class="text-[#99A1AF] text-[14px] leading-5">[email protected]</span> </a> <a href="https://maps.app.goo.gl/Kdh5HWVhoHDedCXe6" target="_blank" rel="noopener noreferrer" class="flex items-start gap-3 hover:opacity-90 transition"> <span class="text-[#99A1AF] text-[14px] leading-5"> Santa Teresa Beach, Costa Rica </span> </a> <a href="/contact/press" class="text-[#99A1AF] text-[14px] leading-5 hover:text-white/90 transition-colors"> Press Information </a> <a href="/faq" class="text-[#99A1AF] text-[14px] leading-5 hover:text-white/90 transition-colors"> FAQ </a> </div> </nav>  <div class="flex flex-col gap-4"> <h3 class="text-white text-[18px] font-medium leading-7">Stay Connected</h3> <p class="text-[#99A1AF] text-[14px] leading-5"> Follow us for news and exclusive offers </p> <div class="flex items-center gap-4">  <a href="https://www.facebook.com/nantipa.resort" target="_blank" rel="noopener noreferrer" class="h-[44px] w-[44px] rounded-full bg-white/10 flex items-center justify-center hover:bg-white/15 transition"> <span class="sr-only">Facebook (opens in new tab)</span> <img src="/_astro/facebook-icon.DUPeFFDh.svg" alt="" class="h-5 w-5" width="20" height="20" loading="lazy" decoding="async"> </a>  <a href="https://www.instagram.com/nantipacr?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==" target="_blank" rel="noopener noreferrer" class="h-[44px] w-[44px] rounded-full bg-white/10 flex items-center justify-center hover:bg-white/15 transition"> <span class="sr-only">Instagram (opens in new tab)</span> <img src="/_astro/instagram-icon.DKOzLiIH.svg" alt="" class="h-5 w-5" width="20" height="20" loading="lazy" decoding="async"> </a>  <a href="https://wa.me/50685766262" target="_blank" rel="noopener noreferrer" class="h-[44px] w-[44px] rounded-full bg-white/10 flex items-center justify-center hover:bg-white/15 transition"> <span class="sr-only">WhatsApp (opens in new tab)</span> <img src="/_astro/whatsapp-icon.C-bc092Q.svg" alt="" class="h-5 w-5" width="20" height="20" loading="lazy" decoding="async"> </a>  <a href="https://www.tripadvisor.com/Hotel_Review-g635538-d15237487-Reviews-Hotel_Nantipa_A_Tico_Beach_Experience-Santa_Teresa_Province_of_Puntarenas.html?m=19905" target="_blank" rel="noopener noreferrer" class="h-[44px] w-[44px] rounded-full bg-white/10 flex items-center justify-center hover:bg-white/15 transition"> <span class="sr-only">
770Tripadvisor (opens in new tab)</span> <img src="/_astro/tripadvisor-icon.BU46hYhE.svg" alt="" class="h-5 w-5" width="20" height="20" loading="lazy" decoding="async"> </a> </div> </div> </div>  <div class="mt-12 border-t border-[#1E2939] pt-4"> <div class="flex flex-col gap-4 md:flex-row md:items-center md:justify-between"> <div class="text-[#99A1AF] text-[14px] leading-5"> © 2026 Hotel Nantipa. All rights reserved. </div> <div class="flex flex-col sm:flex-row sm:items-center gap-6 text-[#99A1AF] text-[14px] leading-5"> <a href="/contact/careers" class="hover:text-white/90 transition-colors">Join Our Team</a> <a href="/privacy-policy" class="hover:text-white/90 transition-colors">Privacy Policy</a> <a href="/terms-and-conditions" class="hover:text-white/90 transition-colors">Terms of Service</a> <button type="button" data-cookie-settings-trigger class="inline-flex min-h-[44px] items-center text-left hover:text-white/90 transition-colors cursor-pointer">Cookie Settings</button>  <div class="relative" data-footer-lang-root> <button type="button" class="inline-flex items-center gap-1.5 text-[#99A1AF] hover:text-white text-[14px] font-medium transition" data-footer-lang-toggle aria-haspopup="menu" aria-expanded="false"> <span data-footer-lang-label>EN</span> <svg class="w-3 h-3 opacity-70 transition-transform duration-200" data-footer-lang-chevron viewBox="0 0 16 16" fill="none" aria-hidden="true"> <path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> <div class="pointer-events-none absolute bottom-full mb-2 right-0 z-50 w-[120px] overflow-hidden rounded-[8px] bg-[#1A1631] border border-[#D9C59D]/20
771                       shadow-[0px_-4px_6px_-4px_rgba(0,0,0,0.10),0px_-10px_15px_-3px_rgba(0,0,0,0.10)]
772                       opacity-0 translate-y-2 transition duration-200" role="menu" aria-label="Select language" data-footer-lang-menu> <button role="menuitem" tabindex="-1" data-lang="en" class="block w-full px-3 py-2 text-left text-[13px] text-white/80 hover:bg-white/5 hover:text-white transition">English</button> <button role="menuitem" tabindex="-1" data-lang="es" class="block w-full px-3 py-2 text-left text-[13px] text-white/80 hover:bg-white/5 hover:text-white transition border-t border-white/5">Español</button> <button role="menuitem" tabindex="-1" data-lang="pt" class="block w-full px-3 py-2 text-left text-[13px] text-white/80 hover:bg-white/5 hover:text-white transition border-t border-white/5">Português</button> </div> </div> </div> </div> <div class="mt-8 flex justify-center"> <div class="text-[#99A1AF] text-[12px] leading-5"> <a href="https://www.morfo.dev" target="_blank" rel="noopener noreferrer" class="hover:text-white/90 transition-colors"> Web Design &amp; Concept by Morfo
773</a> </div> </div> </div> </div> </footer> 
773<script>
774    (() => {
775      const root = document.querySelector('[data-footer-lang-root]');
776      if (!root) return;
777      const toggle = root.querySelector('[data-footer-lang-toggle]');
778      const menu = root.querySelector('[data-footer-lang-menu]');
779      const label = root.querySelector('[data-footer-lang-label]');
780      const chevron = root.querySelector('[data-footer-lang-chevron]');
781
782      const locales = ['en', 'es', 'pt'];
783      const pathParts = window.location.pathname.split('/').filter(Boolean);
784      const currentLocale = locales.includes(pathParts[0]) ? pathParts[0] : 'en';
785      const labelMap = { en: 'EN', es: 'ES', pt: 'PT' };
786      if (label) label.textContent = labelMap[currentLocale] || 'EN';
787
788      let open = false;
789      const setOpen = (v) => {
790        open = v;
791        toggle.setAttribute('aria-expanded', v ? 'true' : 'false');
792        if (v) {
793          menu.classList.remove('pointer-events-none', 'opacity-0', 'translate-y-2');
794          menu.classList.add('pointer-events-auto', 'opacity-100', 'translate-y-0');
795        } else {
796          menu.classList.add('pointer-events-none', 'opacity-0', 'translate-y-2');
797          menu.classList.remove('pointer-events-auto', 'opacity-100', 'translate-y-0');
798        }
799        if (chevron) chevron.style.transform = v ? 'rotate(180deg)' : '';
800      };
801
802      toggle.addEventListener('click', (e) => { e.stopPropagation(); setOpen(!open); });
803
804      const menuItems = () => Array.from(menu.querySelectorAll('[role="menuitem"]'));
805
806      toggle.addEventListener('keydown', (e) => {
807        if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {
808          e.preventDefault();
809          setOpen(true);
810          menuItems()[0]?.focus();
811        }
812      });
813
814      menu.addEventListener('keydown', (e) => {
815        const items = menuItems();
816        const idx = items.indexOf(document.activeElement);
817        if (e.key === 'ArrowDown') {
818          e.preventDefault();
819          items[Math.min(idx + 1, items.length - 1)]?.focus();
820        } else if (e.key === 'ArrowUp') {
821          e.preventDefault();
822          if (idx <= 0) { setOpen(false); toggle.focus(); }
823          else items[idx - 1]?.focus();
824        } else if (e.key === 'Escape' || e.key === 'Tab') {
825          setOpen(false);
826          if (e.key === 'Escape') toggle.focus();
827        }
828      });
829
830      menu.addEventListener('click', (e) => {
831        e.stopPropagation();
832        const btn = e.target.closest('[data-lang]');
833        if (!btn) return;
834        const langCode = btn.getAttribute('data-lang');
835        const parts = window.location.pathname.split('/').filter(Boolean);
836        const cur = locales.includes(parts[0]) ? parts[0] : 'en';
837        const pathWithout = cur !== 'en' ? '/' + parts.slice(1).join('/') : window.location.pathname;
838        const newPath = langCode === 'en' ? pathWithout : '/' + langCode + pathWithout;
839        window.location.href = newPath || '/';
840      });
841
842      document.addEventListener('click', () => { if (open) setOpen(false); });
843    })();
844  </script>
844 
844<script>
845    (function () {
846      var btn = document.querySelector('[data-cookie-settings-trigger]');
847      if (!btn) return;
848      btn.addEventListener('click', function () {
849        window.dispatchEvent(new Event('nantipa:openCookieSettings'));
850      });
851    })();
852  </script>
852</div>  <!-- Banner (hidden by default, shown via JS if no stored choice) --><div id="cookieConsent" class="fixed bottom-4 right-4 z-[9999] hidden" role="dialog" aria-modal="true" aria-label="Cookie settings"> <!-- Main banner --> <div id="cookieBanner" class="w-[340px] sm:w-[360px] p-4 bg-white rounded-2xl flex flex-col items-end gap-3
853           shadow-[0px_0px_1px_rgba(96,96,96,0.10),0px_12px_24px_-6px_rgba(96,96,96,0.15)]"> <div class="self-stretch flex flex-col gap-2.5"> <p class="text-[#0F181D] text-[16px] font-medium leading-5">Cookie settings</p> <p class="text-[#4A5568] text-[14px] font-normal leading-5"> We use cookies so that we can show you this website and understand how you use it, to improve the services we offer.  <a href="/privacy-policy" class="underline hover:text-[#0F181D] transition-colors">Privacy Policy</a> </p> </div> <!-- Decline all | Accept all — equal size, equal prominence, 1 click each (GDPR Article 7 + EDPB guidance) --> <div class="self-stretch flex gap-2"> <button type="button" id="cookieDeclineAll" class="flex-1 py-2 min-h-[44px] bg-[#EAF0F4] rounded-md text-center text-[#4A5568] text-[14px] font-medium
854               shadow-[0px_2px_2px_-2px_rgba(34,38,50,0.30)] hover:bg-[#dde6ec] transition cursor-pointer"> Decline all </button> <button type="button" id="cookieAcceptAll" class="flex-1 py-2 min-h-[44px] bg-[#1A1631] rounded-md text-center text-white text-[14px] font-medium
855               shadow-[0px_2px_2px_-2px_rgba(34,38,50,0.30)] hover:bg-[#2A2545] transition cursor-pointer"> Accept all </button> </div> <!-- Manage cookies — secondary action, smaller visual weight --> <button type="button" id="cookieManage" class="text-[#4A5568] text-[13px] sm:text-[14px] underline underline-offset-2 hover:text-[#0F181D] transition-colors cursor-pointer py-2 -mb-1"> Manage cookies </button> </div> <!-- Manage panel (hidden until "Manage cookies" clicked) --> <div id="cookieManagePanel" class="hidden w-[340px] sm:w-[360px] p-4 bg-white rounded-2xl flex-col gap-4
856           shadow-[0px_0px_1px_rgba(96,96,96,0.10),0px_12px_24px_-6px_rgba(96,96,96,0.15)]"> <div class="flex flex-col gap-4"> <p class="text-[#0F181D] text-[16px] font-medium leading-5">Manage cookies</p> <!-- Essential (always on) --> <div class="flex items-center justify-between"> <div class="flex flex-col gap-0.5"> <span class="text-[#0F181D] text-[14px] font-medium leading-5">Essential</span> <span class="text-[#4A5568] text-[13px] sm:text-[14px] leading-4 sm:leading-5">Required for the site to work</span> </div> <div class="w-[40px] h-[22px] bg-[#1A1631] rounded-full flex items-center justify-end px-0.5 opacity-60 cursor-not-allowed"> <div class="w-[18px] h-[18px] bg-white rounded-full"></div> </div> </div> <!-- Analytics (toggleable) --> <div class="flex items-center justify-between"> <div class="flex flex-col gap-0.5"> <span class="text-[#0F181D] text-[14px] font-medium leading-5">Analytics</span> <span class="text-[#4A5568] text-[13px] sm:text-[14px] leading-4 sm:leading-5">Help us improve our website</span> </div> <span class="flex items-center p-[11px] -m-[11px]"> <button type="button" id="cookieAnalyticsToggle" class="w-[40px] h-[22px] rounded-full border border-[#A0ADB7] flex items-center px-0.5 transition-colors duration-200 bg-[#EAF0F4] cursor-pointer" role="switch" aria-checked="false" aria-label="Toggle analytics cookies"> <div id="cookieToggleKnob" class="w-[18px] h-[18px] bg-white rounded-full shadow-sm transition-transform duration-200 translate-x-0"></div> </button> </span> </div> <!-- Marketing (toggleable) --> <div class="flex items-center justify-between"> <div class="flex flex-col gap-0.5"> <span class="text-[#0F181D] text-[14px] font-medium leading-5">Marketing</span> <span class="text-[#4A5568] text-[13px] sm:text-[14px] leading-4 sm:leading-5">Personalized ads and content</span> </div> <span class="flex items-center p-[11px] -m-[11px]"> <button type="button" id="cookieMarketingToggle" class="w-[40px] h-[22px] rounded-full border border-[#A0ADB7] flex items-center px-0.5 transition-colors duration-200 bg-[#EAF0F4] cursor-pointer" role="switch" aria-checked="false" aria-label="Toggle marketing cookies"> <div id="cookieMarketingKnob" class="w-[18px] h-[18px] bg-white rounded-full shadow-sm transition-transform duration-200 translate-x-0"></div> </button>
856 </span> </div> </div> <div class="flex gap-2 mt-2"> <button type="button" id="cookieDeclineAllPrefs" class="flex-1 py-2 min-h-[44px] bg-[#EAF0F4] rounded-md text-center text-[#4A5568] text-[14px] font-medium
857               shadow-[0px_2px_2px_-2px_rgba(34,38,50,0.30)] hover:bg-[#dde6ec] transition cursor-pointer"> Decline all </button> <button type="button" id="cookieSavePrefs" class="flex-1 py-2 min-h-[44px] bg-[#1A1631] rounded-md text-center text-white text-[14px] font-medium
858               shadow-[0px_2px_2px_-2px_rgba(34,38,50,0.30)] hover:bg-[#2A2545] transition cursor-pointer"> Save preferences </button> </div> </div> </div> <noscript> <div class="fixed bottom-4 right-4 z-[9999] w-[340px] sm:w-[360px] p-4 bg-white rounded-2xl shadow-[0px_0px_1px_rgba(96,96,96,0.10),0px_12px_24px_-6px_rgba(96,96,96,0.15)]"> <p class="text-[#0F181D] text-[16px] font-medium leading-5">Cookie settings</p> <p class="mt-2 text-[#4A5568] text-[14px] font-normal leading-5"> We use cookies so that we can show you this website and understand how you use it, to improve the services we offer.  <a href="/privacy-policy" class="underline hover:text-[#0F181D] transition-colors">Privacy Policy</a> </p> </div> </noscript> 
858<script>
859  (function () {
860    var STORAGE_KEY = "cookie_consent";
861    var root = document.getElementById("cookieConsent");
862    var banner = document.getElementById("cookieBanner");
863    var managePanel = document.getElementById("cookieManagePanel");
864
865    // Buttons
866    var acceptAllBtn = document.getElementById("cookieAcceptAll");
867    var declineAllBtn = document.getElementById("cookieDeclineAll");
868    var manageBtn = document.getElementById("cookieManage");
869    var declineAllPrefsBtn = document.getElementById("cookieDeclineAllPrefs");
870    var savePrefsBtn = document.getElementById("cookieSavePrefs");
871
872    // Toggles
873    var analyticsToggle = document.getElementById("cookieAnalyticsToggle");
874    var analyticsKnob = document.getElementById("cookieToggleKnob");
875    var marketingToggle = document.getElementById("cookieMarketingToggle");
876    var marketingKnob = document.getElementById("cookieMarketingKnob");
877
878    var analyticsOn = false;
879    var marketingOn = false;
880    var focusableSelector = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
881
882    // ── Helpers ──
883    function getConsent() {
884      try { return JSON.parse(localStorage.getItem(STORAGE_KEY)); } catch (e) { return null; }
885    }
886
887    // Applies the analytics choice to PostHog. PostHog only initializes once
888    // consent exists (posthog.astro); granting consent on this page triggers that
889    // init (which captures the page's $pageview itself). Withdrawal must clear
890    // identifiers BEFORE opting out — reset() after opt_out_capturing() would
891    // wipe the freshly-written opt-out flag and silently re-enable capture.
892    function applyPostHogConsent(analytics) {
893      if (analytics) {
894        if (window.__nantipaPostHogInited) {
895          if (window.posthog?.has_opted_out_capturing?.()) {
896            window.posthog.opt_in_capturing();
897            window.posthog.set_config({ persistence: "localStorage+cookie" });
898          }
899        } else if (window.__nantipaInitPostHog) {
900          window.__nantipaInitPostHog();
901        }
902      } else {
903        if (window.__nantipaPostHogInited) {
904          window.posthog?.reset();
905          window.posthog?.set_config({ persistence: "memory" });
906          window.posthog?.opt_out_capturing();
907        }
908        deleteCookiesByPrefix("ph_");
909        deletePostHogStorage();
910      }
911    }
912
913    function setConsent(analytics, marketing) {
914      var consent = { essential: true, analytics: !!analytics, marketing: !!marketing, timestamp: Date.now() };
915      localStorage.setItem(STORAGE_KEY, JSON.stringify(consent));
916      window.__nantipaCookiesAccepted = consent;
917      window.dispatchEvent(new CustomEvent("cookieConsentUpdated", { detail: consent }));
918
919      applyPostHogConsent(!!analytics);
920      if (typeof window.__nantipaApplyGtagConsent === 'function') {
921        window.__nantipaApplyGtagConsent(!!analytics, !!marketing);
922      }
923      // No manual $pageview here: on first grant the PostHog init captures this
924      // page's view itself, and opt_in_capturing() re-captures it on a re-grant.
925
926      // If user declined analytics/marketing, clear any existing tracking cookies
927      if (!analytics) {
928        deleteCookiesByPrefix("_ga");
929        deleteCookiesByPrefix("_gid");
930        deleteCookiesByPrefix("_gat");
931      }
932      if (!marketing) {
933        deleteCookiesByPrefix("_fbp");
934        deleteCookiesByPrefix("_fbc");
935      }
936    }
937
938    function deleteCookiesByPrefix(prefix) {
939      document.cookie.split(";").forEach(function (c) {
940        var name = c.split("=")[0].trim();
941        if (name.indexOf(prefix) === 0) {
942          document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/";
943          document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;domain=" + location.hostname;
944        }
945      });
946    }
947
948    // Removes PostHog identifier storage (ph_* keys in local/session storage) so
949    // no tracking identifier survives a withdrawal of consent. The separate
950    // __ph_opt_in_out_* flag is deliberately kept — after withdrawal it records
951    // the opt-OUT choice, which PostHog must keep respecting on this page.
952    function deletePostHogStorage() {
953      try {
954        [localStorage, sessionStorage].forEach(function (store) {
955          Object.keys(store).forEach(function (key) {
956            if (key.indexOf("ph_") === 0) {
957              store.removeItem(key);
958            }
959          });
960        });
961      } catch (e) {}
962    }
963
964    function hide() {
965      root.classList.add("hidden");
966    }
967
968    function activePanel() {
969      if (!managePanel.classList.contains("hidden")) return managePanel;
970      return banner;
971    }
972
973    function getFocusableEls() {
974      return Array.from(activePanel().querySelectorAll(focusableSelector)).filter(function (el) {
975        return el.offsetParent !== null && !el.closest("[inert]");
976      });
977    }
978
979    function updateToggle(btn, knob, on) {
980      btn.setAttribute("aria-checked", on ? "true" : "false");
981      btn.style.backgroundColor = on ? "#1A1631" : "#EAF0F4";
982      btn.style.borderColor = on ? "transparent" : "#A0ADB7";
983      knob.style.transform = on ? "translateX(18px)" : "translateX(0)";
984    }
985
986    function showBanner() {
987      // Reset toggle state
988      analyticsOn = false;
989      marketingOn = false;
990      updateToggle(analyticsToggle, analyticsKnob, false);
991      updateToggle(marketingToggle, marketingKnob, false);
992      // Always start on the main banner, not the manage panel
993      managePanel.classList.add("hidden");
994      managePanel.classList.remove("flex");
995      banner.classList.remove("hidden");
996      root.classList.remove("hidden");
997      root.querySelector("button")?.focus();
998    }
999
1000    root.addEventListener("keydown", function (event) {
1001      if (event.key !== "Tab" || root.classList.contains("hidden")) return;
1002
1003      var focusable = getFocusableEls();
1004      if (!focusable.length) {
1005        event.preventDefault();
1006        return;
1007      }
1008
1009      var first = focusable[0];
1010      var last = focusable[focusable.length - 1];
1011
1012      if (!root.contains(document.activeElement)) {
1013        event.preventDefault();
1014        first.focus();
1015        return;
1016      }
1017
1018      if (event.shiftKey && document.activeElement === first) {
1019        event.preventDefault();
1020        last.focus();
1021        return;
1022      }
1023
1024      if (!event.shiftKey && document.activeElement === last) {
1025        event.preventDefault();
1026        first.focus();
1027      }
1028    });
1029
1030    // ── Footer "Cookie Settings" re-open trigger ──
1031    // Attached unconditionally so it works even after consent has been given.
1032    // The footer dispatches "nantipa:openCookieSettings" to invoke this.
1033    window.addEventListener("nantipa:openCookieSettings", function () {
1034      localStorage.removeItem(STORAGE_KEY);
1035      window.__nantipaCookiesAccepted = { essential: true, analytics: false, marketing: false };
1036      showBanner();
1037    });
1038
1039    // ── Accept All (main banner, 1 click) ──
1040    acceptAllBtn.addEventListener("click", function () {
1041      setConsent(true, true);
1042      hide();
1043    });
1044
1045    // ── Decline All (main banner, 1 click — equal to Accept All) ──
1046    declineAllBtn.addEventListener("click", function () {
1047      setConsent(false, false);
1048      hide();
1049    });
1050
1051    // ── Manage Cookies (opens manage panel) ──
1052    manageBtn.addEventListener("click", function () {
1053      banner.classList.add("hidden");
1054      managePanel.classList.remove("hidden");
1055      managePanel.classList.add("flex");
1056      getFocusableEls()[0]?.focus();
1057    });
1058
1059    // ── Analytics toggle ──
1060    analyticsToggle.addEventListener("click", function () {
1061      analyticsOn = !analyticsOn;
1062      updateToggle(analyticsToggle, analyticsKnob, analyticsOn);
1063    });
1064
1065    // ── Marketing toggle ──
1066    marketingToggle.addEventListener("click", function () {
1067      marketingOn = !marketingOn;
1068      updateToggle(marketingToggle, marketingKnob, marketingOn);
1069    });
1070
1071    // ── Decline All (manage panel) ──
1072    declineAllPrefsBtn.addEventListener("click", function () {
1073      setConsent(false, false);
1074      hide();
1075    });
1076
1077    // ── Save Preferences (manage panel) ──
1078    savePrefsBtn.addEventListener("click", function () {
1079      setConsent(analyticsOn, marketingOn);
1080      hide();
1081    });
1082
1083    // ── GPC (Global Privacy Control) — legally required in CA, CO, CT and other US states ──
1084    // If the browser signals GPC, treat it as an automatic opt-out of analytics/marketing.
1085    // This takes precedence over any stored consent that includes analytics or marketing.
1086    // Runs after all listeners are attached so the footer "Cookie Settings" re-open
1087    // still presents a fully functional banner for GPC users.
1088    if (navigator.globalPrivacyControl) {
1089      setConsent(false, false);
1090      // Banner not shown — GPC is an unambiguous opt-out signal; no interaction required.
1091    } else {
1092      // ── Check existing consent ──
1093      var CONSENT_MAX_AGE_MS = 365 * 24 * 60 * 60 * 1000; // 12 months (GDPR / CNIL)
1094      var existing = getConsent();
1095      if (existing && existing.timestamp && (Date.now() - existing.timestamp) < CONSENT_MAX_AGE_MS) {
1096        window.__nantipaCookiesAccepted = existing;
1097        applyPostHogConsent(!!existing.analytics);
1098        if (typeof window.__nantipaApplyGtagConsent === 'function') {
1099          window.__nantipaApplyGtagConsent(!!existing.analytics, !!existing.marketing);
1100        }
1101        // Banner stays hidden — "Cookie Settings" listener remains active for re-open
1102      } else {
1103        // No consent yet, or consent has expired — clear stale record, block tracking, show banner
1104        if (existing) { localStorage.removeItem(STORAGE_KEY); }
1105        window.__nantipaCookiesAccepted = { essential: true, analytics: false, marketing: false };
1106        showBanner();
1107      }
1108    }
1109  })();
1110</script>
1110  
1110<script type="module" src="/_astro/BaseLayout.astro_astro_type_script_index_0_lang.ByXLQeQ6.js?dpl=dpl_64hwfj1EHpWWqkAGr7w5CevEM39N"></script>
1110</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.