{"id":139,"date":"2026-06-06T09:15:03","date_gmt":"2026-06-06T09:15:03","guid":{"rendered":"https:\/\/a33.lv\/?page_id=139"},"modified":"2026-09-13T10:50:31","modified_gmt":"2026-09-13T10:50:31","slug":"about-a33-apartments","status":"publish","type":"page","link":"https:\/\/a33.lv\/en\/about-a33-apartments\/","title":{"rendered":"About"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"139\" class=\"elementor elementor-139\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d11ab8 e-con-full e-flex e-con e-parent\" data-id=\"4d11ab8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5dd569 elementor-widget elementor-widget-html\" data-id=\"b5dd569\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts Import for Playfair Display & Inter -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=Inter:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- Luxury Headline Section -->\r\n<div class=\"luxury-headline-container\">\r\n  <h2 class=\"luxury-headline\">\u201cWhere heritage meets quiet sophistication.\u201d<\/h2>\r\n<\/div>\r\n\r\n<!-- Styling -->\r\n<style>\r\n  .luxury-headline-container {\r\n    padding: 70px 20px;\r\n    text-align: center;\r\n    background: linear-gradient(135deg, #005F6F 0%, #003640 100%);\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .luxury-headline {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 2.5rem;\r\n    color: #F7EBE1; \/* Soft smooth cream color *\/\r\n    font-style: italic;\r\n    font-weight: 400;\r\n    letter-spacing: 1.5px;\r\n    margin: 0;\r\n    line-height: 1.3;\r\n    word-wrap: break-word;\r\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n  }\r\n\r\n  \/* Responsive font sizes *\/\r\n  @media (max-width: 992px) {\r\n    .luxury-headline { font-size: 2rem; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .luxury-headline { font-size: 1.6rem; letter-spacing: 1px; }\r\n    .luxury-headline-container { padding: 50px 15px; }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .luxury-headline { font-size: 1.3rem; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-154c690 e-con-full e-flex e-con e-parent\" data-id=\"154c690\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84d73fd elementor-widget elementor-widget-html\" data-id=\"84d73fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts Import for Playfair Display & Inter -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=Inter:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"heritage-section\">\r\n  <div class=\"heritage-container\">\r\n    <div class=\"heritage-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/a33.lv\/wp-content\/uploads\/2026\/06\/2_g-scaled.jpeg\" alt=\"Heritage\">\r\n    <\/div>\r\n    \r\n    <div class=\"heritage-content\">\r\n      <h3 class=\"subtitle\">OUR STORY<\/h3>\r\n      <h2 class=\"title\">WHERE HISTORY MEETS<br>WITH QUIET SOPHISTICATION<\/h2>\r\n      <div class=\"divider\"><\/div>\r\n      <p class=\"description\">\r\n        The A33 is more than just a place to stay; it's time travel. \n        The former historic residence has been painstakingly restored while preserving it \n        architectural essence and creating a haven for the modern traveler. we believe \n        that true luxury lies in the details - from exquisite textures to \n        for a peaceful atmosphere, every corner is created for your peace of mind.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .heritage-section { \r\n    padding: 100px 20px; \r\n    background: #F5EBE6; \/* Soft cream sand background *\/\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n  } \r\n\r\n  .heritage-container { \r\n    display: flex; \r\n    align-items: center; \r\n    gap: 50px; \r\n    max-width: 1100px; \r\n    margin: 0 auto; \r\n  }\r\n  \r\n  .heritage-image { \r\n    flex: 1; \r\n    height: 480px; \r\n    overflow: hidden; \r\n    border-radius: 16px; \r\n    box-shadow: 0 15px 35px rgba(0, 95, 111, 0.08);\r\n  }\r\n\r\n  .heritage-image img { \r\n    width: 100%; \r\n    height: 100%; \r\n    object-fit: cover; \r\n    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); \r\n  }\r\n\r\n  .heritage-image:hover img { \r\n    transform: scale(1.05); \r\n  }\r\n\r\n  .heritage-content { \r\n    flex: 1; \r\n  }\r\n  \r\n  .subtitle { \r\n    font-family: 'Inter', sans-serif; \r\n    color: #005F6F; \/* Ocean Blue *\/\r\n    letter-spacing: 4px; \r\n    font-size: 0.85rem; \r\n    margin-bottom: 15px; \r\n    font-weight: 500;\r\n  }\r\n\r\n  .title { \r\n    font-family: 'Playfair Display', serif; \r\n    font-size: 2.3rem; \r\n    font-weight: 400;\r\n    color: #00434F; \/* Deep Ocean Blue *\/\r\n    line-height: 1.25; \r\n    margin-bottom: 20px; \r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .divider { \r\n    width: 50px; \r\n    height: 2px; \r\n    background: #005F6F; \/* Ocean Blue *\/\r\n    margin-bottom: 30px; \r\n    border-radius: 2px;\r\n  } \r\n\r\n  .description { \r\n    font-family: 'Inter', sans-serif; \r\n    font-weight: 300;\r\n    line-height: 1.7; \r\n    color: #4A5568; \/* Clean readable dark neutral *\/\r\n    margin-bottom: 0; \/* Adjusted since button is removed *\/\r\n    font-size: 1rem; \r\n  }\r\n\r\n  \/* Responsive Design for Tablets and Mobiles *\/\r\n  @media (max-width: 992px) {\r\n    .heritage-container { \r\n      flex-direction: column; \r\n      gap: 40px; \r\n      text-align: center; \r\n    }\r\n    .heritage-content { \r\n      text-align: center; \r\n    }\r\n    .divider { \r\n      margin: 0 auto 30px auto; \r\n    }\r\n    .heritage-image { \r\n      width: 100%; \r\n      height: 380px; \r\n    }\r\n  }\r\n  \r\n  @media (max-width: 768px) {\r\n    .heritage-section { padding: 60px 15px; }\r\n    .title { font-size: 1.8rem; }\r\n    .description { font-size: 0.95rem; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d83659 e-con-full e-flex e-con e-parent\" data-id=\"3d83659\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45fa2e6 elementor-widget elementor-widget-html\" data-id=\"45fa2e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts Import for Playfair Display & Inter -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"gallery-section\">\r\n  <div class=\"gallery-header-container\">\r\n    <div class=\"gallery-badge\">Liepaja 2027<\/div>\r\n    <h2 class=\"section-title\">GET TO KNOW LIEPAJA<\/h2>\r\n    <div class=\"gallery-divider\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"gallery-container\">\r\n    <div class=\"gallery-track\">\r\n      <!-- 10 Images -->\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/a33.lv\/wp-content\/uploads\/2026\/06\/cSR1fLMy6FQ.jpg\" alt=\"Liep\u0101ja\"><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/a33.lv\/wp-content\/uploads\/2026\/06\/dzintars.jpg\" alt=\"Dzintars\"><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/a33.lv\/wp-content\/uploads\/2026\/06\/fest.jpg\" alt=\"Festival\"><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/a33.lv\/wp-content\/uploads\/2026\/06\/\u043f\u043b\u044f\u0436.jpg\" alt=\"Beach\"><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/a33.lv\/wp-content\/uploads\/2026\/06\/\u0432\u044b\u0441\u0442\u0430\u0432\u043a\u0430.jpg\" alt=\"Exhibition\"><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/a33.lv\/wp-content\/uploads\/2026\/06\/fest_3.jpg\" alt=\"Event\"><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/a33.lv\/wp-content\/uploads\/2026\/06\/fest_2.jpg\" alt=\"Concert\"><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/a33.lv\/wp-content\/uploads\/2026\/06\/fest_1.jpg\" alt=\"Culture\"><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/a33.lv\/wp-content\/uploads\/2026\/06\/cSR1fLMy6FQ.jpg\" alt=\"Liep\u0101ja\"><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/a33.lv\/wp-content\/uploads\/2026\/06\/dzintars.jpg\" alt=\"Dzintars\"><\/div>\r\n\r\n      <!-- Duplicate set for smooth seamless infinite loop effect -->\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/a33.lv\/wp-content\/uploads\/2026\/06\/cSR1fLMy6FQ.jpg\" alt=\"Liep\u0101ja\"><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/a33.lv\/wp-content\/uploads\/2026\/06\/dzintars.jpg\" alt=\"Dzintars\"><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/a33.lv\/wp-content\/uploads\/2026\/06\/fest.jpg\" alt=\"Festival\"><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/a33.lv\/wp-content\/uploads\/2026\/06\/\u043f\u043b\u044f\u0436.jpg\" alt=\"Beach\"><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/a33.lv\/wp-content\/uploads\/2026\/06\/\u0432\u044b\u0441\u0442\u0430\u0432\u043a\u0430.jpg\" alt=\"Exhibition\"><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/a33.lv\/wp-content\/uploads\/2026\/06\/fest_3.jpg\" alt=\"Event\"><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/a33.lv\/wp-content\/uploads\/2026\/06\/fest_2.jpg\" alt=\"Concert\"><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/a33.lv\/wp-content\/uploads\/2026\/06\/fest_1.jpg\" alt=\"Culture\"><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/a33.lv\/wp-content\/uploads\/2026\/06\/cSR1fLMy6FQ.jpg\" alt=\"Liep\u0101ja\"><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/a33.lv\/wp-content\/uploads\/2026\/06\/dzintars.jpg\" alt=\"Dzintars\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Expandable Detailed Info Content -->\r\n  <div class=\"gallery-more-content\" id=\"galleryMoreContent\">\r\n    <div class=\"gallery-extended-container\">\r\n      <div class=\"gallery-extended-grid\">\r\n        <div class=\"extended-card\">\r\n          <h4>Capital of Culture<\/h4>\r\n          <p>Liep\u0101ja is preparing to become the European Capital of Culture in 2027, offering spectacular events, art performances, and cultural experiences.<\/p>\r\n        <\/div>\r\n        <div class=\"extended-card\">\r\n          <h4>Sea and Beaches<\/h4>\r\n          <p>White sands, the legendary Northern Breakwater, and indescribable sunsets make Liep\u0101ja an ideal place for leisurely walks and relaxation.<\/p>\r\n        <\/div>\r\n        <div class=\"extended-card\">\r\n          <h4>Musical Traditions<\/h4>\r\n          <p>A city with a rich musical heritage and rock and jazz festivals that draw music lovers from all over the world.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- New Click Here Button Section inside the expanded card -->\r\n      <div class=\"extended-action-wrapper\">\r\n        <a href=\"https:\/\/kalendars.liepaja.lv\/lv\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"extended-cta-button\">Find out more<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"button-wrapper\">\r\n    <button type=\"button\" class=\"cta-button\" id=\"galleryToggleBtn\">SEE MORE<\/button>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .gallery-section { \r\n    padding: 100px 0; \r\n    background: #F7F3EE; \/* Main Site Beige Background *\/\r\n    overflow: hidden; \r\n    text-align: center; \r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .gallery-header-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .gallery-badge {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 0.85rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 4px;\r\n    color: #00434F; \/* Ocean Blue *\/\r\n    margin-bottom: 12px;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .section-title { \r\n    font-family: 'Playfair Display', serif; \r\n    font-size: 2.5rem; \r\n    font-weight: 400;\r\n    color: #00434F; \/* Ocean Blue *\/\r\n    margin-bottom: 20px; \r\n    letter-spacing: 1px; \r\n  }\r\n\r\n  .gallery-divider {\r\n    width: 50px;\r\n    height: 2px;\r\n    background-color: #00434F; \/* Ocean Blue *\/\r\n    margin: 0 auto 50px auto;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  .gallery-container { \r\n    width: 100%; \r\n    overflow: hidden; \r\n    display: flex; \r\n    position: relative;\r\n    mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);\r\n    -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);\r\n    margin-bottom: 45px;\r\n  }\r\n\r\n  .gallery-track { \r\n    display: flex; \r\n    gap: 25px; \r\n    width: max-content;\r\n    animation: scrollGallery 45s linear infinite; \r\n  }\r\n\r\n  .gallery-track:hover {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  .gallery-item {  \r\n    flex: 0 0 350px; \r\n    height: 240px;  \r\n    border-radius: 16px;  \r\n    overflow: hidden; \r\n    box-shadow: 0 10px 30px rgba(0, 67, 79, 0.08);\r\n    border: 1px solid rgba(0, 67, 79, 0.12);\r\n    background: #FFFFFF;\r\n    transition: all 0.4s ease;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .gallery-item:hover {\r\n    border-color: #00434F;\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 35px rgba(0, 67, 79, 0.15);\r\n  }\r\n\r\n  .gallery-item img { \r\n    width: 100%; \r\n    height: 100%; \r\n    object-fit: cover; \r\n    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); \r\n  }\r\n\r\n  .gallery-item:hover img { \r\n    transform: scale(1.08); \r\n  }\r\n\r\n  \/* Expandable Extra Information styling *\/\r\n  .gallery-more-content {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    transition: max-height 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease, margin 0.4s ease;\r\n    margin-bottom: 0;\r\n    padding: 0 20px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .gallery-more-content.expanded {\r\n    max-height: 700px;\r\n    opacity: 1;\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n  .gallery-extended-container {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    background: rgba(255, 255, 255, 0.7);\r\n    backdrop-filter: blur(10px);\r\n    border-radius: 20px;\r\n    padding: 35px 40px;\r\n    border: 1px solid rgba(0, 67, 79, 0.1);\r\n    box-shadow: 0 15px 35px rgba(0, 67, 79, 0.05);\r\n  }\r\n\r\n  .gallery-extended-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n    text-align: left;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .extended-card h4 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 1.2rem;\r\n    color: #00434F;\r\n    margin-bottom: 12px;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .extended-card p {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 0.92rem;\r\n    color: #444444;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n    font-weight: 300;\r\n  }\r\n\r\n  \/* Extended CTA Button inside the card *\/\r\n  .extended-action-wrapper {\r\n    text-align: center;\r\n    border-top: 1px solid rgba(0, 67, 79, 0.1);\r\n    padding-top: 25px;\r\n  }\r\n\r\n  .extended-cta-button {\r\n    display: inline-block;\r\n    padding: 12px 30px;\r\n    background: transparent;\r\n    color: #00434F;\r\n    text-decoration: none;\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 0.8rem;\r\n    border-radius: 50px;\r\n    letter-spacing: 2px;\r\n    border: 1.5px solid #00434F;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .extended-cta-button:hover {\r\n    background: #00434F;\r\n    color: #ffffff;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 20px rgba(0, 67, 79, 0.2);\r\n  }\r\n\r\n  \/* Button Styles *\/\r\n  .button-wrapper { \r\n    margin-top: 10px;\r\n    padding: 0 20px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .cta-button {  \r\n    display: inline-block; \r\n    padding: 14px 38px; \r\n    background: #00434F;  \r\n    color: #ffffff; \r\n    text-decoration: none; \r\n    font-family: 'Inter', sans-serif;  \r\n    font-weight: 500; \r\n    font-size: 0.85rem;\r\n    border-radius: 50px; \r\n    letter-spacing: 2px; \r\n    border: none;\r\n    cursor: pointer;\r\n    box-shadow: 0 10px 25px rgba(0, 67, 79, 0.2);\r\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .cta-button:hover {\r\n    background: #002d35;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 15px 30px rgba(0, 67, 79, 0.3);\r\n  }\r\n\r\n  @keyframes scrollGallery {\r\n    0% { transform: translateX(0); }\r\n    100% { transform: translateX(calc(-50% - 12.5px)); } \r\n  }\r\n\r\n  \/* Responsive Changes for Laptops \/ Large Tablets *\/\r\n  @media (max-width: 1024px) {\r\n    .gallery-section { padding: 80px 0; }\r\n    .gallery-item { flex: 0 0 300px; height: 210px; }\r\n    .section-title { font-size: 2.2rem; }\r\n    .gallery-extended-grid { gap: 20px; }\r\n    .gallery-extended-container { padding: 25px 30px; }\r\n  }\r\n\r\n  \/* Responsive Changes for Tablets *\/\r\n  @media (max-width: 768px) {\r\n    .gallery-section { padding: 60px 0; }\r\n    .section-title { font-size: 1.8rem; margin-bottom: 15px; }\r\n    .gallery-badge { font-size: 0.75rem; letter-spacing: 3px; }\r\n    .gallery-divider { margin-bottom: 35px; }\r\n    .gallery-item { flex: 0 0 260px; height: 180px; }\r\n    .cta-button { padding: 12px 30px; font-size: 0.75rem; }\r\n    .gallery-track { animation-duration: 38s; gap: 15px; }\r\n    .gallery-extended-grid { grid-template-columns: 1fr; gap: 20px; }\r\n    .gallery-extended-container { padding: 25px 20px; }\r\n    @keyframes scrollGallery {\r\n      100% { transform: translateX(calc(-50% - 7.5px)); }\r\n    }\r\n  }\r\n\r\n  \/* Responsive Changes for Mobile Devices *\/\r\n  @media (max-width: 480px) {\r\n    .gallery-section { padding: 45px 0; }\r\n    .section-title { font-size: 1.5rem; }\r\n    .gallery-item { flex: 0 0 210px; height: 145px; border-radius: 12px; }\r\n    .gallery-track { gap: 12px; animation-duration: 30s; }\r\n    .cta-button { padding: 10px 25px; font-size: 0.7rem; letter-spacing: 1.5px; }\r\n    @keyframes scrollGallery {\r\n      100% { transform: translateX(calc(-50% - 6px)); }\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- JavaScript for Expand Toggle -->\r\n<script>\r\n  const galleryToggleBtn = document.getElementById('galleryToggleBtn');\r\n  const galleryMoreContent = document.getElementById('galleryMoreContent');\r\n\r\n  galleryToggleBtn.addEventListener('click', function() {\r\n    galleryMoreContent.classList.toggle('expanded');\r\n    if (galleryMoreContent.classList.contains('expanded')) {\r\n      galleryToggleBtn.textContent = 'AIZVERT';\r\n    } else {\r\n      galleryToggleBtn.textContent = 'SKAT\u012aT VAIR\u0100K';\r\n    }\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-516e3f8 e-con-full e-flex e-con e-parent\" data-id=\"516e3f8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94b5860 elementor-widget elementor-widget-html\" data-id=\"94b5860\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts Import for Playfair Display & Inter -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=Inter:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- The Promise Section -->\r\n<section class=\"promise-section\">\r\n  <div class=\"promise-container\">\r\n    <div class=\"promise-header-wrapper\">\r\n      <div class=\"promise-badge\">Values<\/div>\r\n      <h2 class=\"section-title\">OUR PROMISE<\/h2>\r\n      <div class=\"promise-divider\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"promise-grid\">\r\n      \r\n      <!-- Feature 1 -->\r\n      <div class=\"promise-card\">\r\n        <div class=\"promise-icon\">\u2726<\/div>\r\n        <h3>HISTORIC ELEGANCE<\/h3>\r\n        <p>We preserve the history of architecture, perfectly combining it with the sophistication of the 21st century.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Feature 2 -->\r\n      <div class=\"promise-card\">\r\n        <div class=\"promise-icon\">\u2726<\/div>\r\n        <h3>EXCELLENT LOCATION<\/h3>\r\n        <p>A home in the center of the city, a perfect balance between the energy of the city and the peaceful silence.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Feature 3 -->\r\n      <div class=\"promise-card\">\r\n        <div class=\"promise-icon\">\u2726<\/div>\r\n        <h3>PRIVACY AND COMFORT<\/h3>\r\n        <p>Created for those seeking exclusivity, providing a private haven for your relaxation.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Styling -->\r\n<style>\r\n  .promise-section { \r\n    padding: 100px 20px; \r\n    background: #F5EBE6; \/* Soft cream sand background *\/\r\n    text-align: center; \r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n  \r\n  .promise-container {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .promise-badge {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 0.85rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 4px;\r\n    color: #005F6F; \/* Ocean Blue *\/\r\n    margin-bottom: 12px;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .section-title { \r\n    font-family: 'Playfair Display', serif; \r\n    font-size: 2.5rem; \r\n    font-weight: 400;\r\n    color: #00434F; \/* Deep Ocean Blue *\/\r\n    margin-bottom: 20px; \r\n    letter-spacing: 1px; \r\n  }\r\n\r\n  .promise-divider {\r\n    width: 50px;\r\n    height: 2px;\r\n    background-color: #005F6F; \/* Ocean Blue *\/\r\n    margin: 0 auto 50px auto;\r\n    border-radius: 2px;\r\n  }\r\n  \r\n  .promise-grid { \r\n    display: grid; \r\n    grid-template-columns: repeat(3, 1fr); \r\n    gap: 30px; \r\n  }\r\n\r\n  .promise-card { \r\n    padding: 40px 30px; \r\n    border: 1px solid rgba(0, 95, 111, 0.15); \r\n    border-radius: 16px; \r\n    background: #FFFFFF; \/* Clean white card *\/\r\n    text-align: left;\r\n    box-shadow: 0 10px 30px rgba(0, 95, 111, 0.05);\r\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); \r\n  }\r\n  \r\n  .promise-card:hover { \r\n    transform: translateY(-8px); \r\n    border-color: #005F6F;\r\n    box-shadow: 0 15px 35px rgba(0, 95, 111, 0.12); \r\n  }\r\n\r\n  .promise-icon { \r\n    font-size: 1.8rem; \r\n    color: #005F6F; \r\n    margin-bottom: 20px; \r\n    line-height: 1;\r\n  }\r\n  \r\n  .promise-card h3 { \r\n    font-family: 'Playfair Display', serif; \r\n    font-size: 1.25rem; \r\n    font-weight: 500;\r\n    color: #00434F; \r\n    margin-bottom: 15px; \r\n    letter-spacing: 0.5px;\r\n  }\r\n  \r\n  .promise-card p { \r\n    font-family: 'Inter', sans-serif; \r\n    font-weight: 300;\r\n    font-size: 0.95rem; \r\n    color: #4A5568; \r\n    line-height: 1.7; \r\n    margin: 0;\r\n  }\r\n\r\n  \/* Responsive Design *\/\r\n  @media (max-width: 992px) {\r\n    .promise-grid { \r\n      grid-template-columns: repeat(2, 1fr); \r\n    } \r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .promise-section { padding: 60px 15px; }\r\n    .promise-grid { \r\n      grid-template-columns: 1fr; \r\n      gap: 20px; \r\n    } \r\n    .section-title { font-size: 1.8rem; }\r\n    .promise-badge { font-size: 0.75rem; letter-spacing: 3px; }\r\n    .promise-card { padding: 30px 25px; text-align: center; }\r\n    .promise-card h3 { font-size: 1.15rem; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b6efcc9 e-con-full e-flex e-con e-parent\" data-id=\"b6efcc9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be8bba4 elementor-widget elementor-widget-html\" data-id=\"be8bba4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts Import for Playfair Display & Inter -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=Inter:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"why-a33-section\">\r\n  <div class=\"container\">\r\n    <div class=\"why-header-wrapper\">\r\n      <div class=\"why-badge\">Advantages<\/div>\r\n      <h2 class=\"section-title\">WHY A33?<\/h2>\r\n      <div class=\"why-divider\"><\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"values-grid\">\r\n      <!-- Value 1 -->\r\n      <div class=\"value-card\">\r\n        <div class=\"icon-circle\">\u2726<\/div>\r\n        <h3>HISTORIC ELEGANCE<\/h3>\r\n        <p>We preserve architectural history, seamlessly combining it with modern coastal luxury.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Value 2 -->\r\n      <div class=\"value-card\">\r\n        <div class=\"icon-circle\">\u2726<\/div>\r\n        <h3>EXCELLENT LOCATION<\/h3>\r\n        <p>Just a few steps from the shore, where the rhythmic sound of the waves meets the comfort of the city.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Value 3 -->\r\n      <div class=\"value-card\">\r\n        <div class=\"icon-circle\">\u2726<\/div>\r\n        <h3>PRIVACY &amp;PEACE OF MIND<\/h3>\r\n        <p>A boutique escape designed for quiet luxury and true rest.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"location-description\">\r\n      <p>A stunning white-sand coast with a well-maintained beach and seaside park, complemented by lively festivals, exhibitions, concerts and theaters - that's Liep\u0101ja. Here you can choose your ideal vacation or perfectly combine the energy of the city with pure relaxation in nature.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .why-a33-section { \r\n    padding: 100px 20px; \r\n    background: #F5EBE6; \/* Soft cream sand background *\/\r\n    text-align: center; \r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .container { \r\n    max-width: 1100px; \r\n    margin: 0 auto; \r\n  }\r\n\r\n  .why-badge {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 0.85rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 4px;\r\n    color: #005F6F; \/* Ocean Blue *\/\r\n    margin-bottom: 12px;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .section-title { \r\n    font-family: 'Playfair Display', serif; \r\n    font-size: 2.5rem; \r\n    font-weight: 400;\r\n    color: #00434F; \/* Deep Ocean Blue *\/\r\n    margin-bottom: 20px; \r\n    letter-spacing: 1px; \r\n  }\r\n\r\n  .why-divider {\r\n    width: 50px;\r\n    height: 2px;\r\n    background-color: #005F6F; \/* Ocean Blue *\/\r\n    margin: 0 auto 50px auto;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  .values-grid { \r\n    display: grid; \r\n    grid-template-columns: repeat(3, 1fr); \r\n    gap: 30px; \r\n  }\r\n\r\n  .value-card { \r\n    padding: 40px 30px; \r\n    background: #FFFFFF; \/* Clean white card *\/\r\n    border-radius: 16px; \r\n    border: 1px solid rgba(0, 95, 111, 0.15); \r\n    text-align: left;\r\n    box-shadow: 0 10px 30px rgba(0, 95, 111, 0.05);\r\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); \r\n  }\r\n\r\n  .value-card:hover { \r\n    transform: translateY(-8px); \r\n    border-color: #005F6F;\r\n    box-shadow: 0 15px 35px rgba(0, 95, 111, 0.12); \r\n  }\r\n\r\n  .icon-circle { \r\n    font-size: 1.8rem; \r\n    color: #005F6F; \r\n    margin-bottom: 20px; \r\n    line-height: 1;\r\n  }\r\n\r\n  .value-card h3 { \r\n    font-family: 'Playfair Display', serif; \r\n    font-size: 1.25rem; \r\n    font-weight: 500;\r\n    color: #00434F; \r\n    margin-bottom: 15px; \r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .value-card p { \r\n    font-family: 'Inter', sans-serif; \r\n    font-weight: 300;\r\n    color: #4A5568; \r\n    line-height: 1.7; \r\n    font-size: 0.95rem; \r\n    margin: 0;\r\n  }\r\n\r\n  .location-description { \r\n    margin-top: 60px; \r\n    padding: 30px 20px; \r\n    border-top: 1px solid rgba(0, 95, 111, 0.2); \r\n    max-width: 850px; \r\n    margin-left: auto; \r\n    margin-right: auto; \r\n  }\r\n\r\n  .location-description p { \r\n    font-family: 'Playfair Display', serif; \r\n    font-size: 1.15rem; \r\n    font-weight: 400;\r\n    color: #00434F; \r\n    line-height: 1.8; \r\n    font-style: italic; \r\n    margin: 0;\r\n  }\r\n\r\n  \/* Responsive Design *\/\r\n  @media (max-width: 992px) { \r\n    .values-grid { \r\n      grid-template-columns: repeat(2, 1fr); \r\n      gap: 20px; \r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) { \r\n    .why-a33-section { padding: 60px 15px; }\r\n    .values-grid { \r\n      grid-template-columns: 1fr; \r\n      gap: 20px;\r\n    }\r\n    .section-title { font-size: 1.8rem; }\r\n    .why-badge { font-size: 0.75rem; letter-spacing: 3px; }\r\n    .value-card { padding: 30px 25px; text-align: center; }\r\n    .value-card h3 { font-size: 1.15rem; }\r\n    .location-description { margin-top: 40px; padding: 20px 10px; }\r\n    .location-description p { font-size: 1rem; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u201cKur mantojums satiekas ar klusu izsmalcin\u0101t\u012bbu.\u201d M\u016aSU ST\u0100STS KUR V\u0112STURE SATIEKASAR KLUSU IZSMALCIN\u0100T\u012aBU A33 ir kas vair\u0101k nek\u0101 tikai uztur\u0113\u0161an\u0101s vieta; tas ir ce\u013cojums laik\u0101. K\u0101dreiz\u0113j\u0101 v\u0113sturisk\u0101 rezidence ir r\u016bp\u012bgi atjaunota, saglab\u0101jot t\u0101s arhitektonisko b\u016bt\u012bbu un radot patv\u0113rumu m\u016bsdienu ce\u013cot\u0101jam. M\u0113s ticam, ka patiesa grezn\u012bba sl\u0113pjas deta\u013c\u0101s \u2013 no izsmalcin\u0101t\u0101m tekst\u016br\u0101m l\u012bdz mierpilnai atmosf\u0113rai, katrs [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":21,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-139","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/a33.lv\/en\/wp-json\/wp\/v2\/pages\/139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/a33.lv\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/a33.lv\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/a33.lv\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/a33.lv\/en\/wp-json\/wp\/v2\/comments?post=139"}],"version-history":[{"count":118,"href":"https:\/\/a33.lv\/en\/wp-json\/wp\/v2\/pages\/139\/revisions"}],"predecessor-version":[{"id":2954,"href":"https:\/\/a33.lv\/en\/wp-json\/wp\/v2\/pages\/139\/revisions\/2954"}],"wp:attachment":[{"href":"https:\/\/a33.lv\/en\/wp-json\/wp\/v2\/media?parent=139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}