.lopd-journey{--journey-accent:#a5d8cf}
.lopd-journey--arbequina{--journey-accent:#e3d9a8}
.lopd-journey--picual{--journey-accent:#d5dbc2}
.lopd-journey .lopd-journey-landscape{background:linear-gradient(rgba(24,85,88,.90),rgba(24,85,88,.90)),url('../images/textura-lino-azul.webp') center/cover,#1f6969}
.lopd-journey .lopd-journey-landscape:before{content:'01 / 02';position:absolute;z-index:2;right:clamp(25px,5vw,80px);top:clamp(35px,5vw,80px);color:#fff;font:400 14px LOPDDisplay,'Arial Narrow',sans-serif;letter-spacing:.15em}
.lopd-journey .lopd-v2-landscape-copy h2{max-width:660px}
.lopd-journey .lopd-v2-waterline path{stroke:var(--journey-accent)}
.lopd-journey--royal .lopd-v2-picture,.lopd-journey--arbequina .lopd-v2-picture{inset:0 0 0 auto;width:54%;z-index:-1}
.lopd-journey--royal .lopd-v2-picture img,.lopd-journey--arbequina .lopd-v2-picture img{object-position:center;transform:scale(calc(1.11 - var(--lopd-scene-progress,0)*.11))}
.lopd-journey--royal .lopd-v2-picture img{object-fit:contain;background:#1d6366}
.lopd-journey--royal .lopd-v2-landscape-shade,.lopd-journey--arbequina .lopd-v2-landscape-shade{background:linear-gradient(90deg,#1c6567 1%,rgba(28,101,103,.98) 39%,rgba(28,101,103,.34) 63%,rgba(12,45,47,.05) 100%)}
.lopd-journey--royal .lopd-v2-landscape-copy,.lopd-journey--arbequina .lopd-v2-landscape-copy{width:54%;max-width:650px;padding-right:clamp(20px,4vw,65px)}
.lopd-journey--royal .lopd-v2-waterline,.lopd-journey--arbequina .lopd-v2-waterline{right:32%;z-index:2;opacity:.46}
.lopd-journey--arbequina .lopd-v2-landscape-shade{background:linear-gradient(90deg,#245f61 0%,rgba(36,95,97,.94) 36%,rgba(36,95,97,.23) 63%,rgba(16,45,44,.08) 100%)}
.lopd-journey .lopd-journey-words span{display:inline-block}
.lopd-journey .lopd-journey-detail{position:relative;padding:clamp(105px,11vw,170px) 0;overflow:hidden}
.lopd-journey .lopd-journey-detail:before{content:'02 / 02';position:absolute;right:clamp(25px,5vw,80px);top:clamp(32px,5vw,76px);font:400 14px LOPDDisplay,'Arial Narrow',sans-serif;color:var(--blue);letter-spacing:.15em}
.lopd-journey .lopd-journey-detail-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(44px,8vw,130px);align-items:center}
.lopd-journey .lopd-journey-photos{position:relative;min-height:680px}
.lopd-journey .lopd-journey-ground,.lopd-journey .lopd-journey-wildlife{position:absolute;margin:0;overflow:hidden;background:#d5d3c6}
.lopd-journey .lopd-journey-ground{top:0;left:0;width:74%;height:86%;box-shadow:0 25px 45px rgba(50,49,37,.13)}
.lopd-journey .lopd-journey-wildlife{right:0;bottom:0;width:46%;height:53%;border:9px solid #f3ede3;box-shadow:0 23px 40px rgba(50,49,37,.18)}
.lopd-journey .lopd-journey-ground img,.lopd-journey .lopd-journey-wildlife img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.22,1,.36,1)}
.lopd-journey .lopd-journey-ground img{object-position:center 50%}
.lopd-journey--picual .lopd-journey-wildlife img{object-position:center 40%}
.lopd-journey--royal .lopd-journey-wildlife img{object-position:45% center}
.lopd-journey--arbequina .lopd-journey-wildlife img{object-position:center 35%}
@media(hover:hover){
 .lopd-journey .lopd-journey-ground:hover img,.lopd-journey .lopd-journey-wildlife:hover img{transform:scale(1.045)}
}
.lopd-journey .lopd-journey-photo-line{position:absolute;left:71%;top:12%;height:78%;border-left:2px solid rgba(31,105,105,.53);transform:rotate(18deg);transform-origin:top;z-index:2;pointer-events:none}
.lopd-journey .lopd-journey-detail-copy{max-width:470px}
.lopd-journey .lopd-journey-detail-copy h2{font-size:clamp(45px,5vw,72px);line-height:1.08;margin:0 0 28px}
.lopd-journey .lopd-journey-detail-copy .lopd-journey-body{font-size:clamp(18px,1.6vw,23px);line-height:1.56;margin:0}
.lopd-journey .lopd-journey-detail-link{display:inline-flex;gap:22px;margin-top:38px;padding-bottom:7px;border-bottom:1px solid currentColor;text-transform:uppercase;text-decoration:none;color:var(--blue);font:400 15px LOPDDisplay,'Arial Narrow',sans-serif;letter-spacing:.07em}
.lopd-journey .lopd-journey-detail-link:hover{gap:30px}
.lopd-journey .lopd-journey-detail+.lopd-story{border-top:0}
html.lopd-journey-ready .lopd-journey .lopd-journey-animate .lopd-journey-words span{opacity:0;transform:translateY(40px);transition:transform .72s cubic-bezier(.22,1,.36,1),opacity .72s;transition-delay:calc(var(--i)*.07s)}
html.lopd-journey-ready .lopd-journey .lopd-journey-animate.is-visible .lopd-journey-words span{opacity:1;transform:none}
html.lopd-journey-ready .lopd-journey .lopd-journey-animate .lopd-journey-body{opacity:0;transform:translateY(22px);transition:transform .8s .35s,opacity .8s .35s}
html.lopd-journey-ready .lopd-journey .lopd-journey-animate.is-visible .lopd-journey-body{opacity:1;transform:none}
html.lopd-journey-ready .lopd-journey .lopd-journey-photos .lopd-journey-ground{clip-path:inset(13% 10% 13% 10%);transition:clip-path 1.25s cubic-bezier(.22,1,.36,1)}
html.lopd-journey-ready .lopd-journey .lopd-journey-detail.is-visible .lopd-journey-ground{clip-path:inset(0)}
html.lopd-journey-ready .lopd-journey .lopd-journey-wildlife{opacity:0;transform:translate(22px,30px);transition:opacity .9s .38s,transform .9s .38s}
html.lopd-journey-ready .lopd-journey .lopd-journey-detail.is-visible .lopd-journey-wildlife{opacity:1;transform:none}
html.lopd-journey-ready .lopd-journey .lopd-journey-landscape .lopd-v2-picture{clip-path:inset(9% 8% 9% 8%);transition:clip-path 1.3s cubic-bezier(.22,1,.36,1)}
html.lopd-journey-ready .lopd-journey .lopd-journey-landscape.is-visible .lopd-v2-picture{clip-path:inset(0)}
@media(max-width:900px){
 .lopd-journey .lopd-journey-detail-grid{gap:42px}
 .lopd-journey .lopd-journey-photos{min-height:540px}
 .lopd-journey .lopd-journey-wildlife{width:49%}
 .lopd-journey--royal .lopd-v2-landscape-copy,.lopd-journey--arbequina .lopd-v2-landscape-copy{width:58%}
}
@media(max-width:700px){
 .lopd-journey--royal .lopd-v2-picture,.lopd-journey--arbequina .lopd-v2-picture{inset:0;width:100%}
 .lopd-journey--royal .lopd-v2-picture{height:62%;bottom:auto;background:#1d6366}
 .lopd-journey--royal .lopd-v2-picture img{object-fit:contain}
 .lopd-journey--royal .lopd-v2-landscape-shade,.lopd-journey--arbequina .lopd-v2-landscape-shade{background:linear-gradient(0deg,rgba(10,47,48,.94) 0%,rgba(10,47,48,.69) 46%,rgba(10,47,48,.07) 90%)}
 .lopd-journey--royal .lopd-v2-landscape-copy,.lopd-journey--arbequina .lopd-v2-landscape-copy{width:100%;max-width:none;padding-right:0}
 .lopd-journey .lopd-journey-detail{padding:100px 0 76px}
 .lopd-journey .lopd-journey-detail-grid{grid-template-columns:1fr;gap:47px}
 .lopd-journey .lopd-journey-photos{min-height:620px}
 .lopd-journey .lopd-journey-ground{width:79%;height:82%}
 .lopd-journey .lopd-journey-wildlife{width:48%;height:52%}
 .lopd-journey .lopd-journey-detail-copy{max-width:570px}
}
@media(max-width:480px){
 .lopd-journey .lopd-journey-landscape:before{top:25px;right:18px}
 .lopd-journey .lopd-journey-detail:before{top:35px;right:18px}
 .lopd-journey .lopd-journey-photos{min-height:485px}
 .lopd-journey .lopd-journey-ground{width:79%;height:84%}
 .lopd-journey .lopd-journey-wildlife{right:-4px;width:49%;height:47%;border-width:6px}
 .lopd-journey .lopd-journey-photo-line{left:75%}
 .lopd-journey .lopd-journey-detail-copy h2{font-size:clamp(42px,10.8vw,56px)}
 .lopd-journey .lopd-journey-detail-copy .lopd-journey-body{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
 .lopd-journey .lopd-journey-words span,.lopd-journey .lopd-journey-body,.lopd-journey .lopd-journey-ground,.lopd-journey .lopd-journey-wildlife,.lopd-journey .lopd-v2-picture{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}
}