.project-story{padding-bottom:90px}.project-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-block:32px 38px;border-top:1px solid var(--line)}.project-intro h2{margin-bottom:0}.project-description{max-width:530px;font-size:15px;color:var(--muted)}.project-description .text-link{color:var(--ink)}.project-stage{background:var(--sage)}.project-slide{margin:0}.project-slide>img,.project-slide>video{display:block;width:100%;height:min(68vh,750px);min-height:300px;object-fit:contain;background:var(--sage)}.project-slide figcaption{padding:14px 20px;font-size:12px;background:var(--paper);border-bottom:1px solid var(--line);color:var(--muted)}.project-gallery-bar{display:flex;align-items:center;gap:30px;padding-block:20px}.project-counter{font-size:13px;letter-spacing:.1em;font-variant-numeric:tabular-nums;margin:0}.project-gallery-hint{margin:0;font-size:12px;color:var(--muted)}.project-controls{display:flex;gap:10px;margin-left:auto}.project-controls button{width:48px;height:48px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:22px}.project-controls button:hover{background:var(--sage)}.project-thumbnails{display:flex;gap:12px;overflow-x:auto;padding:5px 4px 15px;scrollbar-width:thin}.project-thumbnails button{position:relative;flex:0 0 96px;height:76px;padding:3px;background:transparent;border:1px solid transparent}.project-thumbnails button[aria-pressed=true]{border-color:var(--ink)}.project-thumbnails img{width:100%;height:100%;object-fit:cover}.video-badge{position:absolute;inset:0;display:grid;place-items:center;color:var(--paper);text-shadow:0 1px 5px var(--ink)}
@media(min-width:721px) and (max-width:1100px){.nav{gap:16px}.brand-logo{width:190px}.nav .button{gap:15px;padding:12px}}
@media(max-width:720px){.project-story{padding-bottom:55px}.project-intro{grid-template-columns:1fr;gap:22px;padding-top:25px}.project-intro h2{font-size:49px}.project-description{font-size:14px}.project-slide>img,.project-slide>video{height:min(58vh,520px);min-height:230px}.project-slide figcaption{padding-inline:0;font-size:11px}.project-gallery-hint{display:none}.project-gallery-bar{padding-block:15px}.project-thumbnails button{flex-basis:75px;height:62px}.project-controls button{width:43px;height:43px}}
.project-film{display:flex;justify-content:center;min-height:300px}.film-poster{position:relative;width:100%}.film-poster>img{height:min(68vh,750px);min-height:300px;object-fit:contain}.film-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;box-shadow:0 6px 30px #0002}.film-play small{font-size:10px}.film-source{font-size:12px;text-align:center;padding:14px;margin:0;background:var(--paper)}.film-source a{text-decoration:underline;text-underline-offset:4px}.project-film .instagram-media{margin:20px auto!important;width:100%!important;max-width:480px!important;min-width:0!important}.featured-project{border-top:1px solid var(--line);padding-block:70px 90px;display:grid;grid-template-columns:1.15fr 1fr;gap:8vw;align-items:center}.featured-project-image{display:block;overflow:hidden}.featured-project-image img{aspect-ratio:1.1;object-fit:cover}.featured-project p{max-width:430px;font-size:15px}.featured-project h2{margin-bottom:25px}.featured-project .eyebrow{font-size:11px}
@media(max-width:720px){.film-poster>img{height:min(58vh,520px);min-height:230px}.film-play{gap:15px;padding:16px}.featured-project{grid-template-columns:1fr;gap:30px;padding-block:40px 55px}.featured-project h2{font-size:46px}.project-film .instagram-media{margin-block:0!important}.project-slideshow{min-width:0}}
