/* A white photographic field receding towards the headline. */
body{background:#fff}
main{padding-top:0}
.travel{height:520svh;margin:0 calc(-1 * var(--pad));background:#fff;position:relative}
.travel-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;isolation:isolate}
.travel-copy{position:absolute;top:clamp(120px,17vh,180px);left:var(--pad);right:var(--pad);text-align:center;z-index:3;pointer-events:none}
.travel-copy .eyebrow{font-size:11px;letter-spacing:.24em;margin-bottom:22px}
.travel-copy h1{max-width:none;font-size:clamp(44px,6.8vw,100px);letter-spacing:-.055em;line-height:1.02}
.travel-copy p{margin:22px auto 0;max-width:50ch;font-size:clamp(14px,1.2vw,17px)}
.travel-window{position:absolute;inset:38% -30% -25%;perspective:900px;perspective-origin:50% 0;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,black 21%,black 91%,transparent)}
.travel-plane{width:100%;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:18px;transform-origin:50% 0;transform:rotateX(58deg) translateY(var(--travel-y,0px));will-change:transform}
.travel-tile{aspect-ratio:1.5;overflow:hidden;border-radius:8px;background:#f2f2f0;box-shadow:0 2px 12px #0000000b}
.travel-tile img{width:100%;height:100%;object-fit:cover;display:block}
.travel-footer{position:absolute;bottom:28px;left:var(--pad);right:var(--pad);z-index:4;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;color:var(--ink-dim)}
.travel-footer a{color:var(--ink);text-decoration:none;background:#ffffffde;backdrop-filter:blur(12px);padding:13px 19px;border:1px solid var(--line);border-radius:40px}
.travel-count{background:#ffffffd9;padding:10px 14px;border-radius:30px;font-size:11px;letter-spacing:.06em}
.archive{scroll-margin-top:100px;margin-top:60px}
@media(min-width:1600px){.travel{margin-left:calc((1600px - 100vw)/2 - var(--pad));margin-right:calc((1600px - 100vw)/2 - var(--pad))}}
@media(max-width:650px){.travel{height:450svh}.travel-stage{min-height:560px}.travel-copy{top:125px}.travel-copy h1{font-size:52px}.travel-copy p{max-width:31ch}.travel-window{inset:42% -95% -20%;perspective:650px}.travel-plane{gap:12px;grid-template-columns:repeat(7,minmax(0,1fr))}.travel-footer{bottom:22px}.travel-count{max-width:140px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.travel{height:100svh}.travel-plane{transform:rotateX(58deg);will-change:auto}html{scroll-behavior:auto}}

.archive-history .image-open img{aspect-ratio:3/2;object-fit:contain;background:#f6f6f4}