:root{--accent:#7456a0;--navy:#514361;--sky:#a192bf}
.insideout-page{--leading:1}.insideout-page .project-place{line-height:1.45}.insideout-page .lead,.insideout-page .project-meta dd{line-height:1.48}.insideout-page h2{line-height:1.18}.insideout-page .section-copy{line-height:1.51;max-width:820px}
.insideout-page .eyebrow{font-size:17px;font-weight:650;color:var(--accent);margin:0 0 18px}
.insideout-page .hero{background:#f3edf8}.insideout-page .hero-slides{aspect-ratio:16/9;position:relative}.insideout-page .hero-slide{position:absolute;inset:0}.insideout-page .hero-slide img{width:100%;height:100%;object-fit:cover;object-position:50% 72%}.insideout-page .hero-arrow{font-size:34px;cursor:pointer}
.insideout-page .film{margin:38px 0 0}.insideout-page .film video{width:100%;height:auto;aspect-ratio:16/9;background:#241532}.insideout-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}
.insideout-page #making .media-row{max-width:880px;margin-inline:auto}.insideout-page .credits a{color:inherit}.insideout-page button[data-view]{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.insideout-page button[data-view] img{display:block;width:100%;height:auto}
@media(max-width:700px){.insideout-page .section{padding:48px 0}.insideout-page .hero-arrow{width:40px;height:40px;font-size:28px}.insideout-page .hero-prev{left:10px}.insideout-page .hero-next{right:10px}.insideout-page .hero-slides{aspect-ratio:4/3}.insideout-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}.insideout-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. */
.insideout-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}
.insideout-page .project-meta>div{min-width:0;grid-column:auto}
.insideout-page .project-meta dt{margin:0 0 14px;line-height:1.4}
.insideout-page .project-meta dd{margin:0;line-height:1.55;word-break:keep-all;overflow-wrap:break-word}
@media(max-width:900px){.insideout-page .project-meta{column-gap:28px}}
@media(max-width:700px){.insideout-page .project-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 24px;margin-top:28px;padding-top:22px}.insideout-page .project-meta>div:last-child{grid-column:1/-1}.insideout-page .project-meta dt{margin-bottom:10px}}