/* Homepage project stories only. Preserve the approved cards; make their row scroll horizontally. */
body.reference-refresh .project-stories .project-stories-slider{position:relative;min-width:0}
body.reference-refresh .project-stories .project-stories-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);align-items:stretch;gap:24px;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
body.reference-refresh .project-stories .project-stories-grid::-webkit-scrollbar{display:none}
body.reference-refresh .project-stories .project-stories-grid>.project-story{width:auto;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
body.reference-refresh .project-stories .project-stories-grid>.project-story:focus-visible{outline:2px solid #ead4b6;outline-offset:-5px}
body.reference-refresh .project-stories .project-stories-arrow{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:52px;height:52px;min-width:52px;min-height:52px;padding:0;border:1px solid #ffffffd9;border-radius:50%;background:#062b402e;color:#fff;box-shadow:none;transform:translateY(-50%);cursor:pointer;touch-action:manipulation}
body.reference-refresh .project-stories .project-stories-arrow[data-project-prev]{left:15px}
body.reference-refresh .project-stories .project-stories-arrow[data-project-next]{right:15px}
body.reference-refresh .project-stories .project-stories-arrow>svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
body.reference-refresh .project-stories .project-stories-arrow:hover:not(:disabled){background:#f6f4ee;color:#0b3f5a;border-color:#f6f4ee}
body.reference-refresh .project-stories .project-stories-arrow:focus-visible{outline:2px solid #ddc29b;outline-offset:4px}
body.reference-refresh .project-stories .project-stories-arrow:disabled{opacity:.35;cursor:default}
body.reference-refresh .project-stories .project-stories-arrow[hidden],body.reference-refresh .project-stories [data-project-controls][hidden]{display:none!important}

@media(prefers-reduced-motion:no-preference){
  body.reference-refresh .project-stories .project-stories-grid{scroll-behavior:smooth}
  body.reference-refresh .project-stories .project-stories-arrow{transition:background-color .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}
}

@media(max-width:1100px) and (min-width:761px){
  body.reference-refresh .project-stories .project-stories-grid{grid-auto-columns:calc((100% - 20px)/2);gap:20px}
  body.reference-refresh .project-stories .project-stories-grid>.project-story{aspect-ratio:1/1.06}
  body.reference-refresh .project-stories .project-stories-arrow{width:48px;height:48px;min-width:48px;min-height:48px}
  body.reference-refresh .project-stories .project-stories-arrow[data-project-prev]{left:13px}
  body.reference-refresh .project-stories .project-stories-arrow[data-project-next]{right:13px}
}

@media(max-width:760px){
  body.reference-refresh .project-stories .project-stories-grid{grid-auto-columns:100%;gap:18px}
  body.reference-refresh .project-stories .project-stories-grid>.project-story{aspect-ratio:1.1}
  body.reference-refresh .project-stories .project-story>div{padding:24px 55px}
  body.reference-refresh .project-stories .project-story h3{font-size:23px;line-height:1.45}
  body.reference-refresh .project-stories .project-story p{font-size:9px;letter-spacing:.08em;line-height:1.8;margin-bottom:12px}
  body.reference-refresh .project-stories .project-story span{font-size:11px;margin-top:20px}
  body.reference-refresh .project-stories .project-stories-arrow{width:44px;height:44px;min-width:44px;min-height:44px}
  body.reference-refresh .project-stories .project-stories-arrow[data-project-prev]{left:10px}
  body.reference-refresh .project-stories .project-stories-arrow[data-project-next]{right:10px}
  body.reference-refresh .project-stories .project-stories-arrow>svg{width:21px;height:21px}
}

@media(max-width:360px){
  body.reference-refresh .project-stories .project-story>div{padding-inline:51px}
  body.reference-refresh .project-stories .project-story h3{font-size:21px}
  body.reference-refresh .project-stories .project-story p{font-size:8px;letter-spacing:.06em}
  body.reference-refresh .project-stories .project-story span{margin-top:17px;font-size:10px}
  body.reference-refresh .project-stories .project-stories-arrow[data-project-prev]{left:8px}
  body.reference-refresh .project-stories .project-stories-arrow[data-project-next]{right:8px}
}

@media(prefers-reduced-motion:reduce){
  body.reference-refresh .project-stories .project-stories-grid{scroll-behavior:auto!important}
  body.reference-refresh .project-stories .project-stories-arrow{transition:none}
  body.reference-refresh .project-stories .project-story>img{transition:none;transform:none}
  body.reference-refresh .project-stories .project-story:hover>img{transform:none}
}