:root{--color-white: #ffffff;--color-black: #000000;--color-ink: #1f1b18;--color-brown: #5e5148;--color-beige: #dccfbf;--color-sand: #efe7db;--color-cream: #f7f3ed;--color-blue: #00aeee;--color-blue-text: #006b93;--color-brown-muted: #6e625a;--color-danger: #a3221b;--color-danger-inverse: #ff8a80;--color-success: #2b7a30;--color-page-bg: var(--color-cream);--color-surface: var(--color-white);--color-surface-alt: var(--color-sand);--color-surface-inverse: var(--color-black);--color-text-primary: var(--color-black);--color-text-secondary: var(--color-brown);--color-text-muted: var(--color-brown-muted);--color-text-inverse: var(--color-white);--color-text-inverse-muted: var(--color-beige);--color-text-inverse-soft: rgb(255 255 255 / 60%);--color-text-inverse-subtle: #9a9186;--color-heading-inverse: var(--color-cream);--color-divider-inverse: rgb(220 207 191 / 30%);--color-text-accent: var(--color-blue-text);--color-border: var(--color-beige);--color-divider: var(--color-sand);--color-primary: var(--color-blue);--color-on-primary: var(--color-black);--overlay-photo-side: linear-gradient(90deg, rgb(0 0 0 / 60%) 0%, rgb(0 0 0 / 0%) 100%);--overlay-photo-top: linear-gradient(180deg, rgb(0 0 0 / 40%) 0%, rgb(0 0 0 / 0%) 100%);--overlay-photo-bottom: linear-gradient( 0deg, rgb(0 0 0 / 70%) 0%, rgb(0 0 0 / 0%) 100% );--overlay-hero: rgb(0 0 0 / 50%);--overlay-scrim: rgb(0 0 0 / 70%);--overlay-scrim-soft: rgb(0 0 0 / 40%);--overlay-backdrop: rgb(31 27 24 / 60%);--font-family-heading: "Playfair Display", "Playfair Display Fallback", Georgia, serif;--font-family-body: "Lato", "Lato Fallback", Arial, sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem);--font-size-5xl: clamp( 2.25rem, 1.5rem + 3.2vw, 3.5rem );--font-size-6xl: clamp(2.5rem, 1.25rem + 5.4vw, 4.625rem);--font-size-display: clamp( 2.75rem, 1.75rem + 3.5vw, 4.5rem );--font-size-title-md: clamp(1.75rem, 1.5rem + 1vw, 2.25rem);--line-height-ui: 1.25rem;--line-height-body: 1.5rem;--line-height-lead: 2rem;--line-height-heading: 1.33;--letter-spacing-ui: .03em;--letter-spacing-caps: .05em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-11: 2.75rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6.25rem;--section-padding-block: var(--space-12);--container-max: 1260px;--container-wide: 1300px;--gutter: var(--space-4);--header-height: 4.5rem;--touch-target: 2.75rem;--radius-none: 0;--radius-pill: 100px;--radius-panel: 1.5rem;--radius-field: 1rem;--border-width: 1px;--border-width-thick: 2px;--shadow-raised: 0 8px 24px rgb(31 27 24 / 12%);--shadow-panel: 0 16px 48px rgb(31 27 24 / 18%);--shadow-field: 0 4px 16px rgb(31 27 24 / 12%);--opacity-disabled: .5;--opacity-muted: .6;--focus-ring-color: var(--color-blue-text);--focus-ring-color-inverse: var(--color-white);--focus-ring-width: 2px;--focus-ring-offset: 2px;--transition-base: .15s ease;--transition-slow: .3s ease;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-enter: .45s;--duration-exit: .25s;--stagger-step: 70ms;--duration-reveal: .7s;--reveal-shift: clamp(1.25rem, 1rem + 1.5vw, 2.5rem);--duration-page: .35s;--duration-morph: .5s;--press-scale: .97;--duration-hero-settle: 2.4s;--duration-hero-rise: .9s;--z-dropdown: 50;--z-header: 100;--z-overlay: 1000}@media(min-width:768px){:root{--gutter: var(--space-8);--section-padding-block: var(--space-16)}}@media(min-width:1024px){:root{--gutter: var(--space-12);--section-padding-block: var(--space-24)}}@media(min-width:1280px){:root{--gutter: 70px;--header-height: 7rem}}@font-face{font-family:Phosphor;font-style:normal;font-weight:400;font-display:block;src:url("./media/phosphor-subset-UOYO6STT.woff2") format("woff2")}.ph{display:inline-block;font-family:Phosphor!important;font-style:normal;font-weight:400;line-height:1;speak:never;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ph-magnifying-glass:before{content:"\e30c"}.ph-caret-right:before{content:"\e13a"}.ph-caret-left:before{content:"\e138"}.ph-caret-down:before{content:"\e136"}.ph-arrow-up-right:before{content:"\e092"}.ph-arrow-right:before{content:"\e06c"}.ph-arrow-left:before{content:"\e058"}.ph-instagram-logo:before{content:"\e2d0"}.ph-facebook-logo:before{content:"\e226"}.ph-youtube-logo:before{content:"\e4fc"}.ph-whatsapp-logo:before{content:"\e5d0"}.ph-wifi-high:before{content:"\e4ea"}.ph-fork-knife:before{content:"\e262"}.ph-briefcase:before{content:"\e0ee"}.ph-lifebuoy:before{content:"\e63a"}.ph-sailboat:before{content:"\e78a"}.ph-boat:before{content:"\e786"}.ph-tree-palm:before{content:"\e91a"}.ph-swimming-pool:before{content:"\ecb6"}.ph-calendar-blank:before{content:"\e10a"}.ph-map-pin:before{content:"\e316"}.ph-users:before{content:"\e4d6"}.ph-bed:before{content:"\e0cc"}.ph-house:before{content:"\e2c2"}.ph-list:before{content:"\e2f0"}.ph-x:before{content:"\e4f6"}.ph-check:before{content:"\e182"}.ph-check-circle:before{content:"\e184"}.ph-warning-circle:before{content:"\e4e2"}.ph-plus:before{content:"\e3d4"}.ph-minus:before{content:"\e32a"}.ph-phone:before{content:"\e3b8"}.ph-envelope-simple:before{content:"\e218"}.ph-clock:before{content:"\e19a"}.ph-share-network:before{content:"\e408"}.ph-images:before{content:"\e836"}.ph-arrow-circle-up-right:before{content:"\e034"}.ph-export:before{content:"\eaf0"}.ph-image:before{content:"\e2ca"}.ph-images-square:before{content:"\e834"}.ph-sun:before{content:"\e472"}.ph-broom:before{content:"\ec54"}.ph-snowflake:before{content:"\e5aa"}.ph-waves:before{content:"\e6de"}.ph-bathtub:before{content:"\e81e"}.ph-van:before{content:"\e826"}.ph-coffee:before{content:"\e1c2"}.ph-television:before{content:"\e754"}.ph-ping-pong:before{content:"\ea42"}.ph-umbrella:before{content:"\e684"}.ph-suitcase:before{content:"\e5ae"}.ph-link:before{content:"\e2e2"}.ph-copy:before{content:"\e1ca"}.ph-x-circle:before{content:"\e4f8"}.ph-arrows-out:before{content:"\e0a2"}.ph-info:before{content:"\e2ce"}.ph-paper-plane-tilt:before{content:"\e398"}.ph-spinner-gap:before{content:"\e66c"}.ph-pencil-simple:before{content:"\e3b4"}.ph-sliders-horizontal:before{content:"\e434"}.ph-file-pdf:before{content:"\e702"}.ph-plus-circle:before{content:"\e3d6"}.ph-minus-circle:before{content:"\e32c"}.ph-arrow-up:before{content:"\e08e"}.ph-question:before{content:"\e3e8"}@font-face{font-family:Lato;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/Lato-Light.woff2) format("woff2")}@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/Lato-Regular.woff2) format("woff2")}@font-face{font-family:Lato;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/Lato-Medium.woff2) format("woff2")}@font-face{font-family:Lato;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/Lato-SemiBold.woff2) format("woff2")}@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/Lato-Bold.woff2) format("woff2")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/PlayfairDisplay-Medium.woff2) format("woff2")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/PlayfairDisplay-Bold.woff2) format("woff2")}@font-face{font-family:Lato Fallback;src:local("Arial"),local("Helvetica Neue"),local("Helvetica");size-adjust:97.4%;ascent-override:101.3%;descent-override:21.9%;line-gap-override:0%}@font-face{font-family:Playfair Display Fallback;src:local("Times New Roman"),local("Times");size-adjust:112.2%;ascent-override:96.4%;descent-override:22.4%;line-gap-override:0%}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background-color:var(--color-page-bg);scroll-padding-top:var(--header-height)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;min-height:100dvh;background-color:var(--color-page-bg);font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);color:var(--color-text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{margin:0;font-family:var(--font-family-heading);font-weight:var(--font-weight-medium);line-height:var(--line-height-heading);color:var(--color-text-primary);text-wrap:balance}p,ul,ol,figure,blockquote,dl,dd{margin:0}img,picture,svg,video{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}::selection{background-color:var(--color-beige);color:var(--color-black)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}:where(button,.btn,[role=button]):active:not(:disabled,[aria-disabled=true]){scale:var(--press-scale)}[data-reveal=pending]{opacity:0}[data-reveal=pending][data-reveal-effect=up]{transform:translate3d(0,var(--reveal-shift),0)}[data-reveal=pending][data-reveal-effect=zoom]{transform:scale(.94)}[data-reveal=in]{transition:opacity var(--duration-reveal) var(--ease-out),transform var(--duration-reveal) var(--ease-out);transition-delay:calc(var(--reveal-order, 0) * var(--stagger-step))}@keyframes hero-settle{0%{transform:scale(1.08)}}@keyframes hero-rise{0%{opacity:0;transform:translate3d(0,var(--reveal-shift),0)}}img[data-fade=pending]{opacity:0}img[data-fade=in]{animation:img-fade-in var(--duration-reveal) var(--ease-out)}@keyframes img-fade-in{0%{opacity:0}}.strip-progress{display:none}@supports (animation-timeline: scroll()) and (timeline-scope: --strip){.strip-progress{position:relative;display:block;overflow:hidden;height:var(--border-width-thick);border-radius:var(--radius-pill);background-color:var(--color-border)}.strip-progress:before{content:"";position:absolute;inset-block:0;left:0;width:30%;border-radius:inherit;background-color:var(--color-text-primary);animation:strip-progress linear both;animation-timeline:var(--strip-timeline)}}@keyframes strip-progress{to{transform:translate(233.3333333333%)}}@media print{[data-reveal]{opacity:1!important;transform:none!important}}@keyframes page-out{to{opacity:0}}@keyframes page-in{0%{opacity:0;transform:translate3d(0,var(--space-4),0)}}::view-transition-old(root){animation:page-out var(--duration-exit) ease-in both}::view-transition-new(root){animation:page-in var(--duration-page) var(--ease-out) calc(var(--duration-exit) / 2) both}::view-transition-group(site-header),::view-transition-group(quick-actions){animation-duration:var(--duration-page)}@keyframes page-fade-in{0%{opacity:0}}@keyframes step-slide-out{to{opacity:0;transform:translate3d(calc(var(--step-direction) * -1 * var(--reveal-shift)),0,0)}}@keyframes step-slide-in{0%{opacity:0;transform:translate3d(calc(var(--step-direction) * var(--reveal-shift)),0,0)}}html[data-page-transition]{--step-direction: 1}html[data-page-transition]::view-transition-new(root){animation:page-fade-in var(--duration-page) var(--ease-out) both}html[data-page-transition]::view-transition-group(booking-step){animation:none}html[data-page-transition]::view-transition-old(booking-step){animation:step-slide-out var(--duration-exit) ease-in both}html[data-page-transition]::view-transition-new(booking-step){animation:step-slide-in var(--duration-page) var(--ease-out) calc(var(--duration-exit) / 2) both}html[data-page-transition=back]{--step-direction: -1}html[data-page-transition=refresh]::view-transition-old(root){animation-duration:calc(var(--duration-exit) / 2)}html[data-page-transition=refresh]::view-transition-new(root){animation-duration:var(--duration-exit)}::view-transition-group(residence-photo){animation-duration:var(--duration-morph);animation-timing-function:var(--ease-out)}::view-transition-old(residence-photo),::view-transition-new(residence-photo){height:100%;object-fit:cover;overflow:clip}.ph{flex-shrink:0}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target);margin:0;padding:0;border:var(--border-width) solid transparent;background:none;font:inherit;color:inherit;text-decoration:none;cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),scale var(--transition-base)}.skip-link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.skip-link:disabled,.skip-link[aria-disabled=true]{opacity:var(--opacity-disabled);cursor:not-allowed}.skip-link{border-radius:var(--radius-pill);padding:var(--space-3) var(--space-6);font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-ui);letter-spacing:var(--letter-spacing-ui);white-space:nowrap;position:fixed;top:var(--space-2);left:var(--space-2);z-index:calc(var(--z-overlay) + 1);background-color:var(--color-black);color:var(--color-white);transform:translateY(calc(-100% - var(--space-4)))}.skip-link:focus-visible{transform:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target);margin:0;padding:0;border:var(--border-width) solid transparent;background:none;font:inherit;color:inherit;text-decoration:none;cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),scale var(--transition-base)}.btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn:disabled,.btn[aria-disabled=true]{opacity:var(--opacity-disabled);cursor:not-allowed}.btn{border-radius:var(--radius-pill);padding:var(--space-3) var(--space-6);font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-ui);letter-spacing:var(--letter-spacing-ui);white-space:nowrap;padding-block:var(--space-4)}.btn--primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn--primary:hover:not(:disabled){background-color:var(--color-black);color:var(--color-white)}.btn--dark{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.btn--dark:hover:not(:disabled){background-color:var(--color-ink)}.btn--light{background-color:var(--color-white);border-color:var(--color-white);color:var(--color-black)}.btn--light:hover:not(:disabled){background-color:var(--color-cream)}.btn--outline{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-black)}.btn--outline:hover:not(:disabled){border-color:var(--color-black)}.btn--ghost{background-color:transparent;border-color:var(--color-white);color:var(--color-white)}.btn--ghost:hover:not(:disabled){background-color:var(--color-white);color:var(--color-black)}.btn--sm{padding-block:var(--space-3)}.btn--lg{font-size:var(--font-size-lg)}.btn--block{width:100%}@media(max-width:767.98px){.btn--block-mobile{width:100%}}.btn .ph{font-size:var(--font-size-xl)}.form-field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.form-field__label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-ui);color:var(--color-text-primary)}.form-field__input,.form-field__textarea,.form-field__select{width:100%;min-height:var(--touch-target);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-none);background-color:var(--color-surface);font-size:var(--font-size-base);line-height:var(--line-height-body);color:var(--color-text-primary);transition:border-color var(--transition-base)}.form-field__input::placeholder,.form-field__textarea::placeholder,.form-field__select::placeholder{color:var(--color-text-muted);opacity:1}.form-field__input:hover,.form-field__textarea:hover,.form-field__select:hover{border-color:var(--color-brown-muted)}.form-field__input:focus-visible,.form-field__textarea:focus-visible,.form-field__select:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-color:var(--focus-ring-color)}.form-field__input:disabled,.form-field__textarea:disabled,.form-field__select:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.form-field__textarea{min-height:100px;resize:vertical}.form-field__select{appearance:none;padding-inline-end:var(--space-12);background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - var(--space-6)) 50%,calc(100% - var(--space-6) + 5px) 50%;background-size:5px 5px;background-repeat:no-repeat}.form-field__required{font-weight:var(--font-weight-bold);color:var(--color-danger)}.form-field__hint{font-size:var(--font-size-sm);line-height:var(--line-height-body);color:var(--color-text-muted)}.form-field__error{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body);color:var(--color-danger)}.form-field--error .form-field__input,.form-field--error .form-field__textarea,.form-field--error .form-field__select{border-color:var(--color-danger)}.form-check{position:relative;display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch-target);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer}.form-check input{position:absolute;opacity:0}.form-check a{text-underline-offset:.2em}.form-check__box{display:grid;flex-shrink:0;place-items:center;width:calc(var(--space-6) + var(--space-1));height:calc(var(--space-6) + var(--space-1));border:var(--border-width-thick) solid var(--color-brown-muted);border-radius:var(--space-1);color:transparent}:checked+.form-check__box{border-color:var(--color-black);background-color:var(--color-black);color:var(--color-white)}:focus-visible+.form-check__box{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.form-check--error .form-check__box{border-color:var(--color-danger)}.form-required-note{font-size:var(--font-size-sm);color:var(--color-text-muted)}.form-required-note .form-field__required{font-weight:var(--font-weight-bold);color:var(--color-danger)}.dialog-sheet{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;overscroll-behavior:contain;opacity:0;transition:opacity var(--duration-exit) ease-in,overlay var(--duration-exit) allow-discrete,display var(--duration-exit) allow-discrete}.dialog-sheet[open]{opacity:1;transition-duration:var(--duration-enter);transition-timing-function:var(--ease-out)}@starting-style{.dialog-sheet[open]{opacity:0}}.dialog-sheet:not([open]){display:none}.dialog-reveal{opacity:0;transform:translateY(var(--reveal-distance, var(--space-6)));transition:opacity var(--duration-exit) ease-in,transform var(--duration-exit) ease-in}.dialog-sheet[open] .dialog-reveal{opacity:1;transform:none;transition-duration:var(--duration-enter);transition-timing-function:var(--ease-out);transition-delay:calc((var(--reveal-index, 0) + 1) * var(--stagger-step))}@starting-style{.dialog-sheet[open] .dialog-reveal{opacity:0;transform:translateY(var(--reveal-distance, var(--space-6)))}}.close-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target);margin:0;padding:0;border:var(--border-width) solid transparent;background:none;font:inherit;color:inherit;text-decoration:none;cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),scale var(--transition-base)}.close-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.close-btn:disabled,.close-btn[aria-disabled=true]{opacity:var(--opacity-disabled);cursor:not-allowed}.close-btn{border-radius:var(--radius-pill);padding:var(--space-3) var(--space-6);font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-ui);letter-spacing:var(--letter-spacing-ui);white-space:nowrap;position:relative;gap:var(--space-1);border-color:var(--color-border);font-weight:var(--font-weight-medium)}.close-btn .ph{font-size:var(--font-size-xl)}@media(max-width:767.98px){.close-btn{width:var(--touch-target);padding:0;border-radius:50%}}@media(max-width:767.98px){.close-btn__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.form-honeypot{position:absolute;left:-9999px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body:has(app-sticky-cta:not(.is-hidden)){--quick-actions-offset: 4.75rem}@media(max-width:1023.98px){body:has(:is(input,textarea,select):focus) app-quick-actions,body:has(app-sticky-cta.is-hidden) app-quick-actions{display:none}}.skeleton{display:block;background-color:var(--color-sand);background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hero-dots{position:absolute;right:var(--space-6);bottom:var(--space-6);z-index:1;display:flex;gap:var(--space-2)}.hero-dots__dot{width:.75rem;height:.75rem;padding:0;border:2px solid var(--color-text-inverse);border-radius:50%;background:transparent;cursor:pointer;opacity:.8;transition:background-color .2s ease,opacity .2s ease}.hero-dots__dot:hover,.hero-dots__dot--active{background:var(--color-text-inverse);opacity:1}.hero-dots__dot:focus-visible{outline:2px solid var(--color-text-inverse);outline-offset:3px}