.project-area{margin-top:58px;padding-top:34px;border-top:1px solid var(--line)}
.project-area-heading{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-bottom:30px}
.project-area-heading>span{color:var(--accent);font-size:10px;letter-spacing:.14em}
.project-area-heading h3{margin:0;font:34px/1.1 var(--serif);letter-spacing:-.04em}
.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px}
.project-gallery-column{display:flex;flex-direction:column;gap:18px;min-width:0}
.project-gallery figure{margin:0}
.project-gallery img{width:100%;height:auto;border-radius:0 20px 0 20px;transition:transform .5s var(--ease),filter .3s ease}
.project-gallery figure:hover img{transform:translateY(-5px);filter:brightness(1.1)}
.portfolio-link{display:inline-block}
.inspirations{border-top:1px solid var(--line)}
.inspiration-showcase{margin-top:52px}
.inspiration-feature{margin:0}
.inspiration-feature>img{width:100%;height:300px!important;object-fit:cover;object-position:center}
.inspiration-feature figcaption{display:flex;align-items:baseline;gap:22px;margin-top:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.inspiration-feature figcaption span{color:var(--accent);font-size:10px;letter-spacing:.14em;white-space:nowrap}
.inspiration-feature figcaption strong{font:26px/1.2 var(--serif);font-weight:400;letter-spacing:-.03em}
.inspiration-picker{margin-top:14px}
.inspiration-picker-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.inspiration-picker-heading p{margin:0;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.inspiration-picker-heading>span{margin-left:auto;margin-right:18px;color:var(--muted);font-size:11px}
.inspiration-arrows{display:flex;gap:8px}
.inspiration-arrows button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;transition:border-color .2s ease,color .2s ease}
.inspiration-arrows button:hover{border-color:var(--accent);color:var(--accent)}
.inspiration-arrows button:disabled{opacity:.35;cursor:default}
.inspiration-autoplay span{font:14px/1 var(--sans)}
.inspiration-thumbnails{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;scroll-snap-type:x mandatory}
.inspiration-thumb{flex:0 0 clamp(108px,13vw,164px);padding:0;border:1px solid transparent;background:transparent;cursor:pointer;scroll-snap-align:start;transition:border-color .2s ease,opacity .2s ease}
.inspiration-thumb img{width:100%;height:64px;object-fit:cover;opacity:.62;transition:opacity .2s ease}
.inspiration-thumb:hover img,.inspiration-thumb.is-active img{opacity:1}
.inspiration-thumb.is-active{border-color:var(--accent)}

@media(max-width:767px){
  .project-area{margin-top:44px;padding-top:26px}
  .project-area-heading{gap:8px;margin-bottom:22px}
  .project-area-heading h3{font-size:29px}
  .project-gallery{display:block}
  .project-gallery-column{margin-bottom:14px;gap:14px}
  .inspiration-showcase{margin-top:38px}
  .inspiration-feature>img{height:clamp(220px,48vw,280px)!important}
  .inspiration-feature figcaption{gap:14px}
  .inspiration-feature figcaption strong{font-size:23px}
  .inspiration-thumb{flex-basis:120px}
  .inspiration-thumb img{height:56px}
}

@media(max-width:480px){
  .inspiration-thumb{flex-basis:104px}
}

@media(prefers-reduced-motion:reduce){
  .project-gallery img{transition:none}
  .project-gallery figure:hover img{transform:none;filter:none}
}