/* V11.32.48: shared live Motion Adventure banner for Home and travel journal. */
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner{width:100%;max-width:100%;margin:18px 0 16px;padding:0;box-sizing:border-box;position:relative;z-index:1;isolation:isolate}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner *{box-sizing:border-box}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-shell{--motion-x:50%;--motion-y:50%;position:relative;display:grid;grid-template-columns:clamp(172px,17%,225px) minmax(0,1fr) clamp(128px,14%,180px) clamp(190px,21%,288px);gap:clamp(10px,1.25vw,20px);align-items:center;min-height:148px;overflow:hidden;border:1px solid #a77827;border-radius:16px;background:radial-gradient(400px 210px at var(--motion-x) var(--motion-y),rgba(255,185,40,.095),transparent 80%),linear-gradient(122deg,#100f0d 0%,#151916 43%,#16140f 71%,#090907 100%);box-shadow:0 12px 24px rgba(21,31,36,.11);color:#fff7df;padding:10px 0 10px clamp(14px,1.6vw,24px)}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-shell::before{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.35;background:repeating-linear-gradient(114deg,transparent 0 21px,rgba(255,199,46,.10) 22px 23px,transparent 24px 62px);mask-image:linear-gradient(90deg,#000,transparent 34%)}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-shell::after{content:'';position:absolute;z-index:0;left:-10%;bottom:-105px;width:58%;height:195px;pointer-events:none;transform:rotate(-9deg);background:radial-gradient(ellipse,rgba(227,149,18,.19),transparent 66%)}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-particles{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-particles i{position:absolute;width:3px;height:3px;border-radius:100%;background:#ffc746;opacity:.62;box-shadow:0 0 9px #ffb52c;animation:ue-motion-drift 4.8s ease-in-out infinite}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-particles i:nth-child(1){left:22%;top:19%;animation-delay:-1s}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-particles i:nth-child(2){left:40%;top:77%;animation-delay:-3s}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-particles i:nth-child(3){left:72%;top:27%;animation-delay:-2s}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-particles i:nth-child(4){left:86%;top:70%;animation-delay:-4s}
@keyframes ue-motion-drift{0%,100%{transform:translate(0,0);opacity:.08}45%{transform:translate(16px,-9px);opacity:.75}}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-brand{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:116px;min-width:0;border-right:1px solid rgba(255,191,44,.35);padding-right:clamp(12px,1.3vw,20px)}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-brand img{display:block;max-width:100%;max-height:111px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(0,0,0,.5));transition:transform .42s ease}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner:hover .ue-motion-banner-brand img{transform:translateY(-2px) scale(1.03)}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-copy{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 0 0 clamp(0px,.5vw,10px)}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-kicker{display:block;color:#e1b454;font:800 10px/1.1 'DM Sans',sans-serif;letter-spacing:.19em;text-transform:uppercase}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-copy h2{margin:0!important;font:italic 900 clamp(30px,3.3vw,51px)/.87 'Barlow Condensed',Impact,sans-serif!important;letter-spacing:.013em!important;text-transform:uppercase;color:#faf7e9!important;white-space:normal;text-wrap:balance;filter:drop-shadow(0 3px 2px rgba(0,0,0,.5))}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-copy h2 em{font:inherit!important;color:#ffc02d!important;font-style:italic!important;display:inline-block;transition:transform .45s ease}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner:hover .ue-motion-banner-copy h2 em{transform:skewX(-5deg) translateX(3px)}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-copy p{color:#f2e4c8!important;margin:1px 0 0!important;font:800 clamp(11px,1.05vw,14px)/1.25 'Barlow Condensed',Impact,sans-serif!important;letter-spacing:.05em;text-transform:uppercase}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-perks{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-top:5px;min-width:0}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-perks>span{display:flex;align-items:center;gap:5px;white-space:nowrap;font:700 10px/1.2 'DM Sans',sans-serif;color:#e9e7df!important;text-transform:uppercase}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-perks b{color:#ffc02d!important;font:900 17px/1 'Barlow Condensed',Impact,sans-serif}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-actions{position:relative;z-index:3;min-width:0;display:grid;align-content:center;gap:9px;padding:0 2px}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-book{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 8px;min-height:44px;background:linear-gradient(160deg,#ffd251,#ffbe29);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);box-shadow:0 3px 0 #af7512;color:#161107!important;text-decoration:none!important;white-space:nowrap;font:900 16px/1 'Barlow Condensed',Impact,sans-serif!important;letter-spacing:.015em;transition:filter .25s ease,transform .25s ease}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-book:hover,:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-book:focus-visible{filter:brightness(1.12);transform:translateY(-2px)}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-explore{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 5px;color:#ffe1a0!important;background:rgba(7,6,5,.75);border:1px solid #986d26;border-radius:7px;text-decoration:none!important;line-height:1.2;font:800 11px 'DM Sans',sans-serif!important;text-align:center;transition:background .25s ease,color .25s ease}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-explore:hover,:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-explore:focus-visible{color:#fff!important;background:#3d2c15}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-book:focus-visible,:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-explore:focus-visible,:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-brand:focus-visible{outline:3px solid #fff;outline-offset:3px}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-photo{position:relative;z-index:1;min-height:148px;height:100%;overflow:hidden;align-self:stretch;margin:-10px 0 -10px 0;border-radius:0 15px 15px 0;background:#3c301a}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-photo::before{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,#15140f 0%,transparent 35%),linear-gradient(0deg,#15140f78,transparent 48%)}
 :is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-photo img{display:block;height:100%;width:100%;position:absolute;inset:0;object-fit:cover;object-position:52% 48%;filter:saturate(1.12) contrast(1.1);opacity:0;transform:scale(1.06);transition:opacity .75s ease-in-out;pointer-events:none;will-change:opacity}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-photo img.is-active{opacity:1;animation:ue-motion-photo-pan 9s ease-in-out infinite alternate}
@keyframes ue-motion-photo-pan{0%{transform:scale(1.04) translateX(-2%)}100%{transform:scale(1.12) translateX(2%)}}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner[data-ue-banner-ready] .ue-motion-banner-shell{animation:ue-motion-arrive .65s ease-out both}
@keyframes ue-motion-arrive{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
/* Tablet: remove picture rather than push live controls offscreen. */
@media(max-width:1060px){
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-shell{grid-template-columns:150px minmax(0,1fr) 143px;min-height:141px;gap:12px;padding-right:16px}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-photo{display:none}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-copy h2{font-size:clamp(30px,4.4vw,44px)!important}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-brand{height:104px}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-brand img{max-height:99px}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-actions{align-self:center}
}
@media(max-width:700px){
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner{margin:14px 0;padding:0}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-shell{grid-template-columns:95px minmax(0,1fr);gap:10px;min-height:0;padding:12px 14px 12px 10px}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-brand{height:88px;align-self:start;padding-right:9px}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-brand img{max-height:84px}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-copy{gap:5px;padding:2px 0 0}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-kicker{font-size:8px;letter-spacing:.13em}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-copy h2{font-size:clamp(26px,6.8vw,39px)!important;line-height:.86!important}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-copy p{font-size:11px!important;line-height:1.2!important}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-perks{gap:7px 10px;margin-top:3px}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-perks>span{font-size:9px}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;padding:4px 1px 0}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-book{flex:1 1 125px;min-height:40px}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-explore{flex:1 1 150px;min-height:40px}
}
@media(max-width:380px){
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-shell{grid-template-columns:78px minmax(0,1fr);padding:12px 11px 14px 8px}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-brand{height:78px}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-brand img{max-height:73px}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-copy h2{font-size:27px!important}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-perks>span{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-particles i,:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-photo img,:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner[data-ue-banner-ready] .ue-motion-banner-shell{animation:none!important;transition:none!important;transform:none!important}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner:hover .ue-motion-banner-copy h2 em,:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner:hover .ue-motion-banner-brand img{transform:none!important}
}

/* Shared wrapper keeps the banner aligned to the current page container. */
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-container{position:relative;box-sizing:border-box}
:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-container .ue-motion-banner{width:100%;max-width:100%;margin-inline:0;padding-inline:0}
/* No slide effect for visitors with motion-reduction preferences. */
@media(prefers-reduced-motion:reduce){:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-photo img:not(.is-active){opacity:0!important}:is(.nx-home,.ue-motion-banner-host) .ue-motion-banner-photo img.is-active{opacity:1!important}}