/* Shared by templehallhwy.html, mccrearyrd.html, westernhillstrl.html. Do not edit the copies in the pages: there are none.
Loads after assets/css/base.css (fonts, tokens, nav, buttons, FAQ, sizes, footer, grid lines): only location-page rules live here.
After editing, bump ?v= in those pages (any new value; the server caches CSS for a week). */
/* Entrada da tagline: o J "chega" deslizando como uma caixa em movimento, a linha cresce, o texto revela */
.jrny-tagline .jrny-tagline__j,.jrny-sizes__foot .jrny-tagline__j{opacity:0;transform:translateX(-28px) rotate(-8deg);transition:opacity .6s,transform .9s cubic-bezier(.16,1,.3,1)}
.jrny-tagline .jrny-tagline__div,.jrny-sizes__foot .jrny-tagline__div{transform:scaleY(0);transform-origin:top;transition:transform .6s cubic-bezier(.16,1,.3,1) .25s}
.jrny-tagline.is-in .jrny-tagline__j,.jrny-sizes__foot.is-in .jrny-tagline__j{opacity:1;transform:none}
.jrny-tagline.is-in .jrny-tagline__div,.jrny-sizes__foot.is-in .jrny-tagline__div{transform:scaleY(1)}
.jrny-tagline p.jrny-rv .jrny-rv__in,.jrny-sizes__foot p.jrny-rv .jrny-rv__in{transition-delay:calc(var(--rv-delay) + .35s)}
.jrny-tagline.is-in .jrny-tagline__j{animation:jrny-settle .9s cubic-bezier(.16,1,.3,1) .5s both}
@keyframes jrny-settle{0%{transform:none}40%{transform:translateY(-3px) rotate(2deg)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.jrny-tagline .jrny-tagline__j,.jrny-sizes__foot .jrny-tagline__j,.jrny-tagline .jrny-tagline__div,.jrny-sizes__foot .jrny-tagline__div{opacity:1;transform:none;animation:none}}
/* Intro */
.jrny-intro{position:fixed;inset:0;z-index:10000;pointer-events:auto}
.jrny-intro__panel{position:absolute;inset:0;background:#1c1c1c;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:28px;transform:translateY(0);transition:transform 1.6s cubic-bezier(.65,0,.15,1);will-change:transform;backface-visibility:hidden}
.jrny-intro__slats{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,#2a2a2a 0 1px,#1f1f1f 1px 6px,#1b1b1b 6px 24px,#161616 24px 28px,#0e0e0e 28px 31px,#262626 31px 32px);background-size:100% 32px;pointer-events:none;transition:background-position 1.6s cubic-bezier(.65,0,.15,1);will-change:background-position}
.jrny-intro__slats::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 46%,rgba(255,255,255,.055),transparent 70%),linear-gradient(90deg,rgba(0,0,0,.55),transparent 16%,transparent 84%,rgba(0,0,0,.55)),linear-gradient(to bottom,rgba(0,0,0,.35),transparent 20%,transparent 78%,rgba(0,0,0,.4))}
.jrny-intro__sheen{position:absolute;inset:-20% -40%;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.045) 50%,transparent 58%);transform:translateX(-60%);animation:jrny-i-sheen 2.2s cubic-bezier(.4,0,.2,1) .2s forwards}
@keyframes jrny-i-sheen{to{transform:translateX(60%)}}
.jrny-intro__rail{position:absolute;left:0;right:0;bottom:0;height:14px;background:var(--orange-2);box-shadow:0 -6px 30px rgba(255,99,32,.35)}
.jrny-intro__rail::before{content:"";position:absolute;left:0;right:0;top:-4px;height:4px;background:#0f0f0f}
.jrny-intro__rail::after{content:"";position:absolute;left:0;right:0;top:100%;height:120px;background:linear-gradient(to bottom,rgba(255,120,60,.35),transparent);opacity:0;transition:opacity .4s}
/* cilindro no topo: a porta "enrola" por baixo dele */
.jrny-intro__roll{position:absolute;left:0;right:0;top:0;height:0;z-index:3;background:linear-gradient(to bottom,#0d0d0d,#2b2b2b 35%,#151515 70%,#050505);box-shadow:0 10px 30px rgba(0,0,0,.6);transition:height .35s cubic-bezier(.16,1,.3,1),opacity .45s ease-in-out;will-change:height,opacity}
.jrny-intro.is-lift .jrny-intro__roll,.jrny-intro.is-done .jrny-intro__roll{height:22px}
.jrny-intro.is-done .jrny-intro__panel{transform:translateY(calc(-100% + 22px))}
.jrny-intro.is-done .jrny-intro__slats{background-position:0 -900px}
.jrny-intro.is-done .jrny-intro__rail::after{opacity:1}
.jrny-intro.is-done{pointer-events:none}
.jrny-intro.is-done .jrny-intro__mark,.jrny-intro.is-done .jrny-intro__load{opacity:0;transition:opacity .35s}
.jrny-intro.is-gone .jrny-intro__panel{transform:translateY(calc(-100% - 60px));transition:transform .85s cubic-bezier(.3,0,.55,1)}
/* elementos do hero que sobem junto com a porta */
.jrny-door-el{opacity:0;transform:translateY(44px);transition:opacity .45s,transform .95s cubic-bezier(.16,1,.3,1)}
.jrny-door-el.is-in{opacity:1;transform:none}
.jrny-hero__art.jrny-door-el{opacity:0;transform:translateY(80px);transition:opacity .5s,transform 1.1s cubic-bezier(.16,1,.3,1)}
.jrny-hero__art.jrny-door-el.is-in{opacity:1;transform:translateY(0)}
.jrny-door-fade{opacity:0;transition:opacity .6s}
.jrny-door-fade.is-in{opacity:1}
/* durante a abertura da porta, tudo sobe com a MESMA curva e duração da porta */
.jrny-door-run .jrny-rv.is-in .jrny-rv__in{transition:transform .85s cubic-bezier(.3,0,.55,1),opacity .45s}
.jrny-door-run .jrny-door-el{transform:translateY(90px);transition:opacity .45s,transform .85s cubic-bezier(.3,0,.55,1)}
.jrny-door-run .jrny-hero__art.jrny-door-el{transform:translateY(130px);transition:opacity .45s,transform .85s cubic-bezier(.3,0,.55,1)}
.jrny-door-run .jrny-door-el.is-in,.jrny-door-run .jrny-hero__art.jrny-door-el.is-in{transform:translateY(0)}
.jrny-door-run .jrny-nav__logo{transform:translateY(60px);transition:opacity .45s,transform .85s cubic-bezier(.3,0,.55,1)}
.jrny-door-run .jrny-nav .jrny-menu{transform:translateY(60px);transition:opacity .45s,transform .85s cubic-bezier(.3,0,.55,1)}
.jrny-door-run .jrny-nav .jrny-menu>li{transform:none;opacity:1;transition:none}
.jrny-door-run .jrny-nav.is-in .jrny-nav__logo,.jrny-door-run .jrny-nav.is-in .jrny-menu{transform:none}
@media (prefers-reduced-motion:reduce){.jrny-door-el,.jrny-door-fade,.jrny-hero__art.jrny-door-el{opacity:1;transform:none;transition:none}}
.jrny-intro.is-gone .jrny-intro__slats{transition:none}
.jrny-intro.is-gone .jrny-intro__rail::after{opacity:0;transition:opacity .3s}
.jrny-intro.is-gone .jrny-intro__roll{height:0;opacity:0;transition:height .55s cubic-bezier(.3,0,.55,1),opacity .45s ease-in-out .1s}
.jrny-intro__mark,.jrny-intro__load{position:relative;z-index:2}
.jrny-intro.is-lift{animation:jrny-i-shake .4s cubic-bezier(.36,.07,.19,.97)}
@keyframes jrny-i-shake{0%,100%{transform:translateY(0)}30%{transform:translateY(5px)}70%{transform:translateY(-2px)}}
.jrny-intro__mark{position:relative;display:flex;align-items:center;gap:22px;height:60px}
.jrny-intro__sq{position:absolute;left:0;top:11px;width:19px;height:16px;border-radius:3px 3px 0 3px;background:var(--orange-2);opacity:0;transform:translateX(-60px);animation:jrny-i-sq .7s cubic-bezier(.16,1,.3,1) .15s forwards}
.jrny-intro__j{width:46px;height:41.16px;flex:none;opacity:0;transform:translateY(-46px) rotate(-12deg) scale(.9);animation:jrny-i-j .85s cubic-bezier(.16,1,.3,1) .1s forwards}
.jrny-intro__word{display:block;flex:none;overflow:hidden;width:0;transition:width .7s cubic-bezier(.16,1,.3,1) .7s}
.jrny-intro__word img{width:272px;height:20.28px;max-width:none;transform:translateX(-20px);transition:transform .7s cubic-bezier(.16,1,.3,1) .7s}
.jrny-intro.is-word .jrny-intro__word{width:272px}
.jrny-intro.is-word .jrny-intro__word img{transform:none}
/* loader: caixa + contador (a porta agora é a tela inteira) */
.jrny-intro__load{display:flex;flex-direction:column;width:272px;margin-top:14px}
.jrny-intro__bar{display:block;position:relative;width:100%;height:2px;border-radius:2px;background:rgba(255,255,255,.1);opacity:0;transition:opacity .4s .7s}
.jrny-intro.is-word .jrny-intro__bar{opacity:1}
.jrny-intro__bar i{position:absolute;inset:0;border-radius:2px;transform-origin:0 50%;transform:scaleX(0);background:var(--orange-2);box-shadow:0 0 10px rgba(255,99,32,.6)}
.jrny-intro__bar em{position:absolute;top:50%;left:0;width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--orange-2);border-radius:50%;box-shadow:0 0 12px rgba(255,99,32,.8)}
@keyframes jrny-i-sq{to{opacity:1;transform:none}}
@keyframes jrny-i-j{55%{opacity:1;transform:translateY(5px) rotate(3deg) scale(1.02)}to{opacity:1;transform:none}}
.jrny-intro.is-hidden{display:none}
@media (prefers-reduced-motion:reduce){.jrny-intro{display:none}}
@media (max-width:600px){.jrny-intro__mark{transform:scale(.72);margin:0 -40px}.jrny-intro.is-word .jrny-intro__word{width:272px}}
/* Barras laranja divisórias */
.jrny-bar{width:min(1360px,calc(100% - 64px));height:8px;background:var(--orange);margin:0 auto}
/* =====================================================================
HERO
===================================================================== */
.jrny-hero{position:relative;padding-top:31px}
.jrny-hero__frame{--hero-x:max(80px,50% - 720px);position:relative;width:min(1863px,calc(100% - 28px));height:1025px;margin:0 auto;border-radius:60px 60px 60px 0;background:var(--panel);overflow:hidden;transform:translateZ(0);isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}
.jrny-hero__frame::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line);pointer-events:none;z-index:7}
.jrny-hero__bg{position:absolute;inset:0;overflow:hidden;isolation:isolate}
.jrny-hero__photo{position:absolute;left:-68px;top:-158px;width:calc(100% + 291px);height:calc(100% + 157px);object-fit:cover;object-position:center bottom;transform:scaleX(-1);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}
.jrny-hero__slides{position:absolute;inset:0}
.jrny-hero__slide{position:absolute;inset:-1px;opacity:0;transition:opacity .9s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.jrny-hero__slide.is-active{opacity:1}
.jrny-hero__slide .jrny-hero__photo{transform:scaleX(-1) scale(1.04);transition:transform 6s ease-out}
.jrny-hero__slide.is-active .jrny-hero__photo{transform:scaleX(-1) scale(1)}
.jrny-hero__slide--noflip .jrny-hero__photo{transform:scale(1.04)}
.jrny-hero__slide--noflip.is-active .jrny-hero__photo{transform:scale(1)}
.jrny-hero__slide--light{background:var(--cream)}
.jrny-hero__slide--light .jrny-texture{opacity:.4}
.jrny-hero__art{position:absolute;right:calc(var(--hero-x) + 53px);top:80px;width:672px;height:663px;object-fit:contain;transform:translateY(24px);transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.jrny-hero__slide.is-active .jrny-hero__art{transform:translateY(0)}
.jrny-hero__frame{transition:background .9s}
.jrny-hero__frame.is-light{background:var(--cream)}
.jrny-hero__frame.is-light .jrny-hero__light,.jrny-hero__frame.is-light>.jrny-hero__bg>picture>.jrny-texture,.jrny-hero__frame.is-light>.jrny-hero__bg>.jrny-hero__fade--d{opacity:0}
.jrny-hero__frame.is-light .jrny-hero__title{color:#1b1918}
.jrny-hero__frame.is-light .jrny-hero__title b{font-weight:800}
.jrny-hero__frame.is-light .jrny-hero__sub{color:var(--ink-muted)}
.jrny-hero__frame.is-light .jrny-hero__sub b{color:#1b1918}
.jrny-hero__frame.is-light .jrny-tagline p{color:var(--ink-muted)}
.jrny-hero__frame.is-light .jrny-tagline p b{color:#1b1918}
.jrny-hero__frame.is-light .jrny-tagline__div{background:var(--cream-line)}
.jrny-hero__frame.is-light .jrny-search__field{background:var(--panel);border-color:var(--line);color:var(--cream-2)}
.jrny-hero__frame.is-light .jrny-search__field input,.jrny-hero__frame.is-light .jrny-search__field input::placeholder{color:var(--cream-2)}
.jrny-hero__frame.is-light .jrny-search__field svg circle,.jrny-hero__frame.is-light .jrny-search__field svg path{stroke:var(--cream-2)}
.jrny-hero__frame.is-light .jrny-nav__logo img,.jrny-hero__frame.is-light .jrny-tagline__j{content:var(--dark-src)}
.jrny-hero__frame.is-light .jrny-nav__logo img{content:url("../logo-nav-dark.svg")}
.jrny-hero__frame.is-light .jrny-tagline__j{content:url("../j-icon-hero-dark.svg")}
.jrny-hero__light,.jrny-hero__bg>picture>.jrny-texture,.jrny-hero__fade--d{transition:opacity .9s}
.jrny-hero__copy.is-fading .jrny-hero__title,.jrny-hero__copy.is-fading .jrny-hero__sub{opacity:0;transform:translateY(12px)}
.jrny-hero__title,.jrny-hero__sub{transition:opacity .4s,transform .4s}
.jrny-hero__fade{position:absolute;inset:-24px 0 0 0;pointer-events:none}
.jrny-hero__fade--a{background:linear-gradient(14deg,rgba(24,24,24,.8) 3.8%,rgba(24,24,24,.25) 37.8%,rgba(24,24,24,0) 79.3%)}
.jrny-hero__fade--b{background:linear-gradient(60.4deg,rgba(24,24,24,.8) 15%,rgba(24,24,24,.25) 50%,rgba(24,24,24,0) 77.6%)}
.jrny-hero__fade--c{background:linear-gradient(30.9deg,rgba(24,24,24,.8) 30.5%,rgba(24,24,24,.25) 48.3%,rgba(24,24,24,0) 66%)}
.jrny-hero__fade--d{background:linear-gradient(to top,rgba(24,24,24,.85) 0%,rgba(24,24,24,.45) 10%,rgba(24,24,24,.12) 22%,rgba(24,24,24,0) 36%)}
.jrny-hero__glow{position:absolute;left:-70px;top:-162px;width:1163px;height:797px;border-radius:9000px;background:linear-gradient(147deg,rgba(24,24,24,.8) 30%,rgba(24,24,24,.25) 48%,rgba(24,24,24,0) 66%);pointer-events:none}
.jrny-texture{position:absolute;top:0;left:50%;width:3314px;height:100%;transform:translateX(-50%);object-fit:cover;mix-blend-mode:multiply;opacity:.4;pointer-events:none}
.jrny-texture--soft{mix-blend-mode:soft-light;opacity:.1}
picture:has(>.jrny-texture){display:contents}
.jrny-hero__light{position:absolute;left:calc(50% - 100.5px);top:-75px;width:955px;height:910px;object-fit:cover;mix-blend-mode:lighten;pointer-events:none}
.jrny-hero__frame.is-light .jrny-nav__burger{background:var(--panel)}
/* título */
.jrny-hero__copy{position:absolute;left:var(--hero-x);top:174px;width:720px;display:flex;flex-direction:column;gap:35px;z-index:4}
.jrny-hero__title{width:658px;font-size:60px;line-height:1.15;letter-spacing:-1.2px;text-transform:uppercase;font-weight:300}
.jrny-hero__title b{font-weight:800}
.jrny-hero__title .jrny-br-m,.jrny-hero__sub .jrny-br-m{display:none}
.jrny-hero__sub{width:611px;font-size:20px;line-height:1.4;font-weight:500;color:var(--muted)}
.jrny-hero__sub b{font-weight:700;color:var(--txt)}
/* busca + tagline */
.jrny-hero__cta{position:absolute;left:var(--hero-x);top:571px;width:664px;display:flex;flex-direction:column;gap:49px;z-index:4}
.jrny-search{display:flex;align-items:center;gap:20px}
.jrny-search__field{display:flex;align-items:center;gap:10px;width:386px;height:63px;padding:15px 25px;border-radius:900px;background:var(--cream-2);border:1px solid #4b4b4b;color:var(--ink)}
.jrny-search__field svg{width:20px;height:20px;flex:none}
.jrny-search__field input{flex:1;min-width:0;background:none;border:0;font-size:14px;font-weight:600;line-height:24px;color:var(--ink)}
.jrny-search__field input::placeholder{color:var(--ink);opacity:1}
.jrny-tagline{display:flex;align-items:center;gap:32px}
.jrny-tagline__j{width:46px;height:41.16px}
.jrny-tagline__div{width:1px;height:31px;background:#4b4b4b}
.jrny-tagline p{width:505px;font-size:20px;line-height:1.4;font-weight:500;color:var(--muted)}
.jrny-tagline p b{font-weight:800;color:var(--txt)}
/* selo giratório */
.jrny-selo{position:absolute;left:calc(50% + 536.5px);top:172px;width:148px;height:148px;animation:jrny-spin 40s linear infinite}
.jrny-selo img{position:absolute;left:-28.5%;top:-15.2%;width:157%;height:157%}
@keyframes jrny-spin{to{transform:rotate(360deg)}}
/* setas laterais */
.jrny-hero__arrow{position:absolute;top:435px;z-index:6;display:flex;align-items:center;width:80px;padding:10px;background:var(--line)}
.jrny-hero__arrow--l{left:0;border-radius:0 900px 900px 0;justify-content:flex-end}
.jrny-hero__arrow--r{right:0;border-radius:900px 0 0 900px;justify-content:flex-start}
.jrny-hero__arrow span{position:relative;display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:50%;background:#54524a;color:var(--cream-2);overflow:hidden;transition:transform .25s}
.jrny-hero__arrow span::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--grad);transform:scale(0);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.jrny-hero__arrow span svg{position:relative;z-index:1}
.jrny-hero__arrow:hover span::before,.jrny-hero__arrow:focus-visible span::before{transform:scale(1)}
.jrny-hero__arrow:hover span{transform:scale(1.06)}
.jrny-hero__arrow svg{width:27px;height:27px}
/* cards de features */
.jrny-hero__cards{position:absolute;left:50%;bottom:48px;transform:translateX(-50%);width:min(1440px,calc(100% - 40px));height:145px;display:flex;gap:10px;z-index:4}
.jrny-feature{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:10px;padding:25px 30px;border-radius:30px;background:var(--line);border-bottom:4px solid var(--orange-2)}
.jrny-feature__head{display:flex;align-items:center;gap:10px}
.jrny-feature__head img{width:24px;height:24px}
.jrny-feature__head h3{font-size:20px;line-height:1.25;letter-spacing:-.4px;text-transform:uppercase;font-weight:300;color:var(--muted-2);white-space:nowrap}
.jrny-feature__head h3 b{font-weight:800}
.jrny-feature p{font-size:16px;line-height:1.4;font-weight:500;color:var(--muted)}
/* =====================================================================
JOURNEYS NEED SPACE
===================================================================== */
.jrny-need{margin-top:25px;background:var(--cream);color:var(--ink)}
.jrny-need__wrap{min-height:1021px;padding-top:108px}
.jrny-need__wrap>.jrny-vline{background:var(--cream-line)}
.jrny-need__wrap>.jrny-vline--l{left:0}
.jrny-need__wrap>.jrny-vline--r{right:0}
.jrny-need__head{display:flex;align-items:flex-end;justify-content:space-between;width:1183px;max-width:100%;padding-left:80px}
.jrny-need__head h2{width:674px;color:var(--ink)}
.jrny-need__head p{width:381px;font-size:20px;line-height:1.4;font-weight:500;color:var(--ink-muted)}
.jrny-need__head p b{font-weight:800;color:#181818}
.jrny-need__grid{position:relative;display:grid;grid-template-columns:563px 1fr;margin-top:101px;border-top:2px solid var(--cream-line)}
.jrny-need__list{position:relative;display:flex;flex-direction:column;min-height:754px;border-right:2px solid var(--cream-line);overflow:hidden}
.jrny-need__item{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 34px;cursor:pointer;border-bottom:2px solid var(--cream-line);transition:background .25s,color .25s}
.jrny-need__item.is-active{background:var(--line);color:var(--txt);padding:26px 34px;border-bottom:0}
.jrny-need__item.is-active + .jrny-need__item{border-top:0}
.jrny-need__item .jrny-need__lbl{display:flex;align-items:center;gap:32px}
.jrny-need__ico{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:18.9px;background:rgba(255,99,32,.15);flex:none}
.jrny-need__ico img{width:34px;height:34px}
.jrny-need__ico--box img{width:41px;height:41px}
.jrny-need__item h3{font-size:24px;line-height:1.05;letter-spacing:-.48px;font-weight:300;white-space:nowrap}
.jrny-need__item h3 b{font-weight:800}
.jrny-need__chev{width:20.5px;height:17.6px;color:var(--cream-line);transform:rotate(90deg);transition:color .25s,transform .25s}
.jrny-need__item.is-active .jrny-need__chev{color:var(--orange-2)}
.jrny-need__item:hover .jrny-need__chev{transform:rotate(90deg) translateY(-3px)}
.jrny-need__boxes{margin-top:auto;width:calc(100% - 2px);height:233px;object-fit:cover;object-position:left;align-self:flex-start;position:relative;left:2px}
.jrny-need__art{position:absolute;left:53px;top:433px;width:477px;height:322px;overflow:hidden;pointer-events:none}
.jrny-need__art>img:first-child{position:absolute;left:0;top:-138px;width:443.5px;height:443.5px}
.jrny-need__art-selo{position:absolute;left:281px;top:34px;width:173px;height:173px;animation:jrny-spin 40s linear infinite}
.jrny-need__boxwrap{display:contents} /* no desktop o bloco é transparente: padrão e arte continuam filhos diretos da lista */
.jrny-need__preview{position:relative;min-height:754px}
.jrny-need__card{position:absolute;left:86px;top:58px;width:711px;height:607px;overflow:hidden;border-radius:0 35px 35px 35px;background:var(--cream-3);border:1px solid var(--cream-line)}
.jrny-need__card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);transform:scale(var(--zoom,1));transform-origin:var(--pos,50% 50%);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}
.jrny-need__card>img.is-enter,.jrny-need__card>img.is-leave{opacity:0}
.jrny-need__caption{position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);width:652px;height:128px;border-radius:35px 35px 0 0;border:5px solid rgba(136,134,128,.2);background:#232323 var(--dots) 0 0/64px 64px repeat;color:var(--muted-2)}
.jrny-need__caption>div{position:absolute;left:50%;top:30px;transform:translateX(-50%);width:562px;display:flex;align-items:flex-end;justify-content:space-between}
.jrny-need__caption p{width:278px;font-size:22px;line-height:1.25;letter-spacing:-.44px}
.jrny-need__caption p b{font-weight:800}
.jrny-need__caption img{width:54px;height:48.3px}
/* =====================================================================
STORAGE WITHOUT THE FRICTION (steps)
===================================================================== */
.jrny-band{position:relative}
.jrny-band>.jrny-wrap>.jrny-vline--l{left:0}
.jrny-steps{position:relative;padding-top:28px}
.jrny-steps__wrap{padding-top:107px;padding-bottom:112px}
.jrny-steps__wrap>.jrny-vline--r{right:1px;top:-36px}
.jrny-steps__grid{display:grid;grid-template-columns:429px 801px;justify-content:space-between;padding:0 60px 0 80px;align-items:start}
.jrny-steps__head{position:sticky;top:120px;display:flex;flex-direction:column;gap:19px}
.jrny-steps__head .jrny-lead{color:var(--muted)}
.jrny-steps__col{position:relative;display:flex;flex-direction:column;gap:27px;margin-top:-10px}
.jrny-steps__col::before{content:"";position:absolute;left:4px;top:55px;bottom:0;width:2px;background:var(--line)}
.jrny-steps__fill{position:absolute;left:4px;top:55px;width:2px;height:calc(100% - 55px);background:var(--orange);z-index:1;transform:scaleY(0);transform-origin:0 0;will-change:transform}
.jrny-step{position:sticky;top:110px;display:flex;align-items:center;gap:54px}
.jrny-step__dot{width:10px;height:10px;border-radius:50%;background:var(--line);flex:none;transition:background .3s}
.jrny-step.is-active .jrny-step__dot{background:var(--orange)}
.jrny-step__row{display:flex;gap:12px;height:237px}
.jrny-step__txt{width:381px;display:flex;flex-direction:column;justify-content:center;gap:15px;padding:25px 45px;background:var(--panel);border:1px solid var(--line)}
.jrny-step__title{display:flex;align-items:center;gap:15px;font-weight:700;line-height:1.25;text-transform:uppercase}
.jrny-step__title>span{font-size:25.3px;letter-spacing:-.5px;color:var(--orange-2)}
.jrny-step__title h3 span{color:var(--txt)}
.jrny-step__title h3{font-size:23px;letter-spacing:-.46px;font-weight:700;color:var(--txt)}
.jrny-step__txt p{font-size:16px;line-height:1.4;font-weight:500;color:var(--muted)}
.jrny-step__img{position:relative;width:325px;height:237px;overflow:hidden;border-radius:0 0 35px 0;background:var(--orange)}
.jrny-step__img img{width:100%;height:100%;object-fit:cover}
/* =====================================================================
A DIFFERENT KIND OF STORAGE COMPANY
===================================================================== */
.jrny-different{position:relative}
.jrny-different__frame{position:relative;width:min(1438px,calc(100% - 64px));height:944px;margin:0 auto;background:var(--panel);border:2px solid var(--line);border-radius:0 0 60px 0;overflow:hidden}
.jrny-different__copy{position:absolute;left:78px;top:63px;width:619px;display:flex;flex-direction:column;gap:42px}
.jrny-different__txt{display:flex;flex-direction:column;gap:32px;width:613px}
.jrny-different__rule{width:616px;height:2px;background:var(--line)}
.jrny-different__paras{display:flex;flex-direction:column;gap:30px}
.jrny-different__paras .jrny-lead{width:613px}
.jrny-different__paras h3{width:565px;font-size:30px;line-height:1.25;letter-spacing:-.6px;text-transform:uppercase;font-weight:300}
.jrny-different__paras h3 b{font-weight:800}
.jrny-different__cards{display:flex;gap:11px}
.jrny-different__phone{width:202px;height:193px;border-radius:0 0 35px 0;overflow:hidden}
.jrny-different__phone img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.jrny-different__note{position:relative;width:406px;height:193px;background:var(--cream);color:var(--ink-muted)}
.jrny-different__note::before{content:"";position:absolute;left:29px;top:0;width:52px;height:5px;background:var(--orange)}
.jrny-different__note p{position:absolute;left:29px;top:44px;width:350px;font-size:18px;line-height:1.45}
.jrny-different__note p b{font-weight:700;color:#181818}
.jrny-different__img{position:absolute;right:-2px;top:-2px;width:688px;height:956px;overflow:hidden;background:var(--cream-3);border:2px solid var(--line);border-radius:0 0 35px 0}
.jrny-different__img>img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% 0}
.jrny-different__img .jrny-texture{height:1025px}
.jrny-different__img::after{content:"";position:absolute;left:0;right:0;bottom:0;height:399px;background:linear-gradient(3deg,rgba(24,24,24,.8) 3%,rgba(24,24,24,.05) 66.7%)}
/* =====================================================================
STORAGE SIZE GUIDE
===================================================================== */
.jrny-sizes__foot .jrny-tagline__j{width:46px;height:41.16px}
.jrny-sizes__foot .jrny-tagline__div{background:var(--cream-line)}
/* =====================================================================
FAQ
===================================================================== */
.jrny-band2{position:relative;padding-top:27px}
.jrny-band2>.jrny-vline--l{left:calc(50% - min(720px,50% - 32px));top:-64px;bottom:0;z-index:1}
/* =====================================================================
COMMUNITY
===================================================================== */
.jrny-community{position:relative}
.jrny-community__frame{position:relative;width:min(1440px,calc(100% - 64px));height:468px;margin:0 auto;overflow:hidden;background:var(--cream);border:2px solid var(--line);border-radius:0 60px 0 0;color:#1c1c1c}
.jrny-community__pattern{position:absolute;left:-2px;bottom:-2px;width:1440px;height:46px}
.jrny-community__phones{position:absolute;left:-2px;top:-2px;width:651px;height:468px}
.jrny-community__copy{position:absolute;left:767px;bottom:110px;width:539px;display:flex;flex-direction:column;gap:23px}
.jrny-community__txt{display:flex;flex-direction:column;gap:19px}
.jrny-community__copy h2{color:#1c1c1c}
.jrny-community__copy p{width:508px;font-size:18px;line-height:1.45;color:var(--ink-muted)}
.jrny-community__copy p b{font-weight:700;color:#1c1c1c}
/* =====================================================================
BE THE FIRST (contato)
===================================================================== */
.jrny-contact{position:relative;padding-top:88px}
.jrny-contact__frame{position:relative;width:min(1439px,calc(100% - 64px));height:808px;margin:0 auto;overflow:hidden;background:var(--panel);border:2px solid var(--line);border-radius:0 0 60px 0}
.jrny-contact__img{position:absolute;left:815px;top:-2px;width:620px;height:453px;overflow:hidden;background:#2d2c2b;border-bottom:6px solid var(--orange-2);border-radius:0 0 0 60px}
.jrny-contact__img>img:first-child{position:absolute;left:-27px;top:0;width:702px;height:468px;object-fit:cover}
.jrny-contact__img::after{content:"";position:absolute;left:0;right:0;bottom:0;height:442px;background:linear-gradient(9.4deg,rgba(24,24,24,.8) 13.2%,rgba(24,24,24,.25) 40.8%,rgba(24,24,24,0) 62.4%)}
.jrny-contact__img .jrny-contact__logo{position:absolute;left:50%;top:377px;width:322px;height:24px;transform:translateX(-50%);z-index:2}
.jrny-contact__info{position:absolute;left:872px;top:554px;width:506px;display:flex;flex-direction:column;gap:28px}
.jrny-contact__info i{display:block;height:2px;background:var(--line)}
.jrny-contact__row{display:flex;align-items:center;gap:15px}
.jrny-contact__ico{display:flex;align-items:center;justify-content:center;width:51px;height:51px;border-radius:16px;background:rgba(255,99,32,.15);flex:none}
.jrny-contact__ico img{width:27px;height:27px}
.jrny-contact__row div{display:flex;flex-direction:column;gap:5px;line-height:1.05}
.jrny-contact__row h3{font-size:22px;letter-spacing:-.44px;font-weight:600;white-space:nowrap}
.jrny-contact__row p{font-size:18px;color:var(--muted);font-weight:500;line-height:24px}
.jrny-contact__row p.jrny-contact__tel{font-weight:400;letter-spacing:-.36px;line-height:1.05}
.jrny-contact__copy{position:absolute;left:77px;top:72px;width:565px;display:flex;flex-direction:column;gap:30px}
.jrny-contact__copy .jrny-lead{width:538px}
.jrny-contact__copy .jrny-lead b{color:var(--txt)}
.jrny-form{position:absolute;left:77px;top:267px;width:640px;display:grid;grid-template-columns:293px 293px;column-gap:54px;row-gap:20px}
.jrny-field{display:flex;flex-direction:column;gap:13px}
.jrny-field--full{grid-column:1/-1}
.jrny-field label{display:flex;align-items:center;gap:10px;font-size:18px;line-height:1.45;font-weight:600}
.jrny-field label::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange-2)}
.jrny-field input,.jrny-field textarea{width:100%;height:55px;padding:14px 20px;border-radius:900px;background:var(--ink-2);border:1px solid var(--line);font-size:14px;line-height:24px;font-weight:500;color:var(--muted);transition:border-color .2s}
.jrny-field textarea{height:104px;border-radius:22px;resize:none}
.jrny-field input::placeholder,.jrny-field textarea::placeholder{color:var(--muted);opacity:1}
.jrny-field input:focus,.jrny-field textarea:focus{border-color:var(--orange)}
.jrny-form .jrny-btn{grid-column:1/-1;justify-self:start;margin-top:10px}
/* =====================================================================
RESPONSIVO
≥1921 ultrawide · 1401–1920 desktop (Figma) · 901–1400 laptop/tablet paisagem
701–900 tablet retrato · ≤700 mobile
===================================================================== */
/* ---- Ultrawide: painéis full-bleed ficam limitados a 1920px e centralizados; setas abraçam o hero ---- */
@media (min-width:1921px){
.jrny-hero__arrow--l{left:calc(50% - 931.5px)}
.jrny-hero__arrow--r{right:calc(50% - 931.5px)}
}
/* ---- Desktop 1401–1920: o Figma é fixo em 1920 (quadro de 1863px, recuo de 211px). Abaixo disso o recuo
encolhe junto com o quadro (--hero-x, mínimo 80px = aba da seta) e nav, texto, busca e cards partilham o mesmo
recuo; a ilustração do slide claro fica ancorada à direita e encolhe até 1600px para não tocar o parágrafo ---- */
@media (min-width:1401px){
.jrny-nav,.jrny-hero__cards{width:calc(100% - 2*var(--hero-x))}
}
@media (min-width:1401px) and (max-width:1600px){
.jrny-hero__art{width:min(672px,42%);height:auto;aspect-ratio:672/663}
.jrny-hero__sub{width:min(611px,40vw)} /* % aqui seria da coluna de 720px, não do quadro */
}
/* ---- Laptop / tablet paisagem ---- */
@media (max-width:1400px){
.jrny-hero__frame{height:auto;min-height:0;padding-bottom:40px}
.jrny-hero__copy,.jrny-hero__cta,.jrny-hero__cards{position:relative;left:auto;top:auto;bottom:auto;transform:none;margin:0 auto;width:min(1440px,calc(100% - 40px))}
.jrny-hero__copy{padding-top:190px}
.jrny-hero__title,.jrny-hero__sub{max-width:100%}
.jrny-hero__cta{margin-top:60px}
.jrny-hero__cards{height:auto;margin-top:80px;flex-wrap:wrap}
.jrny-feature{flex:1 1 calc(50% - 10px)}
.jrny-selo{left:auto;right:120px}
.jrny-hero__art{left:auto;right:0;top:120px;width:min(672px,52%);height:auto;aspect-ratio:672/663}
/* setas do slider: mesmas abas laterais do desktop, centradas na altura do título */
.jrny-hero__arrow{top:120px;width:64px;padding:8px}
.jrny-hero__arrow span{width:36px;height:36px}
.jrny-hero__arrow svg{width:22px;height:22px}
.jrny-need__head{width:auto;padding-right:80px;gap:40px}
.jrny-need__grid{grid-template-columns:minmax(0,1fr)}
.jrny-need__list{border-right:0;min-height:0}
/* caixas: padrão + arte viram um bloco único, centrado, no máximo 563px (tamanho nativo do padrão);
a arte é medida em cqw da largura do bloco, então encolhe junto com ele em vez de quebrar */
.jrny-need__boxwrap{display:block;position:relative;container-type:inline-size;width:min(563px,100%);margin:40px auto 0}
.jrny-need__boxes{display:block;margin:0;width:100%;height:auto;left:0}
.jrny-need__art{left:9.4139cqw;top:auto;bottom:0;width:84.7247cqw;height:57.1936cqw}
.jrny-need__art>img:first-child{top:-24.5115cqw;width:78.7744cqw;height:78.7744cqw}
.jrny-need__art-selo{left:49.9112cqw;top:6.0391cqw;width:30.7282cqw;height:30.7282cqw}
.jrny-need__preview{min-height:0;padding:40px 60px;border-bottom:2px solid var(--cream-line)} /* fecha a prévia antes do item seguinte (o item ativo não tem borda inferior) */
.jrny-need__card{position:relative;left:auto;top:auto;width:100%;max-width:711px;height:auto;aspect-ratio:711/607;margin:0 auto}
.jrny-need__caption{width:min(652px,calc(100% - 20px))}
.jrny-need__caption>div{width:calc(100% - 90px)}
.jrny-steps__grid{grid-template-columns:minmax(0,1fr);gap:60px;padding:0 40px 0 80px}
.jrny-steps__head .jrny-accent::before{left:-80px}
.jrny-steps__head{position:relative;top:auto}
.jrny-steps__col{margin:0;max-width:100%}
.jrny-step{position:relative;top:auto}
.jrny-step__row{flex:1;min-width:0}
.jrny-step__txt{flex:1;width:auto;min-width:0}
.jrny-different__frame{height:auto}
.jrny-different__copy{position:relative;left:auto;top:auto;padding:60px 40px;width:auto}
/* em coluna única o texto, a régua e os cartões ocupam a largura toda do painel: sem faixa vazia à direita */
.jrny-different__txt,.jrny-different__rule,.jrny-different__paras .jrny-lead,.jrny-different__paras h3{width:auto;max-width:none}
.jrny-different__note{flex:1 1 0;min-width:0;width:auto;height:auto;min-height:193px;padding:44px 29px 30px}
.jrny-different__note p{position:relative;left:auto;top:auto;width:auto;max-width:none}
.jrny-different__img{position:relative;right:auto;top:auto;width:calc(100% + 4px);height:620px;margin:0 -2px -2px;border-radius:0}
.jrny-community__frame{height:auto;padding:60px 40px 120px}
/* foto dos celulares sangra até as bordas do quadro (topo e laterais) */
.jrny-community__phones{position:relative;left:auto;top:auto;display:block;width:calc(100% + 80px);max-width:none;height:auto;margin:-60px -40px 40px}
.jrny-community__copy{position:relative;left:auto;bottom:auto;width:auto}
.jrny-community__copy p{width:auto;max-width:508px}
/* padrão de blocos de ponta a ponta: o PNG original só tem blocos na metade direita, então usa o recorte em repetição */
.jrny-community__pattern{display:none}
.jrny-community__frame::after{content:"";position:absolute;left:-2px;right:-2px;bottom:-2px;height:28px;background:url("../community-pattern-tile.png") repeat-x left bottom/auto 100%;pointer-events:none}
.jrny-contact__frame{height:auto;padding:60px 40px}
.jrny-contact__copy,.jrny-form,.jrny-contact__info{position:relative;left:auto;top:auto}
.jrny-contact__img{position:relative;left:auto;top:auto;width:calc(100% + 80px);max-width:none;height:auto;aspect-ratio:620/453;max-height:600px;margin:56px -40px -60px;border-radius:0} /* foto fecha a secção, de ponta a ponta, encostada ao fundo do painel */
/* em coluna única texto, formulário, foto e contactos ocupam a largura toda do painel */
.jrny-contact__copy{width:auto;max-width:none}
.jrny-contact__copy .jrny-lead{width:auto}
.jrny-form{width:100%;max-width:none;grid-template-columns:1fr 1fr;margin-top:40px}
.jrny-contact__img>img:first-child{left:0;width:100%;height:100%}
.jrny-contact__img .jrny-contact__logo{top:auto;bottom:36px;width:min(322px,70%);height:auto}
.jrny-contact__info{width:auto;margin-top:50px}
}
/* ---- Laptop (901–1400px): título e parágrafo encolhem com a largura e o título equilibra as linhas,
para o texto não passar por baixo da ilustração do slide claro nem da foto segurada ---- */
@media (min-width:901px) and (max-width:1400px){
.jrny-hero__title{width:min(658px,50vw - 34px);font-size:clamp(40px,4vw,60px);text-wrap:balance}
.jrny-hero__sub{width:min(611px,48vw - 31px);font-size:clamp(15px,1.39vw,20px)} /* sem % dentro de min(): o Safari resolvia errado e o parágrafo saía com ~280px; largura/fonte na mesma proporção do full HD (611px/20px) para manter o número de linhas */
.jrny-hero__art{top:80px;width:min(672px,42%)}
}
/* ---- Tablet retrato ---- */
@media (max-width:900px){
/* barra laranja: sempre encostada na linha vertical da seção (borda esquerda do wrap) */
/* vão barra-título igual em todas as seções (27px, referência: "Journeys need space") */
.jrny-need__head .jrny-accent::before{left:-32px}
.jrny-steps__head .jrny-accent{margin-left:16px}
.jrny-steps__head .jrny-accent::before{left:-32px}
/* linha-guia da faixa FAQ→contato acompanha a margem de 16px do wrap (não quebra a linha entre as seções) */
.jrny-band2>.jrny-vline--l{left:16px}
/* hero de ponta a ponta no toque: sem margem, sem raio, sem contorno */
.jrny-hero{padding-top:0}
.jrny-hero__frame{width:100%;border-radius:0}
.jrny-hero__frame::after{display:none}
.jrny-need{margin-top:0}
.jrny-hero__copy,.jrny-hero__cta,.jrny-hero__cards{width:calc(100% - 40px)}
.jrny-hero__copy{padding-top:250px;gap:24px}
.jrny-hero__title{width:auto;font-size:44px}
.jrny-hero__sub{width:auto;font-size:18px}
.jrny-hero__cta{margin-top:44px;gap:36px}
.jrny-search{flex-wrap:wrap}
.jrny-search__field{width:100%}
.jrny-tagline p{width:auto;font-size:18px}
.jrny-hero__cards{margin-top:56px}
.jrny-feature__head h3{white-space:normal}
/* setas: abas laterais como no desktop, menores */
.jrny-hero__arrow{top:212px;width:52px;padding:6px}
.jrny-hero__arrow span{width:32px;height:32px}
.jrny-hero__arrow svg{width:20px;height:20px}
.jrny-selo{width:96px;height:96px;left:auto;right:20px;top:88px}
.jrny-hero__art{top:auto;bottom:0;right:-6%;width:62%;opacity:.55}
/* foto da hero cobre o quadro inteiro, sem as bordas soltas do enquadramento do desktop; a camada da mão sai (ficava cortada) */
.jrny-hero__slide .jrny-hero__photo{left:0;top:0;width:100%;height:100%;object-position:center center}
.jrny-hero__slide .jrny-hero__photo--hand{display:none}
.jrny-hero__light{display:none}
.jrny-hero__glow{left:-30%;top:-30%;width:160%;height:70%}
.jrny-need__wrap{padding-top:72px}
.jrny-need__head{flex-direction:column;align-items:flex-start;padding:0 32px;gap:20px}
.jrny-need__head h2,.jrny-need__head p{width:auto}
.jrny-need__head p{font-size:18px}
.jrny-need__grid{margin-top:56px}
.jrny-need__item{padding:18px 24px}
.jrny-need__item.is-active{padding:22px 24px}
.jrny-need__item .jrny-need__lbl{gap:18px}
.jrny-need__ico{width:52px;height:52px}
.jrny-need__item h3{white-space:normal;font-size:20px}
.jrny-need__preview{box-sizing:border-box;padding:24px 16px 28px;border-bottom:2px solid var(--cream-line)}
.jrny-need__item.is-active{border-bottom:0}
/* mobile: seta aponta para baixo (fechado) e para cima (aberto) — deixa claro que abre e fecha */
.jrny-need__chev{transform:rotate(180deg)}
.jrny-need__item.is-active .jrny-need__chev{transform:rotate(0deg)}
.jrny-need__item:hover .jrny-need__chev{transform:rotate(180deg)}
.jrny-need__item.is-active:hover .jrny-need__chev{transform:rotate(0deg)}
.jrny-need__caption{height:auto;padding:20px 24px}
.jrny-need__caption>div{position:relative;left:auto;top:auto;transform:none;width:auto;gap:16px;align-items:center}
.jrny-need__caption img{width:40px;height:36px;flex:none}
.jrny-need__caption p{width:auto;font-size:18px}
.jrny-steps__wrap{padding-top:72px;padding-bottom:72px}
.jrny-steps__grid{padding:0 16px;gap:44px}
/* passos empilhados (sticky stack): cada cartão gruda no topo e o seguinte encaixa por cima, com um degrau de 14px */
.jrny-steps__col{gap:24px;padding-bottom:40px}
.jrny-step{position:sticky;gap:16px}
.jrny-step:nth-of-type(1){top:84px}
.jrny-step:nth-of-type(2){top:98px}
.jrny-step:nth-of-type(3){top:112px}
.jrny-step:nth-of-type(4){top:126px}
.jrny-step:nth-of-type(5){top:140px}
.jrny-step__row{background:var(--bg);box-shadow:0 -18px 40px -20px rgba(0,0,0,.7)}
.jrny-step__txt{padding:25px}
.jrny-different__copy{padding:40px 24px}
/* título em 3 linhas: "A different kind / of storage / company." — a quebra fixa do desktop sai e o texto flui */
.jrny-different__txt h2 br{display:none}
.jrny-different__txt h2{text-wrap:balance}
.jrny-different__cards{flex-wrap:wrap}
.jrny-different__note{width:100%;height:auto;padding:44px 29px 30px}
.jrny-different__note p{position:relative;left:auto;top:auto;width:auto}
.jrny-different__img{height:420px}
.jrny-sizes__foot .jrny-tagline__j{width:46px;height:41px}
.jrny-sizes__foot .jrny-tagline__div{display:none}
.jrny-community__frame{padding:32px 24px 90px}
.jrny-community__phones{width:calc(100% + 48px);margin:-32px -24px 32px}
.jrny-community__copy p{font-size:17px}
.jrny-contact{padding-top:64px}
.jrny-contact__frame{padding:40px 24px}
.jrny-form{grid-template-columns:1fr 1fr;column-gap:24px}
.jrny-contact__img{width:calc(100% + 48px);margin:40px -24px -40px}
.jrny-contact__info{width:auto;margin-top:36px}
.jrny-contact__row div{min-width:0}
.jrny-contact__row h3{white-space:normal}
.jrny-contact__row p{overflow-wrap:anywhere}
}
/* ---- Hero no celular e no tablet retrato (≤900px): mesma composição do Figma mobile, escalada pela largura ---- */
@media (max-width:900px){
/* ===== HERO celular e tablet retrato (Figma "imagem", node 5127:2189, quadro de 440px) =====
Vale até 900px: no tablet a composição é a mesma do celular, só escalada pela largura (cards em 2 colunas).
A foto ocupa só o topo (440x533 no Figma) e escala com a largura; abaixo dela o painel é #222 liso.
Todos os deslocamentos verticais usam margin-top em % (percentual da LARGURA do quadro), porque a altura
do quadro é automática: valor do Figma / 440. Foto e camada da mão usam o mesmo enquadramento do Figma
(1195x626 em -552,-80, espelhadas). Ordem das camadas como no Figma: foto, fade de baixo (z1), selo (z1),
mão (z2), três fades de cima + piso + texturas (z3), conteúdo (z4).
Não usar uma janela com overflow:hidden para recortar a foto: com as camadas compostas (transform) dentro,
o Chrome com GPU renderiza a área recortada um tom mais claro e marca uma linha horizontal no fim dela.
A sobra da foto abaixo de y=533 é coberta pelo "piso" (.jrny-hero__fade--d) em #222 até o fim do quadro. */
.jrny-hero__frame{padding-bottom:58px}
.jrny-hero__slide .jrny-hero__photo,.jrny-hero__slide .jrny-hero__photo--hand{display:block;left:-125.45%;top:0;margin-top:-18.18%;width:271.71%;height:auto;object-fit:fill;object-position:0 0}
.jrny-hero__slide .jrny-hero__photo--hand{z-index:2}
.jrny-hero__fade--a,.jrny-hero__fade--b,.jrny-hero__fade--c,.jrny-hero__glow{inset:auto;top:0;left:0;margin-top:8.55%;width:100%;height:auto;aspect-ratio:440/495.4;border-radius:0}
.jrny-hero__fade--a{z-index:1;background:linear-gradient(to top,#222 1.27%,rgba(24,24,24,.25) 36.56%,rgba(24,24,24,0) 71.85%)}
.jrny-hero__fade--b,.jrny-hero__fade--c,.jrny-hero__glow{z-index:3;background:linear-gradient(to top,#222 .95%,rgba(24,24,24,.25) 25.5%,rgba(24,24,24,0) 50%)}
.jrny-hero__fade--d{inset:auto 0 0 0;top:0;margin-top:121.14%;z-index:3;background:#222}
.jrny-selo{left:65.47%;right:auto;top:0;margin-top:21.82%;width:22.42%;height:auto;aspect-ratio:1;z-index:1}
/* textura só sobre a foto (2065x639 no Figma), com saída suave para não marcar emenda no #222 */
.jrny-hero__bg>picture>.jrny-texture{top:0;margin-top:-3.42%;width:469.4%;height:auto;z-index:3;-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent);mask-image:linear-gradient(to bottom,#000 80%,transparent)}
/* slide claro (Figma node 5128:2760): ilustração 277x274 em 76,72; campo de busca escuro #302e2a */
.jrny-hero__art{top:0;margin-top:16.36%;bottom:auto;right:auto;left:17.32%;width:63.09%;opacity:1}
.jrny-hero__frame.is-light .jrny-search__field{background:var(--line)}
/* título e parágrafo centralizados, escalando com a largura (40px / 18px no quadro de 440px do Figma);
as quebras de linha do Figma (4 + 3 linhas) são forçadas com
*/
.jrny-hero__copy{padding-top:79.09%;gap:24px;text-align:center}
.jrny-hero__title{font-size:min(40px,9.09vw);line-height:1.265}
.jrny-hero__sub{font-size:min(18px,4.09vw)}
.jrny-hero__title .jrny-br-m,.jrny-hero__sub .jrny-br-m{display:inline}
/* busca: campo e botão empilhados (vão 10px), botão de largura total com a seta na ponta direita */
.jrny-hero__cta{margin-top:31px;gap:42px}
.jrny-search{gap:10px}
.jrny-search .jrny-btn{width:100%;height:63px;font-size:18px;justify-content:space-between}
/* tagline: sem quebra forçada, o texto flui em 3 linhas como no Figma */
.jrny-hero .jrny-tagline br:not(.jrny-br-m){display:none}
.jrny-hero .jrny-tagline{gap:18px}
.jrny-hero .jrny-tagline p{font-size:min(18px,4.09vw)}
.jrny-hero__cards{margin-top:64px}
/* setas do slider (Figma mobile do slide claro, node 5128:2760): abas de 52px encostadas nas bordas, em y=175
(39.77% da largura, escala com o quadro); bolinha 32px e ícone 20px vêm do bloco ≤900. Deslize lateral também troca (JS). */
.jrny-hero__arrow{top:0;margin-top:39.77%}
}
/* ---- Celular largo e tablet (520–900px): título do slide claro em 3 linhas ---- */
@media (min-width:520px) and (max-width:900px){
.jrny-hero__title .jrny-br-m--narrow{display:none!important}
}
/* ---- Tablet retrato (701–900px): título sem quebras forçadas (o Chrome não equilibra linhas quando há
)
e com linhas equilibradas, para não sobrar palavra sozinha na última linha ---- */
@media (min-width:701px) and (max-width:900px){
.jrny-hero__title .jrny-br-m{display:none!important}
.jrny-hero__title{text-wrap:balance}
}
/* ---- Mobile ---- */
@media (max-width:700px){
.jrny-feature{flex:1 1 100%}
.jrny-step__row{flex-direction:column;height:auto;width:100%}
.jrny-step__txt{width:100%}
.jrny-step__img{width:100%;height:auto;aspect-ratio:325/237}
.jrny-step__img:empty{aspect-ratio:auto;height:72px}
.jrny-steps__col::before,.jrny-steps__fill{display:none}
.jrny-step{gap:0}
.jrny-step__dot{display:none}
.jrny-form{grid-template-columns:1fr}
/* "A different kind" — layout do frame mobile do Figma (5127-1623, 440px):
título 35px em 3 linhas ("A different / kind of storage / company."), subtítulo 25px em 2 linhas,
só o cartão creme (o cartão do telefone sai), foto quase quadrada (376x354) sem gradiente/textura */
.jrny-different__copy{padding:40px 24px 32px}
/* 35px no frame de 440px; em telas mais estreitas o corpo acompanha a largura (largura útil = 100vw - 116px)
para "KIND OF STORAGE" (302px a 35px, com 3% de folga) continuar numa linha só e o título ficar em 3 linhas como no Figma */
.jrny-different__txt h2{font-size:min(35px,(100vw - 116px)*.112);letter-spacing:-.02em;text-wrap:wrap}
.jrny-different__txt h2 .jrny-br-m{display:inline}
.jrny-different__paras h3{font-size:25px;letter-spacing:-.5px}
.jrny-different__paras h3 b{display:block}
.jrny-different__cards{margin-top:-13px}
.jrny-different__phone{display:none}
.jrny-different__note{min-height:0;border-radius:0 0 35px 0}
.jrny-different__img{height:auto;aspect-ratio:376/354;border:0}
/* recorte do Figma: imagem 716x403 (altura 113.8% da caixa) deslocada para o centro da família */
.jrny-different__img>img:first-child{inset:auto;left:-42.4%;top:-6.5%;width:190.4%;height:auto;object-fit:fill}
.jrny-different__img .jrny-texture,.jrny-different__img::after{display:none}
.jrny-community__frame{padding-bottom:70px}
}
@media (max-width:420px){
.jrny-hero .jrny-tagline{gap:14px}
.jrny-hero .jrny-tagline__j{width:40px;height:35.8px}
.jrny-need__caption p{font-size:16px}
.jrny-contact__row h3{font-size:19px}
.jrny-contact__row p{font-size:16px}
}
/* ---- Celular deitado: hero curta, sem sobra de topo ---- */
@media (max-width:900px) and (max-height:520px) and (orientation:landscape){
.jrny-hero__copy{padding-top:140px;gap:16px}
.jrny-hero__title{font-size:34px}
.jrny-hero__sub{font-size:16px}
.jrny-hero__cta{margin-top:28px;gap:20px}
.jrny-selo{width:72px;height:72px;top:80px}
.jrny-hero__art{opacity:.35}
}
/* ---------- Cursor: bolinha + chip de texto que muda por seção (só mouse fino, sem reduced-motion) ---------- */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
html.jrny-cur, html.jrny-cur body, html.jrny-cur .jrny *{cursor:none!important}
html.jrny-cur.jrny-cur--text .jrny input, html.jrny-cur.jrny-cur--text .jrny textarea{cursor:text!important}
.jrny-cursor{position:fixed;left:0;top:0;z-index:2147483000;pointer-events:none;contain:layout style}
.jrny-cursor__dot{position:absolute;left:0;top:0;width:22px;height:22px;margin:-2px 0 0 -2px;transform-origin:2px 2px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35));transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .2s;will-change:transform}
.jrny-cursor__dot svg{display:block;width:100%;height:100%}
.jrny-cursor__dot path{fill:#181818;stroke:#f9f5ee;stroke-width:1.6;stroke-linejoin:round;transition:fill .25s,stroke .25s}
.jrny-cursor__chip{position:absolute;left:0;top:0;box-sizing:border-box;height:34px;padding:0 14px;border-radius:900px;background:linear-gradient(180deg,#e8622a 0%,#f3723c 41.667%,#ff834f 83.333%);color:#f5f0e8;font:700 13px/34px "LatoJ","Lato","LatoJ Fallback",system-ui,sans-serif;letter-spacing:.01em;white-space:nowrap;overflow:hidden;box-shadow:0 8px 24px -6px rgba(255,99,32,.55);transform-origin:0 0;transition:width .32s cubic-bezier(.16,1,.3,1),opacity .22s,transform .32s cubic-bezier(.16,1,.3,1),background .25s,color .25s;will-change:transform;opacity:0;transform:translate(22px,22px) scale(.6)}
.jrny-cursor__chip span{display:block;transition:opacity .16s,transform .22s cubic-bezier(.16,1,.3,1)}
.jrny-cursor__chip.is-swap span{opacity:0;transform:translateY(5px)}
.jrny-cursor__ghost{position:absolute;visibility:hidden;white-space:nowrap;box-sizing:border-box;padding:0 14px;font:700 13px/34px "LatoJ","Lato","LatoJ Fallback",system-ui,sans-serif;letter-spacing:.01em}
.jrny-cursor.has-chip .jrny-cursor__chip{opacity:1;transform:translate(22px,22px) scale(1)}
.jrny-cursor.is-hidden .jrny-cursor__dot,.jrny-cursor.is-hidden .jrny-cursor__chip{opacity:0}
.jrny-cursor.is-hover .jrny-cursor__dot{transform:scale(1.12)}
.jrny-cursor.is-hover .jrny-cursor__dot path{fill:#ff6320;stroke:#f9f5ee}
.jrny-cursor.is-hover .jrny-cursor__chip{background:#f9f5ee;color:#181818;background-image:none;box-shadow:0 8px 24px -6px rgba(0,0,0,.35)}
.jrny-cursor.is-down .jrny-cursor__dot{transform:scale(.85)}
.jrny-cursor.is-down .jrny-cursor__chip{transform:translate(22px,22px) scale(.94)}
.jrny-cursor.is-text .jrny-cursor__dot{opacity:0}
}
@media not all and (hover:hover) and (pointer:fine){.jrny-cursor{display:none}}
.jrny-form .jrny-form-status{position:absolute;left:190px;right:0;bottom:17px;margin:0}
@media (max-width:1400px){.jrny-form .jrny-form-status{position:static;grid-column:1/-1}}
.jrny-contact__row a{transition:color .2s ease}
.jrny-contact__row a:hover{color:var(--cream-2)}
.jrny-contact__row a:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:2px}
/* =====================================================================
RENT A SPACE — seções novas (prefixo jrny-rs-), sobre os tokens do Home
===================================================================== */
.jrny-rs-link{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--orange-2);transition:gap .35s cubic-bezier(.16,1,.3,1)}
.jrny-rs-link svg{width:18px;height:18px}
.jrny-rs-link:hover,.jrny-rs-link:focus-visible{gap:14px}
.jrny-rs-chips{display:flex;flex-wrap:wrap;gap:8px}
.jrny-rs-chips li{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:900px;font-size:13px;font-weight:600;line-height:1;white-space:nowrap}
/* ---------- HERO ---------- */
.jrny-hero--page .jrny-hero__frame{height:820px}
.jrny-rs-hero__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;animation:jrny-rs-zoom 7s ease-out both}
@keyframes jrny-rs-zoom{from{transform:scale(1.06)}to{transform:scale(1)}}
.jrny-rs-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,24,24,.94) 0%,rgba(24,24,24,.78) 34%,rgba(24,24,24,.2) 72%,rgba(24,24,24,.1) 100%),linear-gradient(to top,rgba(24,24,24,.9) 0%,rgba(24,24,24,0) 42%)}
.jrny-hero--page .jrny-hero__copy{gap:28px}
.jrny-hero--page .jrny-hero__title{width:720px;font-size:72px;letter-spacing:-1.44px}
.jrny-hero--page .jrny-hero__title b{font-weight:800}
.jrny-hero--page .jrny-hero__cta{top:424px;gap:26px}
.jrny-rs-popular{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:14px;font-weight:600;color:var(--muted)}
.jrny-rs-popular .jrny-rs-chips li{background:rgba(48,46,42,.8);border:1px solid #4b4b4b;color:var(--cream-2)}
.jrny-hero--page .jrny-feature p a{color:var(--txt);font-weight:700}
.jrny-hero--page .jrny-feature p a:hover{color:var(--orange-2)}
/* ---------- LOCATIONS ---------- */
.jrny-rs-loc .jrny-need__wrap{min-height:0;padding-bottom:110px}
.jrny-rs-loc .jrny-need__head h2{width:auto;flex:0 1 auto}
.jrny-rs-loc .jrny-need__head{width:auto;padding-right:80px}
.jrny-rs-loc .jrny-need__head p{width:470px;flex:none;text-wrap:pretty}
.jrny-rs-loc{background:transparent;color:var(--txt)}
.jrny-rs-loc .jrny-need__wrap>.jrny-vline{top:-25px}
/* linha lateral direita ligando o fim do CTA, o divisor e o rodapé (70px do divisor + 19px dele + 97px até o rodapé) */
.jrny-rs-cta__vr{top:auto;bottom:-97px;right:calc(50% - min(720px,50% - 32px));height:186px}
@media (max-width:900px){.jrny-rs-cta__vr{display:none}}
.jrny-rs-about .jrny-divider--bar{width:min(1440px,calc(100% - 64px))}
.jrny-rs-about .jrny-steps__wrap>.jrny-vline--r{right:0;top:-47px}
.jrny-rs-loc .jrny-need__wrap>.jrny-vline{background:var(--line)}
.jrny-rs-loc .jrny-need__head h2{color:var(--txt)}
.jrny-rs-loc .jrny-need__head p{color:var(--muted)}
.jrny-rs-loc .jrny-need__head p b{color:var(--txt)}
.jrny-rs-loc__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:80px;padding:0 80px}
.jrny-rs-card{display:flex;flex-direction:column;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:0 35px 35px 35px;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s}
.jrny-rs-card__img{position:relative;aspect-ratio:420/230;overflow:hidden;background:var(--line)}
.jrny-rs-card__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.jrny-rs-card__img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(24,24,24,.55),rgba(24,24,24,0) 45%)}
.jrny-rs-card__tag{position:absolute;left:0;top:0;z-index:2;padding:10px 18px;border-radius:0 0 18px 0;background:var(--orange-2);color:var(--txt);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.jrny-rs-card__body{display:flex;flex-direction:column;flex:1;gap:16px;padding:26px 28px 28px}
.jrny-rs-card__body h3{font-size:30px;line-height:1.1;letter-spacing:-.6px;text-transform:uppercase;font-weight:300;color:var(--txt)}
.jrny-rs-card__body h3 b{font-weight:800}
.jrny-rs-card__desc{font-size:16px;line-height:1.4;font-weight:500;color:var(--muted)}
.jrny-rs-card__meta{display:flex;flex-direction:column;gap:8px;padding:14px 0;border-top:2px solid var(--line-2);border-bottom:2px solid var(--line-2);font-size:15px;line-height:1.35;font-weight:500;color:var(--muted)}
.jrny-rs-card__meta li{display:flex;align-items:baseline;gap:10px}
.jrny-rs-card__meta li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange-2);flex:none;transform:translateY(-2px)}
.jrny-rs-card__meta a{font-weight:700;color:var(--txt)}
.jrny-rs-card__meta a:hover{color:var(--orange-2)}
.jrny-rs-card .jrny-rs-chips li{background:rgba(255,99,32,.12);color:var(--cream-2)}
.jrny-rs-card .jrny-rs-chips li svg{color:var(--orange-2)}
.jrny-rs-card .jrny-rs-chips li{gap:7px;padding:0 13px 0 11px}
.jrny-rs-chips li svg{width:14px;height:14px;flex:none}
.jrny-rs-card .jrny-btn{margin-top:auto;align-self:flex-start;height:48px}
.jrny-rs-card .jrny-rs-chips{gap:6px}
.jrny-rs-card .jrny-rs-chips li{height:30px}
.jrny-rs-card .jrny-btn--outline{border-color:var(--cream-2);color:var(--txt)}
.jrny-rs-card .jrny-btn__ic{background:var(--cream-2);color:#242424}
.jrny-rs-card .jrny-btn::before{background:var(--cream-2)}
.jrny-rs-card .jrny-btn:hover,.jrny-rs-card .jrny-btn:focus-visible{color:var(--ink);border-color:var(--cream-2)}
@media (hover:hover){
.jrny-rs-card:hover{transform:translateY(-6px);box-shadow:0 24px 40px -22px rgba(24,24,24,.6)}
.jrny-rs-card:hover .jrny-rs-card__img img{transform:scale(1.05)}
}
/* ---------- WHAT TO EXPECT ---------- */
/* 3 cartões empilhados: cada um gruda no topo e o seguinte sobe por cima; o de trás encolhe e escurece (script no fim) */
.jrny-rs-about .jrny-steps__grid{grid-template-columns:minmax(0,1fr);gap:64px;padding:0 80px}
.jrny-rs-about .jrny-steps__head{position:relative;top:auto;display:grid;grid-template-columns:max-content minmax(0,470px);justify-content:space-between;align-items:end;gap:22px 60px}
.jrny-rs-about .jrny-steps__head h2{white-space:nowrap}
.jrny-rs-facts{--stack-top:110px;--stack-step:18px;display:flex;flex-direction:column;gap:28px}
.jrny-rs-fact{position:sticky;top:calc(var(--stack-top) + var(--n,0)*var(--stack-step))}
.jrny-rs-fact__card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;min-height:470px;padding:44px 44px 44px 50px;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-bottom:4px solid var(--orange-2);border-radius:0 35px 35px 35px;box-shadow:0 -22px 44px -26px rgba(0,0,0,.75);transform-origin:50% 0;will-change:transform}
.jrny-rs-fact__card::after{content:"";position:absolute;inset:0;background:#141414;opacity:var(--dim,0);pointer-events:none}
.jrny-rs-fact__txt{display:flex;flex-direction:column;gap:22px;min-width:0}
.jrny-rs-fact__ic{display:flex;align-items:center;justify-content:center;width:56px;height:56px;flex:none;border-radius:0 16px 16px 16px;background:rgba(255,99,32,.12);border:1px solid rgba(255,99,32,.28);color:var(--orange-2)}
.jrny-rs-fact__ic svg{width:28px;height:28px}
.jrny-rs-fact__txt h3{font-size:clamp(28px,2.6vw,38px);line-height:1.08;letter-spacing:-.7px;text-transform:uppercase;font-weight:300;color:var(--txt);text-wrap:balance}
.jrny-rs-fact__txt h3 b{display:block;font-weight:800}
.jrny-rs-fact__txt p{margin-top:auto;max-width:560px}
/* espaço da foto: basta colocar um ![]()
dentro de .jrny-rs-fact__media que ele cobre o marcador */
.jrny-rs-fact__media{position:relative;min-height:0;overflow:hidden;border-radius:0 28px 28px 28px;background:#1b1b1b var(--dots) 0 0/64px 64px repeat;border:1px solid var(--line-2)}
.jrny-rs-fact__media>img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover}
.jrny-rs-fact__ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(120% 90% at 50% 100%,rgba(255,99,32,.14),rgba(255,99,32,0) 70%);font-size:13px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted)}
.jrny-rs-fact__ph img{width:40px;height:40px;opacity:.9}
@media (max-height:640px){.jrny-rs-fact{position:relative;top:auto}}
/* ---------- FEATURED FACILITY ---------- */
.jrny-rs-featured .jrny-different__copy{top:58px;gap:34px}
.jrny-rs-featured .jrny-different__txt{gap:26px}
.jrny-rs-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;font-size:16px;line-height:1.35;font-weight:600;color:var(--cream-2)}
.jrny-rs-list li{display:flex;align-items:flex-start;gap:12px}
.jrny-rs-list li::before{content:"";width:20px;height:20px;border-radius:50%;flex:none;background:rgba(255,99,32,.15) url("data:image/svg+xml;utf8,") center/100% no-repeat}
.jrny-rs-actions{display:flex;flex-wrap:wrap;gap:12px}
/* flagship: palco com galeria em abas (troca sozinha a cada 6s, pausa no hover/foco e fora da tela) + faixa de números */
.jrny-rs-featured .jrny-different__img{width:min(688px,calc(100% - 745px))}
.jrny-rs-ft__bento{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.jrny-rs-ft__bento li{display:flex;align-items:center;gap:14px;min-width:0;padding:16px 18px;border:2px solid var(--line);border-radius:0 0 24px 0;background:rgba(255,255,255,.02);transition:border-color .3s,background .3s}
.jrny-rs-ft__bento .is-a,.jrny-rs-ft__bento .is-d{grid-column:span 3}
.jrny-rs-ft__bento .is-b,.jrny-rs-ft__bento .is-c{grid-column:span 2}
.jrny-rs-ft__bento li:hover{border-color:rgba(255,99,32,.45);background:rgba(255,99,32,.04)}
.jrny-rs-ft__ic{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;border-radius:12px;background:rgba(255,99,32,.12);color:var(--orange-2);transition:background .3s,color .3s,transform .35s cubic-bezier(.16,1,.3,1)}
.jrny-rs-ft__ic svg{width:22px;height:22px}
.jrny-rs-ft__bento li:hover .jrny-rs-ft__ic{background:var(--orange-2);color:var(--txt);transform:rotate(-8deg) scale(1.06)}
.jrny-rs-ft__bento p{font-size:15px;line-height:1.35;font-weight:500;color:var(--muted)}
.jrny-rs-ft__bento b{font-weight:800;color:var(--txt)}
.jrny-rs-ft__bento .is-c b{white-space:nowrap}
.jrny-rs-ft__slides{position:absolute;inset:0;overflow:hidden}
.jrny-rs-ft__slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.12);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1.4s cubic-bezier(.16,1,.3,1)}
.jrny-rs-ft__slides img.is-on{opacity:1;transform:scale(1.04)}
.jrny-rs-ft__stage.is-auto:not(.is-off) .jrny-rs-ft__slides img.is-on{transform:scale(1);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 7s linear}
.jrny-rs-ft__stage{overflow:clip;background:var(--bg);border-radius:0}
.jrny-rs-ft__stage::after{display:none}
.jrny-rs-ft__stage::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,rgba(24,24,24,.45) 0,rgba(24,24,24,0) 18%),linear-gradient(to top,rgba(18,18,18,.97) 0,rgba(18,18,18,.86) 22%,rgba(18,18,18,.5) 42%,rgba(18,18,18,.18) 58%,rgba(18,18,18,0) 70%)}
.jrny-rs-ft__bars{position:absolute;left:28px;top:24px;z-index:3;display:flex;align-items:center;gap:6px;width:clamp(160px,30%,220px);padding:10px 14px;border-radius:900px;background:rgba(20,20,20,.5);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 10px 30px -12px rgba(0,0,0,.5)}
.jrny-rs-ft__bars i{position:relative;flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.18);overflow:hidden;transition:flex-grow .6s cubic-bezier(.16,1,.3,1)}
.jrny-rs-ft__bars i.is-on{flex-grow:2.2}
.jrny-rs-ft__bars i b{display:block;height:100%;border-radius:inherit;background:rgba(255,252,248,.75);transform:scaleX(0);transform-origin:0 50%}
.jrny-rs-ft__bars i.is-done b{transform:scaleX(1)}
.jrny-rs-ft__bars i.is-on b{background:linear-gradient(90deg,var(--orange) 0,var(--orange-2) 100%);box-shadow:0 0 10px rgba(255,99,32,.7)}
.jrny-rs-ft__stage:not(.is-auto) .jrny-rs-ft__bars i.is-on b{transform:scaleX(1)}
.jrny-rs-ft__stage.is-auto .jrny-rs-ft__bars i.is-on b{animation:jrny-rs-ft-prog 6s linear forwards}
.jrny-rs-ft__stage.is-off .jrny-rs-ft__bars i b,.jrny-rs-ft__stage:hover .jrny-rs-ft__bars i b,.jrny-rs-ft__stage:focus-within .jrny-rs-ft__bars i b{animation-play-state:paused}
@keyframes jrny-rs-ft-prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.jrny-rs-ft__ui{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;gap:26px;padding:0 28px 28px}
.jrny-rs-ft__caps{display:grid;min-width:0}
.jrny-rs-ft__cap{grid-area:1/1;align-self:end;display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(14px);filter:blur(6px);transition:opacity .35s,transform .6s cubic-bezier(.16,1,.3,1),filter .4s;pointer-events:none}
.jrny-rs-ft__cap.is-on{opacity:1;transform:none;filter:none;transition-delay:.2s}
.jrny-rs-ft__cap span{font-size:12px;line-height:1;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-2)}
.jrny-rs-ft__cap h3{font-size:clamp(28px,2.4vw,36px);line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;font-weight:300;color:var(--txt);text-wrap:balance}
.jrny-rs-ft__cap h3 b{font-weight:800}
.jrny-rs-ft__cap p{font-size:16px;line-height:1.4;font-weight:500;color:rgba(255,252,248,.72)}
.jrny-rs-ft__ctrl{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14)}
.jrny-rs-ft__tabs{position:relative;display:flex;padding:5px;border-radius:900px;background:rgba(20,20,20,.5);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4)}
.jrny-rs-ft__pill{position:absolute;left:0;top:5px;bottom:5px;width:0;border-radius:900px;background:var(--orange-2);box-shadow:0 8px 24px -8px rgba(255,99,32,.7);transition:transform .55s cubic-bezier(.16,1,.3,1),width .55s cubic-bezier(.16,1,.3,1)}
.jrny-rs-ft__tab{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 18px 11px 14px;border-radius:900px;background:none;border:0;color:rgba(255,252,248,.7);font:inherit;font-size:14px;line-height:1;font-weight:700;cursor:pointer;white-space:nowrap;transition:color .3s}
.jrny-rs-ft__tab svg{flex:none;width:16px;height:16px;color:var(--orange-2);transition:color .3s}
.jrny-rs-ft__tab[aria-selected="true"] svg{color:#fff}
.jrny-rs-ft__tab:hover{color:var(--txt)}
.jrny-rs-ft__tab[aria-selected="true"]{color:#fff}
.jrny-rs-ft__tab:focus-visible,.jrny-rs-ft__arr:focus-visible{outline:2px solid var(--orange-2);outline-offset:3px}
.jrny-rs-ft__arrows{display:flex;gap:8px}
.jrny-rs-ft__arr{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:rgba(20,20,20,.5);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--txt);cursor:pointer;transition:background .3s,border-color .3s,transform .35s cubic-bezier(.16,1,.3,1)}
.jrny-rs-ft__arr svg{width:18px;height:18px}
.jrny-rs-ft__arr:hover{background:var(--txt);border-color:var(--txt);color:#181818}
.jrny-rs-ft__arr:active{transform:scale(.92)}
@media (prefers-reduced-motion:reduce){
.jrny-rs-ft__slides img,.jrny-rs-ft__cap{transition:opacity .2s!important;transform:none!important;filter:none}
.jrny-rs-ft__pill{transition:none}
}
/* ---------- SIZES AND PRICES ---------- */
.jrny-rs-sizes .jrny-sizes__wrap{min-height:0}
/* cabeçalho em grade: título | texto (base alinhada à do título) / setas embaixo do título */
.jrny-rs-sizes .jrny-rs-sizes__head{display:grid;grid-template-columns:minmax(0,560px) minmax(0,470px);justify-content:space-between;align-items:end;row-gap:30px;column-gap:60px}
.jrny-rs-sizes__head h2{grid-column:1;grid-row:1;width:auto}
/* setas laterais no estilo do Home: abas nas bordas da tela, centradas na altura dos cartões */
.jrny-rs-sizes .jrny-sizes__panel{container-type:inline-size}
/* barra de progresso do carrossel: o trecho laranja mostra quanto da fila está à vista e onde */
.jrny-rs-prog{position:relative;width:180px;height:3px;margin:40px 0 0 calc(80px + (min(1280px,100% - 120px) - 180px)/2);border-radius:3px;background:rgba(24,24,24,.12);overflow:hidden}
.jrny-rs-prog i{position:absolute;left:0;top:0;bottom:0;width:30%;border-radius:inherit;background:var(--orange-2);transition:transform .55s cubic-bezier(.2,.8,.2,1),width .3s}
.jrny-rs-prog.is-drag i{transition:none}
@media (max-width:900px){.jrny-rs-prog{width:140px;margin:28px auto 0}}
.jrny-rs-car{position:relative}
.jrny-rs-sidenav{position:absolute;inset:0;z-index:6;display:block;gap:0;pointer-events:none}
.jrny-rs-sidenav button{position:absolute;top:calc(50% + 7px);width:80px;height:auto;padding:10px;margin-top:-29.5px;border:0;display:flex;align-items:center;background:var(--line);pointer-events:auto;cursor:pointer;transition:none}
.jrny-rs-sidenav button:hover{transform:none}
.jrny-rs-sidenav .is-prev{left:calc(50% - 50cqw);border-radius:0 900px 900px 0;justify-content:flex-end}
.jrny-rs-sidenav .is-next{right:calc(50% - 50cqw);border-radius:900px 0 0 900px;justify-content:flex-start}
.jrny-rs-sidenav button span{position:relative;display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:50%;background:#54524a;color:var(--cream-2);overflow:hidden;transition:transform .25s}
.jrny-rs-sidenav button span::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--grad);transform:scale(0);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.jrny-rs-sidenav button span svg{position:relative;z-index:1;width:27px;height:27px}
.jrny-rs-sidenav button:hover span,.jrny-rs-sidenav button:focus-visible span{background:#54524a;transform:scale(1.06)}
.jrny-rs-sidenav button:hover span::before,.jrny-rs-sidenav button:focus-visible span::before{transform:scale(1)}
.jrny-rs-sidenav button:disabled{opacity:.45;cursor:default}
.jrny-rs-sidenav button:disabled span::before{transform:scale(0)}
.jrny-rs-sizes__intro{grid-column:2;grid-row:1;padding:4px 0;font-size:18px;line-height:1.45;font-weight:500;color:var(--ink-muted)}
.jrny-rs-sizes__intro b{font-weight:800;color:#181818}
.jrny-rs-sizes .jrny-size__lbl{width:168px}
/* cartão com bloco de compra: preço em destaque + botão (cara de checkout) */
.jrny-rs-sizes .jrny-size{height:540.6px;background:var(--cream-3)}
/* 4 cartões por vez, alinhados à largura do cabeçalho (sem cartão cortado na borda); 3 em telas médias */
@media (min-width:901px){
.jrny-rs-sizes .jrny-sizes__viewport{width:min(1280px,calc(100% - 120px))}
.jrny-rs-sizes .jrny-size{width:calc((100% - 33px)/4)}
}
@media (min-width:901px) and (max-width:1199px){
.jrny-rs-sizes .jrny-size{width:calc((100% - 22px)/3)}
}
.jrny-rs-sizes .jrny-sizes__panel::before{background:#fffdfa}
.jrny-rs-buy{position:absolute;left:0;right:0;top:420.6px;bottom:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 20px 0 26.5px;background:var(--cream);border-top:3px solid var(--orange-2)}
.jrny-rs-buy__price{display:flex;flex-direction:column;gap:4px;min-width:0;color:var(--ink)}
.jrny-rs-buy__price small{white-space:nowrap;font-size:10.5px;line-height:1;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}
.jrny-rs-buy__price p{display:flex;align-items:flex-start;line-height:1;white-space:nowrap}
.jrny-rs-buy__price sup{margin:5px 2px 0 0;font-size:18px;line-height:1;font-weight:800;color:var(--orange-2)}
.jrny-rs-buy__price b{font-size:46px;line-height:.95;letter-spacing:-1.4px;font-weight:900}
.jrny-rs-buy__price span{align-self:flex-end;margin:0 0 4px 3px;font-size:14px;font-weight:600;color:var(--ink-muted)}
.jrny-rs-buy__price em{font-style:normal;font-size:11px;line-height:1.2;font-weight:600;color:var(--ink-muted);white-space:nowrap}
.jrny-rs-buy .jrny-btn{height:46px;padding:0 14px 0 18px;gap:9px;font-size:14px;flex:none}
.jrny-rs-buy .jrny-btn__ic{width:20px;height:20px}
/* ---------- BUSINESS ---------- */
.jrny-rs-biz__wrap{padding-top:96px;padding-bottom:20px}
.jrny-rs-biz__head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:0 80px}
.jrny-rs-biz__head>div{display:flex;flex-direction:column;gap:19px;width:560px;max-width:100%}
.jrny-rs-biz__head>aside{display:flex;flex-direction:column;align-items:flex-start;gap:26px;width:508px;max-width:100%}
.jrny-rs-biz__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:64px;padding:0 80px}
.jrny-rs-biz__card{display:flex;flex-direction:column;gap:18px;padding:34px 32px 32px;border-radius:30px;background:var(--panel);border:1px solid var(--line);border-bottom:4px solid var(--orange-2)}
.jrny-rs-biz__card h3{font-size:22px;line-height:1.2;letter-spacing:-.44px;text-transform:uppercase;font-weight:300;color:var(--muted-2)}
.jrny-rs-biz__card h3 b{font-weight:800}
.jrny-rs-biz__card p{font-size:16px;line-height:1.45;font-weight:500;color:var(--muted)}
.jrny-rs-biz__card .jrny-rs-link{margin-top:auto;padding-top:6px}
/* Business: acordeão (linhas que se desenham ao entrar; no hover/toque a linha abre, a foto cresce e o texto extra aparece) */
.jrny-rs-acc{margin:64px 0 0;padding:0 80px;list-style:none}
.jrny-rs-acc::after{content:"";display:block;height:2px;background:var(--line-2);transform:scaleX(var(--acc-end,0));transform-origin:left;transition:transform 1.1s cubic-bezier(.16,1,.3,1) .36s}
.jrny-rs-acc.is-in{--acc-end:1}
.jrny-rs-acc__row{position:relative;display:grid;grid-template-columns:90px minmax(0,340px) minmax(0,1fr) 52px;gap:32px;padding:28px 0;cursor:pointer}
.jrny-rs-acc__row::before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:var(--line-2);transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.jrny-rs-acc__row.is-in::before{transform:scaleX(1)}
.jrny-rs-acc__num{padding-top:6px;font-size:13px;font-weight:700;letter-spacing:1.3px;color:var(--muted);font-variant-numeric:tabular-nums;transition:color .4s cubic-bezier(.16,1,.3,1)}
.jrny-rs-acc__media{position:relative;width:180px;height:128px;border-radius:0 22px 22px 22px;overflow:hidden;background:var(--panel);border:1px solid var(--line);transition:width .7s cubic-bezier(.16,1,.3,1),height .7s cubic-bezier(.16,1,.3,1)}
.jrny-rs-acc__media>img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1s cubic-bezier(.16,1,.3,1)}
.jrny-rs-acc__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 90% at 50% 100%,rgba(255,99,32,.14),rgba(255,99,32,0) 70%)}
.jrny-rs-acc__ph em{font-style:normal;font-size:13px;line-height:1;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:transform .8s cubic-bezier(.16,1,.3,1)}
.jrny-rs-acc__num img{display:block;width:30px;height:30px;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.jrny-rs-acc__row.is-open .jrny-rs-acc__num img{transform:scale(1.12)}
.jrny-rs-acc__title{font-size:clamp(26px,2.5vw,36px);line-height:1.05;letter-spacing:-.6px;text-transform:uppercase;font-weight:300;color:var(--muted);transition:color .4s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.jrny-rs-acc__title b{font-weight:800}
.jrny-rs-acc__tag{margin-top:12px;font-size:16px;line-height:1.45;font-weight:500;color:var(--muted)}
.jrny-rs-acc__more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s cubic-bezier(.16,1,.3,1)}
.jrny-rs-acc__more>div{overflow:hidden;min-height:0;visibility:hidden;transition:visibility 0s .7s}
.jrny-rs-acc__more p{max-width:460px;padding-top:18px;font-size:16px;line-height:1.5;font-weight:500;color:var(--muted-2);opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.jrny-rs-acc__fits{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 0;padding:0;list-style:none;opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1)}
.jrny-rs-acc__fits li{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px 0 11px;border-radius:900px;background:rgba(255,99,32,.12);color:var(--cream-2);font-size:13px;font-weight:600;line-height:1;white-space:nowrap}
.jrny-rs-acc__fits li svg{width:14px;height:14px;flex:none;color:var(--orange-2)}
.jrny-rs-acc__more .jrny-rs-link{margin:22px 0 4px;opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),gap .35s cubic-bezier(.16,1,.3,1)}
.jrny-rs-acc__plus{align-self:start;justify-self:end;display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border-radius:50%;background:none;border:2px solid var(--line-2);color:var(--muted);cursor:pointer;transition:transform .5s cubic-bezier(.16,1,.3,1),background .4s,border-color .4s,color .4s}
.jrny-rs-acc__plus svg{width:20px;height:20px}
.jrny-rs-acc__plus:focus-visible{outline:2px solid var(--orange-2);outline-offset:4px}
/* entrada ao rolar: número, foto, texto e botão sobem em sequência depois da linha */
.jrny-rs-acc__rv{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.jrny-rs-acc__row.is-in .jrny-rs-acc__rv{opacity:1;transform:none}
.jrny-rs-acc__row.is-in .jrny-rs-acc__media{transition:opacity .8s cubic-bezier(.16,1,.3,1) .08s,transform .9s cubic-bezier(.16,1,.3,1) .08s,width .7s cubic-bezier(.16,1,.3,1),height .7s cubic-bezier(.16,1,.3,1)}
.jrny-rs-acc__row.is-in .jrny-rs-acc__text{transition-delay:.16s}
.jrny-rs-acc__row.is-in .jrny-rs-acc__plus{transition:opacity .8s cubic-bezier(.16,1,.3,1) .24s,transform .5s cubic-bezier(.16,1,.3,1),background .4s,border-color .4s,color .4s}
/* aberto */
.jrny-rs-acc__row.is-open .jrny-rs-acc__num{color:var(--orange-2)}
.jrny-rs-acc__row.is-open .jrny-rs-acc__media{width:340px;height:240px}
.jrny-rs-acc__row.is-open .jrny-rs-acc__media>img{transform:scale(1)}
.jrny-rs-acc__row.is-open .jrny-rs-acc__ph em{transform:scale(1.2)}
.jrny-rs-acc__row.is-open .jrny-rs-acc__title{color:var(--txt);transform:translateX(4px)}
.jrny-rs-acc__row.is-open .jrny-rs-acc__more{grid-template-rows:1fr}
.jrny-rs-acc__row.is-open .jrny-rs-acc__more>div{visibility:visible;transition-delay:0s}
.jrny-rs-acc__row.is-open .jrny-rs-acc__more p{opacity:1;transform:none;transition-delay:.15s}
.jrny-rs-acc__row.is-open .jrny-rs-acc__fits{opacity:1;transition-delay:.25s}
.jrny-rs-acc__row.is-open .jrny-rs-acc__more .jrny-rs-link{opacity:1;transition-delay:.32s,0s}
.jrny-rs-acc__row.is-open .jrny-rs-acc__plus{transform:rotate(45deg);background:var(--orange-2);border-color:var(--orange-2);color:var(--txt)}
@media (max-width:1400px){.jrny-rs-acc{padding:0 40px 0 80px}.jrny-rs-acc__row{grid-template-columns:70px minmax(0,300px) minmax(0,1fr) 52px;gap:24px}.jrny-rs-acc__row.is-open .jrny-rs-acc__media{width:300px;height:220px}}
@media (max-width:900px){
.jrny-rs-acc{margin-top:44px;padding:0 16px}
.jrny-rs-acc__row{grid-template-columns:auto minmax(0,1fr) 44px;grid-template-areas:"num text plus" "media media media";gap:14px 16px;padding:22px 0}
.jrny-rs-acc__num{grid-area:num;padding-top:4px}
.jrny-rs-acc__text{grid-area:text}
.jrny-rs-acc__plus{grid-area:plus;width:44px;height:44px}
.jrny-rs-acc__media{grid-area:media;width:100%;height:0;border-width:0;margin-top:-14px}
.jrny-rs-acc__row.is-open .jrny-rs-acc__media{width:100%;height:220px;border-width:1px;margin-top:0}
.jrny-rs-acc__title{font-size:24px}
.jrny-rs-acc__tag{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
.jrny-rs-acc *,.jrny-rs-acc::after,.jrny-rs-acc__row::before{transition-duration:0s !important;transition-delay:0s !important}
}
/* ---------- CTA FINAL ---------- */
.jrny-rs-cta{position:relative}
/* portão do storage fecha com o scroll; texto entra por cima */
.jrny-rs-cta__pin{position:relative;height:calc(var(--cta-h) + 85vh);--cta-h:min(calc(100vh - 140px),640px)}
@supports (height:100svh){.jrny-rs-cta__pin{--cta-h:min(calc(100svh - 140px),640px)}}
.jrny-rs-cta__frame{--door:0;--txt:0;position:sticky;top:calc((100vh - var(--cta-h))/2);display:flex;align-items:center;justify-content:center;width:min(1440px,calc(100% - 64px));height:var(--cta-h);margin:0 auto;overflow:hidden;background:#2b2c2e;border:2px solid var(--line);border-radius:0 60px 0 0;color:var(--cream-2);container-type:size}
.jrny-rs-cta__stage{position:absolute;left:50%;top:50%;width:max(100cqw,177.683cqh);height:max(100cqh,56.28cqw);transform:translate(-50%,-50%) scale(calc(1.14 - var(--door)*.14));will-change:transform}
.jrny-rs-cta__stage img{position:absolute;inset:0;width:100%;height:100%;display:block}
/* sombra no chão cresce no fim do curso do portão */
.jrny-rs-cta__stage::after{content:"";position:absolute;left:17.6%;top:83%;width:64.75%;height:5%;background:radial-gradient(50% 100% at 50% 0,rgba(0,0,0,.55),rgba(0,0,0,0));opacity:calc((var(--door) - .7)*3.4);pointer-events:none}
/* janela = vão do portão na imagem (x 295–1376, y 116–790 de 1672×941) */
.jrny-rs-cta__door{position:absolute;left:17.6%;top:12.3%;width:64.75%;height:71.7%;overflow:hidden}
.jrny-rs-cta__door img{inset:auto;left:-27.18%;top:-17.16%;width:154.44%;height:139.47%;max-width:none;clip-path:inset(0 0 16% 0);transform:translateY(calc((var(--door) - 1)*88.5%));will-change:transform}
.jrny-rs-cta__door::after{content:"";position:absolute;left:0;right:0;top:0;height:10%;background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,0));pointer-events:none}
.jrny-rs-cta__veil{position:absolute;inset:0;z-index:2;background:radial-gradient(70% 70% at 50% 50%,rgba(20,14,10,.62),rgba(20,14,10,.38));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:var(--txt);pointer-events:none}
.jrny-rs-cta__copy{position:relative;z-index:3;padding:60px 80px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;opacity:var(--txt);transform:translateY(calc((1 - var(--txt))*24px));pointer-events:none}
.jrny-rs-cta__frame.is-ready .jrny-rs-cta__copy a{pointer-events:auto}
.jrny-rs-cta__copy .jrny-rs-actions{justify-content:center}
.jrny-rs-cta__logo{display:block;width:clamp(200px,18vw,260px);height:auto;margin-bottom:6px;filter:drop-shadow(0 2px 16px rgba(0,0,0,.35))}
.jrny-rs-cta__copy h2{font-size:clamp(38px,5vw,68px);line-height:1.08;letter-spacing:-.02em;color:var(--cream-2);text-shadow:0 2px 24px rgba(0,0,0,.35)}
.jrny-rs-cta__copy .jrny-lead{max-width:560px;font-size:clamp(17px,1.4vw,20px);color:rgba(255,255,255,.86)}
.jrny-rs-cta__copy .jrny-lead b{color:#fff}
.jrny-rs-cta__copy .jrny-btn--outline{border-color:var(--cream-2);color:var(--cream-2)}
.jrny-rs-cta__copy .jrny-btn--outline::before{background:var(--cream-2)}
.jrny-rs-cta__copy .jrny-btn--outline:hover,.jrny-rs-cta__copy .jrny-btn--outline:focus-visible{border-color:var(--cream-2);color:#181818}
@media (prefers-reduced-motion:reduce){.jrny-rs-cta__pin{height:auto}.jrny-rs-cta__frame{--door:1;--txt:1;position:relative;top:auto}.jrny-rs-cta__frame .jrny-rs-cta__copy a{pointer-events:auto}}
.jrny-rs-cta__copy .jrny-rs-actions{margin-top:10px}
/* ---------- RESPONSIVO ---------- */
@media (min-width:1401px){
.jrny-rs-featured .jrny-different__frame{height:clamp(600px,calc(100svh - 150px),660px)}
.jrny-rs-featured .jrny-different__txt{gap:20px}
.jrny-rs-featured .jrny-different__paras{gap:22px}
.jrny-rs-featured .jrny-rs-ft__bento li{padding:12px 16px}
.jrny-rs-featured .jrny-rs-ft__ic{width:38px;height:38px}
.jrny-rs-featured .jrny-different__img{height:calc(100% + 12px)}
.jrny-rs-featured .jrny-different__copy{top:0;bottom:0;justify-content:center}
}
@media (min-width:1401px) and (max-width:1600px){
.jrny-rs-card__body{padding:22px 24px 24px}
.jrny-rs-card__body h3{font-size:26px}
}
@media (max-width:1400px){
.jrny-hero--page .jrny-hero__frame{height:auto}
.jrny-hero--page .jrny-hero__copy{padding-top:170px}
.jrny-hero--page .jrny-hero__cta{top:auto;margin-top:44px}
.jrny-hero--page .jrny-hero__cards{margin-top:70px}
.jrny-hero--page .jrny-feature{flex:1 1 calc(33.333% - 10px)}
.jrny-rs-loc .jrny-need__head h2,.jrny-rs-loc .jrny-need__head p{width:auto;flex:1 1 0}
.jrny-rs-loc__grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 40px 0 80px}
.jrny-rs-featured .jrny-different__copy{top:auto}
.jrny-rs-featured .jrny-different__img{width:calc(100% + 4px)}
.jrny-rs-biz__head{padding:0 40px 0 80px}
.jrny-rs-biz__head>div,.jrny-rs-biz__head>aside{width:auto;flex:1 1 0}
.jrny-rs-biz__grid{padding:0 40px 0 80px}
.jrny-rs-cta__copy{padding:60px 40px}
}
@media (max-width:1100px){
.jrny-rs-biz__grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
/* hero: foto cobre o quadro todo (sem a composição "foto no topo" do Home), texto à esquerda */
.jrny-hero--page .jrny-hero__frame{padding-bottom:40px}
.jrny-hero--page .jrny-hero__bg>picture>.jrny-texture{margin-top:0;width:3314px;height:100%;-webkit-mask-image:none;mask-image:none}
.jrny-rs-hero__shade{background:linear-gradient(to top,#222 0%,rgba(24,24,24,.86) 45%,rgba(24,24,24,.55) 100%)}
.jrny-hero--page .jrny-hero__copy{padding-top:132px;gap:20px;text-align:left}
.jrny-hero--page .jrny-hero__title{width:auto;font-size:min(52px,11.4vw);line-height:1.15}
.jrny-hero--page .jrny-hero__sub{font-size:17px}
.jrny-hero--page .jrny-hero__cta{margin-top:32px;gap:22px}
.jrny-hero--page .jrny-hero__cards{margin-top:44px}
.jrny-hero--page .jrny-feature{flex:1 1 100%}
.jrny-rs-loc .jrny-need__wrap{padding-bottom:72px}
.jrny-rs-loc .jrny-need__head h2,.jrny-rs-loc .jrny-need__head p{flex:none}
.jrny-rs-loc__grid{grid-template-columns:minmax(0,1fr);margin-top:48px;padding:0 16px}
.jrny-rs-card__body{padding:22px 22px 24px}
.jrny-rs-card__body h3{font-size:26px}
.jrny-rs-card .jrny-btn{align-self:stretch;justify-content:space-between}
.jrny-rs-about .jrny-steps__grid{gap:44px;padding:0 16px}
.jrny-rs-about .jrny-steps__head{grid-template-columns:minmax(0,1fr)}
.jrny-rs-about .jrny-steps__head h2{white-space:normal}
.jrny-rs-facts{--stack-top:84px;--stack-step:10px;gap:20px}
.jrny-rs-fact__card{grid-template-columns:minmax(0,1fr);gap:22px;min-height:0;padding:16px 16px 26px;border-radius:0 28px 28px 28px}
.jrny-rs-fact__media{order:-1;aspect-ratio:3/2;border-radius:0 20px 20px 20px}
.jrny-rs-fact__txt{gap:14px;padding:0 8px}
.jrny-rs-fact__txt h3{font-size:26px}
.jrny-rs-fact__txt p{margin-top:4px;font-size:16px}
.jrny-rs-list{grid-template-columns:minmax(0,1fr)}
.jrny-rs-actions .jrny-btn{flex:1 1 100%;justify-content:space-between}
.jrny-rs-sizes .jrny-rs-sizes__head{grid-template-columns:minmax(0,1fr);row-gap:22px}
/* no mobile a seta fica no meio da foto do tamanho (vídeo de 390px, 338px em telas até 420), não do cartão inteiro */
.jrny-rs-sidenav button{top:203px;width:52px;padding:6px;margin-top:-22px}
.jrny-rs-sidenav button span{width:32px;height:32px}
.jrny-rs-sidenav button span svg{width:20px;height:20px}
.jrny-rs-sizes__intro{grid-column:1;grid-row:2;font-size:17px}
.jrny-rs-biz__wrap{padding-top:64px}
.jrny-rs-biz__head{flex-direction:column;align-items:flex-start;gap:24px;padding:0 16px 0 32px}
.jrny-rs-biz__head .jrny-accent::before{left:-32px}
.jrny-rs-biz__head>div,.jrny-rs-biz__head>aside{flex:none}
.jrny-rs-biz__grid{margin-top:44px;padding:0 16px}
.jrny-rs-biz__card{padding:28px 24px}
.jrny-rs-cta__frame{width:calc(100% - 28px)}
.jrny-rs-cta__copy{padding:44px 24px}
}
@media (max-width:700px){
.jrny-rs-featured .jrny-different__img{aspect-ratio:4/5}
.jrny-rs-ft__bars{left:16px;top:16px;width:calc(100% - 32px);max-width:240px}
.jrny-rs-ft__ui{gap:18px;padding:0 16px 16px}
.jrny-rs-ft__cap h3{font-size:24px}
.jrny-rs-ft__cap p{font-size:15px}
.jrny-rs-ft__ctrl{padding-top:16px}
.jrny-rs-ft__tabs{flex:1}
.jrny-rs-ft__tab{flex:1;gap:5px;padding:11px 6px;font-size:13px}
.jrny-rs-ft__tab svg{width:14px;height:14px}
.jrny-rs-ft__arrows{display:none}
.jrny-rs-ft__bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.jrny-rs-ft__bento li{grid-column:span 1!important;flex-direction:column;align-items:flex-start;gap:12px;padding:16px 14px}
.jrny-rs-ft__bento p{font-size:14px}
}
@media (max-width:420px){
.jrny-rs-sizes .jrny-size{height:479px}
.jrny-rs-sizes .jrny-size__lbl{width:136px;font-size:11px}
.jrny-rs-buy{top:365px;padding:0 14px 0 18px}
.jrny-rs-buy__price b{font-size:40px}
.jrny-rs-buy__price em{font-size:10px}
.jrny-rs-buy .jrny-btn{height:44px;font-size:13px;padding:0 12px 0 14px}
}
@media (prefers-reduced-motion:reduce){.jrny-rs-hero__photo{animation:none}}
@media (max-width:900px) and (max-height:700px){.jrny-rs-fact{position:relative;top:auto}}
/* ---------- Títulos palavra por palavra, saindo do desfoque (ref. next-move) ---------- */
.jrny-bw .jrny-bw__w{display:inline-block;opacity:0;filter:blur(4px);transform:translateY(10px);transition:opacity .5s ease,filter .5s ease,transform .5s cubic-bezier(.16,1,.3,1);transition-delay:calc(.1s + var(--i,0)*.05s)}
.jrny-bw.is-in .jrny-bw__w{opacity:1;filter:blur(0);transform:none}
/* ---------- Cascata de cartões por irmão (ref. movers) ---------- */
.jrny-rs-cas>*{opacity:0;transform:translateY(32px);transition:opacity .6s ease,transform .9s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0)*.1s)}
.jrny-rs-cas.is-in>*{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.jrny-bw .jrny-bw__w,.jrny-rs-cas>*{opacity:1;filter:none;transform:none;transition:none}}
/* ---------- HERO (proposta v3): topo creme no tom exato dos vídeos do Size Guide; o slider troca o render 3D do box ---------- */
.jrny-rs-hx{--hx-bg:#fffdfa;--hx-ink:#1b1918;--hx-muted:#6f685d;--hx-line:#e4d8c6}
/* altura: o topo inteiro (inclusive o botão) cabe na primeira tela — 100svh menos o respiro de 31px acima do quadro */
.jrny-rs-hx .jrny-hero__frame,.jrny-rs-hx .jrny-hero__frame.is-light{height:clamp(600px,calc(100svh - 31px),940px);min-height:0;display:flex;flex-direction:column;padding:clamp(92px,12.5svh,124px) var(--hero-x) clamp(24px,4svh,44px);background:var(--hx-bg)}
.jrny-rs-hx .jrny-hero__frame::after{box-shadow:inset 0 0 0 1px var(--hx-line)}
/* faixa de portas no pé do quadro, a mesma do CTA final; o respiro de baixo ganha os 28px dela */
.jrny-rs-hx .jrny-hero__frame::before{content:"";position:absolute;left:-2px;right:-2px;bottom:-2px;z-index:5;height:28px;background:url("../community-pattern-tile.png") repeat-x left bottom/auto 100%;pointer-events:none}
.jrny-rs-hx .jrny-hero__frame,.jrny-rs-hx .jrny-hero__frame.is-light{padding-bottom:calc(clamp(24px,4svh,44px) + 28px)}
.jrny-rs-hx__grid{position:relative;z-index:4;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:40px}
.jrny-rs-hx__copy{display:flex;flex-direction:column;gap:clamp(20px,4svh,44px);max-width:600px}
.jrny-rs-hx__head{display:flex;flex-direction:column;gap:clamp(12px,2.2svh,22px)}
.jrny-rs-hx__eyebrow{display:inline-flex;align-items:center;align-self:flex-start;gap:4px;padding:4px 4px 4px 14px;border-radius:900px;background:#fff;border:1px solid var(--hx-line);box-shadow:0 8px 20px -14px rgba(27,25,24,.35);font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--hx-ink);white-space:nowrap}
.jrny-rs-hx__eyebrow i{position:relative;width:7px;height:7px;border-radius:50%;background:#2fb35c;flex:none}
.jrny-rs-hx__eyebrow i::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:jrny-rs-ping 2.4s cubic-bezier(0,0,.2,1) infinite}
@keyframes jrny-rs-ping{75%,100%{transform:scale(2.8);opacity:0}}
.jrny-rs-hx .jrny-hero__title{width:auto;font-size:clamp(40px,4vw,60px);letter-spacing:-1.2px;line-height:1.15;color:var(--hx-ink)}
.jrny-rs-hx .jrny-hero__title b{font-weight:800}
.jrny-rs-hx .jrny-hero__sub{width:auto;max-width:480px;font-size:19px;color:var(--hx-muted)}
.jrny-rs-hx .jrny-hero__sub b{color:var(--hx-ink)}
/* seletor */
.jrny-rs-hx__pick{display:flex;flex-direction:column;gap:clamp(12px,2.2svh,20px)}
.jrny-rs-hx__read{display:flex;align-items:flex-end;gap:18px}
.jrny-rs-hx__read>b{font-size:clamp(40px,5.6svh,56px);font-weight:800;line-height:.9;letter-spacing:-1.6px;color:var(--hx-ink);font-variant-numeric:tabular-nums}
.jrny-rs-hx__read>span{display:flex;flex-direction:column;gap:2px;padding-bottom:2px}
.jrny-rs-hx__read strong{font-size:17px;font-weight:800;color:var(--hx-ink)}
.jrny-rs-hx__read em{font-style:normal;font-size:14px;font-weight:600;color:var(--hx-muted)}
.jrny-rs-hx__range{--p:40%}
.jrny-rs-hx__range input{-webkit-appearance:none;appearance:none;display:block;width:100%;height:30px;margin:0;background:none;cursor:pointer}
.jrny-rs-hx__range input::-webkit-slider-runnable-track{height:4px;border-radius:9px;background:linear-gradient(90deg,var(--orange-2) var(--p),var(--hx-line) var(--p))}
.jrny-rs-hx__range input::-moz-range-track{height:4px;border-radius:9px;background:linear-gradient(90deg,var(--orange-2) var(--p),var(--hx-line) var(--p))}
.jrny-rs-hx__range input::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-11px;border-radius:50%;background:var(--hx-ink);border:0;box-shadow:0 0 0 6px rgba(255,99,32,.22),0 6px 14px rgba(27,25,24,.3);transition:box-shadow .25s,transform .25s}
.jrny-rs-hx__range input::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--hx-ink);border:0;box-shadow:0 0 0 6px rgba(255,99,32,.22),0 6px 14px rgba(27,25,24,.3)}
.jrny-rs-hx__range input:active::-webkit-slider-thumb{box-shadow:0 0 0 10px rgba(255,99,32,.28),0 6px 14px rgba(27,25,24,.3);transform:scale(1.06)}
.jrny-rs-hx__range input:focus-visible{outline:2px solid var(--orange-2);outline-offset:4px;border-radius:9px}
.jrny-rs-hx__ticks{display:flex;justify-content:space-between;margin:8px -11px 0;padding:0;list-style:none}
.jrny-rs-hx__ticks button{width:48px;padding:4px 0;background:none;border:0;font:inherit;font-size:12px;font-weight:700;color:#a39a8c;cursor:pointer;transition:color .2s}
.jrny-rs-hx__ticks button:hover,.jrny-rs-hx__ticks button.is-on{color:var(--hx-ink)}
.jrny-rs-hx__locs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
.jrny-rs-hx__locs>span{margin-right:8px;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--hx-muted)}
.jrny-rs-hx__locs button{height:36px;padding:0 14px;border-radius:900px;background:none;border:1px solid var(--hx-line);font:inherit;font-size:14px;font-weight:700;color:var(--hx-ink);cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.jrny-rs-hx__locs button:hover{border-color:#c9bba6}
.jrny-rs-hx__locs button[aria-checked="true"]{background:var(--hx-ink);border-color:var(--hx-ink);color:var(--cream-2)}
.jrny-rs-hx__locs button:focus-visible{outline:2px solid var(--orange-2);outline-offset:2px}
.jrny-rs-hx__buy{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px;padding-top:clamp(14px,2.2svh,22px);border-top:1px solid var(--hx-line)}
.jrny-rs-hx__price{margin-left:auto;display:flex;align-items:flex-start;line-height:1;color:var(--hx-ink)}
.jrny-rs-hx__price small{align-self:flex-end;margin:0 6px 6px 0;font-size:14px;font-weight:600;color:var(--hx-muted)}
.jrny-rs-hx__price sup{font-size:18px;font-weight:700;margin-top:4px}
.jrny-rs-hx__price b{font-size:clamp(34px,4.6svh,44px);font-weight:800;letter-spacing:-1.2px;font-variant-numeric:tabular-nums}
.jrny-rs-hx__price b.is-tick{animation:jrny-rs-tick .45s cubic-bezier(.16,1,.3,1)}
@keyframes jrny-rs-tick{from{opacity:0;transform:translateY(8px)}}
.jrny-rs-hx__price span{align-self:flex-end;margin:0 0 6px 2px;font-size:15px;font-weight:600;color:var(--hx-muted)}
.jrny-rs-hx__buy .jrny-btn{flex:none;height:clamp(50px,6.6svh,60px);padding:0 16px 0 22px;font-size:16px}
/* palco: render 3D solto no creme; bordas do vídeo diluídas com máscara (o vídeo decodifica um creme 1 tom diferente). Sem mix-blend-mode: no vídeo ele some em alguns navegadores */
.jrny-rs-hx__stage{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:0}
.jrny-rs-hx__vids{position:relative;height:min(700px,100%,calc(100svh - 170px));aspect-ratio:4/5;max-width:100%}
.jrny-rs-hx__vids video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--hx-bg);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(transparent,#000 14%,#000 86%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(transparent,#000 14%,#000 86%,transparent);mask-composite:intersect;opacity:0;transform:scale(.94) translateY(14px);transition:opacity .5s ease,transform .9s cubic-bezier(.16,1,.3,1)}
.jrny-rs-hx__vids video.is-on{opacity:1;transform:none}
/* entrada */
.jrny-rs-hx__pick,.jrny-rs-hx__stage,.jrny-rs-hx__eyebrow{animation:jrny-rs-rise 1.1s cubic-bezier(.16,1,.3,1) both}
.jrny-rs-hx__stage{animation-delay:.15s}
.jrny-rs-hx__pick{animation-delay:.35s}
@keyframes jrny-rs-rise{from{opacity:0;transform:translateY(24px)}}
@media (max-width:1100px){
.jrny-rs-hx__grid{grid-template-columns:minmax(0,1fr);gap:0}
.jrny-rs-hx__copy{display:contents}
.jrny-rs-hx__head{order:1}
.jrny-rs-hx .jrny-hero__frame,.jrny-rs-hx .jrny-hero__frame.is-light{height:auto}
.jrny-rs-hx__stage{order:2;min-height:0;height:clamp(200px,32svh,460px);margin:clamp(8px,2svh,20px) 0}
.jrny-rs-hx__pick{order:3;max-width:600px}
.jrny-rs-hx__vids{height:100%}
}
@media (max-width:900px){
.jrny-rs-hx .jrny-hero__frame,.jrny-rs-hx .jrny-hero__frame.is-light{padding:96px 16px 52px}
.jrny-rs-hx__head{gap:16px}
.jrny-rs-hx .jrny-hero__title{font-size:min(40px,9.09vw);letter-spacing:-.8px}
.jrny-rs-hx .jrny-hero__sub{font-size:15px}
.jrny-rs-hx__stage{height:clamp(170px,24svh,340px);margin:4px -16px 6px}
.jrny-rs-hx__read>b{font-size:40px}
.jrny-rs-hx__read strong{font-size:14px}
.jrny-rs-hx__read em{font-size:12px}
.jrny-rs-hx__read{gap:10px}
.jrny-rs-hx__buy{flex-direction:column;align-items:stretch;gap:12px}
.jrny-rs-hx__locs button{flex:1;padding:0 8px;font-size:13px}
.jrny-rs-hx__buy .jrny-btn{width:100%}
}
@media (max-width:420px){
.jrny-rs-hx__ticks button{width:40px;font-size:11px}
}
@media (prefers-reduced-motion:reduce){
.jrny-rs-hx__pick,.jrny-rs-hx__stage,.jrny-rs-hx__eyebrow,.jrny-rs-hx__price b.is-tick{animation:none}
.jrny-rs-hx__eyebrow i::after{display:none}
.jrny-rs-hx__vids video,}
/* ---------- Acessibilidade e acabamento (Web Interface Guidelines) ---------- */
.jrny-rs .jrny-search__field:focus-within{box-shadow:0 0 0 2px var(--orange-2)}
.jrny-rs .jrny-search__field input:focus-visible{outline:0}
.jrny-rs .jrny-h2,.jrny-rs .jrny-faq__head h2,.jrny-rs-card__body h3,.jrny-rs-biz__card h3{text-wrap:balance}
.jrny-rs .jrny-lead,.jrny-rs-card__desc,.jrny-rs-biz__card p,.jrny-rs .jrny-faq__a p{text-wrap:pretty}
.jrny-rs-buy__price b,.jrny-rs .jrny-size__dim,.jrny-rs .jrny-faq__q span{font-variant-numeric:tabular-nums}
.jrny-rs-tel,.jrny-rs .jrny-contact__tel{white-space:nowrap}
.jrny-rs-card__meta li{min-width:0;overflow-wrap:anywhere}
/* =====================================================================
TEMPLE HALL HWY — página da unidade (prefixo jrny-th-), sobre os tokens do Home e do Rent a space.
Copy igual à da página publicada (journey.storage/rentaspace/ de cada página); só a UI muda.
Ordem: fotos (hero) · oferta · tamanhos e preços + visita · comodidades · sobre · como chegar + outras unidades · FAQ · CTA
===================================================================== */
.jrny-th-ic{flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:rgba(255,99,32,.12);color:var(--orange-2)}
.jrny-th-ic svg{width:19px;height:19px}
/* ---------- HERO: fotos da unidade em tela cheia, galeria de vidro à direita ---------- */
.jrny-th-hero .jrny-hero__frame{height:clamp(660px,calc(100svh - 31px),940px);min-height:0;padding:0}
.jrny-th-slides{position:absolute;inset:0;background:#1c1c1c}
.jrny-th-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.1);transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.6s cubic-bezier(.16,1,.3,1)}
.jrny-th-slides img.is-on{opacity:1;transform:scale(1.03)}
.jrny-th-hero.is-auto .jrny-th-slides img.is-on{transform:scale(1);transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 7s linear}
.jrny-th-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(18,18,18,.66) 0%,rgba(18,18,18,0) 20%),linear-gradient(0deg,rgba(18,18,18,.97) 0%,rgba(18,18,18,.82) 24%,rgba(18,18,18,.3) 52%,rgba(18,18,18,0) 70%),linear-gradient(90deg,rgba(18,18,18,.6) 0%,rgba(18,18,18,0) 58%)}
.jrny-th-hero__main{position:absolute;left:var(--hero-x);right:var(--hero-x);bottom:clamp(40px,7svh,72px);z-index:4;display:flex;align-items:flex-end;justify-content:space-between;gap:56px}
.jrny-th-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(16px,2.4svh,24px);min-width:0;max-width:800px}
.jrny-th-crumbs{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:600;color:rgba(245,240,232,.72)}
.jrny-th-crumbs li{display:flex;align-items:center;gap:8px}
.jrny-th-crumbs li+li::before{content:"";width:6px;height:6px;margin-right:3px;border-top:1.6px solid currentColor;border-right:1.6px solid currentColor;transform:rotate(45deg);opacity:.55}
.jrny-th-crumbs a{transition:color .2s}
.jrny-th-crumbs a:hover{color:var(--orange-2)}
.jrny-th-crumbs [aria-current]{color:var(--txt);font-weight:700}
.jrny-th-former{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 16px 0 5px;border-radius:900px;background:rgba(20,20,20,.5);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:14px;font-weight:600;color:rgba(245,240,232,.8)}
.jrny-th-former>span{display:flex;align-items:center;height:26px;padding:0 10px;border-radius:900px;background:rgba(255,99,32,.2);color:#ff8a57;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.jrny-th-former b{color:var(--txt);font-weight:700}
.jrny-th-hero .jrny-hero__title{width:auto;font-size:clamp(40px,min(6.2svh,4.3vw),66px);line-height:1.06;letter-spacing:-.02em;font-weight:300;text-wrap:balance}
.jrny-th-hero .jrny-hero__title b{display:block;font-weight:800}
.jrny-th-hero .jrny-hero__title{white-space:nowrap} /* quebras fixas no HTML: sempre 3 linhas; o script ao lado do h1 reduz a fonte se a linha mais longa não couber */
.jrny-th-hero .jrny-hero__title b.is-inline{display:inline}
.jrny-th-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;font-size:15px;font-weight:600;color:rgba(245,240,232,.88)}
.jrny-th-meta a{display:inline-flex;align-items:center;gap:9px;transition:color .2s}
.jrny-th-meta a:hover{color:var(--orange-2)}
.jrny-th-meta a:hover span{text-decoration:underline;text-underline-offset:4px}
.jrny-th-meta>i{width:1px;height:18px;background:rgba(255,255,255,.24)}
.jrny-th-stars{display:flex;gap:2px;color:var(--orange-2)}
.jrny-th-stars svg{width:15px;height:15px}
.jrny-th-meta .is-pin{width:17px;height:17px;flex:none;color:var(--orange-2)}
.jrny-th-hero .jrny-rs-actions{margin-top:4px}
.jrny-th-hero .jrny-btn{height:56px;font-size:16px}
/* galeria */
.jrny-th-gal{flex:none;width:396px;padding:14px;border-radius:28px 28px 28px 0;background:rgba(20,20,20,.52);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 30px 60px -30px rgba(0,0,0,.65)}
.jrny-th-gal__top{display:flex;align-items:center;gap:12px;padding:2px 2px 12px 6px}
/* barra da galeria: pontos pequenos; a foto ativa vira uma pílula que enche, e ao terminar encolhe de volta a ponto (laranja = já vista) */
.jrny-th-bars{flex:1;display:flex;align-items:center;gap:6px}
.jrny-th-bars i{position:relative;flex:none;width:6px;height:6px;border-radius:99px;background:rgba(255,255,255,.24);overflow:hidden;transition:width .6s cubic-bezier(.65,0,.35,1),background-color .4s}
.jrny-th-bars i.is-on{width:44px;background:rgba(255,255,255,.18)}
.jrny-th-bars i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--orange-2);transform:scaleX(0);transform-origin:left}
.jrny-th-bars i.is-done::after{transform:scaleX(1)}
.jrny-th-hero.is-auto .jrny-th-bars i.is-on::after{animation:jrny-th-bar 6s linear forwards}
.jrny-th-hero:not(.is-auto) .jrny-th-bars i.is-on::after{transform:scaleX(1)}
.jrny-th-hero.is-paused .jrny-th-bars i.is-on::after{animation-play-state:paused}
@keyframes jrny-th-bar{to{transform:scaleX(1)}}
.jrny-th-count{font-size:12px;font-weight:800;letter-spacing:.08em;color:rgba(245,240,232,.82);font-variant-numeric:tabular-nums;white-space:nowrap}
.jrny-th-arr{display:flex;gap:6px}
.jrny-th-arr button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.24);color:var(--cream-2);transition:background .25s,border-color .25s,transform .2s}
.jrny-th-arr button:hover{background:var(--orange-2);border-color:var(--orange-2)}
.jrny-th-arr button:active{transform:scale(.94)}
.jrny-th-arr svg{width:16px;height:16px}
.jrny-th-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.jrny-th-thumbs button{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#2a2a2a}
.jrny-th-thumbs img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .3s}
.jrny-th-thumbs button::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:box-shadow .25s}
.jrny-th-thumbs button:hover img{transform:scale(1.08);filter:none}
.jrny-th-thumbs button:hover::after{box-shadow:inset 0 0 0 2px var(--orange-2)}
.jrny-th-all{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:48px;margin-top:10px;padding:0 8px 0 20px;border-radius:900px;background:var(--cream-2);color:var(--ink);font-size:15px;font-weight:700;transition:background .3s,color .3s}
.jrny-th-all i{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#242424;color:var(--cream-2);transition:transform .45s cubic-bezier(.16,1,.3,1)}
.jrny-th-all svg{width:16px;height:16px}
.jrny-th-all:hover{background:var(--orange-2);color:#fff}
.jrny-th-all:hover i{transform:scale(1.08) rotate(90deg)}
/* ---------- SELO (pousado no céu da foto do portão, em Features) ---------- */
.jrny-th-seal{position:absolute;z-index:2;top:34px;right:34px;width:148px;height:148px;margin:0;border-radius:50%;background:var(--grad);color:#fff;box-shadow:0 0 0 6px rgba(24,24,24,1),0 26px 50px -18px rgba(0,0,0,.6);transform:rotate(-8deg);transition:transform .6s cubic-bezier(.16,1,.3,1)}
.jrny-th-seal::before{content:"";position:absolute;inset:23%;border-radius:50%;border:1.5px solid rgba(255,255,255,.45)}
.jrny-th-seal::after{content:"";position:absolute;inset:-6px;border-radius:50%;pointer-events:none;animation:jrny-th-halo 3.2s cubic-bezier(.16,1,.3,1) 1s infinite}
.jrny-th-feat__photo:hover .jrny-th-seal{transform:rotate(0deg) scale(1.05)}
.jrny-th-seal__ring{position:absolute;inset:0;width:100%;height:100%;animation:jrny-th-spin 24s linear infinite}
.jrny-th-seal__ring text{fill:#fff;font-size:9.5px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.jrny-th-seal__mid{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1;text-align:center}
.jrny-th-seal__mid b{font-size:31px;font-weight:900;letter-spacing:-.04em;color:#fff}
.jrny-th-seal__mid small{font-size:11px;font-weight:900;letter-spacing:.24em;text-transform:uppercase;color:#fff;padding-left:.24em}
.jrny-th-seal__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@keyframes jrny-th-spin{to{transform:rotate(360deg)}}
@keyframes jrny-th-halo{0%{box-shadow:0 0 0 0 rgba(255,99,32,.55)}70%,100%{box-shadow:0 0 0 26px rgba(255,99,32,0)}}
/* faixa de desconto fixa no topo: desce quando a pessoa chega na segunda seção (#units); nesta página a barra de navegação não fica fixa */
html{scroll-padding-top:calc(var(--tb,0px) + 16px)}
.jrny-th-dealbar{position:fixed;top:0;left:0;right:0;z-index:9997;padding-top:env(safe-area-inset-top,0px);background:var(--grad);color:#fff;box-shadow:0 14px 40px -18px rgba(232,98,42,0);transform:translateY(-110%);transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .4s}
/* a sombra laranja só existe com a barra visível: escondida acima da tela, ela vazava como um brilho no topo da hero */
.jrny-th-dealbar.is-on{transform:none;box-shadow:0 14px 40px -18px rgba(232,98,42,.7)}
.jrny-th-dealbar p{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;min-height:44px;margin:0;padding:8px 16px;text-align:center;overflow:hidden;isolation:isolate}
.jrny-th-dealbar p::after{content:"";position:absolute;top:0;bottom:0;left:-30%;width:30%;z-index:-1;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.3),rgba(255,255,255,0));transform:skewX(-18deg)}
.jrny-th-dealbar.is-on p::after{animation:jrny-th-shine 6s cubic-bezier(.4,0,.2,1) .6s infinite}
@keyframes jrny-th-shine{0%{left:-30%}40%,100%{left:120%}}
.jrny-th-dealbar p>*{opacity:0;transform:translateY(-8px);transition:opacity .3s,transform .5s cubic-bezier(.16,1,.3,1)}
.jrny-th-dealbar.is-on p>*{opacity:1;transform:none;transition-delay:calc(.15s + var(--k,0)*70ms)}
.jrny-th-dealbar__tag{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:900px;background:rgba(24,24,24,.22);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.jrny-th-dealbar__tag svg{width:13px;height:13px}
.jrny-th-dealbar strong{font-size:17px;line-height:1.2;font-weight:900;letter-spacing:-.01em}
.jrny-th-dealbar em{font-style:normal;font-size:15px;font-weight:600;opacity:.95}
/* ---------- TAMANHOS E PREÇOS (painel creme) ---------- */
.jrny-th-units{position:relative;padding-top:64px;color:var(--ink)}
.jrny-th-units__panel{position:relative;margin-top:28px}
.jrny-th-units__panel::before{content:"";position:absolute;inset:0 0 0 28px;background:var(--cream);border-radius:0 0 0 60px}
.jrny-th-units__panel>.jrny-vline{left:calc(50% - min(720px,50% - 32px));z-index:1;background:var(--cream-line)}
.jrny-th-units__panel{z-index:2}
@media (min-width:901px) and (max-width:1615px){.jrny-th-units__panel{clip-path:inset(0 0 0 28px round 0 0 0 60px)}} /* aqui a linha cai dentro da curva do canto: o painel recorta a própria linha na curva e a linha do .jrny-band2 continua por baixo */
.jrny-th-units__wrap{padding:96px 80px 110px}
.jrny-th-units__head{display:grid;grid-template-columns:minmax(0,1fr) 440px;align-items:end;gap:24px 60px}
.jrny-th-units__head>div{display:flex;flex-direction:column;gap:22px}
.jrny-th-units__head h2{color:var(--ink)}
.jrny-th-units__head>p{font-size:18px;line-height:1.45;color:var(--ink-muted);text-wrap:pretty}
.jrny-th-units__head>p b{color:var(--ink);font-weight:700}
.jrny-th-tags{display:flex;flex-wrap:wrap;gap:6px}
.jrny-th-tags li{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px 0 9px;border-radius:900px;background:#f3ece1;font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap}
.jrny-th-tags svg{width:14px;height:14px;flex:none;color:var(--orange)}
.jrny-th-tags .is-cool{background:#e3eef1;color:#1e4a5a}
.jrny-th-tags .is-cool svg{color:#2d7a96}
.jrny-th-note{display:flex;align-items:flex-start;gap:10px;margin-top:26px;font-size:14px;line-height:1.45;font-weight:500;color:var(--ink-muted)}
.jrny-th-note svg{flex:none;width:18px;height:18px;margin-top:1px;color:var(--orange-2)}
/* ---------- LOJA: filtro à esquerda, cartões à direita (no celular o filtro vira painel que sobe de baixo) ---------- */
.jrny-th [hidden]{display:none!important}
.jrny-th-shop{display:grid;grid-template-columns:292px minmax(0,1fr);align-items:start;gap:32px;margin-top:56px}
.jrny-th-filter{position:sticky;top:calc(var(--tb,0px) + 16px);transition:top .45s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;max-height:calc(100vh - var(--tb,0px) - 32px);border-radius:0 28px 28px 28px;background:#fff;border:1px solid var(--cream-line);box-shadow:0 26px 50px -36px rgba(27,25,24,.5);overflow:hidden;color:var(--ink)}
.jrny-th-filter__head{display:flex;align-items:center;gap:12px;padding:18px 20px 16px;border-bottom:1px solid var(--cream-line)}
.jrny-th-filter__head h3{display:flex;align-items:center;gap:9px;margin-right:auto;font-size:17px;font-weight:800}
.jrny-th-filter__head h3 svg{width:18px;height:18px;color:var(--orange-2)}
.jrny-th-clear{font-size:13px;font-weight:700;color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.jrny-th-clear:hover{color:var(--ink)}
.jrny-th-filter__x{display:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#f3ece1}
.jrny-th-filter__x svg{width:18px;height:18px}
.jrny-th-filter__scroll{overflow-y:auto;overscroll-behavior:contain;padding:0 20px 20px;scrollbar-width:thin;scrollbar-color:#dccfbb transparent}
.jrny-th-fg{border-bottom:1px solid var(--cream-line)}
.jrny-th-fg summary{display:flex;align-items:center;gap:8px;padding:14px 0 10px;list-style:none;cursor:pointer;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.jrny-th-fg summary::-webkit-details-marker{display:none}
.jrny-th-fg__note{font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink-muted)}
.jrny-th-chev{width:12px;height:12px;margin-left:auto;flex:none;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.jrny-th-fg[open] .jrny-th-chev{transform:rotate(180deg)}
.jrny-th-fg__body{display:flex;flex-direction:column;gap:2px;padding:0 0 14px}
.jrny-th-check{position:relative;display:flex;align-items:center;gap:12px;margin:0 -10px;padding:7px 10px;border-radius:14px;cursor:pointer;transition:background .2s}
.jrny-th-check:hover{background:#f8f2e8}
.jrny-th-check input,.jrny-th-pill input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.jrny-th-check>i{flex:none;width:20px;height:20px;border-radius:50%;border:1.6px solid #cdbfa9;background:#fff center/12px no-repeat;transition:background-color .2s,border-color .2s}
.jrny-th-check input:checked+i{background-color:var(--ink);border-color:var(--ink);background-image:url("data:image/svg+xml;utf8,")}
.jrny-th-check input:focus-visible+i,.jrny-th-pill input:focus-visible+span{outline:2px solid var(--orange-2);outline-offset:2px}
.jrny-th-check>span:not(.jrny-th-check__ic){display:flex;flex-direction:column;flex:1;min-width:0}
.jrny-th-check b{font-size:14.5px;line-height:1.3;font-weight:700}
.jrny-th-check small{font-size:12px;line-height:1.35;color:var(--ink-muted)}
.jrny-th-check em{flex:none;min-width:24px;height:22px;padding:0 7px;border-radius:900px;background:#f3ece1;font-style:normal;font-size:12px;font-weight:800;line-height:22px;text-align:center;color:var(--ink-muted);transition:background .2s,color .2s}
.jrny-th-check input:checked~em{background:rgba(255,99,32,.14);color:var(--orange)}
.jrny-th-check__ic{flex:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:#f3ece1;color:var(--orange)}
.jrny-th-check__ic svg{width:15px;height:15px}
.jrny-th-pills{flex-direction:row;flex-wrap:wrap;gap:6px}
.jrny-th-pill{position:relative;cursor:pointer}
.jrny-th-pill span{display:flex;align-items:center;gap:6px;height:36px;padding:0 13px 0 11px;border-radius:900px;border:1.5px solid var(--cream-line);font-size:13px;font-weight:700;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.jrny-th-pill svg{width:15px;height:15px;color:var(--orange)}
.jrny-th-pill:hover span{border-color:#cdbfa9}
.jrny-th-pill input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--cream-2)}
.jrny-th-pill input:checked+span svg{color:var(--orange-2)}
.jrny-th-hist{display:flex;align-items:flex-end;gap:3px;height:38px;padding:0 10px}
.jrny-th-hist i{flex:1;height:var(--h);border-radius:4px 4px 0 0;background:#ece2d2;transition:background .25s}
.jrny-th-hist i.is-in:not([data-c="0"]){background:rgba(255,99,32,.7)}
.jrny-th-range{position:relative;height:24px;margin:-2px 0 12px}
.jrny-th-range::before,.jrny-th-range::after{content:"";position:absolute;top:50%;height:4px;margin-top:-2px;border-radius:4px}
.jrny-th-range::before{left:10px;right:10px;background:#ece2d2}
.jrny-th-range::after{left:calc(10px + (100% - 20px)*var(--a));right:calc(10px + (100% - 20px)*(1 - var(--b)));background:var(--orange-2)}
.jrny .jrny-th-range input{position:absolute;inset:0;z-index:2;width:100%;height:24px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.jrny-th-range input::-webkit-slider-runnable-track{background:none;border:0}
.jrny-th-range input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--orange-2);box-shadow:0 4px 10px -4px rgba(27,25,24,.5);pointer-events:auto;cursor:grab;transition:transform .2s}
.jrny-th-range input:active::-webkit-slider-thumb{transform:scale(1.15);cursor:grabbing}
.jrny-th-range input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--orange-2);box-shadow:0 4px 10px -4px rgba(27,25,24,.5);pointer-events:auto;cursor:grab}
.jrny-th-range input::-moz-range-track{background:none}
.jrny-th-range input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--orange-2);outline-offset:2px}
.jrny-th-pio{display:flex;align-items:center;gap:8px}
.jrny-th-pio span{flex:1;display:flex;flex-direction:column;gap:1px;padding:8px 12px;border-radius:12px;border:1.5px solid var(--cream-line)}
.jrny-th-pio small{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}
.jrny-th-pio output{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}
.jrny-th-pio>i{flex:none;width:10px;height:1.5px;background:#cdbfa9}
.jrny-th-guide{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 12px 12px 14px;border-radius:0 20px 20px 20px;background:var(--ink);color:var(--cream-2);transition:background .3s,transform .45s cubic-bezier(.16,1,.3,1)}
.jrny-th-guide:hover{background:#2b2b2b;transform:translateY(-2px)}
.jrny-th-guide .jrny-th-ic{width:34px;height:34px;background:rgba(255,99,32,.18)}
.jrny-th-guide>span:nth-child(2){flex:1;min-width:0;font-size:12.5px;line-height:1.35;color:var(--muted)}
.jrny-th-guide b{display:block;font-size:15px;font-weight:800;color:var(--txt)}
.jrny-th-guide>i{flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.1);transition:background .3s,transform .45s cubic-bezier(.16,1,.3,1)}
.jrny-th-guide>i svg{width:15px;height:15px}
.jrny-th-guide:hover>i{background:var(--orange-2);transform:translateX(3px)}
.jrny-th-filter__foot,.jrny-th-scrim,.jrny-th-bar__open{display:none}
/* desktop: a coluna do filtro não rola; só a lista de tamanhos rola quando a tela é baixa */
@media (min-width:901px){
.jrny-th-filter{max-height:none}
.jrny-th-filter__scroll{overflow:visible;padding-bottom:6px}
.jrny-th-fg:last-of-type{border-bottom:0}
.jrny-th-fg--size .jrny-th-fg__body{max-height:max(96px,calc(100vh - var(--jrny-th-rest,700px)));overflow-y:auto;overscroll-behavior:contain;margin:0 -10px;padding:0 10px 14px;scrollbar-width:thin;scrollbar-color:#dccfbb transparent;-webkit-mask-image:linear-gradient(#000 calc(100% - 26px),transparent);mask-image:linear-gradient(#000 calc(100% - 26px),transparent)}
.jrny-th-fg--size .jrny-th-fg__body.is-end{-webkit-mask-image:none;mask-image:none}
.jrny-th-guide{display:none}
}
@media (min-width:901px) and (max-height:860px){
.jrny-th-filter__head{padding:14px 20px 12px}
.jrny-th-fg summary{padding:12px 0 8px}
.jrny-th-fg__body{padding-bottom:12px}
.jrny-th-check{padding:5px 10px}
.jrny-th-hist{height:28px}
.jrny-th-range{margin-bottom:8px}
.jrny-th-pio span{flex-direction:row;align-items:baseline;gap:6px;padding:6px 10px}
.jrny-th-pio output{font-size:14px}
.jrny-th-pill span{height:32px}
}
@media (min-width:901px) and (max-height:960px){.jrny-th-filter{max-height:calc(100vh - var(--tb,0px) - 32px)}.jrny-th-filter__scroll{overflow-y:auto}}
.jrny-th-sg{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 6px 0 6px;border-radius:900px;background:var(--ink);color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap;transition:background .3s,transform .45s cubic-bezier(.16,1,.3,1)}
.jrny-th-sg b{font-weight:800;color:var(--txt)}
.jrny-th-sg__ic{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(255,99,32,.2);color:var(--orange-2)}
.jrny-th-sg__ic svg{width:16px;height:16px}
.jrny-th-sg>i{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);color:var(--txt);transition:background .3s,transform .45s cubic-bezier(.16,1,.3,1)}
.jrny-th-sg>i svg{width:14px;height:14px}
.jrny-th-sg:hover,.jrny-th-sg:focus-visible{background:#2b2b2b;transform:translateY(-1px)}
.jrny-th-sg:hover>i,.jrny-th-sg:focus-visible>i{background:var(--orange-2);transform:translateX(2px)}
@media (max-width:1200px){.jrny-th-sg__q{display:none}}
@media (max-width:900px){.jrny-th-sg{display:none}}
/* barra de resultados */
.jrny-th-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;min-height:54px;margin-bottom:14px}
.jrny-th-total{margin-right:auto;font-size:16px;font-weight:600;color:var(--ink-muted)}
.jrny-th-total b{font-size:22px;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums}
.jrny-th-sort{position:relative;display:flex;align-items:center;gap:6px;height:44px;padding:0 0 0 16px;border-radius:900px;background:#fff;border:1px solid var(--cream-line);font-size:13px;font-weight:600;color:var(--ink-muted);cursor:pointer}
.jrny-th-sort select{height:100%;padding:0 38px 0 0;border:0;background:none;font:inherit;font-weight:800;color:var(--ink);cursor:pointer;-webkit-appearance:none;appearance:none;outline:0}
.jrny-th-sort:focus-within{outline:2px solid var(--orange-2);outline-offset:2px}
.jrny-th-sort .jrny-th-chev{position:absolute;right:16px;top:50%;margin:-6px 0 0;pointer-events:none;color:var(--ink)}
.jrny-th-view{display:flex;gap:2px;padding:3px;border-radius:900px;background:#fff;border:1px solid var(--cream-line)}
.jrny-th-view button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--ink-muted);transition:background .25s,color .25s}
.jrny-th-view button:hover{color:var(--ink)}
.jrny-th-view button[aria-pressed="true"]{background:var(--ink);color:var(--cream-2)}
.jrny-th-view svg{width:17px;height:17px}
.jrny-th-active{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.jrny-th-active button{display:flex;align-items:center;gap:6px;height:32px;padding:0 9px 0 13px;border-radius:900px;background:rgba(255,99,32,.12);color:var(--orange);font-size:13px;font-weight:700;transition:background .2s,color .2s}
.jrny-th-active button svg{width:14px;height:14px}
.jrny-th-active button:hover{background:var(--orange-2);color:#fff}
/* cartões */
.jrny-th-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:14px}
.jrny-th-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:0 26px 26px 26px;background:#fff;border:1px solid var(--cream-line);box-shadow:0 20px 40px -34px rgba(27,25,24,.45);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s,border-color .3s}
.jrny-th-card:hover{transform:translateY(-4px);border-color:#d6c6af;box-shadow:0 34px 56px -34px rgba(27,25,24,.55)}
.jrny-th-card.is-pop{animation:jrny-th-pop .55s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--k,0)*50ms)}
@keyframes jrny-th-pop{from{opacity:0;transform:translateY(16px) scale(.98)}}
.jrny-th-card__art{position:relative;aspect-ratio:6/5;overflow:hidden;background:#f9f1e4}
.jrny-th-card__art img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.jrny-th-card:hover .jrny-th-card__art img{transform:scale(1.06)}
.jrny-th-card__deal{position:absolute;left:0;top:0;display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:0 0 16px 0;background:var(--orange-2);color:#fff;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.jrny-th-card__body{display:flex;flex-direction:column;flex:1;gap:10px;padding:22px 24px 22px}
.jrny-th-card__dim{margin-top:2px!important}
.jrny-th-card .jrny-th-tags{margin:4px 0 6px}
.jrny-th-card__cat{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}
.jrny-th-card__dim{margin:0;font-size:32px;line-height:1;font-weight:900;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.jrny-th-card__dim i{font-style:normal;font-weight:400;color:var(--orange-2)}
.jrny-th-card__fit{min-height:2.8em;font-size:14px;line-height:1.4;font-weight:500;color:var(--ink-muted);text-wrap:pretty}
.jrny-th-card__fit b{font-weight:800;color:var(--ink)}
.jrny-th-card .jrny-th-tags li{height:26px;font-size:12px}
/* preço no padrão de e-commerce: âncora riscada colada no preço, economia no selo da foto, oferta do 1º mês em destaque e "sem risco" embaixo do botão */
.jrny-th-card__foot{display:flex;flex-direction:column;gap:14px;margin-top:auto;padding-top:18px;border-top:1px solid var(--cream-line)}
.jrny-th-card__row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:4px 12px}
.jrny-th-card__price{display:flex;align-items:flex-start;line-height:1;white-space:nowrap;color:var(--ink)}
.jrny-th-card__price sup{margin:4px 2px 0 0;font-size:17px;line-height:1;font-weight:800;color:var(--ink)}
.jrny-th-card__price b{font-size:44px;line-height:.86;letter-spacing:-1.5px;font-weight:900;font-variant-numeric:tabular-nums}
.jrny-th-card__price span{align-self:flex-end;margin:0 0 1px 3px;font-size:14px;font-weight:700;color:var(--ink-muted)}
.jrny-th-card__was{display:flex;flex-direction:column;gap:2px;padding-bottom:1px;line-height:1;white-space:nowrap;color:#8d8578}
.jrny-th-card__was small{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.jrny-th-card__was s{font-size:17px;font-weight:700;text-decoration-thickness:2px;text-decoration-color:rgba(232,98,42,.75)}
.jrny-th-card__first{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:linear-gradient(90deg,rgba(255,99,32,.14),rgba(255,99,32,.05));font-size:12.5px;line-height:1.3;font-weight:600;color:var(--ink-muted)}
.jrny-th-card__first svg{flex:none;width:18px;height:18px;color:var(--orange-2)}
.jrny-th-card__first b{display:block;font-size:15px;font-weight:900;color:var(--orange)}
.jrny-th-card__trust{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:2px;font-size:12px;font-weight:600;color:var(--ink-muted)}
.jrny-th-card__trust svg{width:14px;height:14px;color:#3f8a5a}
.jrny-th-card .jrny-btn{width:100%;height:48px;margin-top:6px;padding:0 8px 0 18px;justify-content:space-between;font-size:14px}
.jrny-th-card .jrny-btn__ic{width:30px;height:30px}
/* lista */
.jrny-th-grid.is-list{grid-template-columns:minmax(0,1fr);gap:10px}
.is-list .jrny-th-card{display:grid;grid-template-columns:200px minmax(0,1fr)}
.is-list .jrny-th-card__art{aspect-ratio:auto;min-height:100%}
.is-list .jrny-th-card__art img{position:absolute;inset:0}
.is-list .jrny-th-card__body{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-areas:"cat foot" "dim foot" "fit foot" "tags btn" ". trust";align-items:center;gap:8px 36px;padding:26px 30px}
.is-list .jrny-th-card__cat{grid-area:cat}
.is-list .jrny-th-card__dim{grid-area:dim}
.is-list .jrny-th-card__fit{grid-area:fit;min-height:0}
.is-list .jrny-th-tags{grid-area:tags}
.is-list .jrny-th-card__foot{grid-area:foot;align-self:start;margin:0;padding:0 0 0 24px;border:0;border-left:1px solid var(--cream-line)}
.is-list .jrny-th-card__trust{grid-area:trust}
.is-list .jrny-th-card .jrny-btn{grid-area:btn;align-self:end;margin-left:26px;width:calc(100% - 26px)}
.is-list .jrny-th-card__trust{margin:0 0 0 26px}
.jrny-th-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:56px 24px;border-radius:0 26px 26px 26px;border:2px solid var(--cream-line);text-align:center;font-size:15px;color:var(--ink-muted)}
.jrny-th-empty b{display:block;font-size:18px;color:var(--ink)}
/* visita */
.jrny-th-visit{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);margin-top:48px;border-radius:0 32px 32px 32px;background:#fff;border:1px solid var(--cream-line);box-shadow:0 30px 60px -40px rgba(27,25,24,.55),0 2px 6px -3px rgba(27,25,24,.08);overflow:hidden;isolation:isolate}
.jrny-th-visit__map{position:relative;min-height:300px;background:var(--cream-3)}
.jrny-th-visit__map::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset -1px 0 0 var(--cream-line);background:linear-gradient(90deg,rgba(255,255,255,0) 82%,rgba(255,255,255,.55))}
.jrny-th-visit__map iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;filter:saturate(.7) sepia(.12) contrast(.96)}
.jrny-th-visit__body{display:flex;flex-direction:column;gap:22px;padding:36px 40px}
.jrny-th-visit__head{display:flex;align-items:flex-start;gap:16px}
.jrny-th-visit__head>.jrny-th-ic{width:48px;height:48px;border-radius:14px;background:var(--grad);color:#fff;box-shadow:0 10px 20px -10px rgba(232,98,42,.8)}
.jrny-th-visit__head>.jrny-th-ic svg{width:24px;height:24px}
.jrny-th-visit__addr{flex:1;min-width:0;font-size:16px;line-height:1.4;font-weight:500;color:var(--ink-muted)}
.jrny-th-visit__addr b{display:block;margin-bottom:2px;font-size:clamp(22px,1.9vw,28px);line-height:1.15;font-weight:800;letter-spacing:-.015em;color:var(--ink)}
.jrny-th-visit__live{display:inline-flex;align-items:center;gap:8px;flex:none;height:32px;padding:0 13px 0 11px;border-radius:900px;background:#eaf6ee;color:#1e7a44;font-size:13px;font-weight:800;letter-spacing:.01em;white-space:nowrap}
.jrny-th-visit__live i{position:relative;width:8px;height:8px;border-radius:50%;background:#22a45a}
.jrny-th-visit__live i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:inherit;animation:jrny-rs-ping 1.8s cubic-bezier(0,0,.2,1) infinite}
.jrny-th-visit__row{display:flex;align-items:center;gap:14px;padding:16px 0 0;border-top:2px solid var(--cream-line);font-size:15px;line-height:1.4;font-weight:500;color:var(--ink-muted)}
.jrny-th-visit__row b{font-weight:800;color:var(--ink)}
.jrny-th-visit__cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto}
.jrny-th-visit .jrny-btn{height:54px;padding:0 10px 0 22px;gap:14px;font-size:16px}
.jrny-th-visit .jrny-btn .jrny-btn__ic{width:34px;height:34px}
.jrny-th-visit__dir{display:inline-flex;align-items:center;gap:9px;height:54px;padding:0 22px;border-radius:900px;border:1.5px solid var(--cream-line);color:var(--ink);font-size:16px;font-weight:700;white-space:nowrap;transition:border-color .25s,background .25s,color .25s}
.jrny-th-visit__dir svg{width:18px;height:18px;color:var(--orange-2);transition:transform .45s cubic-bezier(.16,1,.3,1)}
.jrny-th-visit__dir:hover,.jrny-th-visit__dir:focus-visible{border-color:var(--ink);background:var(--cream)}
.jrny-th-visit__dir:hover svg,.jrny-th-visit__dir:focus-visible svg{transform:translate(2px,-2px) rotate(12deg)}
@media (max-width:1400px){
.jrny-th-shop{grid-template-columns:268px minmax(0,1fr);gap:24px}
.jrny-th-grid{grid-template-columns:repeat(auto-fill,minmax(224px,1fr))}
}
@media (max-width:1200px){
.jrny-th-visit{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.jrny-th-visit__body{padding:30px 28px}
}
@media (max-width:900px){
.jrny-th-shop{grid-template-columns:minmax(0,1fr);margin-top:32px}
.jrny-th-filter{position:fixed;left:0;right:0;top:auto;bottom:0;z-index:10001;max-height:86svh;border-radius:28px 28px 0 0;border:0;transform:translateY(105%);visibility:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1),visibility 0s .5s;box-shadow:0 -30px 60px rgba(0,0,0,.35)}
.jrny-th-filter.is-open{transform:none;visibility:visible;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.jrny-th-filter__head{padding:16px 16px 14px}
.jrny-th-filter__x{display:flex}
.jrny-th-filter__scroll{padding:0 16px 16px}
.jrny-th-filter__foot{display:block;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--cream-line)}
.jrny-th-filter__foot .jrny-btn{width:100%;height:54px;justify-content:space-between;padding:0 10px 0 22px}
.jrny-th-scrim{display:block;position:fixed;inset:0;z-index:10000;background:rgba(18,18,18,.55);opacity:0;pointer-events:none;transition:opacity .35s}
.jrny-th-scrim.is-on{opacity:1;pointer-events:auto}
.jrny-th-bar{position:sticky;top:var(--tb,0px);transition:top .45s cubic-bezier(.2,.8,.2,1);z-index:4;margin:0 -16px 12px;padding:10px 16px;background:rgba(249,245,238,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--cream-line)}
.jrny-th-total{flex-basis:100%;font-size:14px}
.jrny-th-total b{font-size:18px}
.jrny-th-bar__open{display:flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:900px;background:var(--ink);color:var(--cream-2);font-size:14px;font-weight:700}
.jrny-th-bar__open svg{width:17px;height:17px;color:var(--orange-2)}
.jrny-th-bar__open em{min-width:20px;height:20px;padding:0 6px;border-radius:900px;background:var(--orange-2);font-style:normal;font-size:12px;font-weight:800;line-height:20px;text-align:center;color:#fff}
.jrny-th-sort{flex:1;min-width:0;height:42px}
.jrny-th-sort>span{display:none}
.jrny-th-sort select{width:100%;font-size:13.5px}
.jrny-th-view{order:3}
.jrny-th-view button{width:34px;height:34px}
.jrny-th-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.jrny-th-card{border-radius:0 20px 20px 20px}
.jrny-th-card__deal{padding:7px 11px;border-radius:0 0 12px 0;font-size:11px}
.jrny-th-card__body{gap:8px;padding:16px 14px 16px}
.jrny-th-card .jrny-th-tags{margin:2px 0 4px}
.jrny-th-card__cat{font-size:10px;letter-spacing:.1em}
.jrny-th-card__dim{font-size:25px}
.jrny-th-card__fit{min-height:0;font-size:12.5px}
.jrny-th-card .jrny-th-tags{gap:4px}
.jrny-th-card .jrny-th-tags li{height:24px;padding:0 8px 0 7px;font-size:11px}
.jrny-th-card .jrny-th-tags svg{width:12px;height:12px}
.jrny-th-card__foot{gap:10px;padding-top:14px}
.jrny-th-card__row{gap:4px 8px}
.jrny-th-card__price b{font-size:34px}
.jrny-th-card__price sup{font-size:14px}
.jrny-th-card__price span{font-size:12px}
.jrny-th-card__was s{font-size:14px}
.jrny-th-card__was small{font-size:9.5px}
.jrny-th-card__first{gap:8px;padding:9px 10px;font-size:11px}
.jrny-th-card__first svg{width:15px;height:15px}
.jrny-th-card__first b{font-size:13px}
.jrny-th-card__trust{font-size:10.5px;gap:4px}
.jrny-th-card__trust svg{width:12px;height:12px}
.jrny-th-card .jrny-btn{height:42px;padding:0 6px 0 14px;font-size:13px}
.jrny-th-card .jrny-btn__ic{width:28px;height:28px}
.is-list .jrny-th-card{grid-template-columns:112px minmax(0,1fr)}
.is-list .jrny-th-card__body{grid-template-columns:minmax(0,1fr);grid-template-areas:"cat" "dim" "fit" "tags" "foot" "btn" "trust";padding:12px 14px}
.is-list .jrny-th-card__foot{padding:10px 0 0;border-left:0;border-top:1px solid var(--cream-line)}
.is-list .jrny-th-card .jrny-btn{width:100%;margin-left:0}
.is-list .jrny-th-card__trust{margin:0}
.jrny-th-visit{grid-template-columns:minmax(0,1fr);margin-top:32px;border-radius:0 26px 26px 26px}
.jrny-th-visit__map{min-height:220px}
.jrny-th-visit__map::after{background:none;box-shadow:inset 0 -1px 0 var(--cream-line)}
.jrny-th-visit__body{gap:18px;padding:22px 20px 20px}
.jrny-th-visit__head{flex-wrap:wrap;gap:14px}
.jrny-th-visit__head>.jrny-th-ic{width:42px;height:42px}
.jrny-th-visit__live{order:-1;margin-right:100%}
.jrny-th-visit__cta{flex-direction:column;align-items:stretch}
.jrny-th-visit .jrny-btn{justify-content:space-between}
.jrny-th-visit__dir{justify-content:center}
}
@media (max-width:520px){.jrny-th-view{display:none}.jrny-th-grid:not(.is-list) .jrny-th-card__trust,.jrny-th-grid:not(.is-list) .jrny-th-card__first svg{display:none}}
@media (max-width:360px){.jrny-th-grid:not(.is-list){grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.jrny-th-visit__live i::after{animation:none}.jrny-th-card,.jrny-th-card__art img,.jrny-th-filter,.jrny-th-scrim{transition:none}.jrny-th-card.is-pop{animation:none}}
/* ---------- COMODIDADES ---------- */
.jrny-th-feat{position:relative;padding:130px 0 60px}
.jrny-th-feat__wrap{padding:0 80px}
.jrny-th-feat__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;margin-top:60px}
.jrny-th-feat__photo{position:relative;min-height:540px;margin:0;border-radius:0 60px 0 0;overflow:hidden;background:var(--panel);border:2px solid var(--line)}
.jrny-th-feat__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.16,1,.3,1)}
.jrny-th-feat__photo:hover img{transform:scale(1.04)}
.jrny-th-feat__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(18,18,18,.55),rgba(18,18,18,0) 45%)}
.jrny-th-feat__top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.jrny-th-feat__top li{display:flex;flex-direction:column;justify-content:space-between;gap:34px;min-height:156px;padding:22px 24px 24px;border:2px solid var(--line);border-radius:0 0 28px 0;background:rgba(255,255,255,.02);transition:border-color .3s,background .3s}
.jrny-th-feat__top li:hover{border-color:rgba(255,99,32,.45);background:rgba(255,99,32,.04)}
.jrny-th-feat__top .jrny-th-ic{width:48px;height:48px;border-radius:14px;transition:background .3s,color .3s,transform .35s cubic-bezier(.16,1,.3,1)}
.jrny-th-feat__top .jrny-th-ic svg{width:24px;height:24px}
.jrny-th-feat__top li:hover .jrny-th-ic{background:var(--orange-2);color:var(--txt);transform:rotate(-8deg) scale(1.06)}
.jrny-th-feat__top p{font-size:21px;line-height:1.2;letter-spacing:-.2px;font-weight:800;color:var(--txt)}
.jrny-th-feat__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;margin-top:22px;border-top:2px solid var(--line)}
.jrny-th-feat__list li{display:flex;align-items:center;gap:12px;min-height:62px;padding:12px 0;border-bottom:2px solid var(--line);font-size:15px;line-height:1.3;font-weight:600;color:var(--cream-2)}
.jrny-th-feat__list svg{flex:none;width:20px;height:20px;color:var(--orange-2)}
/* comodidades v6: carrossel horizontal com os 4 diferenciais — cada um é uma foto real com o título por cima; o ativo se expande (sozinho a cada 5 s, ou no hover/clique) e os outros encolhem; checklist em chips centralizados embaixo */
/* indicador acima do carrossel, igual ao da galeria do hero: pontos; o ativo vira pílula que enche e, ao terminar, encolhe de volta */
.jrny-th-feat__dots{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:40px}
.jrny-th-feat__dots button{position:relative;width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.24);overflow:hidden;cursor:pointer;transition:width .6s cubic-bezier(.65,0,.35,1),background-color .4s}
.jrny-th-feat__dots button::before{content:"";position:absolute;inset:-10px -3px}
.jrny-th-feat__dots button::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--orange-2);transform:scaleX(0);transform-origin:left}
.jrny-th-feat__dots button.is-on{width:48px;background:rgba(255,255,255,.18)}
.jrny-th-feat__dots button.is-done::after,.jrny-th-feat:not(.is-auto) .jrny-th-feat__dots button.is-on::after{transform:scaleX(1)}
.jrny-th-feat.is-auto .jrny-th-feat__dots button.is-on::after{animation:jrny-th-feat-fill var(--jrny-feat-t,5s) linear forwards}
.jrny-th-feat.is-hold .jrny-th-feat__dots button.is-on::after{animation-play-state:paused}
@keyframes jrny-th-feat-fill{to{transform:scaleX(1)}}
.jrny-th-feat__rail{display:flex;gap:14px;height:clamp(320px,28vw,420px);margin-top:16px}
.jrny-th-feat__card{position:relative;flex:1 1 0;min-width:0;overflow:hidden;padding:0;border:0;border-radius:0 32px 32px 32px;background:var(--panel);color:#fff;font:inherit;text-align:left;cursor:pointer;transition:flex-grow .8s cubic-bezier(.65,0,.35,1)}
.jrny-th-feat__card.is-on{flex-grow:3.4}
.jrny-th-feat__card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);filter:saturate(.75) brightness(.7);transition:transform 1.4s cubic-bezier(.16,1,.3,1),filter .8s}
.jrny-th-feat__card.is-on img,.jrny-th-feat__card:hover img{transform:scale(1);filter:none}
.jrny-th-feat__card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(14,14,14,.82) 0,rgba(14,14,14,.2) 45%,rgba(14,14,14,0) 70%)}
.jrny-th-feat__cap{position:absolute;left:24px;right:24px;bottom:26px;z-index:2;display:flex;align-items:center;gap:14px}
.jrny-th-feat__card .jrny-th-ic{flex:none;width:52px;height:52px;border-radius:16px;background:rgba(20,20,20,.55);color:var(--orange-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);transition:background .4s,color .4s,border-color .4s}
.jrny-th-feat__card .jrny-th-ic svg{width:25px;height:25px}
.jrny-th-feat__card.is-on .jrny-th-ic{background:var(--orange-2);color:#fff;border-color:var(--orange-2)}
.jrny-th-feat__name{font-size:clamp(20px,1.9vw,28px);line-height:1.1;font-weight:800;letter-spacing:-.3px;white-space:nowrap;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .35s}
.jrny-th-feat__card.is-on .jrny-th-feat__name{white-space:normal;opacity:1;transform:none;transition:opacity .5s .35s,transform .6s .35s cubic-bezier(.16,1,.3,1)}
/* chips */
.jrny-th-feat .jrny-th-feat__list{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 30px;max-width:1080px;margin:44px auto 0;padding:0;border:0;background:none} /* lista informativa, não clicável: sem pílula nem hover */
.jrny-th-feat .jrny-th-feat__list li{display:flex;align-items:center;gap:9px;min-height:0;padding:0;border:0;border-radius:0;background:none;font-size:15px;line-height:1.25;font-weight:600;color:var(--cream-2);cursor:default}
.jrny-th-feat .jrny-th-feat__list li::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;background:rgba(255,99,32,.14) url("data:image/svg+xml;utf8,") center/68% no-repeat}
/* celular: vira carrossel de arrastar, um card por vez com o próximo aparecendo; todos com o título */
@media (max-width:900px){
.jrny-th-feat__rail{height:auto;gap:10px;margin:14px 0 0;padding:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none} /* sem sangrar: o card ativo alinha com o texto, o próximo aparece na direita */
.jrny-th-feat__rail::-webkit-scrollbar{display:none}
.jrny-th-feat__card,.jrny-th-feat__card.is-on{flex:0 0 84%;aspect-ratio:5/4;scroll-snap-align:start}
.jrny-th-feat__dots{justify-content:flex-start;margin-top:28px}
.jrny-th-feat__card img{transform:none;filter:none}
.jrny-th-feat__card .jrny-th-ic{background:var(--orange-2);color:#fff;border-color:var(--orange-2);width:44px;height:44px;border-radius:14px}
.jrny-th-feat__name{opacity:1;transform:none;white-space:normal;font-size:20px}
.jrny-th-feat__cap{left:18px;right:18px;bottom:20px}
.jrny-th-feat .jrny-th-feat__list{margin-top:32px;gap:12px 22px}
.jrny-th-feat .jrny-th-feat__list li{font-size:14px}
}
@media (max-width:600px){
.jrny-th-feat__name{font-size:18px}
/* checklist no celular: painel com 2 colunas alinhadas, sem pílulas */
.jrny-th-feat .jrny-th-feat__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px;margin-top:24px;padding:20px 18px;border:1px solid var(--line);border-radius:0 24px 24px 24px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}
.jrny-th-feat .jrny-th-feat__list li{align-items:flex-start;gap:9px;padding:0;border:0;border-radius:0;background:none;font-size:13.5px;line-height:1.35}
.jrny-th-feat .jrny-th-feat__list li::before{width:18px;height:18px;margin-top:0}
/* "Month-to-month · no deposit" (o item mais longo) fica por último e ocupa a fileira inteira: nenhum item quebra em 2 linhas e as fileiras ficam com o mesmo espaçamento */
.jrny-th-feat .jrny-th-feat__list li:last-child:nth-child(odd){grid-column:1/-1}
/* fileiras sempre da mesma altura (a do item mais alto), com o texto centralizado na fileira: o espaço entre bullets fica igual mesmo quando um item quebra linha */
.jrny-th-feat .jrny-th-feat__list{grid-auto-rows:1fr}
.jrny-th-feat .jrny-th-feat__list li{align-items:center}
}
@media (prefers-reduced-motion:reduce){.jrny-th-feat__card,.jrny-th-feat__card img,.jrny-th-feat__name{transition:none}}
/* barra de progresso dentro do card ativo: o JS move .jrny-th-feat__dots para dentro do trilho e a posiciona sobre o card aberto,
acompanhando a borda dele enquanto os cards abrem e fecham. Cápsula escura para ler sobre a foto. */
.jrny-th-feat__rail{position:relative;margin-top:56px}
.jrny-th-feat__rail>.jrny-th-feat__dots{position:absolute;top:20px;left:20px;z-index:3;margin:0;justify-content:flex-start;padding:10px 13px;border-radius:900px;background:rgba(20,20,20,.5);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);transition:opacity .35s ease,scale .45s cubic-bezier(.16,1,.3,1)}
.jrny-th-feat__rail>.jrny-th-feat__dots.is-swap{opacity:0;scale:.92;transition:opacity .2s ease,scale .2s ease}
@media (max-width:900px){.jrny-th-feat__rail{margin-top:28px}.jrny-th-feat__rail>.jrny-th-feat__dots{top:16px;left:16px}}
/* checklist: grade 3×3 com a largura inteira da seção, da esquerda para a direita, sem linhas; ícone e texto maiores (9 itens nas 3 unidades) */
@media (min-width:601px){
.jrny-th-feat .jrny-th-feat__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 32px;max-width:none;margin:48px 0 0;border:0}
.jrny-th-feat .jrny-th-feat__list li{gap:14px;padding:0;border:0;font-size:clamp(16px,1.3vw,19px);line-height:1.3}
.jrny-th-feat .jrny-th-feat__list li::before{width:30px;height:30px}
}
/* checklist em módulos no desenho da FAQ (cartão escuro arredondado, título em caixa alta), só informativo: ícone de check no lugar do número, sem seta nem texto extra */
.jrny-th-feat .jrny-th-acc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:none;margin:48px 0 0;padding:0;border:0;background:none}
.jrny-th-feat .jrny-th-acc li{display:flex;align-items:center;gap:16px;min-height:0;padding:22px 26px;border:0;border-radius:36px;background:var(--panel);font-size:17px;line-height:1.2;letter-spacing:-.3px;text-transform:uppercase;font-weight:300;color:var(--muted-2);cursor:default}
.jrny-th-feat .jrny-th-acc li::before{width:32px;height:32px}
.jrny-th-feat .jrny-th-acc li b{font-weight:800}
@media (max-width:1100px){.jrny-th-feat .jrny-th-acc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){
.jrny-th-feat .jrny-th-acc{grid-template-columns:1fr;gap:8px;margin-top:24px}
.jrny-th-feat .jrny-th-acc li{gap:12px;padding:16px 20px;font-size:15px}
.jrny-th-feat .jrny-th-acc li::before{width:28px;height:28px}
}
/* ---------- SOBRE A UNIDADE ---------- */
.jrny-th-about{position:relative;padding:100px 0 110px}
.jrny-th-about__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:72px;padding:0 80px}
.jrny-th-about__txt{display:flex;flex-direction:column;gap:22px}
.jrny-th-about__txt .jrny-h2{margin-bottom:6px}
.jrny-th-about__txt .jrny-lead{font-size:17px;text-wrap:pretty}
.jrny-th-about__txt .jrny-lead:first-of-type{font-size:19px;color:var(--cream-2)}
.jrny-th-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:10px}
.jrny-th-collage figure{position:relative;margin:0;overflow:hidden;background:var(--panel);border:2px solid var(--line)}
.jrny-th-collage figure:first-child{grid-column:1/-1;aspect-ratio:16/10;border-radius:0 60px 0 0}
.jrny-th-collage figure:nth-child(2){aspect-ratio:4/3;border-radius:0 0 0 32px}
.jrny-th-collage figure:nth-child(3){aspect-ratio:4/3;border-radius:0 0 32px 0}
.jrny-th-collage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.jrny-th-collage figure:hover img{transform:scale(1.05)}
.jrny-th-collage .jrny-rs-card__tag{border-radius:0 0 18px 0}
/* ---------- COMO CHEGAR + OUTRAS UNIDADES ---------- */
.jrny-th-here{position:relative;padding:20px 0 120px}
.jrny-th-here__wrap{padding:0 80px}
.jrny-th-here__card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);overflow:hidden;border-radius:0 60px 0 0;background:var(--panel);border:2px solid var(--line)}
.jrny-th-here__photo{position:relative;min-height:440px;margin:0;overflow:hidden}
.jrny-th-here__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jrny-th-here__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(18,18,18,.7),rgba(18,18,18,0) 50%)}
.jrny-th-here__pin{position:absolute;left:24px;bottom:24px;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:900px;background:rgba(20,20,20,.55);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:14px;font-weight:700;color:var(--txt)}
.jrny-th-here__pin .jrny-th-ic{width:30px;height:30px;border-radius:50%;background:var(--orange-2);color:#fff}
.jrny-th-here__pin .jrny-th-ic svg{width:16px;height:16px}
.jrny-th-here__txt{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:22px;padding:56px 64px}
.jrny-th-here__txt .jrny-lead{text-wrap:pretty}
.jrny-th-here__txt .jrny-btn--outline{border-color:var(--cream-2);color:var(--txt)}
.jrny-th-here__txt .jrny-btn--outline .jrny-btn__ic{background:var(--cream-2);color:#242424}
.jrny-th-here__txt .jrny-btn--outline::before{background:var(--cream-2)}
.jrny-th-here__txt .jrny-btn--outline:hover,.jrny-th-here__txt .jrny-btn--outline:focus-visible{color:var(--ink);border-color:var(--cream-2)}
.jrny-th-others{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:40px 56px;margin-top:110px}
.jrny-th-others__head{padding-top:6px}
@media (min-width:1401px){.jrny-th-others{grid-template-columns:minmax(0,1fr) 779px;column-gap:40px}} /* mesmas colunas do FAQ logo abaixo */
.jrny-th-others__head{display:flex;flex-direction:column;gap:20px}
.jrny-th-others__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.jrny-th-others .jrny-rs-card__desc{margin-bottom:10px}
/* ---------- FAQ / CTA ---------- */
.jrny-th .jrny-faq__head h2{width:400px}
/* ---------- GALERIA EM TELA CHEIA ---------- */
.jrny-th-lb{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(14,14,14,.96);color:var(--cream-2);font-family:"LatoJ","Lato","LatoJ Fallback",system-ui,sans-serif;overflow:hidden}
.jrny-th-lb::backdrop{background:rgba(0,0,0,.6)}
.jrny-th-lb[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);animation:jrny-th-fade .35s ease} /* coluna travada na largura da tela: sem isso a foto (1920px) alargava a grade e cortava legenda, botões e imagem no celular */
@keyframes jrny-th-fade{from{opacity:0}}
.jrny-th-lb *{box-sizing:border-box}
.jrny-th-lb button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.jrny-th-lb__top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px}
.jrny-th-lb__top p{margin:0;min-width:0;font-size:15px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jrny-th-lb__top p b{margin-right:12px;font-weight:800;color:var(--txt);font-variant-numeric:tabular-nums}
.jrny-th-lb__x{flex:none;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.08);transition:background .25s}
.jrny-th-lb__x:hover{background:var(--orange-2)}
.jrny-th-lb__x svg{width:20px;height:20px}
.jrny-th-lb__stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:0 88px}
.jrny-th-lb__stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:20px;box-shadow:0 40px 80px -40px rgba(0,0,0,.8);animation:jrny-th-in .5s cubic-bezier(.16,1,.3,1)}
@keyframes jrny-th-in{from{opacity:0;transform:scale(.97)}}
.jrny-th-lb__nav{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-top:-26px;border-radius:50%;background:rgba(255,255,255,.08);transition:background .25s}
.jrny-th-lb__nav:hover{background:var(--orange-2)}
.jrny-th-lb__nav svg{width:22px;height:22px}
.jrny-th-lb__nav[data-dir="-1"]{left:20px}
.jrny-th-lb__nav[data-dir="1"]{right:20px}
.jrny-th-lb__strip{display:flex;justify-content:safe center;gap:8px;padding:18px 24px 24px;overflow-x:auto;scrollbar-width:none}
.jrny-th-lb__strip button{flex:none;width:84px;height:60px;border-radius:10px;overflow:hidden;opacity:.5;outline:2px solid transparent;outline-offset:2px;transition:opacity .25s,outline-color .25s}
.jrny-th-lb__strip button:hover{opacity:.85}
.jrny-th-lb__strip button[aria-current="true"]{opacity:1;outline-color:var(--orange-2)}
.jrny-th-lb__strip img{display:block;width:100%;height:100%;object-fit:cover}
.jrny-th-lb :focus-visible{outline:2px solid var(--orange-2);outline-offset:3px}
html
/* ---------- RESPONSIVO ---------- */
@media (max-width:1400px){
.jrny-th-units__head{grid-template-columns:minmax(0,1fr) 380px}
.jrny-th-about__grid{gap:48px}
.jrny-th-here__txt{padding:48px}
}
@media (max-width:1200px){
.jrny-th .jrny-h2.jrny-accent::before{left:-40px}
.jrny-th-gal{width:340px}
.jrny-th-units__wrap{padding:80px 40px 96px}
.jrny-th-units__head{grid-template-columns:minmax(0,1fr)}
.jrny-th-units__head>p{max-width:620px}
.jrny-th-feat__wrap,.jrny-th-here__wrap{padding:0 40px}
.jrny-th-about__grid{padding:0 40px}
.jrny-th-feat__grid{grid-template-columns:minmax(0,1fr)}
.jrny-th-feat__photo{min-height:0;aspect-ratio:16/8}
}
@media (max-width:1100px){
.jrny-th-others{grid-template-columns:minmax(0,1fr)}
.jrny-th-hero__main{flex-direction:column;align-items:stretch;gap:24px}
.jrny-th-gal{width:auto;display:grid;grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:10px 14px;padding:10px}
.jrny-th-gal__top{grid-column:1/-1;padding:2px 4px 2px 8px}
.jrny-th-thumbs{grid-template-columns:repeat(6,minmax(0,1fr))}
.jrny-th-all{margin-top:0}
.jrny-th-about__grid{grid-template-columns:minmax(0,1fr)}
.jrny-th-here__card{grid-template-columns:minmax(0,1fr)}
.jrny-th-here__photo{min-height:0;aspect-ratio:16/8}
}
@media (max-width:900px){
.jrny-th-hero .jrny-hero__frame{height:auto;min-height:max(640px,100svh);padding:0}
.jrny-th-hero__main{position:relative;left:auto;right:auto;bottom:auto;min-height:max(640px,100svh);justify-content:flex-end;padding:120px 16px 20px}
.jrny-th-shade{background:linear-gradient(180deg,rgba(18,18,18,.7) 0%,rgba(18,18,18,0) 22%),linear-gradient(0deg,rgba(18,18,18,.98) 0%,rgba(18,18,18,.88) 38%,rgba(18,18,18,.35) 66%,rgba(18,18,18,.1) 100%)}
.jrny-th-hero .jrny-hero__title{font-size:min(38px,9.2vw);line-height:1.08}
.jrny-th-meta{font-size:14px}
.jrny-th-meta>i{display:none}
.jrny-th-gal{display:flex;flex-direction:column;align-items:stretch;padding:10px;border-radius:22px 22px 22px 0}
.jrny-th-gal__top{padding:2px 2px 8px 6px}
.jrny-th-arr{display:none}
.jrny-th-thumbs{display:flex;gap:6px;margin:0 -10px;padding:0 10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.jrny-th-thumbs::-webkit-scrollbar{display:none}
.jrny-th-thumbs button{flex:0 0 88px;scroll-snap-align:start;border-radius:10px}
.jrny-th-all{margin-top:8px;height:46px}
.jrny-th-seal{top:20px;right:20px;width:96px;height:96px;box-shadow:0 0 0 4px rgba(24,24,24,1),0 16px 32px -14px rgba(0,0,0,.6)}
.jrny-th-seal__ring text{font-size:11px}
.jrny-th-seal__mid b{font-size:21px}
.jrny-th-seal__mid small{font-size:8.5px}
.jrny-th-dealbar p{gap:2px 10px;flex-wrap:wrap;min-height:40px;padding:7px 12px}
.jrny-th-dealbar__tag{display:none}
.jrny-th-dealbar strong{font-size:14.5px}
.jrny-th-dealbar em{font-size:13px}
.jrny-th-units{padding-top:64px}
.jrny-th-units__panel{margin-top:20px}
.jrny-th-units__panel::before{inset:0;border-radius:0}
.jrny-th-units__panel>.jrny-vline{display:none}
.jrny-th-units__wrap{padding:64px 0 72px}
.jrny-th-units__head{gap:18px}
.jrny-th-units__head>p{font-size:17px}
.jrny-th-units__head .jrny-accent::before{left:-16px}
.jrny-th-feat{padding:88px 0 40px}
.jrny-th-feat__wrap,.jrny-th-here__wrap,.jrny-th-about__grid{padding:0}
.jrny-th-feat__grid{margin-top:36px;gap:24px}
.jrny-th-feat__photo{aspect-ratio:4/3;border-radius:0 40px 0 0}
.jrny-th-feat__top li{min-height:0;gap:22px;padding:18px}
.jrny-th-feat__top p{font-size:17px}
.jrny-th-feat__list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
.jrny-th-feat__list li{font-size:14px;min-height:56px}
.jrny-th-about{padding:72px 0 80px}
.jrny-th-about__grid{gap:36px}
.jrny-th-here{padding:10px 0 88px}
.jrny-th-here__card{border-radius:0 40px 0 0}
.jrny-th-here__txt{padding:32px 24px 36px}
.jrny-th-others{margin-top:72px}
.jrny-th-others__list{grid-template-columns:minmax(0,1fr)}
.jrny-th .jrny-h2.jrny-accent::before{left:-16px}
.jrny-th .jrny-faq__head h2{width:auto}
.jrny-th-lb{background:#0e0e0e}
.jrny-th-lb__top{padding:14px 16px 14px 20px}
.jrny-th-lb__top p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.35}
/* setas num par centralizado logo abaixo da foto, fora da faixa de miniaturas */
.jrny-th-lb__stage{padding:0 12px 76px}
.jrny-th-lb__nav{top:auto;bottom:8px;margin:0}
.jrny-th-lb__nav[data-dir="-1"]{left:calc(50% - 62px)}
.jrny-th-lb__nav[data-dir="1"]{right:calc(50% - 62px)}
.jrny-th-lb__strip{justify-content:flex-start;padding:14px 16px 22px}
.jrny-th-lb__strip button{width:64px;height:46px}
}
@media (max-width:520px){
.jrny-th-feat__top{grid-template-columns:1fr 1fr;gap:8px}
.jrny-th-feat__list{grid-template-columns:1fr}
.jrny-th-here__pin{left:14px;right:14px;bottom:14px;font-size:13px}
}
/* hero no celular: mesma ideia da home e de /rentaspace. As fotos viram uma faixa curta no topo que se dissolve
no fundo; breadcrumb, título, endereço e os botões vêm centralizados logo abaixo, todos na primeira tela. */
@media (max-width:760px){
.jrny-th-hero{--th-band:clamp(220px,calc(100svh - 440px),calc(48vw + 130px))}
.jrny-th-hero .jrny-hero__frame{min-height:0;background:var(--bg)}
.jrny-th-slides{bottom:auto;height:var(--th-band);overflow:hidden;background:var(--bg)}
.jrny-th-slides img{object-position:50% 50%}
.jrny-th-shade{bottom:auto;height:calc(var(--th-band) + 2px);background:linear-gradient(180deg,rgba(24,24,24,.62) 0%,rgba(24,24,24,.12) 24%,rgba(24,24,24,.2) 50%,rgba(24,24,24,.86) 80%,#181818 100%)}
.jrny-th-hero__main{min-height:0;justify-content:flex-start;padding:calc(var(--th-band) - 52px) 16px 24px}
.jrny-th-hero__copy{align-items:center;text-align:center;gap:14px}
.jrny-th-crumbs,.jrny-th-meta{justify-content:center}
.jrny-th-meta{gap:6px 16px}
.jrny-th-hero .jrny-rs-actions{align-self:stretch;margin-top:6px}
}
@media (prefers-reduced-motion:reduce){
.jrny-th-slides img,.jrny-th-collage img,.jrny-th-feat__photo img,.jrny-th-seal__ring,.jrny-th-seal::after,.jrny-th-dealbar.is-on p::after{animation:none}
.jrny-th-seal::after{display:none}
.jrny-th-lb[open],.jrny-th-lb__stage img{animation:none}
}
/* grade: linhas contínuas nas duas bordas do conteúdo, do fim do hero até o rodapé (mesma fórmula da home).
Escuras atrás do painel creme de preços, creme por cima dele; na band2 a da direita fica num bloco que termina antes do rodapé */
.jrny-th-units>.jrny-vline--l{left:calc(50% - min(720px,50% - 32px))}
.jrny-th-units>.jrny-vline--r{right:calc(50% - min(720px,50% - 32px))}
.jrny-th-units__panel>.jrny-vline--r{left:auto;right:calc(50% - min(720px,50% - 32px))}
.jrny-band2__main{position:relative}
.jrny-band2__main>.jrny-vline--r{right:calc(50% - min(720px,50% - 32px));top:-99px;bottom:0;z-index:1}
@media (max-width:900px){
.jrny-th-units>.jrny-vline--l{left:16px}
.jrny-th-units>.jrny-vline--r{right:16px}
.jrny-th-units__panel>.jrny-vline{display:block;left:16px}
.jrny-th-units__panel>.jrny-vline--r{left:auto;right:16px}
.jrny-band2__main>.jrny-vline--r{right:16px}
/* conteúdo a 16px das linhas, como na home (antes encostava onde a linha passa) */
.jrny-th-units__wrap{padding-left:16px;padding-right:16px}
.jrny-th-feat__wrap,.jrny-th-here__wrap,.jrny-th-about__grid{padding-left:16px;padding-right:16px}
}
/* card estreito (2 colunas em celular pequeno): preço e botão compactos para caber sem cortar a seta */
.jrny-th-card{container-type:inline-size}
@container (max-width:180px){
.jrny-th-card__body{padding-left:12px;padding-right:12px}
.jrny-th-card__row{gap:4px 8px}
.jrny-th-card__price b{font-size:30px;letter-spacing:-1px}
.jrny-th-card__price sup{font-size:13px}
.jrny-th-card__price span{font-size:11px;margin-left:2px}
.jrny-th-card__was small{font-size:8.5px;letter-spacing:.06em}
.jrny-th-card__was s{font-size:13px}
.jrny-th-card .jrny-btn{padding:0 5px 0 11px;gap:4px;font-size:12px;letter-spacing:-.1px}
.jrny-th-card .jrny-btn__ic{width:24px;height:24px}
}
@container (max-width:160px){
.jrny-th-card__row{gap:4px 6px}
.jrny-th-card__price b{font-size:26px}
.jrny-th-card__was s{font-size:12px}
}
/* static card prices are placeholders: shown only once live-units.js has filled them from Tenant Inc */
.jrny-th-grid:not(.is-live) .jrny-th-card__row,.jrny-th-grid:not(.is-live) .jrny-th-card__deal{visibility:hidden}
/* live inventory unavailable: hide the placeholder cards, show the call-us note */
.jrny-th-grid.is-offline .jrny-th-card{display:none}
.jrny-th-offline{margin:0 0 16px;padding:16px 20px;border:1px solid var(--cream-line,#e4dace);border-radius:0 14px 14px 14px;background:#f9f5ee;font-size:15px;line-height:1.4;font-weight:500;color:#615c53}
.jrny-th-offline a{font-weight:800;color:#222;text-decoration:underline;text-underline-offset:3px}
/* unit-card size art in motion: the homepage size videos, laid over the still at the same crop and hover zoom */
.jrny-th-card__art video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .35s ease,transform 1s cubic-bezier(.16,1,.3,1)}
.jrny-th-card__art video.is-on{opacity:1}
.jrny-th-card:hover .jrny-th-card__art video{transform:scale(1.06)}
@media (prefers-reduced-motion:reduce){.jrny-th-card__art video{display:none}}