/* v0.4.22 — approved photo-led What/Why; established palette and fonts retained. */
/* Navigation remains an overlay on the hero, even when site.js marks it scrolled. */
.meom-hero-restored .meom-header,.meom-hero-restored .meom-header.is-scrolled{background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;border:0!important}
.meom-hero-restored .meom-header:before,.meom-hero-restored .meom-header:after{display:none}
#what-is-odyssey,#why-odyssey-matters{position:relative;isolation:isolate;overflow:hidden;margin:0;padding:85px 0;min-height:630px}
#what-is-odyssey{background:#fff}
#why-odyssey-matters{background:#2D1943}
#what-is-odyssey .meom-story-grid,#why-odyssey-matters .meom-story-grid{position:static;display:block}
#what-is-odyssey .meom-story-copy,#why-odyssey-matters .meom-story-copy{position:relative;z-index:2;width:46%;min-width:0}
#what-is-odyssey .meom-story-copy{margin-left:auto}
#why-odyssey-matters .meom-story-copy{margin-right:auto}
#what-is-odyssey .meom-section-number,#why-odyssey-matters .meom-section-number{display:none}
#what-is-odyssey .meom-story-visual,#why-odyssey-matters .meom-story-visual{position:absolute;top:0;bottom:0;width:57%;height:auto;min-height:0;margin:0;z-index:0;transform:none!important;border:0;background:none}
#what-is-odyssey .meom-story-visual{left:0;mask-image:linear-gradient(90deg,#000 54%,rgba(0,0,0,.55) 70%,transparent 86%)}
#why-odyssey-matters .meom-story-visual{right:0;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.32) 23%,#000 47%)}
#what-is-odyssey .meom-story-visual:before,#what-is-odyssey .meom-story-visual:after,#why-odyssey-matters .meom-story-visual:before,#why-odyssey-matters .meom-story-visual:after{display:none}
#what-is-odyssey .meom-story-visual img,#why-odyssey-matters .meom-story-visual img{display:block;width:100%;height:100%;max-height:none;min-height:0;object-fit:cover;object-position:center;mask:none!important;clip-path:none;border:0;border-radius:0;box-shadow:none}
#what-is-odyssey .meom-story-visual picture,#what-is-odyssey .meom-story-visual .ccm-image-block,#why-odyssey-matters .meom-story-visual picture,#why-odyssey-matters .meom-story-visual .ccm-image-block{display:block;height:100%}
#why-odyssey-matters .meom-story-visual:after{content:'';display:block;position:absolute;inset:0;background:linear-gradient(90deg,#2D194390,transparent 85%);pointer-events:none}
#what-is-odyssey .meom-brush-heading,#why-odyssey-matters .meom-brush-heading{font-size:clamp(2.2rem,3.3vw,3.2rem);line-height:1.17;transform:none;font-style:normal;letter-spacing:.005em}
#what-is-odyssey .meom-lead,#why-odyssey-matters .meom-lead{font-size:1rem;line-height:1.65}
#what-is-odyssey .meom-feature-list{grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}
#what-is-odyssey .meom-feature-list article{grid-template-columns:42px 1fr;gap:12px}
#what-is-odyssey .meom-feature-list h3,#why-odyssey-matters .meom-values-grid h3{font-size:.94rem;line-height:1.4}
#what-is-odyssey .meom-feature-list p,#why-odyssey-matters .meom-values-grid p{font-size:.87rem;line-height:1.55}
#why-odyssey-matters .meom-values-grid{grid-template-columns:1fr 1fr;gap:23px;margin-top:28px}
#why-odyssey-matters .meom-values-grid article i{color:#fff}
#why-odyssey-matters .meom-story-splatter{display:none}
#why-odyssey-matters:before,#why-odyssey-matters:after{height:56px;z-index:3;pointer-events:none;mask:none;background:url('../images/surface-swipe.svg') center/110% 100% no-repeat}
#why-odyssey-matters:before{top:-24px;transform:rotate(180deg)}
#why-odyssey-matters:after{bottom:-24px}
@media(max-width:900px){
 #what-is-odyssey,#why-odyssey-matters{padding:55px 0;min-height:0}
 #what-is-odyssey .meom-story-grid,#why-odyssey-matters .meom-story-grid{display:flex;flex-direction:column;gap:36px}
 #what-is-odyssey .meom-story-copy,#why-odyssey-matters .meom-story-copy{width:100%;margin:0}
 #what-is-odyssey .meom-story-visual,#why-odyssey-matters .meom-story-visual{position:relative;top:auto;bottom:auto;left:auto;right:auto;width:calc(100% + 48px);height:340px;margin:0 -24px;flex:none}
 #what-is-odyssey .meom-story-visual{order:-1;mask-image:linear-gradient(#000 65%,transparent)}
 #why-odyssey-matters .meom-story-visual{order:2;mask-image:linear-gradient(transparent,#000 25%)}
 #why-odyssey-matters .meom-story-visual:after{display:none}
 #what-is-odyssey .meom-story-copy,#why-odyssey-matters .meom-story-copy{padding:0 4px}
 #what-is-odyssey .meom-story-visual img,#why-odyssey-matters .meom-story-visual img{height:340px;object-position:center}
}
@media(max-width:460px){#what-is-odyssey .meom-feature-list{grid-template-columns:1fr}#why-odyssey-matters .meom-values-grid{gap:22px 18px}#what-is-odyssey .meom-brush-heading,#why-odyssey-matters .meom-brush-heading{font-size:2.2rem}}
/* Keep Concrete's image controls available without altering the guest composition. */
.meom-edit-mode #what-is-odyssey .meom-story-visual,.meom-edit-mode #why-odyssey-matters .meom-story-visual{mask:none;z-index:1}
.meom-hero-restored.meom-edit-mode .meom-header{position:relative;background:#2D1943!important}
/* Finish the white fade before the copy starts; keep text on a clear surface. */
@media(min-width:901px){#what-is-odyssey .meom-story-visual{mask-image:linear-gradient(90deg,#000 54%,rgba(0,0,0,.55) 70%,transparent 86%)}}
@media(max-width:460px){#why-odyssey-matters .meom-values-grid article{display:block}#why-odyssey-matters .meom-values-grid article i{display:block;margin-bottom:10px}#why-odyssey-matters .meom-values-grid article h3{margin:0 0 9px}}