/* Dimensional channel marks and original hospitality miniatures. */
.framer-PiQPN .framer-1udqs9 { display: block; width: 100%; }
.allora-channels, .allora-hosting-grid { font-family: Geist, Inter, sans-serif; color: #202020; -webkit-font-smoothing: antialiased; }
.allora-channels *, .allora-hosting-grid * { box-sizing: border-box; }
.allora-channels { width: 100%; text-align: center; }
#allora-channels-title, #allora-hosting { scroll-margin-top: 120px; }
.allora-visual-eyebrow { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border: 1px solid #d8d8d8; border-radius: 10px; background: #e7e7e7; font-size: 13px; font-weight: 500; line-height: 1.35; }
.allora-visual-eyebrow > span { width: 6px; height: 6px; border-radius: 50%; background: #ff003d; box-shadow: 0 0 0 3px #ff003d0d; }
.allora-channels-title { margin: 24px 0 0; font: 600 48px/1.12 Geist, Inter, sans-serif; letter-spacing: -2.2px; }
.allora-channels-title > span { color: #ff003d; }
.allora-channels-intro { margin: 18px auto 0; color: #686868; font-size: 16px; line-height: 1.6; }
.allora-channel-list { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); column-gap: 28px; position: relative; margin: 54px auto 0; padding: 0 25px; max-width: 990px; list-style: none; }
.allora-channel-list::before { content: ''; position: absolute; top: 72px; left: 12%; right: 12%; border-top: 1px dashed #d0cccc; }
.allora-channel { --tile-front: #fff; --tile-side: #d1d2d6; --tile-turn: -9deg; --tile-yaw: -14deg; position: relative; display: flex; align-items: center; flex-direction: column; min-width: 0; }
.allora-channel-stage { position: relative; width: 140px; height: 157px; display: grid; place-items: center; animation: allora-channel-bob 6s ease-in-out infinite; animation-delay: calc(var(--channel-index) * -1.1s); animation-play-state: paused; }
.allora-channel-stage::after { content: ''; position: absolute; left: 15px; right: 10px; bottom: 5px; height: 15px; border-radius: 50%; background: #3c3042; opacity: .12; filter: blur(10px); z-index: -1; }
.allora-channel-tile { width: 112px; height: 112px; position: relative; display: grid; place-items: center; border-radius: 28px; background: var(--tile-front); transform: perspective(650px) rotateX(16deg) rotateY(var(--tile-yaw)) rotateZ(var(--tile-turn)); box-shadow: 1px 1px 0 var(--tile-side), 2px 2px 0 var(--tile-side), 3px 3px 0 var(--tile-side), 4px 4px 0 var(--tile-side), 5px 5px 0 var(--tile-side), 6px 6px 0 var(--tile-side), 7px 7px 0 var(--tile-side), 8px 8px 0 var(--tile-side), 12px 16px 18px #2121381c, inset 0 2px 2px #ffffffa6, inset 0 -2px 2px #00000014; transition: transform .45s cubic-bezier(.22,1,.36,1); isolation: isolate; }
.allora-channel-tile::after { content: ''; pointer-events: none; position: absolute; inset: 0; border: 1px solid #ffffff40; border-radius: inherit; background: linear-gradient(135deg,#ffffff29 0%,#ffffff00 46%,#00000008 100%); }
.allora-channel-tile img { display: block; width: 64px; height: 64px; object-fit: contain; filter: drop-shadow(0 2px 0 #00000014); }
.allora-channel--booking { --tile-front: #003b95; --tile-side: #002768; --tile-turn: -12deg; }
.allora-channel--booking img { width: 112px; height: 112px; }
.allora-channel--airbnb { --tile-front: #ff5268; --tile-side: #cf2642; --tile-turn: 8deg; --tile-yaw: 10deg; }
.allora-channel--vrbo { --tile-turn: -5deg; --tile-yaw: -8deg; }
.allora-channel--vrbo img { width: 86px; height: 48px; }
.allora-channel--expedia { --tile-front: #ffdf3d; --tile-side: #d2ae17; --tile-turn: 11deg; --tile-yaw: 12deg; }
.allora-channel--expedia img { width: 84px; height: 84px; filter: drop-shadow(0 1px 0 #ffffff45); }
.allora-channel--agoda { --tile-turn: -9deg; --tile-yaw: -12deg; }
.allora-channel--agoda img { width: 86px; height: 58px; }
.allora-channel-name { display: block; margin-top: 12px; font-size: 17px; font-weight: 600; letter-spacing: -.4px; line-height: 1.4; }
.allora-channel-caption { display: block; margin-top: 5px; color: #6b686a; font-size: 11px; line-height: 1.5; }
.allora-channel-note { display: inline-flex; justify-content: center; align-items: center; gap: 8px; margin-top: 36px; color: #706c6f; font-size: 12px; line-height: 1.5; }
.allora-connected-symbol { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: #e1e6e2; color: #687f6d; }
.allora-connected-symbol svg { display: block; width: 18px; height: 18px; }

.allora-hosting-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; width: 100%; }
.allora-host-card { display: block; min-width: 0; padding: 8px; border: 1px solid #fff; border-radius: 24px; background: #f9f9f9; color: inherit; text-decoration: none !important; transition: box-shadow .4s ease, transform .4s ease; }
.allora-host-scene { display: flex; justify-content: center; align-items: center; position: relative; height: 346px; overflow: hidden; border: 1px solid #e9e6e5; border-radius: 17px; background: radial-gradient(ellipse at 48% 56%,#fff 0%,#f3f1f0 57%,#eae8e7 100%); isolation: isolate; }
.allora-host-scene-caption { position: absolute; z-index: 2; top: 20px; left: 20px; right: 20px; display: flex; justify-content: space-between; align-items: center; color: #726d6e; font-size: 10px; line-height: 1.4; letter-spacing: 1.15px; text-transform: uppercase; pointer-events: none; }
.allora-host-number { color: #aca6a6; font-variant-numeric: tabular-nums; }
.allora-host-object { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 100%; padding: 50px 46px 22px; z-index: 1; animation: allora-home-bob 7s ease-in-out infinite; animation-play-state: paused; }
.allora-host-card--hotels .allora-host-object { animation-delay: -1.7s; }
.allora-host-card--riads .allora-host-object { animation-delay: -3.4s; padding: 53px 50px 26px; }
.allora-host-card--teams .allora-host-object { animation-delay: -5.1s; padding: 44px 44px 17px; }
.allora-host-image { display: block; width: 100%; height: 100%; object-fit: contain; transform: perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); transition: transform .5s cubic-bezier(.22,1,.36,1); filter: drop-shadow(0 12px 10px #46373b12); }
.allora-host-ground { position: absolute; width: 48%; height: 20px; bottom: 20px; left: 26%; border-radius: 50%; background: #8e7881; opacity: .12; filter: blur(14px); }
.allora-host-glint { position: absolute; top: 83px; right: 48px; color: #ff003d; font-size: 20px; opacity: 0; transform: scale(.5) rotate(-35deg); transition: opacity .4s ease, transform .6s cubic-bezier(.22,1,.36,1); }
.allora-host-footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 21px 16px 15px; }
.allora-host-footer h3 { margin: 0; font: 600 23px/1.2 Geist,Inter,sans-serif; letter-spacing: -.7px; }
.allora-host-footer p { margin: 6px 0 0; color: #716d70; font-size: 14px; line-height: 1.5; }
.allora-host-arrow { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; border: 1px solid #e3e0e0; border-radius: 50%; background: #fff; color: #4f494b; transition: color .3s ease, background .3s ease, border-color .3s ease; }
.allora-host-arrow svg { width: 20px; height: 20px; }
.allora-host-card:focus-visible { outline: 2px solid #ff003d; outline-offset: 5px; }
.allora-host-card:focus-visible .allora-host-arrow { color: #fff; background: #ff003d; border-color: #ff003d; }
.allora-hosting-grid.is-in-view .allora-host-object, .allora-channel-list.is-in-view .allora-channel-stage { animation-play-state: running; }
@keyframes allora-channel-bob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@keyframes allora-home-bob { 0%,100% { transform: translateY(2px); } 50% { transform: translateY(-5px); } }
@media (hover:hover) and (pointer:fine) {
  .allora-channel:hover .allora-channel-tile { transform: perspective(650px) rotateX(5deg) rotateY(0deg) rotateZ(0deg) translateY(-9px) scale(1.07); }
  .allora-host-card:hover { transform: translateY(-4px); box-shadow: 0 15px 30px -18px #41313942; }
  .allora-host-card:hover .allora-host-image { transform: perspective(850px) translateY(-4px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.045); }
  .allora-host-card:hover .allora-host-arrow { color: #fff; background: #ff003d; border-color: #ff003d; }
  .allora-host-card:hover .allora-host-glint { opacity: .8; transform: scale(1) rotate(0); }
}
@media (min-width:810px) and (max-width:1199.98px) {
  .allora-channel-list { column-gap: 10px; padding: 0; }
  .allora-channel-stage { width: 125px; }
  .allora-channel-tile { width: 100px; height: 100px; border-radius: 25px; }
  .allora-channel--booking img { width: 100px; height: 100px; }
  .allora-channel-caption { font-size: 10px; }
  .allora-host-scene { height: 280px; }
  .allora-host-object { padding: 44px 30px 20px; }
}
@media (max-width:809.98px) {
  .allora-visual-eyebrow { font-size: 11px; }
  .allora-channels-title { margin-top: 20px; font-size: 32px; letter-spacing: -1.5px; line-height: 1.12; }
  .allora-channels-intro { margin-top: 15px; max-width: 290px; font-size: 14px; }
  .allora-channel-list { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 24px 5px; margin-top: 26px; padding: 0; }
  .allora-channel { grid-column: span 2; }
  .allora-channel:nth-child(4) { grid-column: 2 / span 2; }
  .allora-channel-list::before { display: none; }
  .allora-channel-stage { width: 100%; height: 124px; }
  .allora-channel-tile { width: 82px; height: 82px; border-radius: 22px; }
  .allora-channel-tile img { width: 49px; height: 49px; }
  .allora-channel--booking img { width: 82px; height: 82px; }
  .allora-channel--vrbo img { width: 65px; height: 35px; }
  .allora-channel--expedia img { width: 65px; height: 65px; }
  .allora-channel--agoda img { width: 64px; height: 45px; }
  .allora-channel-stage::after { bottom: 0; }
  .allora-channel-name { margin-top: 3px; font-size: 13px; letter-spacing: -.15px; }
  .allora-channel-caption { display: none; }
  .allora-channel-note { margin-top: 28px; font-size: 10px; gap: 6px; }
  .allora-hosting-grid { grid-template-columns: 1fr; gap: 20px; }
  .allora-host-card { border-radius: 22px; }
  .allora-host-scene { height: 276px; border-radius: 15px; }
  .allora-host-scene-caption { top: 17px; left: 17px; right: 17px; font-size: 9px; letter-spacing: .8px; }
  .allora-host-object { padding: 45px 30px 18px; }
  .allora-host-card--riads .allora-host-object { padding: 49px 33px 23px; }
  .allora-host-card--teams .allora-host-object { padding: 44px 28px 16px; }
  .allora-host-footer { padding: 18px 12px 12px; }
  .allora-host-footer h3 { font-size: 21px; }
  .allora-host-footer p { font-size: 13px; margin-top: 5px; }
  .allora-host-glint { top: 65px; right: 27px; }
}
@media (prefers-reduced-motion:reduce) {
  .allora-channel-stage, .allora-host-object { animation: none !important; }
  .allora-channel-tile, .allora-host-card, .allora-host-image, .allora-host-arrow, .allora-host-glint { transition: none !important; }
  .allora-host-card:hover, .allora-host-card:hover .allora-host-image { transform: none; }
}

/* Preserve the original scattered layout and Framer entrance animation. */
.allora-orbit-icon { display: grid; place-items: center; width: 80px; height: 80px; }
.allora-orbit-icon .allora-channel-tile { width: 100%; height: 100%; border-radius: 24%; transform: perspective(650px) rotateX(16deg) rotateY(var(--tile-yaw)) rotateZ(0deg); }
.allora-orbit-icon .allora-channel-tile img { width: 58%; height: 58%; }
.allora-orbit-icon.allora-channel--booking img { width: 100%; height: 100%; }
.allora-orbit-icon.allora-channel--vrbo img { width: 78%; height: 43%; }
.allora-orbit-icon.allora-channel--expedia img { width: 76%; height: 76%; }
.allora-orbit-icon.allora-channel--agoda img { width: 78%; height: 53%; }
@media (max-width:809.98px) {
 .allora-orbit-icon { width: 45px; height: 45px; }
 .allora-orbit-icon .allora-channel-tile { box-shadow: 1px 1px 0 var(--tile-side), 2px 2px 0 var(--tile-side), 3px 3px 0 var(--tile-side), 4px 4px 0 var(--tile-side), 7px 9px 12px #2121381c, inset 0 1px 1px #ffffffa6; }
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 .allora-orbit-icon:hover .allora-channel-tile { transform: perspective(650px) rotateX(6deg) rotateY(0deg) translateY(-4px) scale(1.05); }
}