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 & 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 & 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 & 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&domain=www.nantipa.com&HotelId=9883313&languageid=1&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 & 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 & 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&domain=www.nantipa.com&HotelId=9883313&languageid=1&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&domain=www.nantipa.com&HotelId=9883313&languageid=1&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 & 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 & 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 & 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 & 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 & 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'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&domain=www.nantipa.com&HotelId=9883313&languageid=1&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 & 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 & 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.