@font-face{font-family:"TypoGraphica Local";src:local("TypoGraphica");font-display:swap}
*{box-sizing:border-box}
body{margin:0;background:#f2f2ef;color:#111;font:16px/1.65 Futura,"Century Gothic","Avenir Next",Arial,sans-serif}
a{color:inherit;text-underline-offset:.2em}
a:focus-visible,button:focus-visible{outline:3px solid #a17300;outline-offset:4px}
.project-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 5%;background:#111;color:#f2f2ef;font-weight:700}
.project-nav a{text-decoration:none}
.project-language{font:inherit;color:inherit;background:none;border:1px solid currentColor;padding:3px 10px;cursor:pointer}
.project{width:min(90%,1100px);margin:auto;padding:48px 0 72px}
.project-back,.project-kicker,.project-meta{font-weight:700}
.project-heading{margin:32px 0 24px;padding-bottom:20px;border-bottom:3px solid #111}
.project-kicker{margin:0 0 8px;letter-spacing:.08em;text-transform:uppercase}
h1{margin:0;font-family:"TypoGraphica Local","Anton",Impact,sans-serif;font-size:clamp(2.4rem,7vw,5.5rem);font-weight:400;letter-spacing:.025em;line-height:1.15;overflow-wrap:anywhere}
.project-nav a{font-family:"TypoGraphica Local","Anton",Impact,sans-serif;font-weight:400;letter-spacing:.025em}
html[lang="zh-CN"] body{font-family:Futura,"Microsoft YaHei","PingFang SC",sans-serif}
html[lang="zh-CN"] h1{font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif;font-weight:800;letter-spacing:.035em;line-height:1.3}
.project-story{max-width:75ch}
.project-meta{color:#545454}
.project-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.project-links a{display:inline-block;padding:6px 12px;border:2px solid #111;background:#ffbf00;text-decoration:none;font-weight:700}
.project-media{display:grid;gap:18px;margin-top:34px}
.project-media figure{margin:0}
.project-media img,.project-media video{display:block;width:100%;height:auto;border:2px solid #111;background:#111}
html[lang="en"] body [lang="zh-CN"],html[lang="zh-CN"] body [lang="en"]{display:none}

.project-banner{display:block;width:100%;height:auto;margin:0 0 24px}

.geo-gallery{display:block;overflow-x:auto}
.geo-gallery-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.geo-gallery:focus-visible{outline:3px solid #a17300;outline-offset:4px}
.geo-gallery-track,.geo-gallery-set{display:flex;width:max-content}
.geo-gallery-set{flex:none;gap:16px;padding-right:16px}
.geo-gallery-set figure{flex:none;width:min(70vw,680px)}
.geo-gallery-set[aria-hidden]{display:none}
@media(prefers-reduced-motion:no-preference){
  .geo-gallery:not(:focus){overflow:hidden}
  .geo-gallery:not(:focus) .geo-gallery-track{animation:geo-gallery-loop 28s linear infinite}
  .geo-gallery:not(:focus) .geo-gallery-set[aria-hidden]{display:flex}
  .geo-gallery:hover .geo-gallery-track{animation-play-state:paused}
}
@keyframes geo-gallery-loop{to{transform:translateX(-50%)}}

@media (min-width: 701px) {
  .gambit-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
}