.hp-projects{background:var(--cream,#F6EFE7);padding:100px 0 90px}.hp-projects__inner{max-width:var(--container,1320px);margin:0 auto;padding:0 var(--gutter,32px)}.hp-marquee{position:relative;width:100%;overflow:hidden}.hp-marquee__track{display:flex;width:max-content;animation:hp-marquee-scroll 160s linear infinite;will-change:transform}.hp-marquee:focus-within .hp-marquee__track,.hp-marquee:hover .hp-marquee__track{animation-play-state:paused}.hp-marquee__list{display:flex;gap:22px;padding:6px 11px 26px;list-style:none;margin:0;flex-shrink:0}@keyframes hp-marquee-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media (prefers-reduced-motion:reduce){.hp-marquee__track{animation:none;transform:none}}.hp-marquee__count{margin:24px 0 0;text-align:center;font-family:var(--font-mono,ui-monospace,monospace);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted,#6B7280)}.hp-card{flex:0 0 clamp(280px,30vw,380px);background:var(--white,#ffffff);border-radius:var(--r-xl,32px);overflow:hidden;border:1px solid var(--line,#e5e1d8);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),border-color .25s ease;display:flex;flex-direction:column}.hp-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(21,35,59,.14);border-color:var(--orange,#F87303)}.hp-card__img{aspect-ratio:4/3;background-size:cover;background-position:50%;background-color:var(--paper,#FBFAF8);position:relative}.hp-card__badge{position:absolute;top:16px;left:16px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);font-family:var(--font-mono,ui-monospace,monospace);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--navy,#15233b)}.hp-card__body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:6px;flex-grow:1}.hp-card__nm{font-family:var(--font-display,var(--font-heading),Montserrat,sans-serif);font-size:20px;font-weight:600;color:var(--navy-deep,#15233b);letter-spacing:-.01em;line-height:1.25}.hp-card__loc{color:var(--muted,#6B7280);font-size:13px}@media (max-width:768px){.hp-marquee__track{animation-duration:110s}.hp-marquee__list{gap:16px;padding:6px 8px 22px}}.hp-tabs{position:relative;width:100%}.hp-tabs__strip{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 24px;padding:0 var(--gutter,32px)}.hp-tabs__tab{border:1px solid var(--line,#e5e1d8);background:var(--white,#ffffff);color:var(--navy-deep,#15233b);font-family:var(--font-mono,ui-monospace,monospace);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;padding:10px 18px;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s var(--ease-out)}.hp-tabs__tab:hover{border-color:var(--orange,#F87303);transform:translateY(-1px)}.hp-tabs__tab--active{background:var(--orange,#F87303);color:#ffffff;border-color:var(--orange,#F87303)}.hp-tabs__grid{list-style:none;padding:6px 11px 26px;display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;max-width:var(--container,1320px);margin:0 auto;scrollbar-width:thin}.hp-tabs__grid .hp-card{scroll-snap-align:start}@media (max-width:768px){.hp-tabs__strip{gap:6px;padding:0 12px}.hp-tabs__tab{padding:8px 14px;font-size:10px}.hp-tabs__grid{gap:14px;padding:6px 12px 20px}}