{"id":98,"date":"2026-03-23T10:23:23","date_gmt":"2026-03-23T10:23:23","guid":{"rendered":"https:\/\/romantic-aryabhata.152-53-246-62.plesk.page\/?page_id=98"},"modified":"2026-03-23T10:33:54","modified_gmt":"2026-03-23T10:33:54","slug":"our-story","status":"publish","type":"page","link":"https:\/\/befree-hostel.com\/index.php\/our-story\/","title":{"rendered":"Our Story"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"98\" class=\"elementor elementor-98\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd2efde e-flex e-con-boxed e-con e-parent\" data-id=\"dd2efde\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fea8fc3 elementor-widget elementor-widget-spacer\" data-id=\"fea8fc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71a5e39 e-flex e-con-boxed e-con e-parent\" data-id=\"71a5e39\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75b5f18 elementor-widget elementor-widget-heading\" data-id=\"75b5f18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Story<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0efd1d1 e-flex e-con-boxed e-con e-parent\" data-id=\"0efd1d1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55a3355 elementor-widget elementor-widget-spacer\" data-id=\"55a3355\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6175456 e-flex e-con-boxed e-con e-parent\" data-id=\"6175456\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e58ac2e elementor-widget elementor-widget-html\" data-id=\"e58ac2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"about\">\r\n\r\n  <!-- FLOWERS -->\r\n  <div class=\"flower flower1\">\r\n    <svg viewBox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n      <defs>\r\n        <radialGradient id=\"purpleCenter\" cx=\"50%\" cy=\"50%\" r=\"50%\">\r\n          <stop offset=\"0%\" stop-color=\"#fff7b8\"\/>\r\n          <stop offset=\"55%\" stop-color=\"#ffd84e\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#e2a900\"\/>\r\n        <\/radialGradient>\r\n\r\n        <linearGradient id=\"purplePetalA\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#d79cff\"\/>\r\n          <stop offset=\"45%\" stop-color=\"#c97eff\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#9b46ea\"\/>\r\n        <\/linearGradient>\r\n\r\n        <linearGradient id=\"purplePetalB\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#e8c4ff\"\/>\r\n          <stop offset=\"45%\" stop-color=\"#ce8bff\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#a85bf3\"\/>\r\n        <\/linearGradient>\r\n\r\n        <filter id=\"softShadow1\" x=\"-30%\" y=\"-30%\" width=\"160%\" height=\"160%\">\r\n          <feDropShadow dx=\"0\" dy=\"10\" stdDeviation=\"8\" flood-color=\"#000000\" flood-opacity=\"0.16\"\/>\r\n        <\/filter>\r\n      <\/defs>\r\n\r\n      <g filter=\"url(#softShadow1)\">\r\n        <ellipse cx=\"110\" cy=\"48\" rx=\"28\" ry=\"54\" fill=\"url(#purplePetalA)\"\/>\r\n        <ellipse cx=\"110\" cy=\"172\" rx=\"28\" ry=\"54\" fill=\"url(#purplePetalA)\"\/>\r\n        <ellipse cx=\"48\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#purplePetalA)\"\/>\r\n        <ellipse cx=\"172\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#purplePetalA)\"\/>\r\n\r\n        <ellipse cx=\"66\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 66 66)\" fill=\"url(#purplePetalB)\"\/>\r\n        <ellipse cx=\"154\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(45 154 66)\" fill=\"url(#purplePetalB)\"\/>\r\n        <ellipse cx=\"154\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 154 154)\" fill=\"url(#purplePetalB)\"\/>\r\n        <ellipse cx=\"66\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(45 66 154)\" fill=\"url(#purplePetalB)\"\/>\r\n\r\n        <ellipse cx=\"110\" cy=\"110\" rx=\"26\" ry=\"24\" fill=\"#b84cff\" opacity=\"0.22\"\/>\r\n\r\n        <circle cx=\"110\" cy=\"110\" r=\"22\" fill=\"url(#purpleCenter)\"\/>\r\n        <g fill=\"#ffbf00\">\r\n          <circle cx=\"99\" cy=\"103\" r=\"3.2\"\/>\r\n          <circle cx=\"107\" cy=\"99\" r=\"3.1\"\/>\r\n          <circle cx=\"116\" cy=\"101\" r=\"3.3\"\/>\r\n          <circle cx=\"121\" cy=\"109\" r=\"3.1\"\/>\r\n          <circle cx=\"116\" cy=\"118\" r=\"3.2\"\/>\r\n          <circle cx=\"106\" cy=\"120\" r=\"3.3\"\/>\r\n          <circle cx=\"98\" cy=\"115\" r=\"3.1\"\/>\r\n          <circle cx=\"101\" cy=\"109\" r=\"3\"\/>\r\n          <circle cx=\"111\" cy=\"109\" r=\"3\"\/>\r\n        <\/g>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"flower flower2\">\r\n    <svg viewBox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n      <defs>\r\n        <radialGradient id=\"blueCenter\" cx=\"50%\" cy=\"50%\" r=\"50%\">\r\n          <stop offset=\"0%\" stop-color=\"#fff7b8\"\/>\r\n          <stop offset=\"55%\" stop-color=\"#ffd84e\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#e2a900\"\/>\r\n        <\/radialGradient>\r\n\r\n        <linearGradient id=\"bluePetalA\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#bdeeff\"\/>\r\n          <stop offset=\"50%\" stop-color=\"#7fd7ff\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#329eff\"\/>\r\n        <\/linearGradient>\r\n\r\n        <linearGradient id=\"bluePetalB\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#d9f6ff\"\/>\r\n          <stop offset=\"50%\" stop-color=\"#90dbff\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#52b7ff\"\/>\r\n        <\/linearGradient>\r\n\r\n        <filter id=\"softShadow2\" x=\"-30%\" y=\"-30%\" width=\"160%\" height=\"160%\">\r\n          <feDropShadow dx=\"0\" dy=\"10\" stdDeviation=\"8\" flood-color=\"#000000\" flood-opacity=\"0.16\"\/>\r\n        <\/filter>\r\n      <\/defs>\r\n\r\n      <g filter=\"url(#softShadow2)\">\r\n        <ellipse cx=\"110\" cy=\"48\" rx=\"28\" ry=\"54\" fill=\"url(#bluePetalA)\"\/>\r\n        <ellipse cx=\"110\" cy=\"172\" rx=\"28\" ry=\"54\" fill=\"url(#bluePetalA)\"\/>\r\n        <ellipse cx=\"48\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#bluePetalA)\"\/>\r\n        <ellipse cx=\"172\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#bluePetalA)\"\/>\r\n\r\n        <ellipse cx=\"66\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 66 66)\" fill=\"url(#bluePetalB)\"\/>\r\n        <ellipse cx=\"154\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(45 154 66)\" fill=\"url(#bluePetalB)\"\/>\r\n        <ellipse cx=\"154\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 154 154)\" fill=\"url(#bluePetalB)\"\/>\r\n        <ellipse cx=\"66\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(45 66 154)\" fill=\"url(#bluePetalB)\"\/>\r\n\r\n        <ellipse cx=\"110\" cy=\"110\" rx=\"26\" ry=\"24\" fill=\"#4aa8ff\" opacity=\"0.18\"\/>\r\n\r\n        <circle cx=\"110\" cy=\"110\" r=\"22\" fill=\"url(#blueCenter)\"\/>\r\n        <g fill=\"#ffbf00\">\r\n          <circle cx=\"99\" cy=\"103\" r=\"3.2\"\/>\r\n          <circle cx=\"107\" cy=\"99\" r=\"3.1\"\/>\r\n          <circle cx=\"116\" cy=\"101\" r=\"3.3\"\/>\r\n          <circle cx=\"121\" cy=\"109\" r=\"3.1\"\/>\r\n          <circle cx=\"116\" cy=\"118\" r=\"3.2\"\/>\r\n          <circle cx=\"106\" cy=\"120\" r=\"3.3\"\/>\r\n          <circle cx=\"98\" cy=\"115\" r=\"3.1\"\/>\r\n          <circle cx=\"101\" cy=\"109\" r=\"3\"\/>\r\n          <circle cx=\"111\" cy=\"109\" r=\"3\"\/>\r\n        <\/g>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"flower flower3\">\r\n    <svg viewBox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n      <defs>\r\n        <radialGradient id=\"pinkCenter\" cx=\"50%\" cy=\"50%\" r=\"50%\">\r\n          <stop offset=\"0%\" stop-color=\"#fff7b8\"\/>\r\n          <stop offset=\"55%\" stop-color=\"#ffd84e\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#e2a900\"\/>\r\n        <\/radialGradient>\r\n\r\n        <linearGradient id=\"pinkPetalA\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#ffc0d9\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ff84b7\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#f13f8e\"\/>\r\n        <\/linearGradient>\r\n\r\n        <linearGradient id=\"pinkPetalB\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#ffd4e7\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ff94c1\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#ff5b9e\"\/>\r\n        <\/linearGradient>\r\n\r\n        <filter id=\"softShadow3\" x=\"-30%\" y=\"-30%\" width=\"160%\" height=\"160%\">\r\n          <feDropShadow dx=\"0\" dy=\"10\" stdDeviation=\"8\" flood-color=\"#000000\" flood-opacity=\"0.16\"\/>\r\n        <\/filter>\r\n      <\/defs>\r\n\r\n      <g filter=\"url(#softShadow3)\">\r\n        <ellipse cx=\"110\" cy=\"48\" rx=\"28\" ry=\"54\" fill=\"url(#pinkPetalA)\"\/>\r\n        <ellipse cx=\"110\" cy=\"172\" rx=\"28\" ry=\"54\" fill=\"url(#pinkPetalA)\"\/>\r\n        <ellipse cx=\"48\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#pinkPetalA)\"\/>\r\n        <ellipse cx=\"172\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#pinkPetalA)\"\/>\r\n\r\n        <ellipse cx=\"66\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 66 66)\" fill=\"url(#pinkPetalB)\"\/>\r\n        <ellipse cx=\"154\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(45 154 66)\" fill=\"url(#pinkPetalB)\"\/>\r\n        <ellipse cx=\"154\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 154 154)\" fill=\"url(#pinkPetalB)\"\/>\r\n        <ellipse cx=\"66\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(45 66 154)\" fill=\"url(#pinkPetalB)\"\/>\r\n\r\n        <ellipse cx=\"110\" cy=\"110\" rx=\"26\" ry=\"24\" fill=\"#ff5ca8\" opacity=\"0.18\"\/>\r\n\r\n        <circle cx=\"110\" cy=\"110\" r=\"22\" fill=\"url(#pinkCenter)\"\/>\r\n        <g fill=\"#ffbf00\">\r\n          <circle cx=\"99\" cy=\"103\" r=\"3.2\"\/>\r\n          <circle cx=\"107\" cy=\"99\" r=\"3.1\"\/>\r\n          <circle cx=\"116\" cy=\"101\" r=\"3.3\"\/>\r\n          <circle cx=\"121\" cy=\"109\" r=\"3.1\"\/>\r\n          <circle cx=\"116\" cy=\"118\" r=\"3.2\"\/>\r\n          <circle cx=\"106\" cy=\"120\" r=\"3.3\"\/>\r\n          <circle cx=\"98\" cy=\"115\" r=\"3.1\"\/>\r\n          <circle cx=\"101\" cy=\"109\" r=\"3\"\/>\r\n          <circle cx=\"111\" cy=\"109\" r=\"3\"\/>\r\n        <\/g>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <!-- TEXT -->\r\n  <div class=\"content\">\r\n    <p>\r\n      Be Free Hostel Vienna is a colorful and affordable place to stay near Westbahnhof, offering modern travelers a relaxed and flexible experience in the heart of the city. With easy self check-in, a central location and a vibrant atmosphere, it is the perfect base to explore Vienna your own way while connecting with people from around the world.\r\n    <\/p>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n.about {\r\n  position: relative;\r\n  padding: 120px 20px;\r\n  background: transparent;\r\n  overflow: hidden;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  min-height: 420px;\r\n}\r\n\r\n.content {\r\n  max-width: 700px;\r\n  text-align: center;\r\n  position: relative;\r\n  z-index: 2;\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n  animation: fadeUp 1s ease forwards;\r\n  animation-delay: 0.3s;\r\n}\r\n\r\n.about p {\r\n  font-size: 1.15rem;\r\n  line-height: 1.8;\r\n  color: #111;\r\n}\r\n\r\n.flower {\r\n  position: absolute;\r\n  width: 170px;\r\n  height: 170px;\r\n  opacity: 0;\r\n  transform: translateY(40px) scale(0.9);\r\n  animation: fadeIn 1s ease forwards, float 6s ease-in-out infinite;\r\n}\r\n\r\n.flower svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: visible;\r\n}\r\n\r\n.flower1 {\r\n  top: 5%;\r\n  left: 4%;\r\n  animation-delay: 0.2s, 1.2s;\r\n}\r\n\r\n.flower2 {\r\n  top: 38%;\r\n  right: 7%;\r\n  width: 155px;\r\n  height: 155px;\r\n  animation-delay: 0.4s, 1.4s;\r\n}\r\n\r\n.flower3 {\r\n  bottom: 5%;\r\n  right: 14%;\r\n  width: 185px;\r\n  height: 185px;\r\n  animation-delay: 0.6s, 1.6s;\r\n}\r\n\r\n@keyframes fadeUp {\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes fadeIn {\r\n  to {\r\n    opacity: 0.95;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n}\r\n\r\n@keyframes float {\r\n  0%, 100% {\r\n    transform: translateY(0px) rotate(0deg);\r\n  }\r\n  50% {\r\n    transform: translateY(-12px) rotate(2deg);\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .about {\r\n    padding: 90px 20px;\r\n    min-height: 340px;\r\n  }\r\n\r\n  .about p {\r\n    font-size: 1rem;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .flower {\r\n    width: 92px;\r\n    height: 92px;\r\n  }\r\n\r\n  .flower2 {\r\n    width: 80px;\r\n    height: 80px;\r\n    right: 2%;\r\n  }\r\n\r\n  .flower3 {\r\n    width: 105px;\r\n    height: 105px;\r\n    right: 6%;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-97f73f1 e-flex e-con-boxed e-con e-parent\" data-id=\"97f73f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73b440a elementor-widget elementor-widget-spacer\" data-id=\"73b440a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d09158 e-flex e-con-boxed e-con e-parent\" data-id=\"2d09158\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f0847b elementor-widget elementor-widget-heading\" data-id=\"2f0847b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Who comes here?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-740fa24 e-flex e-con-boxed e-con e-parent\" data-id=\"740fa24\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f25116 elementor-widget elementor-widget-spacer\" data-id=\"8f25116\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43ee79b e-flex e-con-boxed e-con e-parent\" data-id=\"43ee79b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d56aa77 elementor-widget elementor-widget-html\" data-id=\"d56aa77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"who-comes-section who-comes-reveal\" id=\"whoComesReveal\">\r\n\r\n  <!-- BACKGROUND GLOW -->\r\n  <div class=\"who-glow who-glow-1\"><\/div>\r\n  <div class=\"who-glow who-glow-2\"><\/div>\r\n  <div class=\"who-glow who-glow-3\"><\/div>\r\n\r\n  <!-- FLOWERS -->\r\n  <div class=\"who-flower who-flower-1\">\r\n    <svg viewBox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n      <defs>\r\n        <radialGradient id=\"whoPurpleCenter2\" cx=\"50%\" cy=\"50%\" r=\"50%\">\r\n          <stop offset=\"0%\" stop-color=\"#fff7b8\"\/>\r\n          <stop offset=\"55%\" stop-color=\"#ffd84e\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#e2a900\"\/>\r\n        <\/radialGradient>\r\n        <linearGradient id=\"whoPurplePetalA2\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#d79cff\"\/>\r\n          <stop offset=\"45%\" stop-color=\"#c97eff\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#9b46ea\"\/>\r\n        <\/linearGradient>\r\n        <linearGradient id=\"whoPurplePetalB2\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#e8c4ff\"\/>\r\n          <stop offset=\"45%\" stop-color=\"#ce8bff\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#a85bf3\"\/>\r\n        <\/linearGradient>\r\n        <filter id=\"whoSoftShadow12\" x=\"-30%\" y=\"-30%\" width=\"160%\" height=\"160%\">\r\n          <feDropShadow dx=\"0\" dy=\"10\" stdDeviation=\"8\" flood-color=\"#000000\" flood-opacity=\"0.16\"\/>\r\n        <\/filter>\r\n      <\/defs>\r\n      <g filter=\"url(#whoSoftShadow12)\">\r\n        <ellipse cx=\"110\" cy=\"48\" rx=\"28\" ry=\"54\" fill=\"url(#whoPurplePetalA2)\"\/>\r\n        <ellipse cx=\"110\" cy=\"172\" rx=\"28\" ry=\"54\" fill=\"url(#whoPurplePetalA2)\"\/>\r\n        <ellipse cx=\"48\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#whoPurplePetalA2)\"\/>\r\n        <ellipse cx=\"172\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#whoPurplePetalA2)\"\/>\r\n        <ellipse cx=\"66\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 66 66)\" fill=\"url(#whoPurplePetalB2)\"\/>\r\n        <ellipse cx=\"154\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(45 154 66)\" fill=\"url(#whoPurplePetalB2)\"\/>\r\n        <ellipse cx=\"154\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 154 154)\" fill=\"url(#whoPurplePetalB2)\"\/>\r\n        <ellipse cx=\"66\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(45 66 154)\" fill=\"url(#whoPurplePetalB2)\"\/>\r\n        <ellipse cx=\"110\" cy=\"110\" rx=\"26\" ry=\"24\" fill=\"#b84cff\" opacity=\"0.22\"\/>\r\n        <circle cx=\"110\" cy=\"110\" r=\"22\" fill=\"url(#whoPurpleCenter2)\"\/>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"who-flower who-flower-2\">\r\n    <svg viewBox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n      <defs>\r\n        <radialGradient id=\"whoPinkCenter2\" cx=\"50%\" cy=\"50%\" r=\"50%\">\r\n          <stop offset=\"0%\" stop-color=\"#fff7b8\"\/>\r\n          <stop offset=\"55%\" stop-color=\"#ffd84e\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#e2a900\"\/>\r\n        <\/radialGradient>\r\n        <linearGradient id=\"whoPinkPetalA2\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#ffc0d9\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ff84b7\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#f13f8e\"\/>\r\n        <\/linearGradient>\r\n        <linearGradient id=\"whoPinkPetalB2\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#ffd4e7\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ff94c1\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#ff5b9e\"\/>\r\n        <\/linearGradient>\r\n        <filter id=\"whoSoftShadow22\" x=\"-30%\" y=\"-30%\" width=\"160%\" height=\"160%\">\r\n          <feDropShadow dx=\"0\" dy=\"10\" stdDeviation=\"8\" flood-color=\"#000000\" flood-opacity=\"0.16\"\/>\r\n        <\/filter>\r\n      <\/defs>\r\n      <g filter=\"url(#whoSoftShadow22)\">\r\n        <ellipse cx=\"110\" cy=\"48\" rx=\"28\" ry=\"54\" fill=\"url(#whoPinkPetalA2)\"\/>\r\n        <ellipse cx=\"110\" cy=\"172\" rx=\"28\" ry=\"54\" fill=\"url(#whoPinkPetalA2)\"\/>\r\n        <ellipse cx=\"48\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#whoPinkPetalA2)\"\/>\r\n        <ellipse cx=\"172\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#whoPinkPetalA2)\"\/>\r\n        <ellipse cx=\"66\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 66 66)\" fill=\"url(#whoPinkPetalB2)\"\/>\r\n        <ellipse cx=\"154\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(45 154 66)\" fill=\"url(#whoPinkPetalB2)\"\/>\r\n        <ellipse cx=\"154\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 154 154)\" fill=\"url(#whoPinkPetalB2)\"\/>\r\n        <ellipse cx=\"66\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(45 66 154)\" fill=\"url(#whoPinkPetalB2)\"\/>\r\n        <ellipse cx=\"110\" cy=\"110\" rx=\"26\" ry=\"24\" fill=\"#ff5ca8\" opacity=\"0.18\"\/>\r\n        <circle cx=\"110\" cy=\"110\" r=\"22\" fill=\"url(#whoPinkCenter2)\"\/>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"who-flower who-flower-3\">\r\n    <svg viewBox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n      <defs>\r\n        <radialGradient id=\"whoBlueCenter2\" cx=\"50%\" cy=\"50%\" r=\"50%\">\r\n          <stop offset=\"0%\" stop-color=\"#fff7b8\"\/>\r\n          <stop offset=\"55%\" stop-color=\"#ffd84e\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#e2a900\"\/>\r\n        <\/radialGradient>\r\n        <linearGradient id=\"whoBluePetalA2\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#bdeeff\"\/>\r\n          <stop offset=\"50%\" stop-color=\"#7fd7ff\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#329eff\"\/>\r\n        <\/linearGradient>\r\n        <linearGradient id=\"whoBluePetalB2\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#d9f6ff\"\/>\r\n          <stop offset=\"50%\" stop-color=\"#90dbff\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#52b7ff\"\/>\r\n        <\/linearGradient>\r\n        <filter id=\"whoSoftShadow32\" x=\"-30%\" y=\"-30%\" width=\"160%\" height=\"160%\">\r\n          <feDropShadow dx=\"0\" dy=\"10\" stdDeviation=\"8\" flood-color=\"#000000\" flood-opacity=\"0.16\"\/>\r\n        <\/filter>\r\n      <\/defs>\r\n      <g filter=\"url(#whoSoftShadow32)\">\r\n        <ellipse cx=\"110\" cy=\"48\" rx=\"28\" ry=\"54\" fill=\"url(#whoBluePetalA2)\"\/>\r\n        <ellipse cx=\"110\" cy=\"172\" rx=\"28\" ry=\"54\" fill=\"url(#whoBluePetalA2)\"\/>\r\n        <ellipse cx=\"48\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#whoBluePetalA2)\"\/>\r\n        <ellipse cx=\"172\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#whoBluePetalA2)\"\/>\r\n        <ellipse cx=\"66\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 66 66)\" fill=\"url(#whoBluePetalB2)\"\/>\r\n        <ellipse cx=\"154\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(45 154 66)\" fill=\"url(#whoBluePetalB2)\"\/>\r\n        <ellipse cx=\"154\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 154 154)\" fill=\"url(#whoBluePetalB2)\"\/>\r\n        <ellipse cx=\"66\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(45 66 154)\" fill=\"url(#whoBluePetalB2)\"\/>\r\n        <ellipse cx=\"110\" cy=\"110\" rx=\"26\" ry=\"24\" fill=\"#4aa8ff\" opacity=\"0.18\"\/>\r\n        <circle cx=\"110\" cy=\"110\" r=\"22\" fill=\"url(#whoBlueCenter2)\"\/>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"who-card\">\r\n    <span class=\"who-tag reveal-item delay-1\">Who comes here?<\/span>\r\n\r\n    <h2 class=\"reveal-item delay-2\">\r\n      People who don\u2019t want the\r\n      <span>standard experience.<\/span>\r\n    <\/h2>\r\n\r\n    <div class=\"who-text\">\r\n      <p class=\"reveal-item delay-3\">Backpackers chasing the next destination.<\/p>\r\n      <p class=\"reveal-item delay-4\">Solo travelers finding themselves somewhere in between.<\/p>\r\n      <p class=\"reveal-item delay-5\">Digital nomads building their own version of life.<\/p>\r\n\r\n      <p class=\"break-line reveal-item delay-6\">But more than that \u2014<\/p>\r\n\r\n      <p class=\"reveal-item delay-7\">people who want to feel <span class=\"accent\">free<\/span>.<\/p>\r\n\r\n      <p class=\"reveal-item delay-8\">Free to connect.<\/p>\r\n      <p class=\"reveal-item delay-9\">Free to be alone.<\/p>\r\n      <p class=\"reveal-item delay-10\">Free to change plans last minute.<\/p>\r\n\r\n      <p class=\"closing reveal-item delay-11\">\r\n        There\u2019s no \u201ctype\u201d here \u2014 just people doing life their own way.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.who-comes-section {\r\n  position: relative;\r\n  min-height: 100vh;\r\n  padding: 140px 24px;\r\n  background: transparent;\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.who-glow {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  z-index: 0;\r\n  opacity: 0.85;\r\n}\r\n\r\n.who-glow-1 {\r\n  width: 340px;\r\n  height: 340px;\r\n  background: rgba(255, 140, 0, 0.28);\r\n  top: 0;\r\n  left: -60px;\r\n  animation: glowMove1 10s ease-in-out infinite;\r\n}\r\n\r\n.who-glow-2 {\r\n  width: 360px;\r\n  height: 360px;\r\n  background: rgba(255, 45, 122, 0.22);\r\n  right: -80px;\r\n  top: 20%;\r\n  animation: glowMove2 12s ease-in-out infinite;\r\n}\r\n\r\n.who-glow-3 {\r\n  width: 320px;\r\n  height: 320px;\r\n  background: rgba(116, 91, 255, 0.18);\r\n  bottom: -40px;\r\n  left: 20%;\r\n  animation: glowMove3 11s ease-in-out infinite;\r\n}\r\n\r\n.who-card {\r\n  position: relative;\r\n  z-index: 3;\r\n  max-width: 920px;\r\n  width: 100%;\r\n  text-align: center;\r\n  padding: 56px 48px;\r\n  border-radius: 36px;\r\n  background: rgba(255,255,255,0.55);\r\n  backdrop-filter: blur(18px);\r\n  -webkit-backdrop-filter: blur(18px);\r\n  border: 1px solid rgba(255,255,255,0.35);\r\n  box-shadow:\r\n    0 30px 60px rgba(0,0,0,0.10),\r\n    inset 0 1px 0 rgba(255,255,255,0.28);\r\n}\r\n\r\n.who-tag {\r\n  display: inline-block;\r\n  margin-bottom: 18px;\r\n  padding: 10px 18px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.78);\r\n  color: #111;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.2px;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 8px 24px rgba(0,0,0,0.05);\r\n}\r\n\r\n.who-card h2 {\r\n  margin: 0 0 28px;\r\n  font-size: clamp(2.6rem, 6vw, 5.2rem);\r\n  line-height: 0.96;\r\n  letter-spacing: -2px;\r\n  color: #111;\r\n}\r\n\r\n.who-card h2 span {\r\n  display: inline-block;\r\n  background: linear-gradient(135deg, #ff8c00, #ff2d7a, #5b8cff);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.who-text {\r\n  max-width: 720px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.who-text p {\r\n  margin: 0 0 14px;\r\n  font-size: 1.18rem;\r\n  line-height: 1.7;\r\n  color: #222;\r\n}\r\n\r\n.who-text .break-line {\r\n  margin-top: 28px;\r\n  font-weight: 700;\r\n  color: #111;\r\n}\r\n\r\n.who-text .closing {\r\n  margin-top: 28px;\r\n  font-weight: 700;\r\n  color: #111;\r\n}\r\n\r\n.accent {\r\n  color: #ff2d7a;\r\n  font-weight: 700;\r\n}\r\n\r\n.who-flower {\r\n  position: absolute;\r\n  z-index: 1;\r\n  opacity: 0.22;\r\n  pointer-events: none;\r\n  animation: flowerFloat 9s ease-in-out infinite;\r\n}\r\n\r\n.who-flower svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n}\r\n\r\n.who-flower-1 {\r\n  width: 220px;\r\n  height: 220px;\r\n  left: 30px;\r\n  top: 100px;\r\n}\r\n\r\n.who-flower-2 {\r\n  width: 170px;\r\n  height: 170px;\r\n  right: 40px;\r\n  top: 120px;\r\n  animation-delay: 1.8s;\r\n}\r\n\r\n.who-flower-3 {\r\n  width: 180px;\r\n  height: 180px;\r\n  left: 80px;\r\n  bottom: 70px;\r\n  animation-delay: 3.2s;\r\n}\r\n\r\n\/* reveal *\/\r\n.reveal-item {\r\n  opacity: 0;\r\n  transform: translateY(28px);\r\n  transition:\r\n    opacity 0.9s ease,\r\n    transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);\r\n  will-change: transform, opacity;\r\n}\r\n\r\n.reveal-item.is-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.delay-1 { transition-delay: 0.05s; }\r\n.delay-2 { transition-delay: 0.12s; }\r\n.delay-3 { transition-delay: 0.18s; }\r\n.delay-4 { transition-delay: 0.24s; }\r\n.delay-5 { transition-delay: 0.30s; }\r\n.delay-6 { transition-delay: 0.36s; }\r\n.delay-7 { transition-delay: 0.42s; }\r\n.delay-8 { transition-delay: 0.48s; }\r\n.delay-9 { transition-delay: 0.54s; }\r\n.delay-10 { transition-delay: 0.60s; }\r\n.delay-11 { transition-delay: 0.68s; }\r\n\r\n@keyframes flowerFloat {\r\n  0%, 100% {\r\n    transform: translateY(0px) rotate(0deg) scale(1);\r\n  }\r\n  50% {\r\n    transform: translateY(-14px) rotate(3deg) scale(1.03);\r\n  }\r\n}\r\n\r\n@keyframes glowMove1 {\r\n  0%, 100% { transform: translate(0,0) scale(1); }\r\n  50% { transform: translate(26px, 20px) scale(1.08); }\r\n}\r\n\r\n@keyframes glowMove2 {\r\n  0%, 100% { transform: translate(0,0) scale(1); }\r\n  50% { transform: translate(-20px, 16px) scale(1.1); }\r\n}\r\n\r\n@keyframes glowMove3 {\r\n  0%, 100% { transform: translate(0,0) scale(1); }\r\n  50% { transform: translate(-18px, -18px) scale(1.08); }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .who-comes-section {\r\n    padding: 100px 16px;\r\n  }\r\n\r\n  .who-card {\r\n    padding: 32px 22px;\r\n    border-radius: 26px;\r\n  }\r\n\r\n  .who-card h2 {\r\n    font-size: 2.4rem;\r\n  }\r\n\r\n  .who-text p {\r\n    font-size: 1rem;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .who-flower-1 {\r\n    width: 120px;\r\n    height: 120px;\r\n    left: -10px;\r\n    top: 90px;\r\n  }\r\n\r\n  .who-flower-2 {\r\n    width: 100px;\r\n    height: 100px;\r\n    right: -10px;\r\n    top: 120px;\r\n  }\r\n\r\n  .who-flower-3 {\r\n    width: 105px;\r\n    height: 105px;\r\n    left: 0;\r\n    bottom: 40px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const section = document.getElementById(\"whoComesReveal\");\r\n  const items = section.querySelectorAll(\".reveal-item\");\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry) => {\r\n      if (entry.isIntersecting) {\r\n        items.forEach((item) => item.classList.add(\"is-visible\"));\r\n      }\r\n    });\r\n  }, { threshold: 0.25 });\r\n\r\n  observer.observe(section);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-842cbc0 e-flex e-con-boxed e-con e-parent\" data-id=\"842cbc0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b917f3 elementor-widget elementor-widget-spacer\" data-id=\"9b917f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e71e263 e-flex e-con-boxed e-con e-parent\" data-id=\"e71e263\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a27f94 elementor-widget elementor-widget-heading\" data-id=\"3a27f94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">our vibe <\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-12e3f47 e-flex e-con-boxed e-con e-parent\" data-id=\"12e3f47\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-338d39b elementor-widget elementor-widget-spacer\" data-id=\"338d39b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0a56ba1 e-flex e-con-boxed e-con e-parent\" data-id=\"0a56ba1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef95e40 elementor-widget elementor-widget-html\" data-id=\"ef95e40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"our-vibe about\">\r\n\r\n  <!-- FLOWERS -->\r\n  <div class=\"flower flower1\">\r\n    <svg viewBox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n      <defs>\r\n        <radialGradient id=\"purpleCenterVibe\" cx=\"50%\" cy=\"50%\" r=\"50%\">\r\n          <stop offset=\"0%\" stop-color=\"#fff7b8\"\/>\r\n          <stop offset=\"55%\" stop-color=\"#ffd84e\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#e2a900\"\/>\r\n        <\/radialGradient>\r\n\r\n        <linearGradient id=\"purplePetalAVibe\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#d79cff\"\/>\r\n          <stop offset=\"45%\" stop-color=\"#c97eff\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#9b46ea\"\/>\r\n        <\/linearGradient>\r\n\r\n        <linearGradient id=\"purplePetalBVibe\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#e8c4ff\"\/>\r\n          <stop offset=\"45%\" stop-color=\"#ce8bff\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#a85bf3\"\/>\r\n        <\/linearGradient>\r\n\r\n        <filter id=\"softShadowVibe1\" x=\"-30%\" y=\"-30%\" width=\"160%\" height=\"160%\">\r\n          <feDropShadow dx=\"0\" dy=\"10\" stdDeviation=\"8\" flood-color=\"#000000\" flood-opacity=\"0.16\"\/>\r\n        <\/filter>\r\n      <\/defs>\r\n\r\n      <g filter=\"url(#softShadowVibe1)\">\r\n        <ellipse cx=\"110\" cy=\"48\" rx=\"28\" ry=\"54\" fill=\"url(#purplePetalAVibe)\"\/>\r\n        <ellipse cx=\"110\" cy=\"172\" rx=\"28\" ry=\"54\" fill=\"url(#purplePetalAVibe)\"\/>\r\n        <ellipse cx=\"48\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#purplePetalAVibe)\"\/>\r\n        <ellipse cx=\"172\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#purplePetalAVibe)\"\/>\r\n\r\n        <ellipse cx=\"66\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 66 66)\" fill=\"url(#purplePetalBVibe)\"\/>\r\n        <ellipse cx=\"154\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(45 154 66)\" fill=\"url(#purplePetalBVibe)\"\/>\r\n        <ellipse cx=\"154\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 154 154)\" fill=\"url(#purplePetalBVibe)\"\/>\r\n        <ellipse cx=\"66\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(45 66 154)\" fill=\"url(#purplePetalBVibe)\"\/>\r\n\r\n        <ellipse cx=\"110\" cy=\"110\" rx=\"26\" ry=\"24\" fill=\"#b84cff\" opacity=\"0.22\"\/>\r\n\r\n        <circle cx=\"110\" cy=\"110\" r=\"22\" fill=\"url(#purpleCenterVibe)\"\/>\r\n        <g fill=\"#ffbf00\">\r\n          <circle cx=\"99\" cy=\"103\" r=\"3.2\"\/>\r\n          <circle cx=\"107\" cy=\"99\" r=\"3.1\"\/>\r\n          <circle cx=\"116\" cy=\"101\" r=\"3.3\"\/>\r\n          <circle cx=\"121\" cy=\"109\" r=\"3.1\"\/>\r\n          <circle cx=\"116\" cy=\"118\" r=\"3.2\"\/>\r\n          <circle cx=\"106\" cy=\"120\" r=\"3.3\"\/>\r\n          <circle cx=\"98\" cy=\"115\" r=\"3.1\"\/>\r\n          <circle cx=\"101\" cy=\"109\" r=\"3\"\/>\r\n          <circle cx=\"111\" cy=\"109\" r=\"3\"\/>\r\n        <\/g>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"flower flower2\">\r\n    <svg viewBox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n      <defs>\r\n        <radialGradient id=\"blueCenterVibe\" cx=\"50%\" cy=\"50%\" r=\"50%\">\r\n          <stop offset=\"0%\" stop-color=\"#fff7b8\"\/>\r\n          <stop offset=\"55%\" stop-color=\"#ffd84e\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#e2a900\"\/>\r\n        <\/radialGradient>\r\n\r\n        <linearGradient id=\"bluePetalAVibe\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#bdeeff\"\/>\r\n          <stop offset=\"50%\" stop-color=\"#7fd7ff\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#329eff\"\/>\r\n        <\/linearGradient>\r\n\r\n        <linearGradient id=\"bluePetalBVibe\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#d9f6ff\"\/>\r\n          <stop offset=\"50%\" stop-color=\"#90dbff\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#52b7ff\"\/>\r\n        <\/linearGradient>\r\n\r\n        <filter id=\"softShadowVibe2\" x=\"-30%\" y=\"-30%\" width=\"160%\" height=\"160%\">\r\n          <feDropShadow dx=\"0\" dy=\"10\" stdDeviation=\"8\" flood-color=\"#000000\" flood-opacity=\"0.16\"\/>\r\n        <\/filter>\r\n      <\/defs>\r\n\r\n      <g filter=\"url(#softShadowVibe2)\">\r\n        <ellipse cx=\"110\" cy=\"48\" rx=\"28\" ry=\"54\" fill=\"url(#bluePetalAVibe)\"\/>\r\n        <ellipse cx=\"110\" cy=\"172\" rx=\"28\" ry=\"54\" fill=\"url(#bluePetalAVibe)\"\/>\r\n        <ellipse cx=\"48\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#bluePetalAVibe)\"\/>\r\n        <ellipse cx=\"172\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#bluePetalAVibe)\"\/>\r\n\r\n        <ellipse cx=\"66\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 66 66)\" fill=\"url(#bluePetalBVibe)\"\/>\r\n        <ellipse cx=\"154\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(45 154 66)\" fill=\"url(#bluePetalBVibe)\"\/>\r\n        <ellipse cx=\"154\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 154 154)\" fill=\"url(#bluePetalBVibe)\"\/>\r\n        <ellipse cx=\"66\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(45 66 154)\" fill=\"url(#bluePetalBVibe)\"\/>\r\n\r\n        <ellipse cx=\"110\" cy=\"110\" rx=\"26\" ry=\"24\" fill=\"#4aa8ff\" opacity=\"0.18\"\/>\r\n\r\n        <circle cx=\"110\" cy=\"110\" r=\"22\" fill=\"url(#blueCenterVibe)\"\/>\r\n        <g fill=\"#ffbf00\">\r\n          <circle cx=\"99\" cy=\"103\" r=\"3.2\"\/>\r\n          <circle cx=\"107\" cy=\"99\" r=\"3.1\"\/>\r\n          <circle cx=\"116\" cy=\"101\" r=\"3.3\"\/>\r\n          <circle cx=\"121\" cy=\"109\" r=\"3.1\"\/>\r\n          <circle cx=\"116\" cy=\"118\" r=\"3.2\"\/>\r\n          <circle cx=\"106\" cy=\"120\" r=\"3.3\"\/>\r\n          <circle cx=\"98\" cy=\"115\" r=\"3.1\"\/>\r\n          <circle cx=\"101\" cy=\"109\" r=\"3\"\/>\r\n          <circle cx=\"111\" cy=\"109\" r=\"3\"\/>\r\n        <\/g>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"flower flower3\">\r\n    <svg viewBox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n      <defs>\r\n        <radialGradient id=\"pinkCenterVibe\" cx=\"50%\" cy=\"50%\" r=\"50%\">\r\n          <stop offset=\"0%\" stop-color=\"#fff7b8\"\/>\r\n          <stop offset=\"55%\" stop-color=\"#ffd84e\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#e2a900\"\/>\r\n        <\/radialGradient>\r\n\r\n        <linearGradient id=\"pinkPetalAVibe\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#ffc0d9\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ff84b7\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#f13f8e\"\/>\r\n        <\/linearGradient>\r\n\r\n        <linearGradient id=\"pinkPetalBVibe\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#ffd4e7\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ff94c1\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#ff5b9e\"\/>\r\n        <\/linearGradient>\r\n\r\n        <filter id=\"softShadowVibe3\" x=\"-30%\" y=\"-30%\" width=\"160%\" height=\"160%\">\r\n          <feDropShadow dx=\"0\" dy=\"10\" stdDeviation=\"8\" flood-color=\"#000000\" flood-opacity=\"0.16\"\/>\r\n        <\/filter>\r\n      <\/defs>\r\n\r\n      <g filter=\"url(#softShadowVibe3)\">\r\n        <ellipse cx=\"110\" cy=\"48\" rx=\"28\" ry=\"54\" fill=\"url(#pinkPetalAVibe)\"\/>\r\n        <ellipse cx=\"110\" cy=\"172\" rx=\"28\" ry=\"54\" fill=\"url(#pinkPetalAVibe)\"\/>\r\n        <ellipse cx=\"48\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#pinkPetalAVibe)\"\/>\r\n        <ellipse cx=\"172\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#pinkPetalAVibe)\"\/>\r\n\r\n        <ellipse cx=\"66\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 66 66)\" fill=\"url(#pinkPetalBVibe)\"\/>\r\n        <ellipse cx=\"154\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(45 154 66)\" fill=\"url(#pinkPetalBVibe)\"\/>\r\n        <ellipse cx=\"154\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 154 154)\" fill=\"url(#pinkPetalBVibe)\"\/>\r\n        <ellipse cx=\"66\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(45 66 154)\" fill=\"url(#pinkPetalBVibe)\"\/>\r\n\r\n        <ellipse cx=\"110\" cy=\"110\" rx=\"26\" ry=\"24\" fill=\"#ff5ca8\" opacity=\"0.18\"\/>\r\n\r\n        <circle cx=\"110\" cy=\"110\" r=\"22\" fill=\"url(#pinkCenterVibe)\"\/>\r\n        <g fill=\"#ffbf00\">\r\n          <circle cx=\"99\" cy=\"103\" r=\"3.2\"\/>\r\n          <circle cx=\"107\" cy=\"99\" r=\"3.1\"\/>\r\n          <circle cx=\"116\" cy=\"101\" r=\"3.3\"\/>\r\n          <circle cx=\"121\" cy=\"109\" r=\"3.1\"\/>\r\n          <circle cx=\"116\" cy=\"118\" r=\"3.2\"\/>\r\n          <circle cx=\"106\" cy=\"120\" r=\"3.3\"\/>\r\n          <circle cx=\"98\" cy=\"115\" r=\"3.1\"\/>\r\n          <circle cx=\"101\" cy=\"109\" r=\"3\"\/>\r\n          <circle cx=\"111\" cy=\"109\" r=\"3\"\/>\r\n        <\/g>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <!-- TEXT -->\r\n  <div class=\"content\">\r\n    <span class=\"story-tag\">Our Vibe<\/span>\r\n\r\n    <h2>\r\n      <span class=\"highlight\">Be free<\/span> \u2014 that\u2019s the vibe.\r\n    <\/h2>\r\n\r\n    <p>No pressure to party.<\/p>\r\n    <p>No pressure to be social.<\/p>\r\n    <p>No pressure to be anything at all.<\/p>\r\n\r\n    <p class=\"spacing-top\">\r\n      Some nights turn into long conversations with people you just met.\r\n      Others are quiet, slow, and exactly what you needed.\r\n    <\/p>\r\n\r\n    <p>\r\n      It\u2019s a space where you can do your own thing \u2014\r\n      but never feel alone if you don\u2019t want to be.\r\n    <\/p>\r\n\r\n    <p class=\"closing\">\r\n      <span class=\"highlight-orange\">Chaotic sometimes.<\/span>\r\n      Calm when it matters.\r\n      Always open. Always real.\r\n    <\/p>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n.about {\r\n  position: relative;\r\n  padding: 120px 20px;\r\n  background: transparent;\r\n  overflow: hidden;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  min-height: 520px;\r\n}\r\n\r\n.content {\r\n  max-width: 760px;\r\n  text-align: center;\r\n  position: relative;\r\n  z-index: 2;\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n  animation: fadeUp 1s ease forwards;\r\n  animation-delay: 0.3s;\r\n}\r\n\r\n.story-tag {\r\n  display: inline-block;\r\n  margin-bottom: 18px;\r\n  padding: 10px 18px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.72);\r\n  color: #111;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.2px;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 8px 24px rgba(0,0,0,0.05);\r\n}\r\n\r\n.content h2 {\r\n  font-size: clamp(2.3rem, 5vw, 4.5rem);\r\n  line-height: 1.02;\r\n  margin: 0 0 24px;\r\n  color: #111;\r\n  letter-spacing: -2px;\r\n}\r\n\r\n.about p {\r\n  font-size: 1.08rem;\r\n  line-height: 1.85;\r\n  color: #222;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.spacing-top {\r\n  margin-top: 22px;\r\n}\r\n\r\n.closing {\r\n  margin-top: 22px;\r\n  font-weight: 600;\r\n}\r\n\r\n.highlight {\r\n  color: #ff5ca8;\r\n  font-weight: 700;\r\n}\r\n\r\n.highlight-orange {\r\n  color: #ff8c00;\r\n  font-weight: 700;\r\n}\r\n\r\n.flower {\r\n  position: absolute;\r\n  width: 170px;\r\n  height: 170px;\r\n  opacity: 0;\r\n  transform: translateY(40px) scale(0.9);\r\n  animation: fadeIn 1s ease forwards, float 6s ease-in-out infinite;\r\n}\r\n\r\n.flower svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: visible;\r\n}\r\n\r\n.flower1 {\r\n  top: 5%;\r\n  left: 4%;\r\n  animation-delay: 0.2s, 1.2s;\r\n}\r\n\r\n.flower2 {\r\n  top: 38%;\r\n  right: 7%;\r\n  width: 155px;\r\n  height: 155px;\r\n  animation-delay: 0.4s, 1.4s;\r\n}\r\n\r\n.flower3 {\r\n  bottom: 5%;\r\n  right: 14%;\r\n  width: 185px;\r\n  height: 185px;\r\n  animation-delay: 0.6s, 1.6s;\r\n}\r\n\r\n@keyframes fadeUp {\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes fadeIn {\r\n  to {\r\n    opacity: 0.95;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n}\r\n\r\n@keyframes float {\r\n  0%, 100% {\r\n    transform: translateY(0px) rotate(0deg);\r\n  }\r\n  50% {\r\n    transform: translateY(-12px) rotate(2deg);\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .about {\r\n    padding: 90px 20px;\r\n    min-height: 460px;\r\n  }\r\n\r\n  .content h2 {\r\n    font-size: 2.2rem;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .about p {\r\n    font-size: 1rem;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .flower {\r\n    width: 92px;\r\n    height: 92px;\r\n  }\r\n\r\n  .flower2 {\r\n    width: 80px;\r\n    height: 80px;\r\n    right: 2%;\r\n  }\r\n\r\n  .flower3 {\r\n    width: 105px;\r\n    height: 105px;\r\n    right: 6%;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-292f59c e-flex e-con-boxed e-con e-parent\" data-id=\"292f59c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6bb33fd elementor-widget elementor-widget-spacer\" data-id=\"6bb33fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35fdd76 e-flex e-con-boxed e-con e-parent\" data-id=\"35fdd76\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ad75bf elementor-widget elementor-widget-html\" data-id=\"6ad75bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bf-contact-plus\" id=\"bfContactPlus\">\r\n  <div class=\"bfcp-mouse-glow\" id=\"bfcpMouseGlow\"><\/div>\r\n\r\n  <!-- ambient rings -->\r\n  <div class=\"bfcp-ring bfcp-ring-1\"><\/div>\r\n  <div class=\"bfcp-ring bfcp-ring-2\"><\/div>\r\n\r\n  <!-- realistic flowers -->\r\n  <div class=\"bfcp-flower bfcp-flower-1 parallax\" data-speed=\"18\">\r\n    <svg viewBox=\"0 0 260 260\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n      <defs>\r\n        <radialGradient id=\"cpPinkCenter\" cx=\"50%\" cy=\"50%\" r=\"55%\">\r\n          <stop offset=\"0%\" stop-color=\"#fff7b8\"\/>\r\n          <stop offset=\"55%\" stop-color=\"#ffd84e\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#e0a400\"\/>\r\n        <\/radialGradient>\r\n        <linearGradient id=\"cpPinkPetalA\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#ffd5ea\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ff92c5\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#ff4f97\"\/>\r\n        <\/linearGradient>\r\n        <linearGradient id=\"cpPinkPetalB\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#ffe3f0\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ffb1d3\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#ff6cab\"\/>\r\n        <\/linearGradient>\r\n        <radialGradient id=\"cpPinkShine\" cx=\"50%\" cy=\"35%\" r=\"60%\">\r\n          <stop offset=\"0%\" stop-color=\"white\" stop-opacity=\"0.55\"\/>\r\n          <stop offset=\"55%\" stop-color=\"white\" stop-opacity=\"0.12\"\/>\r\n          <stop offset=\"100%\" stop-color=\"white\" stop-opacity=\"0\"\/>\r\n        <\/radialGradient>\r\n        <filter id=\"cpPinkShadow\" x=\"-40%\" y=\"-40%\" width=\"180%\" height=\"180%\">\r\n          <feDropShadow dx=\"0\" dy=\"14\" stdDeviation=\"10\" flood-color=\"#000000\" flood-opacity=\"0.16\"\/>\r\n        <\/filter>\r\n      <\/defs>\r\n\r\n      <ellipse cx=\"130\" cy=\"216\" rx=\"56\" ry=\"12\" fill=\"black\" opacity=\"0.10\"\/>\r\n\r\n      <g filter=\"url(#cpPinkShadow)\">\r\n        <ellipse cx=\"130\" cy=\"52\" rx=\"31\" ry=\"60\" fill=\"url(#cpPinkPetalA)\"\/>\r\n        <ellipse cx=\"130\" cy=\"206\" rx=\"31\" ry=\"60\" fill=\"url(#cpPinkPetalA)\"\/>\r\n        <ellipse cx=\"52\" cy=\"130\" rx=\"60\" ry=\"31\" fill=\"url(#cpPinkPetalA)\"\/>\r\n        <ellipse cx=\"208\" cy=\"130\" rx=\"60\" ry=\"31\" fill=\"url(#cpPinkPetalA)\"\/>\r\n\r\n        <ellipse cx=\"75\" cy=\"75\" rx=\"28\" ry=\"51\" transform=\"rotate(-45 75 75)\" fill=\"url(#cpPinkPetalB)\"\/>\r\n        <ellipse cx=\"185\" cy=\"75\" rx=\"28\" ry=\"51\" transform=\"rotate(45 185 75)\" fill=\"url(#cpPinkPetalB)\"\/>\r\n        <ellipse cx=\"185\" cy=\"185\" rx=\"28\" ry=\"51\" transform=\"rotate(-45 185 185)\" fill=\"url(#cpPinkPetalB)\"\/>\r\n        <ellipse cx=\"75\" cy=\"185\" rx=\"28\" ry=\"51\" transform=\"rotate(45 75 185)\" fill=\"url(#cpPinkPetalB)\"\/>\r\n\r\n        <ellipse cx=\"130\" cy=\"46\" rx=\"15\" ry=\"30\" fill=\"url(#cpPinkShine)\"\/>\r\n        <ellipse cx=\"130\" cy=\"194\" rx=\"15\" ry=\"30\" fill=\"url(#cpPinkShine)\" opacity=\"0.26\"\/>\r\n\r\n        <ellipse cx=\"130\" cy=\"130\" rx=\"30\" ry=\"25\" fill=\"#ff6cab\" opacity=\"0.14\"\/>\r\n        <circle cx=\"130\" cy=\"130\" r=\"24\" fill=\"url(#cpPinkCenter)\"\/>\r\n\r\n        <g fill=\"#ffbf00\">\r\n          <circle cx=\"118\" cy=\"122\" r=\"3.2\"\/>\r\n          <circle cx=\"126\" cy=\"118\" r=\"3\"\/>\r\n          <circle cx=\"135\" cy=\"119\" r=\"3.2\"\/>\r\n          <circle cx=\"143\" cy=\"123\" r=\"3\"\/>\r\n          <circle cx=\"146\" cy=\"131\" r=\"2.9\"\/>\r\n          <circle cx=\"142\" cy=\"140\" r=\"3.1\"\/>\r\n          <circle cx=\"134\" cy=\"144\" r=\"3.1\"\/>\r\n          <circle cx=\"124\" cy=\"143\" r=\"2.9\"\/>\r\n          <circle cx=\"117\" cy=\"137\" r=\"2.9\"\/>\r\n          <circle cx=\"114\" cy=\"129\" r=\"2.8\"\/>\r\n        <\/g>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"bfcp-flower bfcp-flower-2 parallax\" data-speed=\"-14\">\r\n    <svg viewBox=\"0 0 260 260\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n      <defs>\r\n        <radialGradient id=\"cpOrangeCenter\" cx=\"50%\" cy=\"50%\" r=\"55%\">\r\n          <stop offset=\"0%\" stop-color=\"#fff7b8\"\/>\r\n          <stop offset=\"55%\" stop-color=\"#ffd84e\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#e0a400\"\/>\r\n        <\/radialGradient>\r\n        <linearGradient id=\"cpOrangePetalA\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#ffd7a8\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ffb761\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#ff8c00\"\/>\r\n        <\/linearGradient>\r\n        <linearGradient id=\"cpOrangePetalB\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#ffe3bf\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ffc980\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#ff9c24\"\/>\r\n        <\/linearGradient>\r\n        <radialGradient id=\"cpOrangeShine\" cx=\"50%\" cy=\"35%\" r=\"60%\">\r\n          <stop offset=\"0%\" stop-color=\"white\" stop-opacity=\"0.5\"\/>\r\n          <stop offset=\"55%\" stop-color=\"white\" stop-opacity=\"0.12\"\/>\r\n          <stop offset=\"100%\" stop-color=\"white\" stop-opacity=\"0\"\/>\r\n        <\/radialGradient>\r\n        <filter id=\"cpOrangeShadow\" x=\"-40%\" y=\"-40%\" width=\"180%\" height=\"180%\">\r\n          <feDropShadow dx=\"0\" dy=\"14\" stdDeviation=\"10\" flood-color=\"#000000\" flood-opacity=\"0.16\"\/>\r\n        <\/filter>\r\n      <\/defs>\r\n\r\n      <ellipse cx=\"130\" cy=\"216\" rx=\"56\" ry=\"12\" fill=\"black\" opacity=\"0.10\"\/>\r\n\r\n      <g filter=\"url(#cpOrangeShadow)\">\r\n        <ellipse cx=\"130\" cy=\"52\" rx=\"31\" ry=\"60\" fill=\"url(#cpOrangePetalA)\"\/>\r\n        <ellipse cx=\"130\" cy=\"206\" rx=\"31\" ry=\"60\" fill=\"url(#cpOrangePetalA)\"\/>\r\n        <ellipse cx=\"52\" cy=\"130\" rx=\"60\" ry=\"31\" fill=\"url(#cpOrangePetalA)\"\/>\r\n        <ellipse cx=\"208\" cy=\"130\" rx=\"60\" ry=\"31\" fill=\"url(#cpOrangePetalA)\"\/>\r\n\r\n        <ellipse cx=\"75\" cy=\"75\" rx=\"28\" ry=\"51\" transform=\"rotate(-45 75 75)\" fill=\"url(#cpOrangePetalB)\"\/>\r\n        <ellipse cx=\"185\" cy=\"75\" rx=\"28\" ry=\"51\" transform=\"rotate(45 185 75)\" fill=\"url(#cpOrangePetalB)\"\/>\r\n        <ellipse cx=\"185\" cy=\"185\" rx=\"28\" ry=\"51\" transform=\"rotate(-45 185 185)\" fill=\"url(#cpOrangePetalB)\"\/>\r\n        <ellipse cx=\"75\" cy=\"185\" rx=\"28\" ry=\"51\" transform=\"rotate(45 75 185)\" fill=\"url(#cpOrangePetalB)\"\/>\r\n\r\n        <ellipse cx=\"130\" cy=\"46\" rx=\"15\" ry=\"30\" fill=\"url(#cpOrangeShine)\"\/>\r\n        <ellipse cx=\"130\" cy=\"130\" rx=\"30\" ry=\"25\" fill=\"#ffb55a\" opacity=\"0.14\"\/>\r\n        <circle cx=\"130\" cy=\"130\" r=\"24\" fill=\"url(#cpOrangeCenter)\"\/>\r\n\r\n        <g fill=\"#ffbf00\">\r\n          <circle cx=\"118\" cy=\"122\" r=\"3.2\"\/>\r\n          <circle cx=\"126\" cy=\"118\" r=\"3\"\/>\r\n          <circle cx=\"135\" cy=\"119\" r=\"3.2\"\/>\r\n          <circle cx=\"143\" cy=\"123\" r=\"3\"\/>\r\n          <circle cx=\"146\" cy=\"131\" r=\"2.9\"\/>\r\n          <circle cx=\"142\" cy=\"140\" r=\"3.1\"\/>\r\n          <circle cx=\"134\" cy=\"144\" r=\"3.1\"\/>\r\n          <circle cx=\"124\" cy=\"143\" r=\"2.9\"\/>\r\n          <circle cx=\"117\" cy=\"137\" r=\"2.9\"\/>\r\n          <circle cx=\"114\" cy=\"129\" r=\"2.8\"\/>\r\n        <\/g>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"bfcp-shell\">\r\n    <div class=\"bfcp-head reveal-up\">\r\n      <span class=\"bfcp-tag\">Contact Us<\/span>\r\n      <h2>Reach out to Be Free.<\/h2>\r\n      <p>\r\n        Questions, bookings or anything else? Get in touch directly and we\u2019ll help you quickly and easily.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bfcp-grid\">\r\n      <a class=\"bfcp-card magnetic-card reveal-left\" href=\"mailto:befree-hostel@dostepinn.at\">\r\n        <div class=\"bfcp-card-bg\"><\/div>\r\n        <span class=\"bfcp-number\">01<\/span>\r\n        <h3>Email us<\/h3>\r\n        <p>befree-hostel@dostepinn.at<\/p>\r\n        <span class=\"bfcp-cta\">Open email<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"bfcp-card magnetic-card reveal-right\" href=\"tel:+4369919232769\">\r\n        <div class=\"bfcp-card-bg\"><\/div>\r\n        <span class=\"bfcp-number\">02<\/span>\r\n        <h3>Call us<\/h3>\r\n        <p>+43 699 19232769<\/p>\r\n        <span class=\"bfcp-cta\">Call now<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.bf-contact-plus {\r\n  position: relative;\r\n  padding: 130px 24px;\r\n  background: transparent;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n}\r\n\r\n.bfcp-shell {\r\n  position: relative;\r\n  z-index: 4;\r\n  max-width: 1150px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.bfcp-head {\r\n  max-width: 760px;\r\n  margin: 0 auto 42px;\r\n  text-align: center;\r\n}\r\n\r\n.bfcp-tag {\r\n  display: inline-block;\r\n  margin-bottom: 14px;\r\n  padding: 9px 16px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.76);\r\n  color: #111;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.2px;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 8px 24px rgba(0,0,0,0.05);\r\n}\r\n\r\n.bfcp-head h2 {\r\n  margin: 0 0 14px;\r\n  font-size: clamp(2.5rem, 5vw, 4.8rem);\r\n  line-height: 1;\r\n  letter-spacing: -2px;\r\n  color: #111;\r\n  font-weight: 800;\r\n}\r\n\r\n.bfcp-head p {\r\n  margin: 0 auto;\r\n  max-width: 690px;\r\n  font-size: 1.05rem;\r\n  line-height: 1.8;\r\n  color: #333;\r\n}\r\n\r\n.bfcp-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 20px;\r\n}\r\n\r\n.bfcp-card {\r\n  position: relative;\r\n  display: block;\r\n  text-decoration: none;\r\n  color: inherit;\r\n  padding: 30px 26px;\r\n  border-radius: 32px;\r\n  border: 1px solid rgba(255,255,255,0.42);\r\n  background: rgba(255,255,255,0.44);\r\n  backdrop-filter: blur(16px);\r\n  -webkit-backdrop-filter: blur(16px);\r\n  box-shadow:\r\n    0 18px 36px rgba(0,0,0,0.08),\r\n    inset 0 1px 0 rgba(255,255,255,0.32);\r\n  overflow: hidden;\r\n  transform-style: preserve-3d;\r\n  will-change: transform;\r\n  transition: box-shadow 0.28s ease, background 0.28s ease;\r\n}\r\n\r\n.bfcp-card:hover,\r\n.bfcp-card:focus-visible {\r\n  background: rgba(255,255,255,0.58);\r\n  box-shadow:\r\n    0 28px 50px rgba(0,0,0,0.12),\r\n    0 0 32px rgba(255,140,0,0.10);\r\n  outline: none;\r\n}\r\n\r\n.bfcp-card-bg {\r\n  position: absolute;\r\n  inset: auto -10% -70% auto;\r\n  width: 240px;\r\n  height: 240px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(255,140,0,0.24) 0%, rgba(255,219,76,0.18) 38%, rgba(255,45,122,0) 74%);\r\n  filter: blur(12px);\r\n  opacity: 0;\r\n  transition: opacity 0.28s ease, transform 0.28s ease;\r\n  z-index: 1;\r\n}\r\n\r\n.bfcp-card:hover .bfcp-card-bg,\r\n.bfcp-card:focus-visible .bfcp-card-bg {\r\n  opacity: 1;\r\n  transform: scale(1.08);\r\n}\r\n\r\n.bfcp-number,\r\n.bfcp-card h3,\r\n.bfcp-card p,\r\n.bfcp-cta {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.bfcp-number {\r\n  display: inline-block;\r\n  margin-bottom: 12px;\r\n  font-size: 0.92rem;\r\n  font-weight: 900;\r\n  letter-spacing: 1px;\r\n  color: #ff2d7a;\r\n}\r\n\r\n.bfcp-card h3 {\r\n  margin: 0 0 8px;\r\n  font-size: 1.24rem;\r\n  line-height: 1.15;\r\n  color: #111;\r\n}\r\n\r\n.bfcp-card p {\r\n  margin: 0 0 18px;\r\n  font-size: 1rem;\r\n  line-height: 1.72;\r\n  color: #333;\r\n  word-break: break-word;\r\n}\r\n\r\n.bfcp-cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  padding: 10px 14px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.86);\r\n  color: #111;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 8px 22px rgba(0,0,0,0.08);\r\n}\r\n\r\n\/* realistic flowers *\/\r\n.bfcp-flower {\r\n  position: absolute;\r\n  z-index: 1;\r\n  opacity: 0.24;\r\n  pointer-events: none;\r\n  will-change: transform;\r\n}\r\n\r\n.bfcp-flower svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  overflow: visible;\r\n}\r\n\r\n.bfcp-flower-1 {\r\n  width: 220px;\r\n  height: 220px;\r\n  left: -6px;\r\n  top: 100px;\r\n  animation: bfcpFlowerFloat1 11s ease-in-out infinite;\r\n}\r\n\r\n.bfcp-flower-2 {\r\n  width: 180px;\r\n  height: 180px;\r\n  right: 26px;\r\n  top: 150px;\r\n  animation: bfcpFlowerFloat2 12s ease-in-out infinite;\r\n}\r\n\r\n\/* rings *\/\r\n.bfcp-ring {\r\n  position: absolute;\r\n  z-index: 1;\r\n  border-radius: 50%;\r\n  border: 2px solid transparent;\r\n  background:\r\n    linear-gradient(transparent, transparent) padding-box,\r\n    linear-gradient(135deg, rgba(255,140,0,0.55), rgba(255,219,76,0.45), rgba(255,45,122,0.5)) border-box;\r\n  opacity: 0.45;\r\n  pointer-events: none;\r\n}\r\n\r\n.bfcp-ring-1 {\r\n  width: 300px;\r\n  height: 300px;\r\n  left: -80px;\r\n  bottom: 40px;\r\n  animation: bfcpSpin1 18s linear infinite;\r\n}\r\n\r\n.bfcp-ring-2 {\r\n  width: 220px;\r\n  height: 220px;\r\n  right: -40px;\r\n  top: 40px;\r\n  animation: bfcpSpin2 14s linear infinite;\r\n}\r\n\r\n\/* mouse glow *\/\r\n.bfcp-mouse-glow {\r\n  position: absolute;\r\n  width: 380px;\r\n  height: 380px;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  z-index: 3;\r\n  opacity: 0.42;\r\n  background: radial-gradient(circle, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.10) 35%, rgba(255,255,255,0) 72%);\r\n  filter: blur(24px);\r\n  transform: translate(-50%, -50%);\r\n  left: 50%;\r\n  top: 50%;\r\n  transition: left 0.12s linear, top 0.12s linear, opacity 0.2s ease;\r\n}\r\n\r\n\/* reveal *\/\r\n.reveal-up,\r\n.reveal-left,\r\n.reveal-right {\r\n  opacity: 0;\r\n  transition:\r\n    opacity 0.95s ease,\r\n    transform 0.95s cubic-bezier(0.22, 1, 0.36, 1);\r\n  will-change: transform, opacity;\r\n}\r\n\r\n.reveal-up { transform: translateY(50px); }\r\n.reveal-left { transform: translateX(-60px) translateY(10px); }\r\n.reveal-right { transform: translateX(60px) translateY(10px); }\r\n\r\n.reveal-up.is-visible,\r\n.reveal-left.is-visible,\r\n.reveal-right.is-visible {\r\n  opacity: 1;\r\n  transform: translateX(0) translateY(0);\r\n}\r\n\r\n\/* keyframes *\/\r\n@keyframes bfcpFlowerFloat1 {\r\n  0%,100% { transform: translateY(0px) rotate(0deg); }\r\n  50% { transform: translateY(-10px) rotate(3deg); }\r\n}\r\n\r\n@keyframes bfcpFlowerFloat2 {\r\n  0%,100% { transform: translateY(0px) rotate(0deg); }\r\n  50% { transform: translateY(-8px) rotate(-3deg); }\r\n}\r\n\r\n@keyframes bfcpSpin1 {\r\n  from { transform: rotate(0deg); }\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n@keyframes bfcpSpin2 {\r\n  from { transform: rotate(360deg); }\r\n  to { transform: rotate(0deg); }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .bf-contact-plus {\r\n    padding: 95px 16px;\r\n  }\r\n\r\n  .bfcp-head h2 {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  .bfcp-head p {\r\n    font-size: 0.98rem;\r\n  }\r\n\r\n  .bfcp-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .bfcp-flower-1 {\r\n    width: 130px;\r\n    height: 130px;\r\n    left: -20px;\r\n  }\r\n\r\n  .bfcp-flower-2 {\r\n    width: 110px;\r\n    height: 110px;\r\n    right: -8px;\r\n  }\r\n\r\n  .bfcp-ring-1 {\r\n    width: 160px;\r\n    height: 160px;\r\n    left: -40px;\r\n  }\r\n\r\n  .bfcp-ring-2 {\r\n    width: 120px;\r\n    height: 120px;\r\n    right: -20px;\r\n  }\r\n\r\n  .bfcp-mouse-glow {\r\n    width: 220px;\r\n    height: 220px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const section = document.getElementById(\"bfContactPlus\");\r\n  const flowers = section.querySelectorAll(\".parallax\");\r\n  const glow = document.getElementById(\"bfcpMouseGlow\");\r\n  const cards = section.querySelectorAll(\".magnetic-card\");\r\n  const revealItems = section.querySelectorAll(\".reveal-up, .reveal-left, .reveal-right\");\r\n\r\n  \/\/ reveal on scroll\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry) => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add(\"is-visible\");\r\n      }\r\n    });\r\n  }, { threshold: 0.2 });\r\n\r\n  revealItems.forEach((item) => observer.observe(item));\r\n\r\n  \/\/ section mouse glow + flower parallax\r\n  section.addEventListener(\"mousemove\", function (e) {\r\n    const rect = section.getBoundingClientRect();\r\n    const x = e.clientX - rect.left;\r\n    const y = e.clientY - rect.top;\r\n    const centerX = rect.width \/ 2;\r\n    const centerY = rect.height \/ 2;\r\n\r\n    glow.style.left = x + \"px\";\r\n    glow.style.top = y + \"px\";\r\n\r\n    flowers.forEach((flower) => {\r\n      const speed = parseFloat(flower.dataset.speed) || 10;\r\n      const moveX = ((x - centerX) \/ centerX) * speed;\r\n      const moveY = ((y - centerY) \/ centerY) * speed;\r\n      flower.style.transform = \"translate(\" + moveX + \"px, \" + moveY + \"px)\";\r\n    });\r\n  });\r\n\r\n  section.addEventListener(\"mouseleave\", function () {\r\n    flowers.forEach((flower) => {\r\n      flower.style.transform = \"\";\r\n    });\r\n    glow.style.opacity = \"0.20\";\r\n  });\r\n\r\n  section.addEventListener(\"mouseenter\", function () {\r\n    glow.style.opacity = \"0.42\";\r\n  });\r\n\r\n  \/\/ magnetic cards\r\n  cards.forEach((card) => {\r\n    card.addEventListener(\"mousemove\", function (e) {\r\n      const rect = card.getBoundingClientRect();\r\n      const x = e.clientX - rect.left;\r\n      const y = e.clientY - rect.top;\r\n      const centerX = rect.width \/ 2;\r\n      const centerY = rect.height \/ 2;\r\n\r\n      const moveX = ((x - centerX) \/ centerX) * 10;\r\n      const moveY = ((y - centerY) \/ centerY) * 8;\r\n      const rotateX = ((y - centerY) \/ centerY) * -4;\r\n      const rotateY = ((x - centerX) \/ centerX) * 4;\r\n\r\n      card.style.transform =\r\n        \"perspective(900px) translate(\" + moveX + \"px, \" + moveY + \"px) rotateX(\" + rotateX + \"deg) rotateY(\" + rotateY + \"deg)\";\r\n    });\r\n\r\n    card.addEventListener(\"mouseleave\", function () {\r\n      card.style.transform = \"\";\r\n    });\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Story Be Free Hostel Vienna is a colorful and affordable place to stay near Westbahnhof, offering modern travelers a relaxed and flexible experience in the heart of the city. With easy self check-in, a central location and a vibrant atmosphere, it is the perfect base to explore Vienna your own way while connecting with [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-98","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/befree-hostel.com\/index.php\/wp-json\/wp\/v2\/pages\/98","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/befree-hostel.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/befree-hostel.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/befree-hostel.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/befree-hostel.com\/index.php\/wp-json\/wp\/v2\/comments?post=98"}],"version-history":[{"count":3,"href":"https:\/\/befree-hostel.com\/index.php\/wp-json\/wp\/v2\/pages\/98\/revisions"}],"predecessor-version":[{"id":101,"href":"https:\/\/befree-hostel.com\/index.php\/wp-json\/wp\/v2\/pages\/98\/revisions\/101"}],"wp:attachment":[{"href":"https:\/\/befree-hostel.com\/index.php\/wp-json\/wp\/v2\/media?parent=98"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}