/* /real_estate_website/static/src/scss/_variables.scss */
 

/* /real_estate_website/static/src/scss/pages/_project_kaiserliches_postamt.scss */
 .ekp-wrapper{background: #FBF9F6; width: 100%; overflow-x: hidden;}.ekp-eyebrow-dark{display: inline-block; font-family: "Satoshi", sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #0d1b2a; margin-bottom: 14px;}.ekp-eyebrow-gold{display: inline-block; font-family: "Satoshi", sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #FBF9F6; margin-bottom: 14px;}.ekp-wrapper h1 em, .ekp-wrapper h2 em, .ekp-wrapper h3 em{font-style: normal; color: #0d1b2a; font-family: "Juana", serif !important;}.ekp-btn-filled{display: inline-flex; align-items: center; gap: 8px; background: #0a0a0a; color: #ffffff; font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0.02em; padding: 14px 24px; border-radius: 4px; text-decoration: none; white-space: nowrap; transition: background 0.2s;}.ekp-btn-filled svg{flex-shrink: 0;}.ekp-btn-filled:hover{background: #222; color: #ffffff;}.ekp-btn-outline{display: inline-flex; align-items: center; gap: 8px; background: transparent; color: #0a0a0a; border: 1.5px solid #0a0a0a; font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0.02em; padding: 13px 24px; border-radius: 4px; text-decoration: none; white-space: nowrap; transition: background 0.2s, color 0.2s;}.ekp-btn-outline:hover{background: #0a0a0a; color: #ffffff;}.ekp-hero{position: relative; overflow: hidden; isolation: isolate; background: #0a0a0a; display: flex; flex-direction: column; justify-content: space-between; gap: 290px; min-height: 70vh; padding-top: 40px;}@supports (height: 100svh){.ekp-hero{min-height: 70svh;}}@media (min-width: 768px){.ekp-hero{padding-top: 56px;}}@media (min-width: 1024px){.ekp-hero{padding-top: 64px; min-height: var(--emh-hero-voll); gap: 0;}}.ekp-hero-container{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2;}.ekp-hero-text-row{display: flex; flex-direction: column; gap: 24px; margin-bottom: 20px;}@media (min-width: 768px){.ekp-hero-text-row{flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 28px;}}.ekp-hero-titles{flex: 1;}.ekp-hero-titles .ekp-hero-eyebrow{display: block; font-family: "Satoshi", sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #FBF9F6; margin-bottom: 16px;}.ekp-hero-titles h1{font-family: "Juana", serif !important !important; font-size: 48px; font-weight: 400; color: #ffffff; line-height: 1.08; margin: 0;}.ekp-hero-titles h1 em{font-style: normal; color: #ffffff; font-family: "Juana", serif !important;}.ekp-hero-ctas{display: flex; flex-wrap: wrap; gap: 12px; align-items: center; flex-shrink: 0;}@media (min-width: 768px){.ekp-hero-ctas{padding-bottom: 8px;}}.ekp-hero-location{display: flex; align-items: center; gap: 8px; margin-bottom: 20px; font-family: "Satoshi", sans-serif; font-size: 14px; color: rgba(255, 255, 255, 0.55);}.ekp-hero-location svg{flex-shrink: 0; color: rgba(255, 255, 255, 0.55);}.ekp-hero-photo-wrap{position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; overflow: hidden; line-height: 0;}.ekp-hero-photo-wrap img, .ekp-hero-photo-wrap video{width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;}.ekp-hero-video{background: #0a0a0a;}.ekp-hero-scrim{position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(10, 10, 10, 0.8) 0%, rgba(10, 10, 10, 0.42) 32%, rgba(10, 10, 10, 0.18) 55%, rgba(10, 10, 10, 0.4) 100%); pointer-events: none;}.ekp-hero-play{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 72px; height: 72px; border-radius: 50%; background: rgba(255, 255, 255, 0.18); border: 2px solid rgba(255, 255, 255, 0.85); color: #ffffff; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; backdrop-filter: blur(4px); transition: background 0.2s, transform 0.2s;}.ekp-hero-play svg{margin-left: 4px;}.ekp-hero-play:hover{background: rgba(255, 255, 255, 0.32); transform: translate(-50%, -50%) scale(1.06);}.ekp-hero-play.ekp-hero-play-hidden{opacity: 0; pointer-events: none;}@media (min-width: 768px){.ekp-hero-play{width: 84px; height: 84px;}}.ekp-hero-stats{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2; background: transparent; padding-top: 16px; padding-bottom: 48px;}@media (min-width: 1024px){.ekp-hero-stats{padding-bottom: 64px;}}.ekp-hero-stats-inner{background: #0a0a0a; border-radius: 16px; display: flex; align-items: center; flex-wrap: wrap; overflow: hidden; padding: 8px;}@media (min-width: 640px){.ekp-hero-stats-inner{padding: 16px 24px;}}.ekp-stat-item{flex: 1; min-width: 120px; display: flex; flex-direction: column; gap: 6px; padding: 28px 24px;}@media (max-width: 639px){.ekp-stat-item{min-width: calc(50% - 1px); padding: 20px 16px;}}.ekp-stat-val{font-family: "Juana", serif !important; font-size: clamp(22px, 2.4vw, 32px); font-weight: 500; color: #ffffff; line-height: 1;}.ekp-stat-lbl{font-family: "Satoshi", sans-serif; font-size: 13px; color: rgba(255, 255, 255, 0.5);}.ekp-stat-divider{width: 1px; height: 40px; background: rgba(255, 255, 255, 0.12); flex-shrink: 0; align-self: center;}@media (max-width: 639px){.ekp-stat-divider{display: none;}}.ekp-info{background: #FBF9F6; padding: 80px 0;}@media (min-width: 1024px){.ekp-info{padding: 100px 0 110px;}}.ekp-info-inner{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: 1fr; gap: 56px;}@media (min-width: 1024px){.ekp-info-inner{grid-template-columns: 1fr 1fr; gap: 80px; align-items: start;}}.ekp-info-left{display: flex; flex-direction: column;}.ekp-info-left h2{font-family: "Juana", serif !important; font-size: clamp(2rem, 4.5vw, 3.2rem); font-weight: 500; color: #0a0a0a; line-height: 1.1; margin: 0 0 24px;}.ekp-info-left h2 em{font-style: normal; color: #0d1b2a; font-family: "Juana", serif !important;}.ekp-info-right{display: flex; flex-direction: column; background: #0a0a0a; border-radius: 8px; padding: 32px; margin-top: 158px;}.ekp-info-right .ekp-eyebrow-gold{margin-bottom: 4px;}.ekp-info-right h3{font-family: "Juana", serif !important; font-size: 28px; font-weight: 500; color: #ffffff; line-height: 1.3; margin: 0;}.ekp-info-right .ekp-info-body{color: rgba(255, 255, 255, 0.7); margin: 20px 0 0;}.ekp-info-right .ekp-checklist{margin-top: 32px;}.ekp-info-right .ekp-checklist li{color: rgba(255, 255, 255, 0.7);}.ekp-info-body{font-family: "Satoshi", sans-serif; font-size: 15px; line-height: 1.8; color: #3d3d3d; margin: 0 0 32px;}.ekp-metrics-card{border: 1px solid #e5e7eb; border-radius: 12px; background: #ffffff; padding: 12px;}.ekp-metrics-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}.ekp-metric-cell{padding: 24px; display: flex; flex-direction: column; gap: 6px; background: #FBF9F6; border-radius: 8px;}.ekp-metric-val{font-family: "Juana", serif !important; font-size: clamp(19px, 1.6vw, 22px); font-weight: 300; color: #0a0a0a; line-height: 1;}.ekp-metric-val-md{font-size: clamp(1.1rem, 2vw, 1.5rem);}.ekp-metric-lbl{font-family: "Satoshi", sans-serif; font-size: 12px; color: #6f6f6f;}.ekp-checklist{list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 24px;}.ekp-checklist li{display: flex; align-items: center; gap: 12px; font-family: "Satoshi", sans-serif; font-size: 16px; color: #3d3d3d;}.ekp-check-icon{flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%; background: transparent; border: 1px solid rgba(255, 255, 255, 0.4); display: flex; align-items: center; justify-content: center; color: #ffffff;}.ekp-check-icon img{display: block; width: 12px; height: 12px;}.ekp-apartments{background: #0a0a0a; padding: 80px 0 96px;}@media (min-width: 1024px){.ekp-apartments{padding: 100px 0 120px;}}.ekp-apts-inner{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px;}.ekp-apts-header{margin-bottom: 56px;}@media (min-width: 1024px){.ekp-apts-header{margin-bottom: 64px;}}.ekp-apts-eyebrow{display: block; font-family: "Satoshi", sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: #FBF9F6; margin-bottom: 16px;}.ekp-apts-header h2{font-family: "Juana", serif !important; font-size: clamp(2rem, 4.5vw, 3.2rem); font-weight: 700; color: #ffffff; line-height: 1.1; margin: 0;}.ekp-apts-header h2 em{font-style: normal; color: #ffffff; font-family: "Juana", serif !important;}.ekp-floor-timeline{position: relative; padding-left: 0;}@media (min-width: 768px){.ekp-floor-timeline{padding-left: 160px;}}@media (min-width: 1024px){.ekp-floor-timeline{padding-left: 180px;}}.ekp-floor-timeline::before{content: ''; position: absolute; left: 6px; top: 15px; bottom: 0px; width: 1px; background: rgba(255, 255, 255, 0.15); display: none;}@media (min-width: 768px){.ekp-floor-timeline::before{display: block; left: 6px;}}.ekp-floor-row{position: relative; display: flex; flex-direction: column; gap: 16px; padding-bottom: 32px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 32px;}@media (min-width: 768px){.ekp-floor-row{flex-direction: row; align-items: flex-start; gap: 32px;}}.ekp-floor-row.ekp-floor-row-last{border-bottom: none; margin-bottom: 0; padding-bottom: 0;}.ekp-floor-meta{flex-shrink: 0; display: flex; flex-direction: row; align-items: flex-start; gap: 16px;}@media (min-width: 768px){.ekp-floor-meta{width: 160px; position: absolute; left: -160px; top: 0;}}@media (min-width: 1024px){.ekp-floor-meta{left: -180px; width: 180px;}}.ekp-floor-text{display: flex; flex-direction: column; gap: 6px; min-width: 0;}.ekp-floor-dot{flex-shrink: 0; width: 12px; height: 12px; border-radius: 50%; background: #ffffff; border: 2px solid #0a0a0a; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.55); position: relative; z-index: 1; margin-top: 9px;}.ekp-floor-abbr{font-family: "Juana", serif !important; color: #FFF; font-size: 24px; font-style: normal; font-weight: 500; line-height: 32px; line-height: 1;}.ekp-floor-name{font-family: "Satoshi", sans-serif; font-size: 12px; color: rgba(255, 255, 255, 0.4);}@media (max-width: 767px){.ekp-floor-name{display: none;}}.ekp-floor-icon{width: 48px; height: auto; object-fit: contain; margin-top: 8px;}@media (max-width: 767px){.ekp-floor-icon{display: none;}}.ekp-floor-cards{flex: 1; display: flex; flex-wrap: wrap; gap: 12px;}@media (max-width: 639px){.ekp-floor-cards{flex-direction: column;}}.ekp-floor-scroll-wrap{position: relative; flex: 1; min-width: 0;}.ekp-floor-scroll-wrap .ekp-floor-cards-scroll{width: 100%;}.ekp-floor-nav{position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.25); background: rgba(20, 20, 20, 0.88); color: #ffffff; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 3; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45); transition: opacity 0.2s ease, background 0.2s ease, color 0.2s ease;}.ekp-floor-nav:hover{background: #ffffff; color: #0a0a0a;}.ekp-floor-nav.is-hidden{opacity: 0; pointer-events: none;}.ekp-floor-nav-prev{left: -8px;}.ekp-floor-nav-next{right: -8px;}.ekp-floor-cards-scroll{flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; -webkit-overflow-scrolling: touch; scrollbar-width: none;}.ekp-floor-cards-scroll::-webkit-scrollbar{display: none;}.ekp-floor-cards-scroll .ekp-apt-card{flex: 0 0 auto; width: 240px; max-width: 240px;}@media (max-width: 639px){.ekp-floor-cards-scroll .ekp-apt-card{width: 190px; max-width: 190px;}}.ekp-apt-card{background: #222222; border-radius: 8px; border: 1px solid #374151; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 16px; min-width: 160px; flex: 1; transition: border-color 0.2s ease;}@media (max-width: 639px){.ekp-apt-card{max-width: 100%; min-width: 0;}}.ekp-apt-card:hover{border-color: #ffffff;}.ekp-apt-card.ekp-apt-card-wide{flex-direction: row; align-items: center; gap: 14px; max-width: none;}.ekp-apt-card-icon{flex-shrink: 0; width: 52px; height: 52px; border-radius: 8px; overflow: hidden; display: block;}.ekp-apt-card-icon img{width: 100%; height: 100%; object-fit: contain; display: block;}.ekp-apt-card-photo{flex-shrink: 0; width: 72px; height: 72px; border-radius: 6px; overflow: hidden;}.ekp-apt-card-photo img{width: 100%; height: 100%; object-fit: cover; display: block;}.ekp-apt-card-body{display: flex; flex-direction: column; gap: 4px; min-width: 0;}.ekp-apt-card-name{font-family: "Satoshi", sans-serif; color: var(--white, #FFF); font-size: 17px; font-style: normal; font-weight: 500; line-height: 1.3;}.ekp-apt-card-rooms{font-family: "Satoshi", sans-serif; color: rgba(255, 255, 255, 0.7); font-size: 16px; font-style: normal; font-weight: 500; line-height: 16px;}.ekp-apt-status{display: inline-flex; align-items: center; gap: 5px; font-family: "Satoshi", sans-serif; font-size: 13px; font-style: normal; font-weight: 400; line-height: 16px; color: #10B981; background: rgba(16, 185, 129, 0.16); border-radius: 100px; padding: 3px 10px; margin-top: 4px; width: fit-content;}.ekp-apt-status-wide{font-size: 10px;}@media (max-width: 768px){.ekp-floor-dot{display: none;}.ekp-floor-meta{gap: 0; margin-bottom: 4px;}.ekp-floor-cards, .ekp-floor-cards-scroll{flex-direction: row; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; gap: 12px; scroll-padding-left: 0; max-width: 100%;}.ekp-floor-cards::-webkit-scrollbar, .ekp-floor-cards-scroll::-webkit-scrollbar{display: none;}.ekp-floor-cards .ekp-apt-card, .ekp-floor-cards-scroll .ekp-apt-card{flex: 0 0 82%; width: 82%; max-width: 82%; min-width: 0; scroll-snap-align: start;}.ekp-floor-cards .ekp-apt-card-wide, .ekp-floor-cards-scroll .ekp-apt-card-wide{flex: 0 0 92%; width: 92%; max-width: 92%;}.ekp-floor-nav{display: none;}.ekp-floor-scroll-wrap{min-width: 0; max-width: 100%;}}.ekp-presse{background: #FBF9F6; padding: 80px 0;}@media (min-width: 1024px){.ekp-presse{padding: 100px 0;}}.ekp-presse-inner{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px;}.ekp-presse-head{margin-bottom: 32px;}.ekp-presse-head h2{font-family: "Juana", serif !important; font-size: clamp(2rem, 4.5vw, 3.2rem); font-weight: 500; color: #0a0a0a; line-height: 1.1; margin: 0 0 16px;}.ekp-presse-head h2 em{font-style: normal; color: #0d1b2a; font-family: "Juana", serif !important;}.ekp-presse-sub{font-family: "Satoshi", sans-serif; font-size: 15px; line-height: 1.7; color: #6f6f6f; max-width: 680px; margin: 0;}.ekp-presse-video{position: relative; width: 100%; border-radius: 12px; overflow: hidden; line-height: 0; background: #0a0a0a;}.ekp-presse-video video, .ekp-presse-video img, .ekp-presse-video iframe{width: 100%; height: clamp(280px, 42vw, 560px); object-fit: cover; object-position: center; display: block; border: 0;}.ekp-presse-video .ekp-presse-poster{cursor: pointer;}.ekp-presse-play{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 72px; height: 72px; border-radius: 50%; background: rgba(255, 255, 255, 0.18); border: 2px solid rgba(255, 255, 255, 0.85); color: #ffffff; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; backdrop-filter: blur(4px); transition: background 0.2s, transform 0.2s;}.ekp-presse-play svg{margin-left: 4px;}.ekp-presse-play:hover{background: rgba(255, 255, 255, 0.32); transform: translate(-50%, -50%) scale(1.06);}.ekp-presse-play.ekp-presse-play-hidden{opacity: 0; pointer-events: none;}@media (min-width: 768px){.ekp-presse-play{width: 84px; height: 84px;}}.ekp-geschichte{margin-top: 56px;}@media (min-width: 1024px){.ekp-geschichte{margin-top: 72px;}}.ekp-geschichte h2{font-family: "Juana", serif !important; font-size: clamp(1.7rem, 3.6vw, 2.6rem); font-weight: 700; color: #0a0a0a; line-height: 1.15; margin: 0 0 24px; max-width: 1200px;}.ekp-geschichte-body{font-family: "Satoshi", sans-serif; font-size: 15px; line-height: 1.85; color: #3d3d3d; max-width: 1200px; margin: 0 0 20px;}.ekp-geschichte-quote{background: #1c1c1e; border-radius: 8px; padding: 24px 28px; margin: 12px 0 0; max-width: 1200px;}@media (min-width: 768px){.ekp-geschichte-quote{padding: 28px 32px;}}.ekp-geschichte-quote p{font-family: "Juana", serif !important; font-size: 15px; line-height: 1.75; color: rgba(255, 255, 255, 0.82); margin: 0; font-style: normal;}.ekp-geschichte-quote strong{color: #ffffff; font-weight: 500;}.ekp-fassade{background: #FBF9F6; padding: 80px 0 72px;}@media (min-width: 1024px){.ekp-fassade{padding: 100px 0 88px;}}.ekp-fassade-inner{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px;}.ekp-fassade-header{margin-bottom: 40px;}.ekp-fassade-header h2{font-family: "Juana", serif !important; font-size: clamp(2rem, 4.5vw, 3.2rem); font-weight: 700; color: #0a0a0a; line-height: 1.1; margin: 0 0 16px;}.ekp-fassade-header h2 em{font-style: normal; font-family: "Juana", serif !important; color: #0d1b2a;}.ekp-fassade-sub{font-family: "Satoshi", sans-serif; font-size: 15px; line-height: 1.7; color: #6f6f6f; max-width: 680px; margin: 0;}.ekp-fassade-main{display: grid; grid-template-columns: 1fr; gap: 20px;}@media (min-width: 768px){.ekp-fassade-main{grid-template-columns: 1fr 1fr; gap: 16px;}}.ekp-fassade-col{display: flex; flex-direction: column; gap: 12px;}.ekp-fassade-photo-wrap{position: relative; border-radius: 6px; overflow: hidden;}.ekp-fassade-photo-wrap img{width: 100%; height: clamp(240px, 30vw, 460px); object-fit: cover; display: block; transition: opacity 0.3s ease;}.ekp-fassade-badge{position: absolute; bottom: 16px; left: 16px; background: rgba(0, 0, 0, 0.6); color: rgba(255, 255, 255, 0.85); font-family: "Satoshi", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; padding: 6px 12px; border-radius: 3px;}.ekp-fassade-col-label{font-family: "Satoshi", sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #6f6f6f; text-align: center;}.ekp-fassade-thumbs{display: flex; gap: 16px; overflow-x: auto; padding: 8px 2px 14px; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none;}.ekp-fassade-thumbs::-webkit-scrollbar{display: none;}@media (min-width: 768px){.ekp-fassade-thumbs{gap: 14px;}}.ekp-fassade-dots{display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 18px;}.ekp-fassade-dot{width: 8px; height: 8px; padding: 0; border: none; border-radius: 999px; background: rgba(10, 10, 10, 0.2); cursor: pointer; transition: width 0.25s ease, background 0.25s ease;}.ekp-fassade-dot.is-active{width: 24px; background: #0a0a0a;}.ekp-fassade-thumb{position: relative; cursor: pointer; display: block; flex: 0 0 calc((100% - 2 * 16px) / 3); padding: 8px; border: none; border-radius: 14px; background: transparent; text-align: center; -webkit-appearance: none; appearance: none; transition: background 0.2s, box-shadow 0.2s, transform 0.2s;}@media (min-width: 768px){.ekp-fassade-thumb{flex: 0 0 calc((100% - 5 * 14px) / 6);}}.ekp-fassade-thumb .ekp-thumb-num{position: absolute; top: 100px; left: 20px; z-index: 2; width: 26px; height: 26px; border-radius: 50%; background: rgba(10, 10, 10, 0.78); color: #ffffff; font-family: "Satoshi", sans-serif; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; transition: background 0.2s;}.ekp-fassade-thumb img{width: 100%; height: 110px; object-fit: cover; display: block; border-radius: 12px; transition: opacity 0.2s, transform 0.2s; opacity: 1;}@media (min-width: 768px){.ekp-fassade-thumb img{height: 92px;}}@media (min-width: 1024px){.ekp-fassade-thumb img{height: 110px;}}.ekp-fassade-thumb:hover img{transform: scale(1.02);}.ekp-fassade-thumb.ekp-thumb-active{border-radius: 4px; border: 1px solid rgba(28, 28, 30, 0.12); background: #FFF; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);}.ekp-fassade-thumb.ekp-thumb-active .ekp-thumb-num{background: #10B981;}.ekp-fassade-thumb.ekp-thumb-active .ekp-thumb-cap{color: #0a0a0a; font-weight: 600;}.ekp-thumb-cap{display: block; font-family: "Satoshi", sans-serif; font-size: 11px; color: #6f6f6f; margin-top: 6px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.ekp-doc{background: #FBF9F6; padding: 80px 0;}@media (min-width: 1024px){.ekp-doc{padding: 100px 0;}}.ekp-doc-inner{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px;}.ekp-doc-head{display: flex; flex-direction: column; gap: 40px; margin-bottom: 36px;}@media (min-width: 1024px){.ekp-doc-head{flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 64px;}}.ekp-doc-head-left h2{font-family: "Juana", serif !important; font-size: clamp(2rem, 4.5vw, 3rem); font-weight: 500; color: #1a1a1c; line-height: 1.3; margin: 0 0 18px;}.ekp-doc-head-left h2 em{font-style: normal; color: #0d1b2a; font-family: "Juana", serif !important;}.ekp-doc-sub{font-family: "Satoshi", sans-serif; font-size: 16px; line-height: 1.5; color: #6f6f6f; max-width: 520px; margin: 0;}.ekp-doc-stats{display: flex; align-items: center; gap: 21px; flex-shrink: 0;}@media (max-width: 1023px){.ekp-doc-stats{flex-wrap: wrap; gap: 16px 24px;}}.ekp-doc-stat{display: flex; flex-direction: column; gap: 8px;}.ekp-doc-stat-val{font-family: "Juana", serif !important; font-size: clamp(20px, 2.4vw, 32px); font-weight: 500; color: #1c1c1e; line-height: 1.25;}.ekp-doc-stat-lbl{font-family: "Satoshi", sans-serif; font-size: 15px; color: #6f6f6f; letter-spacing: 0.03em; max-width: 150px;}.ekp-doc-stat-div{width: 1px; height: 60px; background: #E7E7E9; flex-shrink: 0;}@media (max-width: 1023px){.ekp-doc-stat-div{display: none;}}.ekp-doc-filterbar{display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 32px; flex-wrap: wrap;}.ekp-doc-tabs{display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}.ekp-doc-tab{font-family: "Satoshi", sans-serif; font-size: 15px; color: #4a4a4a; background: transparent; border: 1px solid #E7E7E9; border-radius: 9999px; padding: 10px 20px; cursor: pointer; white-space: nowrap; transition: background 0.2s, color 0.2s, border-color 0.2s;}.ekp-doc-tab:hover{border-color: #1a1a1c;}.ekp-doc-tab.ekp-doc-tab-active{background: #1a1a1c; border-color: #1a1a1c; color: #fff;}.ekp-doc-sort{display: inline-flex; align-items: center; gap: 6px; font-family: "Satoshi", sans-serif; font-size: 15px; color: #4a4a4a; background: transparent; border: none; cursor: pointer; white-space: nowrap;}.ekp-doc-sort svg{flex-shrink: 0;}.ekp-doc-panel{display: none;}.ekp-doc-panel.ekp-doc-panel-active{display: block;}.ekp-doc-empty{font-family: "Satoshi", sans-serif; font-size: 15px; color: #6f6f6f; text-align: center; padding: 80px 0; border: 1px dashed rgba(0, 0, 0, 0.12); border-radius: 16px;}.ekp-doc-grid{display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 280px; grid-auto-flow: dense; gap: 24px;}@media (max-width: 900px){.ekp-doc-grid{grid-template-columns: repeat(2, 1fr); grid-auto-rows: 220px; gap: 16px;}}@media (max-width: 520px){.ekp-doc-grid{grid-template-columns: 1fr; grid-auto-rows: 240px;}}.ekp-doc-cell{position: relative; margin: 0; border-radius: 16px; overflow: hidden; background: #d1d6db;}.ekp-doc-cell img{width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease;}.ekp-doc-cell:hover img{transform: scale(1.04);}.ekp-doc-cell-lg{grid-column: span 2; grid-row: span 2;}.ekp-doc-cell-tall{grid-row: span 2;}.ekp-doc-cell-wide{grid-column: span 2;}@media (max-width: 520px){.ekp-doc-cell-lg, .ekp-doc-cell-tall, .ekp-doc-cell-wide{grid-column: span 1; grid-row: span 1;}}.ekp-doc-more{display: flex; flex-direction: column; align-items: center; gap: 14px; margin-top: 48px;}.ekp-doc-more-btn{font-family: "Satoshi", sans-serif; font-size: 13px; font-weight: 500; letter-spacing: 0.05em; color: #1a1a1c; background: transparent; border: 1px solid #1a1a1c; border-radius: 4px; padding: 14px 40px; cursor: pointer; transition: background 0.2s, color 0.2s;}.ekp-doc-more-btn:hover{background: #1a1a1c; color: #fff;}.ekp-doc-more-sub{font-family: "Satoshi", sans-serif; font-size: 14px; color: #6f6f6f;}.ekp-doc-zigzag{display: flex; flex-direction: column; gap: 40px;}@media (min-width: 768px){.ekp-doc-zigzag{gap: 8px;}}.ekp-doc-zz-item{display: grid; grid-template-columns: 1fr; gap: 20px; align-items: center;}@media (min-width: 768px){.ekp-doc-zz-item{grid-template-columns: 1fr 1fr; gap: 56px;}}.ekp-doc-zz-img{border-radius: 12px; overflow: hidden;}.ekp-doc-zz-img img{width: 100%; height: clamp(260px, 32vw, 420px); object-fit: cover; display: block;}.ekp-doc-zz-text{padding: 0 8px;}.ekp-doc-zz-text h3{font-family: "Juana", serif !important; font-size: clamp(1.4rem, 2.4vw, 1.75rem); font-weight: 500; color: #1a1a1c; line-height: 1.25; margin: 0 0 14px;}.ekp-doc-zz-text p{font-family: "Satoshi", sans-serif; font-size: 15px; line-height: 1.7; color: #6f6f6f; margin: 0; max-width: 360px;}@media (min-width: 768px){.ekp-doc-zz-item-rev .ekp-doc-zz-img{order: 2;}.ekp-doc-zz-item-rev .ekp-doc-zz-text{order: 1; text-align: right;}.ekp-doc-zz-item-rev .ekp-doc-zz-text p{margin-left: auto;}}.ekp-doc-features{display: grid; grid-template-columns: 1fr; gap: 32px; background: #FBF9F6; border-radius: 20px; padding: 48px; margin-top: 56px;}@media (min-width: 768px){.ekp-doc-features{grid-template-columns: repeat(3, 1fr); gap: 40px;}}.ekp-doc-feature h3{font-family: "Juana", serif !important; font-size: 20px; font-weight: 500; color: #1a1a1c; line-height: 1.5; margin: 24px 0 12px;}.ekp-doc-feature p{font-family: "Satoshi", sans-serif; font-size: 14px; line-height: 1.7; color: #6f6f6f; margin: 0;}.ekp-doc-feature-icon{display: inline-flex; color: #1a1a1c;}.ekp-danke{background: #1c1c1e; padding: 80px 0 0;}@media (min-width: 1024px){.ekp-danke{padding: 100px 0 0;}}.ekp-danke-inner{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: 1fr; gap: 48px; margin-bottom: 60px;}@media (min-width: 1024px){.ekp-danke-inner{grid-template-columns: 1.45fr 0.85fr; gap: 56px; align-items: stretch; margin-bottom: 72px;}}.ekp-danke-left{display: flex; flex-direction: column;}.ekp-danke-left h2{font-family: "Juana", serif !important; font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 700; color: #ffffff; line-height: 1.12; margin: 0 0 24px;}.ekp-danke-left h2 em{font-style: normal; color: #ffffff; font-family: "Juana", serif !important;}.ekp-danke-body{font-family: "Satoshi", sans-serif; font-size: 15px; line-height: 1.8; color: rgba(255, 255, 255, 0.6); margin: 0 0 32px;}.ekp-danke-quote{background: #ffffff; border-radius: 8px; padding: 24px 28px; margin: 0;}.ekp-danke-quote p{font-family: "Juana", serif !important; font-size: 15px; line-height: 1.75; color: #3d3d3d; margin: 0 0 16px; font-style: normal;}.ekp-danke-quote .ekp-danke-cite{font-family: "Satoshi", sans-serif; font-size: 13px; font-weight: 600; font-style: normal; color: #6f6f6f; letter-spacing: 0.02em; margin: 0;}.ekp-danke-right{position: relative; min-height: 320px;}@media (min-width: 1024px){.ekp-danke-right{min-height: 440px;}}.ekp-danke-photo-wrap{position: relative; border-radius: 16px; overflow: hidden; height: 100%; min-height: 440px; border: 1px solid rgba(255, 255, 255, 0.08); background: #0f0f0f;}@media (min-width: 1024px){.ekp-danke-photo-wrap{min-height: 600px;}}.ekp-danke-photo-wrap img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 30%;}.ekp-danke-photo-overlay{position: absolute; bottom: 18px; left: 70px; right: 70px; background: #ffffff; border-radius: 12px; padding: 18px 22px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);}.ekp-danke-name{font-family: "Satoshi", sans-serif; font-size: 17px; font-weight: 700; color: #0a0a0a;}.ekp-danke-role{font-family: "Satoshi", sans-serif; font-size: 12px; color: #6f6f6f;}.ekp-danke-tabs-row{padding: 8px 24px 32px;}@media (min-width: 1024px){.ekp-danke-tabs-row{padding: 8px calc((100% - 1320px) / 2 + 24px) 40px;}}.ekp-danke-tabs-label{display: block; font-family: "Satoshi", sans-serif; font-size: 24px; color: rgba(255, 255, 255, 0.7); text-align: center; margin-bottom: 21px;}.ekp-thanks-grid{display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; max-width: 1220px; margin: 0 auto;}.ekp-thanks-card{flex: 1 1 200px; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 16px; background: #27272a; border: 1px solid transparent; border-radius: 4px; padding: 16px; text-align: center;}.ekp-thanks-card.ekp-thanks-card-active{border-color: rgba(255, 255, 255, 0.3);}@media (max-width: 639px){.ekp-thanks-card{flex: 1 1 140px;}}.ekp-thanks-icon{flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.4);}.ekp-thanks-icon img{display: block; width: 23px; height: 23px;}.ekp-thanks-card-active .ekp-thanks-icon{border-color: #ffffff;}.ekp-thanks-name{font-family: "Satoshi", sans-serif; font-size: 16px; line-height: 1.5; color: #ffffff;}.ekp-brochure{background: #151515; border-top: 1px solid rgba(255, 255, 255, 0.07); padding: 28px 24px;}.ekp-brochure-flipbook{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px; margin-top: 32px;}@media (min-width: 1024px){.ekp-brochure-flipbook{margin-top: 44px;}}.ekp-brochure-inner{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px; display: flex; flex-direction: column; gap: 20px; align-items: flex-start;}@media (min-width: 768px){.ekp-brochure-inner{flex-direction: row; align-items: center; gap: 24px;}}.ekp-brochure-icon{flex-shrink: 0; width: 56px; height: 56px; border-radius: 50%; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.6);}.ekp-brochure-text{flex: 1; display: flex; flex-direction: column; gap: 3px;}.ekp-brochure-label{font-family: "Satoshi", sans-serif; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.4);}.ekp-brochure-title{font-family: "Satoshi", sans-serif; font-size: 15px; font-weight: 600; color: #ffffff;}.ekp-brochure-sub{font-family: "Satoshi", sans-serif; font-size: 12px; color: rgba(255, 255, 255, 0.35);}.ekp-brochure-btn{flex-shrink: 0; display: inline-flex; align-items: center; gap: 10px; background: transparent; color: #ffffff; border: 1.5px solid rgba(255, 255, 255, 0.3); font-family: "Satoshi", sans-serif; font-size: 13px; font-weight: 600; padding: 12px 24px; border-radius: 4px; text-decoration: none; white-space: nowrap; transition: border-color 0.2s, background 0.2s;}.ekp-brochure-btn:hover{border-color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.06); color: #ffffff;}.ekp-reels{background: #FBF9F6; padding: 80px 0;}@media (min-width: 1024px){.ekp-reels{padding: 96px 0;}}.ekp-reels-inner{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px;}.ekp-reels-header{display: flex; flex-direction: column; gap: 16px; margin-bottom: 40px;}@media (min-width: 768px){.ekp-reels-header{flex-direction: row; align-items: flex-end; justify-content: space-between;}}.ekp-reels-header h2{font-family: "Juana", serif !important; font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 700; color: #0a0a0a; line-height: 1.1; margin: 0;}.ekp-reels-header h2 em{font-style: normal; color: #0d1b2a; font-family: "Juana", serif !important;}.ekp-reels-header-left{display: flex; flex-direction: column;}.ekp-reels-subtitle{font-family: "Satoshi", sans-serif; font-size: 15px; line-height: 1.6; color: #6f6f6f; margin: 12px 0 0; max-width: 460px;}.ekp-reels-insta-link{display: inline-flex; align-items: center; gap: 8px; font-family: "Satoshi", sans-serif; font-size: 13px; color: #3d3d3d; text-decoration: none; border: 1.5px solid #e5e7eb; border-radius: 100px; padding: 10px 18px; white-space: nowrap; transition: border-color 0.2s; flex-shrink: 0;}.ekp-reels-insta-link strong{color: #0a0a0a; font-weight: 700;}.ekp-reels-insta-link span{color: #6f6f6f;}.ekp-reels-insta-link:hover{border-color: #0a0a0a;}.ekp-reels-grid{display: grid; grid-template-columns: 1fr; gap: 20px;}@media (min-width: 600px){.ekp-reels-grid{grid-template-columns: 1fr 1fr;}}@media (min-width: 1024px){.ekp-reels-grid{grid-template-columns: repeat(3, 1fr);}}.ekp-reel-card{background: #0a0a0a; border-radius: 10px; overflow: hidden; width: 100%; height: 520px; display: flex; flex-direction: column;}.ekp-reel-photo{position: relative; flex: 1;}.ekp-reel-photo img, .ekp-reel-photo video, .ekp-reel-photo .ekp-reel-placeholder{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}.ekp-reel-photo .ekp-reel-placeholder{background: #1c1c1c;}.ekp-reel-overlay{position: absolute; inset: 0; background: rgba(0, 0, 0, 0.35); display: flex; align-items: center; justify-content: center;}.ekp-reel-play{width: 52px; height: 52px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); border: 2px solid rgba(255, 255, 255, 0.6); color: #ffffff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.2s; backdrop-filter: blur(4px);}.ekp-reel-play:hover{background: rgba(255, 255, 255, 0.35);}.ekp-reel-meta{padding: 16px 18px 20px; display: flex; flex-direction: column; gap: 6px;}.ekp-reel-type{font-family: "Satoshi", sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #FBF9F6;}.ekp-reel-caption{font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 500; color: #ffffff; line-height: 1.4;}.ekp-reel-duration{font-family: "Satoshi", sans-serif; font-size: 12px; color: rgba(255, 255, 255, 0.4);}.ekp-location{background: #FBF9F6; padding: 80px 0;}@media (min-width: 1024px){.ekp-location{padding: 96px 0;}}.ekp-location-inner{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: 1fr; gap: 48px; align-items: stretch;}@media (min-width: 1024px){.ekp-location-inner{grid-template-columns: 1fr 1fr; gap: 64px;}}.ekp-location-map{position: relative; border-radius: 12px; overflow: hidden; min-height: 360px; height: 100%;}@media (min-width: 1024px){.ekp-location-map{min-height: 520px;}}.ekp-location-map-canvas{position: absolute; inset: 0; width: 100%; height: 100%; min-height: 320px;}.ekp-location-map-canvas .mapboxgl-canvas{outline: none;}.ekp-location-map .mapboxgl-popup-content{background: #ffffff; border-radius: 10px; padding: 12px 18px; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);}.ekp-location-map .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{border-top-color: #ffffff;}.ekp-map-popup{display: flex; flex-direction: column; gap: 2px; white-space: nowrap;}.ekp-map-popup strong{font-family: "Satoshi", sans-serif; font-size: 13px; font-weight: 700; color: #0a0a0a;}.ekp-map-popup span{font-family: "Satoshi", sans-serif; font-size: 11px; color: #6f6f6f;}.ekp-location-info{display: flex; flex-direction: column;}.ekp-location-info h2{font-family: "Juana", serif !important; font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 700; color: #0a0a0a; line-height: 1.1; margin: 0 0 16px;}.ekp-location-info h2 em{font-style: normal; font-family: "Juana", serif !important; color: #0d1b2a;}.ekp-location-body{font-family: "Satoshi", sans-serif; font-size: 15px; line-height: 1.75; color: #3d3d3d; margin: 0 0 32px;}.ekp-location-rows{list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px;}.ekp-loc-row{display: flex; align-items: center; gap: 16px; padding: 20px 24px; border-radius: 12px; background: rgba(0, 0, 0, 0.03);}.ekp-loc-icon{flex-shrink: 0; width: 48px; height: 48px; border-radius: 50%; background: #ffffff; border: 1px solid #e5e7eb; display: flex; align-items: center; justify-content: center; color: #0a0a0a;}.ekp-loc-text{display: flex; flex-direction: column; gap: 3px; padding-top: 4px;}.ekp-loc-title{font-family: "Satoshi", sans-serif; font-size: 15px; font-weight: 600; color: #0a0a0a;}.ekp-loc-sub{font-family: "Satoshi", sans-serif; font-size: 13px; color: #6f6f6f;}@media (max-width: 767px){.ew-desktop-only{display: none;}}@media (min-width: 768px){.ew-mobile-only{display: none;}}

/* /real_estate_website/static/src/scss/pages/_project_handschuhfabrik.scss */
 .ehf-wrapper{background: #FBF9F6; width: 100%; overflow-x: hidden;}.ehf-eyebrow-dark{display: inline-block; font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #0d1b2a; margin-bottom: 14px;}.ehf-eyebrow-gold{display: inline-block; font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #0d1b2a; margin-bottom: 14px;}.ehf-wrapper h1 em, .ehf-wrapper h2 em, .ehf-wrapper h3 em{font-style: normal; color: #0d1b2a; font-family: "Juana", serif !important;}#wrapwrap .ehf-stat-val:not([href]):not([src]):not([alt]), #wrapwrap .ehf-metric-val:not([href]):not([src]):not([alt]), #wrapwrap .ehf-info-right-stat-val:not([href]):not([src]):not([alt]), #wrapwrap .ehf-floor-abbr:not([href]):not([src]):not([alt]), #wrapwrap .ehf-docgal-stat-val:not([href]):not([src]):not([alt]), #wrapwrap .ehf-docgal-note-title:not([href]):not([src]):not([alt]){font-family: "Juana", serif !important;}.ehf-btn-filled{display: inline-flex; align-items: center; gap: 8px; background: #0a0a0a; color: #ffffff; font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0.02em; padding: 14px 24px; border-radius: 4px; text-decoration: none; white-space: nowrap; transition: background 0.2s;}.ehf-btn-filled svg{flex-shrink: 0;}.ehf-btn-filled:hover{background: #222; color: #ffffff;}.ehf-btn-outline{display: inline-flex; align-items: center; gap: 8px; background: transparent; color: #0a0a0a; border: 1.5px solid #0a0a0a; font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0.02em; padding: 13px 24px; border-radius: 4px; text-decoration: none; white-space: nowrap; transition: background 0.2s, color 0.2s;}.ehf-btn-outline:hover{background: #0a0a0a; color: #ffffff;}.ehf-hero{position: relative; overflow: hidden; isolation: isolate; background: #0a0a0a; display: flex; flex-direction: column; justify-content: space-between; gap: 290px; min-height: 70vh; padding-top: 40px;}@supports (height: 100svh){.ehf-hero{min-height: 70svh;}}@media (min-width: 768px){.ehf-hero{padding-top: 56px;}}@media (min-width: 1024px){.ehf-hero{padding-top: 64px; min-height: var(--emh-hero-voll); gap: 0;}}.ehf-hero-container{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2;}.ehf-hero-text-row{display: flex; flex-direction: column; gap: 24px; margin-bottom: 20px;}@media (min-width: 768px){.ehf-hero-text-row{flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 28px;}}.ehf-hero-titles{flex: 1;}.ehf-hero-titles .ehf-hero-eyebrow{display: block; font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: #0d1b2a; margin-bottom: 16px;}.ehf-hero-titles h1{font-family: "Juana", serif !important; font-size: 48px; font-weight: 400; color: #ffffff; line-height: 1.08; margin: 0;}.ehf-hero-titles h1 em{font-style: normal; color: #ffffff; font-family: "Juana", serif !important;}.ehf-hero-ctas{display: flex; flex-wrap: wrap; gap: 12px; align-items: center; flex-shrink: 0;}@media (min-width: 768px){.ehf-hero-ctas{padding-bottom: 8px;}}.ehf-hero-location{display: flex; align-items: center; gap: 8px; margin-bottom: 20px; font-family: "Satoshi", sans-serif; font-size: 14px; color: rgba(255, 255, 255, 0.55);}.ehf-hero-location svg{flex-shrink: 0; color: rgba(255, 255, 255, 0.55);}.ehf-hero-chips{display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px;}.ehf-hero-chip{display: inline-flex; align-items: center; gap: 6px; font-family: "Satoshi", sans-serif; font-size: 13px; font-weight: 600; color: #ffffff; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 100px; padding: 6px 14px; white-space: nowrap; backdrop-filter: blur(6px);}.ehf-hero-chip svg{flex-shrink: 0;}.ehf-hero-chip.ehf-hero-chip-green{color: #eafff4; background: rgba(16, 185, 129, 0.3); border-color: rgba(16, 185, 129, 0.55);}.ehf-hero-photo-wrap{position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; overflow: hidden; line-height: 0;}.ehf-hero-photo-wrap img, .ehf-hero-photo-wrap video{width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;}.ehf-hero-video{background: #0a0a0a;}.ehf-hero-scrim{position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(10, 10, 10, 0.8) 0%, rgba(10, 10, 10, 0.42) 32%, rgba(10, 10, 10, 0.18) 55%, rgba(10, 10, 10, 0.4) 100%); pointer-events: none;}.ehf-hero-play{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 72px; height: 72px; border-radius: 50%; background: rgba(255, 255, 255, 0.18); border: 2px solid rgba(255, 255, 255, 0.85); color: #ffffff; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; backdrop-filter: blur(4px); transition: background 0.2s, transform 0.2s;}.ehf-hero-play svg{margin-left: 4px;}.ehf-hero-play:hover{background: rgba(255, 255, 255, 0.32); transform: translate(-50%, -50%) scale(1.06);}.ehf-hero-play.ehf-hero-play-hidden{opacity: 0; pointer-events: none;}@media (min-width: 768px){.ehf-hero-play{width: 84px; height: 84px;}}.ehf-hero-stats{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2; background: transparent; padding-top: 16px; padding-bottom: 48px;}@media (min-width: 1024px){.ehf-hero-stats{padding-bottom: 64px;}}.ehf-hero-stats-inner{background: #0a0a0a; border-radius: 16px; display: flex; align-items: center; flex-wrap: wrap; overflow: hidden; padding: 8px;}@media (min-width: 640px){.ehf-hero-stats-inner{padding: 16px 24px;}}.ehf-stat-item{flex: 1; min-width: 120px; display: flex; flex-direction: column; gap: 6px; padding: 28px 24px;}@media (max-width: 639px){.ehf-stat-item{min-width: calc(50% - 1px); padding: 20px 16px;}}.ehf-stat-val{font-family: "Juana", serif !important; font-size: 32px; font-style: normal; font-weight: 600; line-height: 40px; color: #ffffff; line-height: 1;}.ehf-stat-lbl{font-family: "Satoshi", sans-serif; font-size: 13px; color: rgba(255, 255, 255, 0.5);}.ehf-stat-divider{width: 1px; height: 40px; background: rgba(255, 255, 255, 0.12); flex-shrink: 0; align-self: center;}@media (max-width: 639px){.ehf-stat-divider{display: none;}}.ehf-info{background: #FBF9F6; padding: 80px 0;}@media (min-width: 1024px){.ehf-info{padding: 100px 0 110px;}}.ehf-info-inner{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: 1fr; gap: 56px;}@media (min-width: 1024px){.ehf-info-inner{grid-template-columns: 1fr 1fr; gap: 80px; align-items: start;}}.ehf-info-left{display: flex; flex-direction: column;}.ehf-info-left h2{font-family: "Juana", serif; font-size: clamp(2rem, 4.5vw, 3.2rem); font-weight: 700; color: #0a0a0a; line-height: 1.1; margin: 0 0 24px;}.ehf-info-left h2 em{font-style: normal; color: #0d1b2a; font-family: "Juana", serif !important;}.ehf-info-right{display: flex; flex-direction: column; background: #0a0a0a; border-radius: 16px; padding: 25px 44px;}.ehf-info-right h3{font-family: "Juana", serif; font-size: 28px; font-weight: 500; color: #ffffff; line-height: 1.15; margin: 0 0 20px;}.ehf-info-right .ehf-info-body{color: rgba(255, 255, 255, 0.6);}.ehf-info-right .ehf-checklist li{color: rgba(255, 255, 255, 0.85);}.ehf-info-body{font-family: "Satoshi", sans-serif; font-size: 15px; line-height: 1.8; color: #3d3d3d; margin: 0 0 32px;}.ehf-metrics-card{border: 1px solid #e5e7eb; border-radius: 12px; background: #ffffff; padding: 12px;}.ehf-metrics-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}.ehf-metric-cell{padding: 24px; display: flex; flex-direction: column; gap: 6px; background: #FBF9F6; border-radius: 8px;}.ehf-metric-val{font-family: "Juana", serif !important; font-size: clamp(19px, 1.6vw, 22px); font-weight: 300; color: #0a0a0a; line-height: 1;}.ehf-metric-val-md{font-size: clamp(1.1rem, 2vw, 1.5rem);}.ehf-metric-lbl{font-family: "Satoshi", sans-serif; font-size: 14px; color: #6f6f6f;}.ehf-checklist{list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 16px;}.ehf-checklist li{display: flex; align-items: center; gap: 12px; font-family: "Satoshi", sans-serif; font-size: 15px; color: #3d3d3d;}.ehf-check-icon{flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.4); display: flex; align-items: center; justify-content: center; color: #ffffff;}.ehf-info-right-stats{display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 40px; padding-top: 32px; border-top: 1px solid rgba(255, 255, 255, 0.12);}.ehf-info-right-stat{display: flex; flex-direction: column; gap: 6px; text-align: center;}.ehf-info-right-stat-val{font-family: "Juana", serif; font-size: clamp(19px, 1.6vw, 22px); font-weight: 500; color: #ffffff; line-height: 1;}.ehf-info-right-stat-lbl{font-family: "Satoshi", sans-serif; font-size: 14px; color: rgba(255, 255, 255, 0.5);}.ehf-apartments{background: #0a0a0a; padding: 80px 0 96px;}@media (min-width: 1024px){.ehf-apartments{padding: 100px 0 120px;}}.ehf-apts-inner{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px;}.ehf-apts-header{margin-bottom: 56px;}@media (min-width: 1024px){.ehf-apts-header{margin-bottom: 64px;}}.ehf-apts-eyebrow{display: block; font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: #FBF9F6; margin-bottom: 16px;}.ehf-apts-header h2{font-family: "Juana", serif; font-size: clamp(2rem, 4.5vw, 3.2rem); font-weight: 700; color: #ffffff; line-height: 1.1; margin: 0;}.ehf-apts-header h2 em{font-style: normal; color: #ffffff; font-family: "Juana", serif !important;}.ehf-floor-timeline{position: relative; padding-left: 0;}@media (min-width: 768px){.ehf-floor-timeline{padding-left: 160px;}}@media (min-width: 1024px){.ehf-floor-timeline{padding-left: 180px;}}.ehf-floor-timeline::before{content: ''; position: absolute; left: 6px; top: 15px; bottom: 0px; width: 1px; background: rgba(255, 255, 255, 0.15); display: none;}@media (min-width: 768px){.ehf-floor-timeline::before{display: block; left: 6px;}}.ehf-floor-row{position: relative; display: flex; flex-direction: column; gap: 16px; padding-bottom: 32px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 32px;}@media (min-width: 768px){.ehf-floor-row{flex-direction: row; align-items: flex-start; gap: 32px;}}.ehf-floor-row.ehf-floor-row-last{border-bottom: none; margin-bottom: 0; padding-bottom: 0;}.ehf-floor-meta{flex-shrink: 0; display: flex; flex-direction: row; align-items: flex-start; gap: 16px;}@media (min-width: 768px){.ehf-floor-meta{width: 160px; position: absolute; left: -160px; top: 0;}}@media (min-width: 1024px){.ehf-floor-meta{left: -180px; width: 180px;}}.ehf-floor-text{display: flex; flex-direction: column; gap: 6px; min-width: 0;}.ehf-floor-dot{flex-shrink: 0; width: 12px; height: 12px; border-radius: 50%; background: #ffffff; border: 2px solid #0a0a0a; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.55); position: relative; z-index: 1; margin-top: 9px;}.ehf-floor-abbr{font-family: "Juana", serif; font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 500; color: #ffffff; line-height: 1;}.ehf-floor-name{font-family: "Satoshi", sans-serif; font-size: 14px; color: rgba(255, 255, 255, 0.4);}@media (max-width: 767px){.ehf-floor-name{display: none;}}.ehf-floor-icon{width: 48px; height: auto; object-fit: contain; margin-top: 8px;}@media (max-width: 767px){.ehf-floor-icon{display: none;}}.ehf-floor-cards{flex: 1; display: flex; flex-wrap: wrap; gap: 12px;}@media (max-width: 639px){.ehf-floor-cards{flex-direction: column;}}.ehf-floor-cards-scroll{flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; -webkit-overflow-scrolling: touch; scrollbar-width: none;}.ehf-floor-cards-scroll::-webkit-scrollbar{display: none;}.ehf-floor-cards-scroll .ehf-apt-card{flex: 0 0 auto; width: 200px; max-width: 200px;}.ehf-floor-scroll-wrap{position: relative; flex: 1; min-width: 0;}.ehf-floor-scroll-wrap .ehf-floor-cards-scroll{width: 100%;}.ehf-floor-nav{position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.25); background: rgba(20, 20, 20, 0.88); color: #f6f6f6; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 3; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45); transition: opacity 0.2s ease, background 0.2s ease, color 0.2s ease;}.ehf-floor-nav:hover{background: #f6f6f6; color: #0a0a0a;}.ehf-floor-nav.is-hidden{opacity: 0; pointer-events: none;}.ehf-floor-nav-prev{left: -8px;}.ehf-floor-nav-next{right: -8px;}.ehf-apt-card{background: #222222; border-radius: 8px; border: 1px solid #374151; display: flex; flex-direction: column; align-items: stretch; gap: 10px; padding: 18px 16px; min-width: 150px; flex: 1; transition: border-color 0.2s ease;}@media (max-width: 639px){.ehf-apt-card{max-width: 100%; min-width: 0;}}.ehf-apt-card:hover{border-color: #ffffff;}.ehf-apt-card.ehf-apt-card-wide{max-width: none;}.ehf-apt-card-emblem{margin-bottom: 2px;}.ehf-apt-card-emblem .ehf-apt-emblem-icon, .ehf-apt-card-emblem img{width: 46px; height: 46px; object-fit: contain; display: block;}.ehf-apt-card-body{display: flex; flex-direction: column; gap: 4px; min-width: 0;}.ehf-apt-card-name{font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 600; color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.ehf-apt-card-rooms{font-family: "Satoshi", sans-serif; font-size: 16px; color: rgba(255, 255, 255, 0.7);}.ehf-apt-status{display: inline-flex; align-items: center; gap: 5px; font-family: "Satoshi", sans-serif; font-size: 11px; font-weight: 600; color: #10B981; background: rgba(16, 185, 129, 0.16); border-radius: 100px; padding: 3px 10px; margin-top: 4px; width: fit-content;}.ehf-apt-status-wide{font-size: 10px;}.ehf-fassade{background: #FBF9F6; padding: 80px 0 72px;}@media (min-width: 1024px){.ehf-fassade{padding: 100px 0 88px;}}.ehf-fassade-inner{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px;}.ehf-fassade-header{margin-bottom: 40px;}.ehf-fassade-header h2{font-family: "Juana", serif; font-size: clamp(2rem, 4.5vw, 3.2rem); font-weight: 500; color: #0a0a0a; line-height: 1.1; margin: 0 0 16px;}.ehf-fassade-header h2 em{font-style: normal; font-family: "Juana", serif !important; color: #0d1b2a;}.ehf-fassade-sub{font-family: "Satoshi", sans-serif; font-size: 15px; line-height: 1.7; color: #6f6f6f; max-width: 680px; margin: 0;}.ehf-fassade-main{display: grid; grid-template-columns: 1fr; gap: 20px;}@media (min-width: 768px){.ehf-fassade-main{grid-template-columns: 1fr 1fr; gap: 16px;}}.ehf-fassade-col{display: flex; flex-direction: column; gap: 12px;}.ehf-fassade-photo-wrap{position: relative; border-radius: 6px; overflow: hidden;}.ehf-fassade-photo-wrap img{width: 100%; height: clamp(240px, 30vw, 460px); object-fit: cover; display: block; transition: opacity 0.3s ease;}.ehf-fassade-badge{position: absolute; bottom: 16px; left: 16px; background: rgba(0, 0, 0, 0.6); color: rgba(255, 255, 255, 0.85); font-family: "Satoshi", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; padding: 6px 12px; border-radius: 3px;}.ehf-fassade-col-label{font-family: "Satoshi", sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #6f6f6f; text-align: center;}.ehf-fassade-thumbs{display: flex; gap: 16px; overflow-x: auto; padding: 8px 2px 14px; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none;}.ehf-fassade-thumbs::-webkit-scrollbar{display: none;}@media (min-width: 768px){.ehf-fassade-thumbs{gap: 14px;}}.ehf-fassade-dots{display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 18px;}.ehf-fassade-dot{width: 8px; height: 8px; padding: 0; border: none; border-radius: 999px; background: rgba(10, 10, 10, 0.2); cursor: pointer; transition: width 0.25s ease, background 0.25s ease;}.ehf-fassade-dot.is-active{width: 24px; background: #0a0a0a;}.ehf-fassade-thumb{position: relative; cursor: pointer; display: block; flex: 0 0 calc((100% - 2 * 16px) / 3); padding: 8px; border: none; border-radius: 14px; background: transparent; text-align: center; -webkit-appearance: none; appearance: none; transition: background 0.2s, box-shadow 0.2s, transform 0.2s;}@media (min-width: 768px){.ehf-fassade-thumb{flex: 0 0 calc((100% - 5 * 14px) / 6);}}.ehf-fassade-thumb .ehf-thumb-num{position: absolute; top: 100px; left: 20px; z-index: 2; width: 26px; height: 26px; border-radius: 50%; background: rgba(10, 10, 10, 0.78); color: #ffffff; font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 500; display: flex; align-items: center; justify-content: center; transition: background 0.2s;}.ehf-fassade-thumb img{width: 100%; height: 110px; object-fit: cover; display: block; border-radius: 12px; transition: opacity 0.2s, transform 0.2s; opacity: 1;}@media (min-width: 768px){.ehf-fassade-thumb img{height: 92px;}}@media (min-width: 1024px){.ehf-fassade-thumb img{height: 110px;}}.ehf-fassade-thumb:hover img{transform: scale(1.02);}.ehf-fassade-thumb.ehf-thumb-active{border-radius: 4px; border: 1px solid rgba(28, 28, 30, 0.12); background: #FFF; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);}.ehf-fassade-thumb.ehf-thumb-active .ehf-thumb-num{background: #10B981;}.ehf-fassade-thumb.ehf-thumb-active .ehf-thumb-cap{color: #0a0a0a; font-weight: 600;}.ehf-thumb-cap{display: block; font-family: "Satoshi", sans-serif; font-size: 11px; color: #6f6f6f; margin-top: 6px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.ehf-danke{background: #1c1c1e; padding: 80px 0 0;}@media (min-width: 1024px){.ehf-danke{padding: 100px 0 0;}}.ehf-danke-inner{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: 1fr; gap: 48px; margin-bottom: 60px;}@media (min-width: 1024px){.ehf-danke-inner{grid-template-columns: 1.45fr 0.85fr; gap: 56px; align-items: stretch; margin-bottom: 72px;}}.ehf-danke-left{display: flex; flex-direction: column;}.ehf-danke-left h2{font-family: "Juana", serif; font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 700; color: #ffffff; line-height: 1.12; margin: 0 0 24px;}.ehf-danke-left h2 em{font-style: normal; color: #ffffff; font-family: "Juana", serif !important;}.ehf-danke-body{font-family: "Satoshi", sans-serif; font-size: 15px; line-height: 1.8; color: rgba(255, 255, 255, 0.6); margin: 0 0 32px;}.ehf-danke-quote{background: #ffffff; border-radius: 8px; padding: 24px 28px; margin: 0;}.ehf-danke-quote p{font-family: "Juana", serif; font-size: 15px; line-height: 1.75; color: #3d3d3d; margin: 0 0 16px; font-style: normal;}.ehf-danke-quote .ehf-danke-cite{font-family: "Satoshi", sans-serif; font-size: 13px; font-weight: 600; font-style: normal; color: #6f6f6f; letter-spacing: 0.02em; margin: 0;}.ehf-danke-right{position: relative; min-height: 320px;}@media (min-width: 1024px){.ehf-danke-right{min-height: 440px;}}.ehf-danke-photo-wrap{position: relative; border-radius: 16px; overflow: hidden; height: 100%; min-height: 440px; border: 1px solid rgba(255, 255, 255, 0.08); background: #0f0f0f;}@media (min-width: 1024px){.ehf-danke-photo-wrap{min-height: 600px;}}.ehf-danke-photo-wrap img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 30%;}.ehf-danke-photo-overlay{position: absolute; bottom: 18px; left: 70px; right: 70px; background: #ffffff; border-radius: 12px; padding: 18px 22px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);}.ehf-danke-name{font-family: "Satoshi", sans-serif; font-size: 17px; font-weight: 500; color: #0a0a0a;}.ehf-danke-role{font-family: "Satoshi", sans-serif; font-size: 14px; color: #6f6f6f;}.ehf-danke-tabs-row{padding: 8px 24px 32px;}@media (min-width: 1024px){.ehf-danke-tabs-row{padding: 8px calc((100% - 1320px) / 2 + 24px) 40px;}}.ehf-danke-tabs-label{display: block; font-family: "Satoshi", sans-serif; font-size: 24px; color: rgba(255, 255, 255, 0.7); text-align: center; margin-bottom: 21px;}.ehf-thanks-grid{display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; max-width: 1220px; margin: 0 auto;}.ehf-thanks-card{flex: 1 1 200px; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 16px; background: #27272a; border: 1px solid transparent; border-radius: 4px; padding: 16px; text-align: center;}.ehf-thanks-card.ehf-thanks-card-active{border-color: rgba(255, 255, 255, 0.3);}@media (max-width: 639px){.ehf-thanks-card{flex: 1 1 140px;}}.ehf-thanks-icon{flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.4);}.ehf-thanks-icon img{display: block; width: 23px; height: 23px;}.ehf-thanks-card-active .ehf-thanks-icon{border-color: #ffffff;}.ehf-thanks-name{font-family: "Satoshi", sans-serif; font-size: 16px; line-height: 1.5; color: #ffffff;}.ehf-brochure{background: #151515; border-top: 1px solid rgba(255, 255, 255, 0.07); padding: 28px 24px;}.ehf-brochure-flipbook{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px; margin-top: 32px;}@media (min-width: 1024px){.ehf-brochure-flipbook{margin-top: 44px;}}.ehf-brochure-inner{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px; display: flex; flex-direction: column; gap: 20px; align-items: flex-start;}@media (min-width: 768px){.ehf-brochure-inner{flex-direction: row; align-items: center; gap: 24px;}}.ehf-brochure-icon{flex-shrink: 0; width: 56px; height: 56px; border-radius: 50%; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.6);}.ehf-brochure-text{flex: 1; display: flex; flex-direction: column; gap: 3px;}.ehf-brochure-label{font-family: "Satoshi", sans-serif; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.4);}.ehf-brochure-title{font-family: "Satoshi", sans-serif; font-size: 15px; font-weight: 600; color: #ffffff;}.ehf-brochure-sub{font-family: "Satoshi", sans-serif; font-size: 14px; color: rgba(255, 255, 255, 0.35);}.ehf-brochure-btn{flex-shrink: 0; display: inline-flex; align-items: center; gap: 10px; background: transparent; color: #ffffff; border: 1.5px solid rgba(255, 255, 255, 0.3); font-family: "Satoshi", sans-serif; font-size: 13px; font-weight: 600; padding: 12px 24px; border-radius: 4px; text-decoration: none; white-space: nowrap; transition: border-color 0.2s, background 0.2s;}.ehf-brochure-btn:hover{border-color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.06); color: #ffffff;}.ehf-reels{background: #ffffff; padding: 80px 0;}@media (min-width: 1024px){.ehf-reels{padding: 96px 0;}}.ehf-reels-inner{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px;}.ehf-reels-header{display: flex; flex-direction: column; gap: 16px; margin-bottom: 40px;}@media (min-width: 768px){.ehf-reels-header{flex-direction: row; align-items: flex-end; justify-content: space-between;}}.ehf-reels-header h2{font-family: "Juana", serif; font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 700; color: #0a0a0a; line-height: 1.1; margin: 0;}.ehf-reels-header h2 em{font-style: normal; color: #0d1b2a; font-family: "Juana", serif !important;}.ehf-reels-header-left{display: flex; flex-direction: column;}.ehf-reels-subtitle{font-family: "Satoshi", sans-serif; font-size: 15px; line-height: 1.6; color: #6f6f6f; margin: 12px 0 0; max-width: 460px;}.ehf-reels-insta-link{display: inline-flex; align-items: center; gap: 8px; font-family: "Satoshi", sans-serif; font-size: 13px; color: #3d3d3d; text-decoration: none; border: 1.5px solid #e5e7eb; border-radius: 100px; padding: 10px 18px; white-space: nowrap; transition: border-color 0.2s; flex-shrink: 0;}.ehf-reels-insta-link strong{color: #0a0a0a; font-weight: 500;}.ehf-reels-insta-link span{color: #6f6f6f;}.ehf-reels-insta-link:hover{border-color: #0a0a0a;}.ehf-reels-grid{display: grid; grid-template-columns: 1fr; gap: 20px;}@media (min-width: 600px){.ehf-reels-grid{grid-template-columns: 1fr 1fr;}}@media (min-width: 1024px){.ehf-reels-grid{grid-template-columns: repeat(3, 1fr);}}.ehf-reel-card{background: #0a0a0a; border-radius: 10px; overflow: hidden; width: 100%; height: 520px; display: flex; flex-direction: column;}.ehf-reel-photo{position: relative; flex: 1;}.ehf-reel-photo img, .ehf-reel-photo video, .ehf-reel-photo .ehf-reel-placeholder{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}.ehf-reel-photo .ehf-reel-placeholder{background: #1c1c1c;}.ehf-reel-overlay{position: absolute; inset: 0; background: rgba(0, 0, 0, 0.35); display: flex; align-items: center; justify-content: center;}.ehf-reel-play{width: 52px; height: 52px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); border: 2px solid rgba(255, 255, 255, 0.6); color: #ffffff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.2s; backdrop-filter: blur(4px);}.ehf-reel-play:hover{background: rgba(255, 255, 255, 0.35);}.ehf-reel-meta{padding: 16px 18px 20px; display: flex; flex-direction: column; gap: 6px;}.ehf-reel-type{font-family: "Satoshi", sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: #FBF9F6;}.ehf-reel-caption{font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 500; color: #ffffff; line-height: 1.4;}.ehf-reel-duration{font-family: "Satoshi", sans-serif; font-size: 14px; color: rgba(255, 255, 255, 0.4);}.ehf-location{background: #FBF9F6; padding: 80px 0;}@media (min-width: 1024px){.ehf-location{padding: 96px 0;}}.ehf-location-inner{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: 1fr; gap: 48px; align-items: stretch;}@media (min-width: 1024px){.ehf-location-inner{grid-template-columns: 1fr 1fr; gap: 64px;}}.ehf-location-map{position: relative; border-radius: 12px; overflow: hidden; min-height: 360px; height: 100%;}@media (min-width: 1024px){.ehf-location-map{min-height: 520px;}}.ehf-location-map-canvas{position: absolute; inset: 0; width: 100%; height: 100%; min-height: 320px;}.ehf-location-map-canvas .mapboxgl-canvas{outline: none;}.ehf-location-map .mapboxgl-popup-content{background: #ffffff; border-radius: 10px; padding: 12px 18px; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);}.ehf-location-map .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{border-top-color: #ffffff;}.ehf-map-popup{display: flex; flex-direction: column; gap: 2px; white-space: nowrap;}.ehf-map-popup strong{font-family: "Satoshi", sans-serif; font-size: 13px; font-weight: 500; color: #0a0a0a;}.ehf-map-popup span{font-family: "Satoshi", sans-serif; font-size: 11px; color: #6f6f6f;}.ehf-location-info{display: flex; flex-direction: column;}.ehf-location-info h2{font-family: "Juana", serif; font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 500; color: #0a0a0a; line-height: 1.1; margin: 0 0 16px;}.ehf-location-info h2 em{font-style: normal; font-family: "Juana", serif !important; color: #0d1b2a;}.ehf-location-body{font-family: "Satoshi", sans-serif; font-size: 15px; line-height: 1.75; color: #3d3d3d; margin: 0 0 32px;}.ehf-location-rows{list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px;}.ehf-loc-row{display: flex; align-items: center; gap: 18px; padding: 18px 22px; border-radius: 14px; background: #f4f2ee;}.ehf-loc-icon{flex-shrink: 0; width: 48px; height: 48px; border-radius: 12px; background: #ffffff; border: 1px solid rgba(10, 10, 10, 0.06); display: flex; align-items: center; justify-content: center; color: #0a0a0a;}.ehf-loc-text{display: flex; flex-direction: column; gap: 3px; padding-top: 4px;}.ehf-loc-title{font-family: "Satoshi", sans-serif; font-size: 15px; font-weight: 600; color: #0a0a0a;}.ehf-loc-sub{font-family: "Satoshi", sans-serif; font-size: 13px; color: #6f6f6f;}@media (max-width: 767px){.ew-desktop-only{display: none;}}@media (min-width: 768px){.ew-mobile-only{display: none;}}.ehf-docgal{background: #FBF9F6; padding: 80px 0;}@media (min-width: 1024px){.ehf-docgal{padding: 100px 0;}}.ehf-docgal-inner{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px;}.ehf-docgal-header{display: flex; flex-direction: column; gap: 28px; margin-bottom: 32px;}@media (min-width: 900px){.ehf-docgal-header{flex-direction: row; justify-content: space-between; align-items: flex-end; gap: 48px;}}.ehf-docgal-head-left{max-width: 640px;}.ehf-docgal-head-left h2{font-family: "Juana", serif; font-size: clamp(2rem, 4.5vw, 3.2rem); font-weight: 700; color: #0a0a0a; line-height: 1.1; margin: 0 0 18px;}.ehf-docgal-head-left h2 em{font-style: normal; color: #0d1b2a; font-family: "Juana", serif !important;}.ehf-docgal-sub{font-family: "Satoshi", sans-serif; font-size: 15px; line-height: 1.75; color: #6f6f6f; margin: 0;}.ehf-docgal-stats{display: flex; flex-wrap: wrap; gap: 28px; flex-shrink: 0;}@media (min-width: 480px){.ehf-docgal-stats{gap: 36px;}}.ehf-docgal-stat{display: flex; flex-direction: column; gap: 4px;}.ehf-docgal-stat-val{font-family: "Juana", serif; font-size: clamp(20px, 2.4vw, 32px); font-weight: 500; color: #0a0a0a; line-height: 1;}.ehf-docgal-stat-lbl{font-family: "Satoshi", sans-serif; font-size: 14px; color: #6f6f6f;}.ehf-docgal-tabs{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px;}.ehf-docgal-tab{font-family: "Satoshi", sans-serif; font-size: 13px; font-weight: 500; color: #6f6f6f; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 100px; padding: 8px 18px; cursor: pointer; transition: background 0.2s, border-color 0.2s, color 0.2s;}.ehf-docgal-tab:hover{border-color: #0a0a0a; color: #0a0a0a;}.ehf-docgal-tab.ehf-docgal-tab-active{background: #0a0a0a; border-color: #0a0a0a; color: #ffffff;}.ehf-docgal-grid{display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 150px; gap: 12px; grid-auto-flow: dense;}@media (min-width: 700px){.ehf-docgal-grid{grid-template-columns: repeat(3, 1fr); grid-auto-rows: 180px; gap: 14px;}}@media (min-width: 1000px){.ehf-docgal-grid{grid-template-columns: repeat(4, 1fr); grid-auto-rows: 210px;}}.ehf-docgal-item{display: block; width: 100%; height: 100%; padding: 0; border: none; background: #e9e6e1; border-radius: 14px; overflow: hidden; cursor: pointer; line-height: 0; position: relative; -webkit-appearance: none; appearance: none;}.ehf-docgal-item img{width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease;}.ehf-docgal-item::after{content: ''; position: absolute; inset: 0; background: rgba(10, 10, 10, 0); transition: background 0.3s; pointer-events: none;}.ehf-docgal-item:hover img{transform: scale(1.04);}.ehf-docgal-item:hover::after{background: rgba(10, 10, 10, 0.12);}.ehf-docgal-item.ehf-docgal-item--hidden{display: none;}.ehf-docgal-big{grid-column: span 2; grid-row: span 2;}.ehf-docgal-tall{grid-row: span 2;}.ehf-docgal-wide{grid-column: span 2;}.ehf-docgal-notes{display: grid; grid-template-columns: 1fr; gap: 28px; margin-top: 48px; padding: 36px 32px; background: #f4f2ee; border-radius: 16px;}@media (min-width: 768px){.ehf-docgal-notes{grid-template-columns: repeat(3, 1fr); gap: 40px; padding: 44px 48px;}}.ehf-docgal-note{display: flex; flex-direction: column; align-items: flex-start; gap: 14px;}.ehf-docgal-note-icon{flex-shrink: 0; color: #0a0a0a;}.ehf-docgal-note-text{display: flex; flex-direction: column; gap: 5px;}.ehf-docgal-note-title{font-family: "Juana", serif; font-size: 17px; font-weight: 600; color: #0a0a0a;}.ehf-docgal-note-sub{font-family: "Satoshi", sans-serif; font-size: 13px; line-height: 1.6; color: #6f6f6f;}.ehf-brochure-head{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px; margin-bottom: 24px;}.ehf-brochure-head h2{font-family: "Juana", serif; font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 700; color: #ffffff; line-height: 1.12; margin: 8px 0 0;}.ehf-brochure-head h2 em{font-style: normal; color: #ffffff; font-family: "Juana", serif !important;}.ehf-crosssell{background: #FBF9F6; padding: 0 0 80px;}@media (min-width: 1024px){.ehf-crosssell{padding: 0 0 100px;}}.ehf-crosssell-inner{width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 24px; background: #0a0a0a; border-radius: 16px; padding: 36px 28px; display: flex; flex-direction: column; align-items: flex-start; gap: 28px;}@media (min-width: 900px){.ehf-crosssell-inner{flex-direction: row; align-items: center; justify-content: space-between; padding: 52px 56px; gap: 48px;}}.ehf-crosssell-text{flex: 1;}.ehf-crosssell-text h2{font-family: "Juana", serif; font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 700; color: #ffffff; line-height: 1.15; margin: 0 0 12px;}.ehf-crosssell-text h2 em{font-style: normal; color: #ffffff; font-family: "Juana", serif !important;}.ehf-crosssell-text p{font-family: "Satoshi", sans-serif; font-size: 15px; line-height: 1.7; color: rgba(255, 255, 255, 0.6); margin: 0; max-width: 520px;}.ehf-crosssell-ctas{display: flex; flex-direction: column; gap: 12px; width: 100%; max-width: 360px; flex-shrink: 0;}@media (min-width: 900px){.ehf-crosssell-ctas{width: 340px;}}.ehf-crosssell-btn-filled{display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; background: #ffffff; color: #0a0a0a; font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 600; padding: 14px 24px; border-radius: 4px; text-decoration: none; white-space: nowrap; transition: opacity 0.2s;}.ehf-crosssell-btn-filled:hover{opacity: 0.88; color: #0a0a0a;}.ehf-crosssell-btn-outline{display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; background: transparent; color: #ffffff; border: 1.5px solid rgba(255, 255, 255, 0.3); font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 600; padding: 13px 24px; border-radius: 4px; text-decoration: none; white-space: nowrap; transition: border-color 0.2s, background 0.2s;}.ehf-crosssell-btn-outline:hover{border-color: #ffffff; background: rgba(255, 255, 255, 0.08); color: #ffffff;}@media (max-width: 768px){.ehf-floor-dot{display: none;}.ehf-floor-meta{gap: 0; margin-bottom: 4px;}.ehf-floor-cards, .ehf-floor-cards-scroll{flex-direction: row; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; gap: 12px; scroll-padding-left: 0; max-width: 100%;}.ehf-floor-cards::-webkit-scrollbar, .ehf-floor-cards-scroll::-webkit-scrollbar{display: none;}.ehf-floor-cards .ehf-apt-card, .ehf-floor-cards-scroll .ehf-apt-card{flex: 0 0 82%; width: 82%; max-width: 82%; min-width: 0; scroll-snap-align: start;}.ehf-floor-cards .ehf-apt-card-wide, .ehf-floor-cards-scroll .ehf-apt-card-wide{flex: 0 0 92%; width: 92%; max-width: 92%;}.ehf-floor-nav{display: none;}.ehf-floor-scroll-wrap{min-width: 0; max-width: 100%;}}