/* Project selection changes the story and composition, preserving its identity. */
.project-choice{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.project-choice .concept-card{display:flex;align-items:center;gap:13px;margin:0;padding:8px;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted);cursor:pointer;box-shadow:var(--native-shadow);transition:background 160ms,border-color 160ms;color:var(--ink)}
.project-choice .concept-card img{display:block;width:64px;height:58px;object-fit:cover;border-radius:7px;flex-shrink:0}
.project-choice .concept-card small{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}.project-choice .concept-card strong{font-size:12px;line-height:1.2;font-weight:600}
.project-choice .concept-card[aria-pressed=true]{border-color:color-mix(in srgb,var(--violet) 40%,var(--line));background:var(--soft)}
.project-choice .concept-card:hover{border-color:var(--violet)}
.project-format{display:flex;align-items:center;gap:9px;margin:24px 0}.project-format>span{font-size:11px;color:var(--muted);margin-right:12px}
.project-format button{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:10px 17px;min-height:44px;border-radius:9px;cursor:pointer;font-size:12px;transition:background 160ms,border-color 160ms}
.project-format button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);background:var(--soft)}.project-format button:hover{border-color:var(--violet)}
.project-theatre{display:grid;grid-template-columns:1.5fr .85fr;min-height:530px;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--sheet-shadow)}
.project-visual{min-width:0;position:relative;overflow:hidden;background:var(--project-paper);display:flex;align-items:center}
.project-theatre-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;min-height:400px;max-height:650px}
.project-concept-label{position:absolute;left:19px;bottom:19px;padding:8px 12px;border-radius:6px;font-size:9px;letter-spacing:.04em;background:#fffffff0;color:#353036;box-shadow:0 2px 5px #0001}
.project-narrative{padding:40px 34px;align-self:center}.project-eyebrow{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);line-height:1.6}
.project-narrative h3{font-size:clamp(30px,3vw,44px);line-height:1.09;letter-spacing:-.05em;margin:23px 0 20px;max-width:13ch}
.project-lead{font-size:13px;line-height:1.75;max-width:35ch;color:var(--muted)}
.project-detail{margin:26px 0;background:var(--project-paper);color:#262329;border-radius:10px;padding:20px;border:1px solid #00000005;box-shadow:inset 0 1px #ffffff80}
.project-detail>strong{font-size:14px;line-height:1.25;display:block;color:var(--project-accent);letter-spacing:-.025em}.project-detail ol{list-style:none;padding:0;margin:13px 0 0;counter-reset:steps}
.project-detail li{font-size:10px;line-height:1.6;padding:7px 0;display:flex;gap:10px;counter-increment:steps}.project-detail li::before{content:counter(steps,decimal-leading-zero);font-size:8px;color:var(--project-accent);padding-top:2px;min-width:14px}.project-narrative .text-link{font-size:11px;min-height:44px}
.project-theatre[data-format=product]{grid-template-columns:1.25fr 1fr}.project-theatre[data-format=product] .project-theatre-image{object-fit:contain;height:auto;min-height:0}.project-theatre[data-format=product] .project-detail{border-radius:18px 18px 18px 5px}
.project-theatre[data-format=brand]{grid-template-columns:.85fr 1.5fr}.project-theatre[data-format=brand] .project-visual{order:2}.project-theatre[data-format=brand] .project-narrative{order:1}.project-theatre[data-format=brand] .project-detail{border-radius:4px;border-left:4px solid var(--project-accent)}
.project-theatre[data-project=auto][data-format=brand] .project-theatre-image{object-position:85% center}.project-theatre[data-project=cafe][data-format=brand] .project-theatre-image{object-position:28% center}
.project-theatre[data-project=botanical][data-format=brand] .project-theatre-image{object-fit:contain;height:auto;min-height:0}.project-theatre[data-project=light] .project-visual{background:#332e2b}.project-theatre[data-project=culture][data-format=brand] .project-visual{background:#e2d5b6}
.project-choice button:focus-visible,.project-format button:focus-visible{outline:2px solid var(--violet);outline-offset:-3px}
@media(max-width:1100px){.project-choice{gap:8px}.project-choice .concept-card{gap:9px}.project-choice .concept-card img{width:47px;height:53px}.project-choice .concept-card strong{font-size:10px}.project-narrative{padding:30px 25px}.project-theatre{min-height:500px}.project-detail{padding:16px}}
@media(max-width:850px){.project-theatre{grid-template-columns:1fr!important;min-height:0}.project-visual{order:0!important}.project-narrative{order:1!important;padding:28px}.project-theatre-image{height:auto!important;aspect-ratio:1.6;object-fit:cover;min-height:0!important}.project-narrative{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.project-eyebrow{grid-column:1/-1}.project-narrative h3{font-size:36px;max-width:13ch;margin:20px 0}.project-lead{grid-column:1;font-size:13px}.project-detail{grid-column:2;grid-row:2/4;margin:20px 0}.project-narrative .text-link{grid-column:1/-1;margin-top:12px}.project-choice .concept-card{display:block}.project-choice .concept-card img{width:100%;height:68px}.project-choice .concept-card>span{display:flex;gap:8px;align-items:center;margin-top:9px;padding:2px}.project-choice .concept-card small{margin:0}.project-choice .concept-card strong{font-size:10px}}
@media(max-width:600px){.project-choice{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.project-choice .concept-card{display:flex;gap:7px;padding:6px;border-radius:9px;min-height:58px}.project-choice .concept-card img{width:34px;height:42px;border-radius:5px}.project-choice .concept-card>span{display:block;margin:0;padding:0}.project-choice .concept-card small{margin-bottom:4px;font-size:7px}.project-choice .concept-card strong{font-size:9px}.project-format{gap:6px;margin:20px 0}.project-format>span{font-size:9px;margin-right:3px}.project-format button{font-size:10px;padding:10px;min-height:44px}.project-theatre{border-radius:12px}.project-narrative{display:block;padding:24px}.project-narrative h3{font-size:34px;max-width:14ch;margin:19px 0 17px}.project-eyebrow{font-size:8px}.project-lead{font-size:12px;max-width:36ch;line-height:1.75}.project-detail{margin:23px 0 17px;padding:18px}.project-detail strong{font-size:14px}.project-detail li{font-size:11px;padding-block:7px}.project-theatre-image{aspect-ratio:1.4;object-position:60% center}.project-concept-label{left:13px;bottom:13px;padding:7px 9px;font-size:8px}.project-theatre[data-format=brand] .project-theatre-image{aspect-ratio:1.15}.project-theatre[data-format=product] .project-theatre-image{aspect-ratio:1.5}.project-theatre[data-format=product] .project-detail{border-radius:18px 18px 18px 5px}}
@media(prefers-reduced-motion:reduce){.project-choice .concept-card,.project-format button{transition:none}}