/*  farm and bed SETODA — shared lower-page journey cards
 * RC01 Common Owner Hardening 01.
 * Canonical source: Hotfix09 Experience journey cascade.
 * This file owns .si-journeys / .si-journey-* for Stay, Experience, Koune and About.
  */
.si-journeys{position:relative;padding:clamp(120px,10.42vw,200px) 0;background:var(--paper,#f4f0e7);color:var(--si-ink);border-top:1px solid var(--si-line)}
.si-journeys-inner{width:min(calc(100% - var(--pad)*2),1540px);margin-inline:auto}
.si-journeys-head{margin-bottom:clamp(42px,3.65vw,70px)}
.si-journeys-head>p{color:var(--brown-soft);font:500 var(--fab-font-minimum)/1.4 var(--sans);letter-spacing:.18em}
.si-journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.si-journey-card{position:relative;min-height:540px;overflow:hidden;border-radius:2px;background:var(--setoda-green-deep,#06351f);color:#fffdf8}
.si-journey-card figure,
.si-journey-card figure::after{position:absolute;inset:0}
.si-journey-card figure{margin:0;overflow:hidden}
.si-journey-card figure::after{content:"";background:linear-gradient(180deg,rgba(5,29,17,.04) 24%,rgba(5,29,17,.67) 100%);transition:background .9s var(--ease)}
.si-journey-card img{transition:transform 1.5s var(--ease),filter 1.1s var(--ease)}
.si-journey-copy{position:absolute;z-index:2;inset:auto clamp(28px,3.13vw,60px) clamp(28px,3.13vw,60px)}
.si-journey-copy small{display:block;margin-bottom:18px;color:rgba(255,253,248,.68);font:500 var(--fab-font-minimum)/1.4 var(--sans);letter-spacing:.19em}
.si-journey-copy h3{max-width:calc(100% - 58px);font:400 max(var(--fab-font-minimum), clamp(24px,1.67vw,32px))/1.55 var(--serif);letter-spacing:.055em}
.si-journey-copy i{position:absolute;right:0;bottom:0;display:grid;width:62px;height:62px;place-items:center;border:1px solid rgba(255,255,255,.52);border-radius:50%;font-style:normal;font-size:20px;transition:transform .7s var(--ease),background .7s var(--ease),color .7s var(--ease)}
@media(hover:hover){
  .si-journey-card:hover img{transform:scale(1.045);filter:saturate(1.05)}
  .si-journey-card:hover figure::after{background:linear-gradient(180deg,rgba(5,29,17,.01) 18%,rgba(5,29,17,.76) 100%)}
  .si-journey-card:hover .si-journey-copy i{transform:rotate(45deg);background:var(--lemon,#d8cb69);color:var(--setoda-green-deep,#06351f)}
}
@media(max-width:1040px){

  .si-journeys{padding:clamp(105px,11.54vw,120px) 0}
  .si-journeys-head{margin-bottom:50px}
  .si-journey-grid{grid-template-columns:1fr;gap:18px}
  .si-journey-time,
.si-journey-island,
.si-journey-about{grid-column:1;min-height:460px;margin:0}
}
@media(max-width:760px){
  .si-journeys{padding:92px 0 105px}
  .si-journeys-inner{width:calc(100% - 40px)}
  .si-journeys-head{margin-bottom:38px}
  .si-journey-grid{grid-template-columns:1fr;gap:14px}
  .si-journey-time,
.si-journey-island,
.si-journey-about{grid-column:1;min-height:420px;margin:0}
  .si-journey-copy{inset:auto 23px 25px}
  .si-journey-copy h3{max-width:calc(100% - 50px);font-size:27px}
  .si-journey-copy i{width:48px;height:48px;font-size:17px}
}
@media(max-width:430px){
  .si-journey-time,
.si-journey-island,
.si-journey-about{min-height:390px}
}
.si-journeys-head>p{
  color:var(--brown-soft);
  font-family:var(--sans);
  line-height:1.5;
  letter-spacing:.24em;
}
.si-journey-copy small{
  font-family:var(--sans);
  line-height:1.4;
  letter-spacing:.19em;
}
.si-journey-copy h3{
  font-family:var(--serif);
  line-height:1.62;
  letter-spacing:.07em;
}
@media (max-width:760px){
  .si-journeys{padding:var(--mobile-space-8) 0!important}
  .si-journeys-inner{width:calc(100% - 40px)!important}
  .si-journeys-head{margin-bottom:var(--mobile-space-5)!important}
  .si-journey-grid{grid-template-columns:1fr!important;gap:14px!important}
  .si-journey-time,
.si-journey-island,
.si-journey-about{grid-column:1!important;min-height:0!important;aspect-ratio:4/3;margin:0!important}
  .si-journey-copy{inset:auto 22px 24px!important}
  .si-journey-copy h3{max-width:calc(100% - 50px)!important;font-size:26px !important}
  .si-journey-copy i{width:48px!important;height:48px!important;font-size:17px !important}
  .si-journey-card:hover img{transform:none!important}
}
@media (max-width:760px){
  .si-journey-copy small{margin-bottom:8px!important}
}
@media (max-width:760px){
  .si-journey-copy h3{font-size:22px !important;line-height:1.55!important}
  .si-journeys{padding-top:var(--si-space-section)!important;padding-bottom:var(--si-space-section)!important}
}
@media(max-width:760px){
  :where(.fab-page-experience,.fab-page-koune-island,.fab-page-about) .si-journey-card,
:where(.fab-page-experience,.fab-page-koune-island,.fab-page-about) .si-journey-card:nth-child(n),
:where(.fab-page-experience,.fab-page-koune-island,.fab-page-about) .si-journey-card figure,
:where(.fab-page-experience,.fab-page-koune-island,.fab-page-about) .si-journey-card:nth-child(n) figure{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/3!important;
  }
  
  
  
}
.si-journey-card{
  border-radius:10px!important;
  transition:box-shadow .9s var(--ease),transform .9s var(--ease)!important;
}
.si-journey-card figure{
  border-radius:inherit!important;
}
.si-journey-card figure::after{
  transition:background .95s var(--ease)!important;
}
.si-journey-card img{
  transition:transform 1.35s var(--ease),filter 1.1s var(--ease)!important;
}
.si-journey-copy i{
  transition:
    transform .72s var(--ease),
    background-color .72s var(--ease),
    border-color .72s var(--ease),
    color .72s var(--ease)!important;
}
@media(hover:hover){
  .si-journey-card:hover{
    transform:translateY(-1px)!important;
    box-shadow:0 16px 34px rgba(37,45,34,.08)!important;
  }
  .si-journey-card:hover img{
    transform:scale(1.018)!important;
    filter:saturate(1.015)!important;
  }
  .si-journey-card:hover figure::after{
    background:linear-gradient(180deg,rgba(5,29,17,.03) 22%,rgba(5,29,17,.70) 100%)!important;
  }
  .si-journey-card:hover .si-journey-copy i{
    transform:translate(2px,-2px)!important;
    background:rgba(255,255,255,.08)!important;
    border-color:rgba(255,255,255,.68)!important;
    color:#fffdf8!important;
  }
}
@media(max-width:760px){
  .si-journey-card{
    border-radius:10px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .si-journey-card,
.si-journey-card img,
.si-journey-card figure::after,
.si-journey-copy i{
    transition:none!important;
    transform:none!important;
  }
}
@media(max-width:1040px){
  .si-journeys{padding:92px 0 105px}
  .si-journeys-inner{width:calc(100% - 40px)}
  .si-journeys-head{margin-bottom:38px}
  .si-journey-grid{grid-template-columns:1fr;gap:14px}
  .si-journey-time,
.si-journey-island,
.si-journey-about{grid-column:1;min-height:420px;margin:0}
  .si-journey-copy{inset:auto 23px 25px}
  .si-journey-copy h3{max-width:calc(100% - 50px);font-size:27px}
  .si-journey-copy i{width:48px;height:48px;font-size:17px}
}
@media (max-width:1040px){
  .si-journeys{padding:var(--mobile-space-8) 0!important}
  .si-journeys-inner{width:calc(100% - 40px)!important}
  .si-journeys-head{margin-bottom:var(--mobile-space-5)!important}
  .si-journey-grid{grid-template-columns:1fr!important;gap:14px!important}
  .si-journey-time,
.si-journey-island,
.si-journey-about{grid-column:1!important;min-height:0!important;aspect-ratio:4/3;margin:0!important}
  .si-journey-copy{inset:auto 22px 24px!important}
  .si-journey-copy h3{max-width:calc(100% - 50px)!important;font-size:26px !important}
  .si-journey-copy i{width:48px!important;height:48px!important;font-size:17px !important}
  .si-journey-card:hover img{transform:none!important}
}
@media (max-width:1040px){
  .si-journey-copy small{margin-bottom:8px!important}
}
@media (max-width:1040px){
  .si-journey-copy h3{font-size:22px !important;line-height:1.55!important}
  .si-journeys{padding-top:var(--si-space-section)!important;padding-bottom:var(--si-space-section)!important}
}
@media(max-width:1040px){
  :where(.fab-page-experience,.fab-page-koune-island,.fab-page-about) .si-journey-card,
:where(.fab-page-experience,.fab-page-koune-island,.fab-page-about) .si-journey-card:nth-child(n),
:where(.fab-page-experience,.fab-page-koune-island,.fab-page-about) .si-journey-card figure,
:where(.fab-page-experience,.fab-page-koune-island,.fab-page-about) .si-journey-card:nth-child(n) figure{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/3!important;
  }
  
  
  
}
@media(max-width:1040px){
  .si-journey-card{
    border-radius:10px!important;
  }
}
@media (min-width:1041px){
  .si-journey-copy h3{max-width:none!important;}
  .si-journey-copy i{width:42px!important;height:42px!important;}
}