/* Native vertical scroll moves the viewer through a sequence of film screens. */
.film-rail,.film-position{display:none}
.works:has(.travel-ready){background:linear-gradient(90deg,#070b0e7a,transparent 80%);padding-inline:0;padding-bottom:55px}
.works:has(.travel-ready)>.section-heading,.works:has(.travel-ready)>.work-footnote{margin-inline:var(--gutter)}
.works:has(.travel-ready)>.section-heading{max-width:65%;grid-template-columns:1fr 2fr}.works:has(.travel-ready)>.section-heading .section-note{grid-column:2}
.film-travel.travel-ready{position:relative;height:var(--film-travel-height,350vh)}
.travel-ready .film-viewport{position:sticky;top:0;height:100vh;overflow:clip;isolation:isolate}
.travel-ready .film-viewport:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3}
.travel-ready .project-grid{display:block;position:absolute;inset:0;perspective:1400px;perspective-origin:55% 50%;transform-style:flat;pointer-events:none}
.travel-ready .project-card{position:absolute;left:44%;top:51%;width:min(58vw,1000px);margin:0;opacity:1;transition:none;will-change:transform,opacity;transform-style:flat;pointer-events:auto}
.travel-ready .project-card .project-image{aspect-ratio:1.82;border-radius:12px;border:1px solid #a7bec452;box-shadow:0 20px 60px #02070a70,inset 0 0 0 1px #b2e1f11a;clip-path:none;transition:none}
.travel-ready .project-open{border-radius:12px}
.travel-ready .project-open:active{transform:none}
.travel-ready .project-open:active .featured-play{background:#e9d8b8}
.travel-ready .project-image:after{background:linear-gradient(130deg,#abc5e00b,transparent 45%,#03060c25)}
.travel-ready .project-caption{margin:22px 3px 0;text-shadow:0 1px 14px #02070a}
.travel-ready .project-caption h3,.travel-ready .featured .project-caption h3{font-size:clamp(26px,2.6vw,43px);letter-spacing:-.035em}
.travel-ready .project-caption p{margin-top:9px}
#project-grid .featured-play{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;min-height:46px;padding:9px 15px;border:1px solid #dcc9a780;border-radius:999px;background:#cabb9e;color:#18171b;font:600 13px var(--type-ui);line-height:1.2;white-space:nowrap;text-shadow:none}
#project-grid .featured-play-icon{display:grid;place-items:center;width:27px;height:27px;border:1px solid #18171b36;border-radius:50%;font-size:10px;padding-left:2px}
#project-grid .featured-play small{display:block;margin-top:5px;font:9px var(--type-meta);letter-spacing:.08em}
.travel-ready .award-badge{width:23%;min-width:145px}
.travel-ready .film-rail{position:absolute;left:var(--gutter);top:19%;z-index:4;display:flex;flex-direction:column;gap:29px;font:9px Consolas,"Courier New",monospace;letter-spacing:.1em;color:#8dabb0}
.film-rail>span:first-child{writing-mode:vertical-rl;transform:rotate(180deg)}
#film-index{display:flex;flex-direction:column;gap:7px;margin-left:-12px}
#film-index button{display:flex;align-items:center;gap:10px;width:58px;height:35px;padding:0 12px;background:none;border:0;font:10px Consolas,"Courier New",monospace;color:#709097;transition:color 180ms ease}
#film-index button:before{content:"";height:1px;width:6px;background:currentColor;transition:transform 220ms var(--ease-out);transform-origin:left}
#film-index button[aria-current="true"]{color:#deefee}
#film-index button[aria-current="true"]:before{transform:scaleX(1.8)}
.film-depth{font-size:8px;line-height:1.8;letter-spacing:0;color:#67848e}
.film-depth b{display:block;font-size:19px;font-weight:400;margin-top:13px}
.travel-ready .film-position{display:flex;position:absolute;left:var(--gutter);bottom:33px;gap:14px;align-items:center;color:#829ba3;font:9px Consolas,"Courier New",monospace;letter-spacing:.09em;margin:0;z-index:4}
.film-position>span{color:#d6ecee}.film-position i{width:55px;height:1px;background:#65808a4d}
.travel-ready .project-card:focus-within{z-index:3}
.travel-ready .project-card.reveal:not(.visible) .project-image{clip-path:none}
@media(prefers-reduced-motion:reduce){.film-travel.travel-ready{height:auto}.travel-ready .film-viewport{position:relative;height:auto;overflow:visible}.travel-ready .film-viewport:after,.travel-ready .film-rail,.travel-ready .film-position{display:none}.travel-ready .project-grid{position:relative;display:grid;perspective:none;margin-inline:var(--gutter)}.travel-ready .project-card{position:relative;left:auto;top:auto;width:auto;transform:none!important;opacity:1!important;will-change:auto}.travel-ready .project-card:not(:first-child){grid-column:auto}.travel-ready .project-card .project-image{box-shadow:none}.travel-ready .featured .project-image{aspect-ratio:1.82}}