/* Portrait arches and overlaid itinerary details, based on the supplied reference. */
.journeys-arches{background:var(--paper);padding-block:48px 44px}
.journey-showcase{display:grid;grid-template-columns:270px minmax(0,1fr);gap:52px;align-items:center}
.journey-intro{padding-bottom:58px}
.journey-intro>.eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:1.8px;margin-bottom:18px}
.journey-intro h2{font-size:clamp(43px,3.55vw,55px);line-height:1.04;letter-spacing:-.035em}
.journey-intro-copy{font-size:14px;color:var(--muted);line-height:1.85;margin:25px 0 27px;max-width:300px}
.journey-all{font-size:10px;text-transform:uppercase;letter-spacing:.65px;padding:12px 17px;min-height:42px;gap:13px;white-space:nowrap}
.journey-all span{font-size:18px}
.journey-carousel{min-width:0}
.arch-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0 5px;overscroll-behavior-x:contain}
.arch-track::-webkit-scrollbar{display:none}
.arch-card{flex:0 0 calc((100% - 36px)/3);min-width:0;scroll-snap-align:start;position:relative}
.arch-card>a{display:block;position:relative;height:480px;min-height:440px;isolation:isolate;border-radius:50% 50% 15px 15px / 29% 29% 15px 15px;overflow:hidden;background:var(--deep)}
.arch-card>a::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(5,25,34,.05) 38%,rgba(5,25,34,.45) 57%,rgba(5,25,34,.8) 82%,rgba(5,25,34,.88) 100%);z-index:1;pointer-events:none}
.arch-card img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease;position:absolute;inset:0}
.arch-card[data-journey-index="0"] img{object-position:47% center}
.arch-card[data-journey-index="1"] img{object-position:51% center}
.arch-card[data-journey-index="2"] img{object-position:69% center}
.arch-copy{position:absolute;z-index:2;left:13px;right:13px;bottom:33px;text-align:center;color:#fff}
.arch-category{font-size:8px;font-weight:700;letter-spacing:1.3px;color:#FFE5AF;line-height:1.5;margin-bottom:9px}
.arch-copy h3{font-size:29px;font-weight:550;color:#fff;line-height:1.04;letter-spacing:-.025em;text-shadow:0 1px 10px #0003}
.arch-copy h3>span{display:block;font-size:.93em;margin-top:4px}
.arch-route{font-size:10px;line-height:1.65;margin:12px auto 17px;max-width:220px;min-height:33px;color:#fff}
.arch-explore{display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid #ffffffbb;color:#fff;text-transform:uppercase;letter-spacing:1.3px;font-size:10px;line-height:1.4;font-weight:700;padding-bottom:4px}
.arch-card>a:hover img{transform:scale(1.045)}
.arch-card>a:hover .arch-explore{border-color:#fff}
.arch-card>a:focus-visible{outline:3px solid var(--primary);outline-offset:-4px}
.journey-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:20px;min-height:42px}
.journey-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--deep);font:25px/1 Georgia,serif;transition:background .15s}
.journey-controls button:hover{background:var(--soft)}
.journey-counter{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:1px;color:var(--muted)}
.journey-counter b{font-size:13px;color:var(--deep)}
.journey-counter>span{color:var(--accent);font-weight:400}
.journey-drag-hint{display:none}
.carousel-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1550px){.journey-showcase{grid-template-columns:280px minmax(0,1fr);gap:55px}.arch-card>a{height:530px}.arch-copy h3{font-size:31px}.arch-category{font-size:9px}.arch-route{font-size:11px}}
@media(max-width:1150px){.journey-showcase{grid-template-columns:230px minmax(0,1fr);gap:30px}.journey-intro h2{font-size:43px}.journey-intro-copy{font-size:13px}.journey-all{font-size:9px;padding-inline:12px;gap:9px}.arch-track{gap:14px}.arch-card{flex-basis:calc((100% - 28px)/3)}.arch-card>a{height:465px;min-height:0}.arch-copy{left:10px;right:10px;bottom:28px}.arch-copy h3{font-size:26px}.arch-category{font-size:7px;letter-spacing:1px}.arch-route{font-size:9px}}
@media(max-width:950px){.journey-showcase{grid-template-columns:1fr;gap:30px}.journey-intro{padding-bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:0 30px;align-items:start}.journey-intro>.eyebrow{grid-column:1/-1}.journey-intro h2{grid-row:2/4;font-size:44px}.journey-intro-copy{margin:2px 0 18px;max-width:340px}.journey-all{justify-self:start;align-self:start;font-size:10px}.arch-card>a{height:470px}.arch-copy h3{font-size:29px}.arch-category{font-size:8px}.arch-route{font-size:10px}}
@media(max-width:600px){.journeys-arches{padding-block:42px 30px;overflow:hidden}.journey-showcase{gap:26px}.journey-intro{display:block}.journey-intro>.eyebrow{font-size:9px;margin-bottom:13px}.journey-intro h2{font-size:42px}.journey-intro h2 br{display:none}.journey-intro h2 br::after{content:' '}.journey-intro-copy{font-size:13px;line-height:1.8;margin:17px 0 19px;max-width:330px}.journey-all{font-size:10px;min-height:43px;padding-inline:17px}.arch-track{gap:16px;margin-right:calc(-1 * var(--pad));padding-right:var(--pad);scroll-padding-right:var(--pad)}.arch-card{flex-basis:calc(100% - 34px)}.arch-card>a{height:480px;max-height:none;border-radius:50% 50% 14px 14px / 32% 32% 14px 14px}.arch-copy{bottom:31px;left:20px;right:20px}.arch-copy h3{font-size:33px}.arch-category{font-size:9px;letter-spacing:1.4px}.arch-route{font-size:11px;max-width:240px;min-height:36px;margin:13px auto 18px}.arch-explore{font-size:11px}.journey-controls{margin-top:15px}.journey-controls button{width:43px;height:43px}.journey-drag-hint{display:block;margin-right:auto;font-size:10px;color:var(--muted)}}
@media(prefers-reduced-motion:reduce){.arch-card img,.journey-controls button{transition:none}}
