:root{--accent:#7456a0;--navy:#514361;--sky:#a192bf}
.vans-page{--leading:1}.vans-page .project-place{line-height:1.45}.vans-page .lead,.vans-page .project-meta dd{line-height:1.48}.vans-page h2{line-height:1.18}.vans-page .section-copy{line-height:1.51;max-width:820px}
.vans-page .eyebrow{font-size:17px;font-weight:650;color:var(--accent);margin:0 0 18px}
.vans-page .hero{background:#f3edf8}.vans-page .hero-slides{aspect-ratio:16/9;position:relative}.vans-page .hero-slide{position:absolute;inset:0}.vans-page .hero-slide img{width:100%;height:100%;object-fit:cover;object-position:50% 72%}.vans-page .hero-arrow{font-size:34px;cursor:pointer}
.vans-page .film{margin:38px 0 0}.vans-page .film video{width:100%;height:auto;aspect-ratio:16/9;background:#241532}.vans-page figcaption{line-height:1.39}
.location-trail{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:28px 0 0;font-size:17px}.location-trail span,.location-trail strong{padding:9px 17px;border:1px solid #ddd;border-radius:999px;font-weight:550}.location-trail strong{color:var(--accent);border-color:#bba9d0}.location-trail i{font-style:normal;color:#aaa}
.space-model{margin:44px 0 0;position:relative}.space-model img{width:100%;height:auto;display:block}.model-label{position:absolute;left:50%;transform:translateX(-50%);padding:8px 16px;border:1px solid #bcadca;border-radius:999px;color:#614280;background:#fff;font-size:15px;font-weight:650;line-height:1.2;pointer-events:none}.model-label.rear{top:10%}.model-label.console{top:68%}
.system-overview{margin:35px 0 0}.models-image img{width:100%;height:auto;display:block}.model-captions{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;gap:30px;padding:0;margin:18px 0 0;text-align:center}.model-captions span{display:inline-block;padding:12px 28px;border:1px solid #cbbcd9;border-radius:999px;font-size:18px;font-weight:650;line-height:1.3}
.line-illustration{max-width:880px;margin:48px auto 0}.line-illustration img{width:100%;height:auto;display:block}.implementation{display:flex;align-items:center;justify-content:center;gap:20px;margin:38px 0 0}.implementation span{border:1px solid #cbbcd9;border-radius:999px;padding:12px 22px;line-height:1.35;font-size:17px}.implementation i{color:#aaa;font-style:normal}
.vans-page #making .media-row{max-width:880px;margin-inline:auto}.vans-page .credits a{color:inherit}.vans-page button[data-view]{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.vans-page button[data-view] img{display:block;width:100%;height:auto}
@media(max-width:700px){.vans-page .section{padding:48px 0}.vans-page .hero-arrow{width:40px;height:40px;font-size:28px}.vans-page .hero-prev{left:10px}.vans-page .hero-next{right:10px}.vans-page .hero-slides{aspect-ratio:4/3}.vans-page .hero-slide img{object-fit:contain}.location-trail{font-size:14px;gap:8px}.location-trail span,.location-trail strong{padding:7px 10px}.location-trail i{display:none}.location-trail strong{flex-basis:auto}.space-model{margin-top:25px}.model-label{font-size:12px;padding:5px 9px}.model-label.rear{top:5%}.model-label.console{top:63%}.model-captions{gap:8px;margin-top:8px}.model-captions span{font-size:13px;padding:8px 10px;white-space:nowrap}.models-image{margin:20px -8px 0}.implementation{gap:10px;flex-direction:column}.implementation i{transform:rotate(90deg)}.line-illustration{margin-top:30px}.vans-page .film{margin-top:26px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Project metadata has three substantive fields, unlike the client/year/role reference. */
.vans-page .project-meta{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;row-gap:28px;align-items:start;margin:36px 0 0;padding:26px 0 0}
.vans-page .project-meta>div{min-width:0;grid-column:auto}
.vans-page .project-meta dt{margin:0 0 14px;line-height:1.4}
.vans-page .project-meta dd{margin:0;line-height:1.55;word-break:keep-all;overflow-wrap:break-word}
@media(max-width:900px){.vans-page .project-meta{column-gap:28px}}
@media(max-width:700px){.vans-page .project-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 24px;margin-top:28px;padding-top:22px}.vans-page .project-meta>div:last-child{grid-column:1/-1}.vans-page .project-meta dt{margin-bottom:10px}}

:root{--accent:#a62453;--navy:#382635;--sky:#24b4c2}.vans-page .hero-slides{aspect-ratio:3/2}.vans-page .hero-slide img{object-position:center}.vans-page .film video{aspect-ratio:auto;background:#141018}.vans-page .space-model{margin-top:40px}.zone-label{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:750;background:#fff;padding:9px 18px;border-radius:999px;border:1px solid #ccc;pointer-events:none}.zone-b{left:23%}.zone-c{left:72%}.plan-key{display:flex;justify-content:center;gap:25px;margin:20px 0 0;font-size:14px;color:#555}.plan-key span{display:flex;align-items:center;gap:8px}.plan-key b{display:inline-block;width:13px;height:13px}.key-blue{background:#6f98de}.key-red{background:#b86572}.key-grey{background:#aaa;border-radius:50%}.vans-page .standalone{margin-top:42px}.light-drawing{margin-top:50px!important}.pill-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;list-style:none;padding:0;margin:10px 0 42px;text-align:center}.pill-labels li{justify-self:center;border:1px solid #c6aab7;border-radius:999px;padding:11px 25px;font-size:18px;font-weight:600}.process-strip{display:flex;justify-content:center;align-items:center;gap:20px;margin:38px 0}.process-strip span{border:1px solid #ddd;border-radius:999px;padding:12px 20px;font-size:17px}.process-strip i{font-style:normal;color:#9b7383}.vans-page #making .media-row{max-width:none}.vans-page .hero-slide[hidden]{display:none}.vans-page .credits dd{word-break:keep-all}.vans-page #light-timeline{--lt-accent:#a62453;margin-top:20px}.vans-page #arrival .film{max-width:880px;margin-inline:auto}.vans-page #film .film{max-width:880px;margin-inline:auto}
@media(max-width:700px){.vans-page .hero-slides{aspect-ratio:3/2}.vans-page .space-model{margin-inline:-12px}.zone-label{font-size:12px;padding:4px 9px}.plan-key{gap:16px;font-size:12px}.pill-labels{gap:8px;margin:10px 0 28px}.pill-labels li{padding:8px 10px;font-size:13px}.light-drawing{margin-top:30px!important}.process-strip{flex-wrap:wrap;gap:8px;margin:25px 0}.process-strip span{padding:9px 11px;font-size:13px}.vans-page .standalone{margin-top:30px}}

/* v2: each model precedes the corresponding field evidence. */
.vans-page .brief-pills{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:30px 0 0}.brief-pills span{border:1px solid #c6aab7;border-radius:999px;padding:12px 23px;font-size:17px}
.vans-page .sub-block{margin-top:54px;padding-top:34px}.vans-page .sub-block h3{margin:0}.vans-page .sub-block .section-copy{margin-top:14px;max-width:810px}.vans-page .panorama{margin-top:26px}.vans-page .panorama img{background:#f4f2f5}.vans-page .signal-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px;list-style:none;padding:0;margin:36px 0}.signal-flow li{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #c6aab7;border-radius:999px;padding:18px 20px;position:relative}.signal-flow li+li:before{content:'→';position:absolute;left:-33px;color:#95667b;font-size:24px}.signal-flow span{font-size:13px;color:#95667b}.signal-flow strong{font-size:19px;font-weight:600}.vans-page .film{margin-top:32px}.vans-page .hero-slide img{height:100%;object-fit:cover}.vans-page .hero-slide{height:100%}
@media(max-width:700px){.vans-page .brief-pills{gap:9px;justify-content:flex-start}.brief-pills span{font-size:14px;padding:9px 13px}.vans-page .sub-block{margin-top:36px;padding-top:26px}.vans-page .signal-flow{gap:16px;margin:28px 0}.signal-flow li{padding:13px 5px;gap:5px;flex-direction:column}.signal-flow strong{font-size:14px}.signal-flow li+li:before{left:-14px;font-size:16px}.vans-page .panorama{margin-top:22px}.vans-page .hero-slide img{object-fit:contain}}