/* Seven project cards preserve the full descriptions and links. */
.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch;grid-auto-rows:1fr}
.projects-grid .project-card{min-width:0;padding:28px 24px;margin:0;border:1px solid #b5cec5;border-radius:22px;background:#fffdf5b8;box-shadow:0 8px 24px #173f4310;overflow:hidden}
.project-card .case-heading{grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;margin-bottom:20px}
.project-card .case-symbol{width:44px;height:44px}
.project-card .case-heading h2{font-size:1.4rem;line-height:1.6;margin:0;overflow-wrap:anywhere}
.project-card .eyebrow{font-size:.75rem}
.project-card p{font-size:.94rem;line-height:1.95}
.project-card .park-outlook{padding:15px;margin-block:24px}
.project-card .park-outlook h3{font-size:1.1rem;margin-top:0}
.project-card a{overflow-wrap:anywhere;font-size:.9rem}
.project-card .project-period{font-size:.82rem;color:#466660;margin-top:-6px}
.projects-section>.case-images{margin-top:40px}
.project-photo-window{container-type:inline-size;overflow:hidden;margin:24px 0 0;border-radius:18px;outline-offset:4px}
.project-photo-window:focus-visible{outline:3px solid #176a73}
.project-photo-group{display:grid;gap:18px;min-width:0}
.project-photo-group[aria-hidden]{display:none}
.project-photo-group figure{margin:0;min-width:0}
.project-photo-group img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:16px;background:#edf5ef}
.project-photo-group figcaption{font-size:.8rem;line-height:1.7;min-height:3.4em;margin-top:8px;color:#425d62}
.projects-motion .project-photo-track{display:flex;width:max-content;animation:projects-photos-left 28s linear infinite;animation-play-state:paused}
.projects-motion .project-photo-window.is-visible .project-photo-track{animation-play-state:running}
.projects-motion .project-photo-group{display:flex;gap:16px;padding-right:16px}
.projects-motion .project-photo-group figure{width:clamp(200px,85cqw,280px);flex-shrink:0}
@keyframes projects-photos-left{to{transform:translateX(-50%)}}
.projects-motion .project-photo-window:hover .project-photo-track,.projects-motion .project-photo-window:focus-within .project-photo-track,.motion-stopped .project-photo-track,.projects-tab-hidden .project-photo-track{animation-play-state:paused!important}
@media(max-width:1050px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.projects-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.projects-grid .project-card{padding:24px 20px}}
.large-text .projects-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
.large-text .project-photo-track{display:block;width:auto;animation:none;transform:none}
.large-text .project-photo-group{display:grid;padding:0}
.large-text .project-photo-group[aria-hidden]{display:none}
.large-text .project-photo-group figure{width:auto}
@media(prefers-reduced-motion:reduce){.projects-motion .project-photo-track{display:block;width:auto;animation:none;transform:none}.projects-motion .project-photo-group{display:grid;padding:0}.projects-motion .project-photo-group[aria-hidden]{display:none}.projects-motion .project-photo-group figure{width:auto}}

/* Align consultation links while keeping all copy and photos at natural height. */
.projects-grid .project-card{display:flex;flex-direction:column}
.project-card>*{flex-shrink:0}
.project-card>p:last-child,.project-card>.text-link:last-child{margin-top:auto;margin-bottom:0;padding-top:22px}
.project-card[id]{scroll-margin-top:30px}
.project-title-phrase{display:inline-block;max-width:100%;overflow-wrap:anywhere}

/* The photo window and action occupy the same bottom rows on every card. */
.project-card>.project-photo-window{margin-top:auto;padding-top:24px}
.project-card-actions{padding-top:22px;margin:0}
.project-card-actions>a{display:flex;align-items:center;min-height:3.6em;line-height:1.8;font-size:.9rem;font-weight:600}

/* One confirmed image stays still; no duplicated slide is manufactured. */
.projects-motion .project-photo-static .project-photo-track{animation:none!important;transform:none}

/* FANCL V2: original clear space is retained; no photo treatment on the logo. */
.project-card .fancl-brand-panel{align-self:flex-start;background:#fff;padding:12px;margin:0 0 16px;border:0;border-radius:0;box-shadow:none;filter:none;opacity:1;transform:none;isolation:isolate}
.project-card .fancl-brand-panel img{display:block;width:160px;max-width:none;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;border:0;border-radius:0;box-shadow:none;filter:none;opacity:1;transform:none;mix-blend-mode:normal}
