/* Moese VTT 2026 hero */
:root{--moese-yellow:#ffd400;--moese-black:#0d0d0d;--moese-white:#fff}
html,body.page-moese-home-2026{margin:0!important;padding:0!important;background:#0d0d0d!important}
.page-moese-home-2026 #moese-main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.moese-hero{height:calc(100svh - 32px);min-height:680px;position:relative;overflow:hidden;background:#0d0d0d;color:#fff;font-family:Arial,sans-serif}
.moese-split{position:absolute;inset:0;display:flex!important;width:100%!important;height:100%!important}
.moese-card{position:relative!important;display:flex!important;align-items:flex-end!important;overflow:hidden!important;width:50%!important;height:100%!important;min-width:0!important;max-width:none!important;flex:1 1 50%!important;color:#fff!important;text-decoration:none!important}
.moese-card__image{position:absolute!important;top:0!important;right:0!important;bottom:auto!important;left:0!important;width:100%!important;height:100%!important;min-height:100%!important;max-width:none!important;margin:0!important;padding:0!important;object-fit:cover!important;display:block!important;z-index:0!important;transition:transform .65s ease,filter .65s ease}
.moese-card--vtt .moese-card__image{object-position:53% 50%!important}
.moese-card--gravel .moese-card__image{object-position:58% 50%!important}
.moese-card:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.08) 25%,rgba(0,0,0,.08) 50%,rgba(0,0,0,.78) 100%);pointer-events:none}
.moese-card:hover .moese-card__image{transform:scale(1.035);filter:saturate(1.08)}
.moese-card__content{position:relative;z-index:2;padding:0 4vw 5vh}
.moese-card__eyebrow{color:var(--moese-yellow);font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(14px,1.05vw,20px)}
.moese-card h2{margin:.04em 0 .08em;font-size:clamp(74px,8vw,145px);line-height:.78;font-weight:1000;letter-spacing:-.055em;text-transform:uppercase;color:#fff!important}
.moese-card__dist{font-size:clamp(20px,1.8vw,34px);font-weight:900;letter-spacing:.015em}
.moese-card__time{display:inline-block;margin-top:16px;padding:9px 13px;background:var(--moese-yellow);color:#111;font-size:14px;font-weight:900;text-transform:uppercase}
.moese-hero__top{position:absolute;z-index:5;top:0;left:0;right:0;padding:28px 4vw;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.moese-hero__date,.moese-hero__place{font-weight:1000;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.8)}
.moese-hero__date{font-size:clamp(20px,2vw,34px)}
.moese-hero__place{font-size:clamp(13px,1.1vw,19px)}
.moese-divider{position:absolute;z-index:4;top:-5%;bottom:-5%;left:50%;width:5px;background:var(--moese-yellow);transform:rotate(3.5deg);transform-origin:center;box-shadow:0 0 18px rgba(255,212,0,.35);pointer-events:none}
@media(max-width:782px){.moese-hero{height:auto;min-height:0}.moese-split{position:relative;display:block!important;height:auto!important}.moese-card{width:100%!important;height:58svh!important}.moese-divider{display:none}.moese-hero__top{padding:18px;display:block}.moese-hero__place{margin-top:4px}.moese-card__content{padding:0 22px 34px}.moese-card h2{font-size:clamp(70px,23vw,110px)}}

@media(min-width:783px){
 .page-moese-home-2026 .moese-hero{height:calc(100vh - 32px)!important;min-height:680px!important}
 .page-moese-home-2026 .moese-split{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;height:100%!important;min-height:100%!important}
 .page-moese-home-2026 .moese-card{position:relative!important;height:100%!important;min-height:100%!important}
 .page-moese-home-2026 .moese-card__image{position:absolute!important;top:0!important;right:0!important;bottom:auto!important;left:0!important;width:100%!important;height:100%!important;min-height:100%!important;max-height:none!important;object-fit:cover!important;margin:0!important}
}

/* Desktop fix: WordPress global .wp-post-image/img rules were winning on used image size */
@media (min-width:783px){
 body.page-moese-home-2026 #moese-main .moese-hero .moese-split > .moese-card > img.moese-card__image{
   position:absolute!important;
   inset:0!important;
   width:100%!important;
   height:100%!important;
   min-width:100%!important;
   min-height:100%!important;
   max-width:none!important;
   max-height:none!important;
   margin:0!important;
   padding:0!important;
   object-fit:cover!important;
   object-position:center center!important;
   transform-origin:center center!important;
 }
}

/* Hero photo layers: independent of all WordPress/theme img styling */
.moese-card__photo{position:absolute!important;inset:0!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;z-index:0!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center center!important;transition:transform .65s ease,filter .65s ease}
.moese-card__photo--vtt{background-image:url("https://moesevtt.be/wp-content/uploads/2026/09/axel-brunst-yr22qT5pqw4-unsplash-scaled.jpg")!important;background-position:53% 50%!important}
.moese-card__photo--gravel{background-image:url("https://moesevtt.be/wp-content/uploads/2026/09/markus-spiske-1QGSVSUg-Ec-unsplash-scaled.jpg")!important;background-position:58% 50%!important}
.moese-card:hover .moese-card__photo{transform:scale(1.035);filter:saturate(1.08)}

/* Desktop: make the two photo panels meet exactly on the yellow diagonal */
@media(min-width:783px){
 .page-moese-home-2026 .moese-card--vtt{
   clip-path:polygon(0 0,calc(100% + 5vw) 0,calc(100% - 5vw) 100%,0 100%)!important;
   z-index:2!important;
   margin-right:-5vw!important;
 }
 .page-moese-home-2026 .moese-card--gravel{
   clip-path:polygon(5vw 0,100% 0,100% 100%,0 100%)!important;
   z-index:1!important;
   margin-left:0!important;
   padding-left:5vw!important;
 }
 .page-moese-home-2026 .moese-divider{
   left:50%!important;
   width:5px!important;
   transform:rotate(3.5deg)!important;
   z-index:6!important;
 }
}

/* Final desktop seam: cards overlap and share exactly the same diagonal as divider */
@media(min-width:783px){
 .page-moese-home-2026 .moese-card--vtt{
   clip-path:none!important;margin-right:0!important;padding-left:0!important;z-index:2!important;
 }
 .page-moese-home-2026 .moese-card--gravel{
   clip-path:none!important;margin-left:0!important;padding-left:0!important;z-index:1!important;
 }
 .page-moese-home-2026 .moese-card--vtt > div[aria-hidden="true"]{
   right:-7vw!important;
   clip-path:polygon(0 0,100% 0,calc(100% - 7vw) 100%,0 100%)!important;
 }
 .page-moese-home-2026 .moese-card--gravel > div[aria-hidden="true"]{
   left:-7vw!important;
   clip-path:polygon(7vw 0,100% 0,100% 100%,0 100%)!important;
 }
 .page-moese-home-2026 .moese-divider{
   top:-2%!important;bottom:-2%!important;left:50%!important;width:4px!important;
   transform:skewX(-7deg)!important;transform-origin:center!important;
 }
}

/* AUTHORITATIVE DESKTOP HERO SEAM — one geometry only
   Shared seam: top 52%, bottom 48%. Photo edges and yellow line are identical. */
@media(min-width:783px){
 .page-moese-home-2026 .moese-split{overflow:hidden!important}
 .page-moese-home-2026 .moese-card--vtt,
 .page-moese-home-2026 .moese-card--gravel{
   clip-path:none!important;margin:0!important;padding:0!important;overflow:visible!important;
   width:50%!important;flex:0 0 50%!important;
 }
 .page-moese-home-2026 .moese-card--vtt > div[aria-hidden="true"]{
   left:0!important;right:-8%!important;top:0!important;bottom:0!important;
   clip-path:polygon(0 0,100% 0,92.3077% 100%,0 100%)!important;
 }
 .page-moese-home-2026 .moese-card--gravel > div[aria-hidden="true"]{
   left:-8%!important;right:0!important;top:0!important;bottom:0!important;
   clip-path:polygon(7.4074% 0,100% 0,100% 100%,0 100%)!important;
 }
 .page-moese-home-2026 .moese-divider{
   top:0!important;bottom:auto!important;left:0!important;
   width:4px!important;height:102%!important;
   background:var(--moese-yellow)!important;
   transform:none!important;transform-origin:top center!important;
   clip-path:none!important;
   position:absolute!important;
   translate:0 0!important;
   margin-left:52%!important;
   rotate:2.29deg!important;
   z-index:10!important;
 }
}

/* FINAL SIMPLE DESKTOP SPLIT: straight yellow divider that follows the growing panel */
@media(min-width:783px){
 .page-moese-home-2026 .moese-split{
   display:flex!important;overflow:hidden!important;
 }
 .page-moese-home-2026 .moese-card--vtt,
 .page-moese-home-2026 .moese-card--gravel{
   width:auto!important;
   flex:1 1 50%!important;
   margin:0!important;padding:0!important;
   clip-path:none!important;
   overflow:hidden!important;
   transition:flex-grow .45s cubic-bezier(.2,.8,.2,1)!important;
 }
 .page-moese-home-2026 .moese-card:hover{
   flex-grow:1.16!important;
 }
 .page-moese-home-2026 .moese-card--vtt > div[aria-hidden="true"],
 .page-moese-home-2026 .moese-card--gravel > div[aria-hidden="true"]{
   inset:0!important;
   clip-path:none!important;
 }
 .page-moese-home-2026 .moese-card--vtt{
   border-right:8px solid var(--moese-yellow)!important;
   box-sizing:border-box!important;
 }
 .page-moese-home-2026 .moese-divider{
   display:none!important;
 }
}

/* Restore desktop interactive split after cache fix */
@media(min-width:783px){
 .page-moese-home-2026 .moese-split{
   display:flex!important;
 }
 .page-moese-home-2026 .moese-card{
   flex:1 1 50%!important;
   width:0!important;
   transition:flex-grow .5s cubic-bezier(.22,.75,.22,1)!important;
 }
 .page-moese-home-2026 .moese-card:hover{
   flex-grow:1.28!important;
 }
 .page-moese-home-2026 .moese-card--vtt{
   border-right:8px solid var(--moese-yellow)!important;
 }
 .page-moese-home-2026 .moese-card__photo,
 .page-moese-home-2026 .moese-card > div[aria-hidden="true"]{
   transition:transform .5s cubic-bezier(.22,.75,.22,1),filter .5s ease!important;
 }
 .page-moese-home-2026 .moese-card:hover > div[aria-hidden="true"]{
   transform:scale(1.035)!important;
 }
}

/* Mobile: complete VTT + Gravel hero fits in one viewport */
@media(max-width:782px){
 .page-moese-home-2026 .moese-hero{
   height:100svh!important;
   min-height:0!important;
   overflow:hidden!important;
 }
 .page-moese-home-2026 .moese-split{
   position:absolute!important;
   inset:0!important;
   display:flex!important;
   flex-direction:column!important;
   height:100%!important;
 }
 .page-moese-home-2026 .moese-card{
   width:100%!important;
   height:50%!important;
   min-height:0!important;
   flex:0 0 50%!important;
 }
 .page-moese-home-2026 .moese-card__content{
   padding:0 6vw 4.2vh!important;
 }
 .page-moese-home-2026 .moese-card__eyebrow{
   font-size:clamp(12px,3.4vw,16px)!important;
 }
 .page-moese-home-2026 .moese-card h2{
   font-size:clamp(58px,18vw,86px)!important;
   line-height:.78!important;
   margin:.05em 0 .1em!important;
 }
 .page-moese-home-2026 .moese-card__dist{
   font-size:clamp(17px,4.8vw,23px)!important;
 }
 .page-moese-home-2026 .moese-card__time{
   margin-top:10px!important;
   padding:7px 10px!important;
   font-size:12px!important;
 }
 .page-moese-home-2026 .moese-hero__top{
   padding:4.5vw 5.5vw!important;
   z-index:8!important;
 }
 .page-moese-home-2026 .moese-hero__date{
   font-size:clamp(18px,5.2vw,26px)!important;
 }
 .page-moese-home-2026 .moese-hero__place{
   font-size:clamp(11px,3.3vw,15px)!important;
   margin-top:3px!important;
 }
}

/* 2026 content system */
.moese-home-content,.page-moese-2026{background:#f3f1ea;color:#111;font-family:Arial,sans-serif}.moese-home-content{overflow:hidden}.moese-kicker{padding:22px 5vw;background:#111;color:#ffd400;font-weight:900;letter-spacing:.1em;font-size:13px}.moese-home-intro{display:grid;grid-template-columns:1.5fr .5fr;gap:6vw;align-items:end;padding:8vw 7vw}.moese-home-intro h1,.moese-section-head h2,.moese-final-cta h2,.moese-lead h2{margin:0;font-size:clamp(48px,6.5vw,110px);line-height:.86;letter-spacing:-.06em;font-weight:1000}.moese-home-intro h1 span,.moese-section-head h2 span,.moese-final-cta h2 span,.moese-pagehero h1 span{color:#ffd400}.moese-home-intro p,.moese-lead p{max-width:760px;font-size:clamp(17px,1.35vw,22px);line-height:1.55}.moese-bigdate{display:flex;align-items:center;justify-content:flex-end}.moese-bigdate b{font-size:clamp(90px,12vw,190px);line-height:.7;letter-spacing:-.08em}.moese-bigdate span{font-weight:900;font-size:24px;line-height:.9;margin-left:14px}.moese-cta-band{background:#ffd400;padding:38px 7vw;display:flex;align-items:center;justify-content:space-between;gap:30px}.moese-cta-band div{display:grid;gap:5px}.moese-cta-band small,.moese-info-grid small,.moese-route-promo small,.moese-section-head small,.moese-final-cta small,.moese-lead small,.moese-pagehero small,.moese-contact-grid small,.moese-darkbox small{font-weight:1000;letter-spacing:.1em}.moese-cta-band strong{font-size:clamp(22px,2.5vw,40px)}.moese-cta-band span{font-size:14px}.moese-btn{display:inline-block;background:#ffd400!important;color:#111!important;padding:15px 19px;font-weight:1000;text-decoration:none!important;text-transform:uppercase}.moese-btn--dark{background:#111!important;color:#fff!important;white-space:nowrap}.moese-info-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:7vw;gap:1px;background:#222}.moese-info-grid article{background:#fff;padding:40px;position:relative}.moese-info-grid h3{font-size:28px;margin:10px 0}.moese-info-grid p{line-height:1.6}.moese-info-grid a,.moese-textlink{font-weight:1000;color:#111;text-decoration:none}.moese-num{position:absolute;right:25px;top:20px;font-size:50px;font-weight:1000;color:#eee}.moese-route-promo{display:grid;grid-template-columns:1fr 1fr;background:#111;color:#fff}.moese-route-promo>div{padding:7vw}.moese-route-promo>div:first-child{border-right:8px solid #ffd400}.moese-route-promo h2{font-size:clamp(38px,4vw,68px);margin:10px 0}.moese-route-promo p{line-height:1.6;max-width:620px}.moese-perks{padding:8vw 7vw}.moese-section-head{max-width:900px}.moese-perk-grid,.moese-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#bbb;margin:55px 0 30px}.moese-perk-grid>div,.moese-feature-grid article{background:#f3f1ea;padding:35px}.moese-perk-grid b,.moese-feature-grid b{color:#ffd400;font-size:38px}.moese-perk-grid h3,.moese-feature-grid h3{margin:8px 0;font-size:22px}.moese-final-cta{background:#111;color:#fff;text-align:center;padding:9vw 7vw}.moese-final-cta p{max-width:700px;margin:25px auto;line-height:1.6}

/* inner 2026 pages */
.page-moese-2026{margin:0}.moese-nav{height:76px;padding:0 4vw;display:flex;align-items:center;gap:35px;background:#111;color:#fff;position:relative;z-index:20}.moese-brand{display:flex;align-items:baseline;gap:8px;color:#fff!important;text-decoration:none}.moese-brand b{font-size:25px}.moese-brand span{color:#ffd400;font-size:11px;font-weight:900}.moese-nav nav{display:flex;gap:25px;margin-left:auto}.moese-nav nav a{color:#fff;text-decoration:none;font-size:13px;font-weight:900}.moese-nav-cta{background:#ffd400;color:#111!important;text-decoration:none;padding:12px 15px;font-weight:1000;font-size:12px}.moese-pagehero{min-height:62vh;display:flex;align-items:flex-end;padding:7vw;color:#fff;background:#111;background-size:cover;background-position:center;position:relative}.moese-pagehero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.15))}.moese-pagehero>div{position:relative;z-index:2}.moese-pagehero--vtt{background-image:url('https://moesevtt.be/wp-content/uploads/2026/09/axel-brunst-yr22qT5pqw4-unsplash-scaled.jpg')}.moese-pagehero--gravel{background-image:url('https://moesevtt.be/wp-content/uploads/2026/09/markus-spiske-1QGSVSUg-Ec-unsplash-scaled.jpg')}.moese-pagehero--plain{background-image:linear-gradient(120deg,#111 55%,#2b2b2b)}.moese-pagehero h1{font-size:clamp(65px,9vw,145px);line-height:.76;margin:15px 0;letter-spacing:-.07em}.moese-pagehero p{font-size:20px;font-weight:700}.moese-pagebody{padding:7vw}.moese-lead{max-width:1000px}.moese-distance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:55px 0}.moese-distance-grid--2{grid-template-columns:repeat(2,1fr)}.moese-distance-grid article{background:#fff;padding:35px}.moese-distance-grid b{font-size:80px;line-height:.8}.moese-distance-grid span{font-weight:1000;color:#ffd400}.moese-distance-grid p{line-height:1.5}.moese-darkbox{background:#111;color:#fff;padding:5vw;margin:50px 0}.moese-darkbox h2{font-size:clamp(35px,4vw,65px);margin:10px 0}.moese-darkbox p{max-width:760px;line-height:1.6}.moese-bottomcta{display:flex;justify-content:space-between;align-items:center;border-top:5px solid #111;padding-top:35px}.moese-bottomcta h2{font-size:clamp(28px,4vw,55px);margin:0}.moese-feature-grid{grid-template-columns:repeat(4,1fr)}.moese-partner-placeholder{border:3px dashed #bbb;text-align:center;padding:7vw;margin:50px 0}.moese-partner-placeholder span{font-weight:1000;color:#999}.moese-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.moese-contact-grid article{background:#fff;padding:5vw}.moese-contact-grid h2{font-size:40px}.moese-contact-grid a:not(.moese-btn){color:#111;font-weight:900}.moese-note{margin-top:10px;background:#ffd400;padding:30px}.moese-footer{display:flex;justify-content:space-between;gap:20px;background:#111;color:#fff;padding:35px 5vw;font-size:12px;font-weight:900}.moese-footer a{color:#ffd400;text-decoration:none}

@media(max-width:782px){
 .moese-home-intro{grid-template-columns:1fr;padding:60px 24px}.moese-bigdate{justify-content:flex-start;margin-top:25px}.moese-cta-band{display:block;padding:30px 24px}.moese-cta-band .moese-btn{margin-top:20px}.moese-info-grid{grid-template-columns:1fr;padding:24px}.moese-info-grid article{padding:30px}.moese-route-promo{grid-template-columns:1fr}.moese-route-promo>div{padding:55px 24px}.moese-route-promo>div:first-child{border-right:0;border-bottom:6px solid #ffd400}.moese-perks{padding:60px 24px}.moese-perk-grid,.moese-feature-grid{grid-template-columns:1fr 1fr}.moese-final-cta{padding:75px 24px}.moese-nav{height:64px;padding:0 18px}.moese-nav nav{display:none}.moese-nav-cta{margin-left:auto}.moese-pagehero{min-height:48vh;padding:45px 24px}.moese-pagehero h1{font-size:clamp(55px,18vw,90px)}.moese-pagebody{padding:55px 24px}.moese-distance-grid,.moese-distance-grid--2{grid-template-columns:1fr 1fr}.moese-distance-grid article{padding:24px}.moese-distance-grid b{font-size:55px}.moese-bottomcta{display:block}.moese-bottomcta .moese-btn{margin-top:15px}.moese-contact-grid{grid-template-columns:1fr}.moese-footer{display:grid}.moese-feature-grid article{padding:24px}
}