/* Projects is a quiet typographic sand study until the collection is ready. */
.projects-coming{display:flex;flex-direction:column;min-height:calc(100svh - 136px);padding-bottom:48px;isolation:isolate}
.projects-coming .coming-field{flex:1;display:flex;align-items:flex-start;justify-content:center;position:relative;min-height:240px;padding:28px 0 64px}
.projects-coming .coming-field .collection-light{position:absolute;top:0;right:0;width:min(280px,28vw);aspect-ratio:3/2;pointer-events:none;user-select:none}
.projects-coming .coming-field .collection-light img{display:block;width:100%;height:100%;object-fit:contain}
.projects-coming .coming-heading{z-index:1}
.projects-coming .coming-heading{position:relative;font:400 clamp(34.5px,6vw,84px)/1.18 var(--serif);letter-spacing:0;white-space:nowrap;max-width:100%;margin:0}
.projects-coming .coming-words{display:inline-block}
.projects-coming .coming-replay{position:absolute;inset:0;width:100%;height:100%;z-index:3;cursor:pointer}
.projects-coming .coming-replay:focus-visible{outline:1px solid var(--ink);outline-offset:14px}
.projects-coming .coming-sand-stage{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}
.projects-coming .coming-sand-stage canvas{display:block;pointer-events:none}
.projects-coming[data-project-sand="loading"] .coming-words,
.projects-coming[data-project-sand="gathering"] .coming-words,
.projects-coming[data-project-sand="formed"] .coming-words,
.projects-coming[data-project-sand="scattering"] .coming-words{color:transparent}
.projects-coming[data-project-sand="gathering"] .collection-light,
.projects-coming[data-project-sand="formed"] .collection-light,
.projects-coming[data-project-sand="scattering"] .collection-light{opacity:0;pointer-events:none}
@media(max-width:800px){.projects-coming{min-height:calc(100svh - 132px)}}
@media(max-width:560px){.projects-coming{min-height:calc(100svh - 168px)}.projects-coming .coming-field{min-height:200px;padding:24px 0}.projects-coming .coming-field .collection-light{width:140px}}
@media(prefers-reduced-motion:reduce){.projects-coming .coming-words{color:var(--ink)!important}.projects-coming .coming-sand-stage,.projects-coming .coming-replay{display:none!important}}
@media print{.projects-coming{min-height:0}.projects-coming .coming-words{color:var(--ink)!important}.projects-coming .coming-sand-stage,.projects-coming .coming-replay{display:none!important}}