.hp-section{position:relative;width:100%;max-width:1100px;margin:0 auto;padding:6rem 2rem 8rem;scroll-margin-top:48px}.hp-header{margin-bottom:5rem}.hp-label{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.4;margin-bottom:.6rem}.hp-heading,.hp-label{color:var(--foreground)}.hp-heading{font-size:clamp(2rem,2rem + 2vw,3.5rem);letter-spacing:-.025em;margin:0;line-height:1}.hp-list{display:flex;flex-direction:column;gap:7rem}.hp-card{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;opacity:0;transform:translateY(48px);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 2s cubic-bezier(.22,1,.36,1)}.hp-card.card-visible{opacity:1;transform:translateY(0)}.hp-card--reverse{grid-template-columns:.9fr 1.1fr}.hp-card--reverse .hp-image-outer{order:2}.hp-card--reverse .hp-text{order:1}.hp-image-outer{position:relative}.hp-image-outer:before{content:"";position:absolute;inset:-50px;background:radial-gradient(ellipse at center,var(--accent,transparent) 0,transparent 65%);opacity:.12;filter:blur(40px);pointer-events:none;z-index:0;transition:opacity .4s ease}.hp-image-outer:hover:before{opacity:.2}.hp-image-wrap{position:relative;z-index:1;border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:hsla(0,0%,50%,.06);box-shadow:0 1px 0 hsla(0,0%,50%,.1)}.hp-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.25,.46,.45,.94)}.hp-image-wrap:hover .hp-image{transform:scale(1.04)}.hp-text{display:flex;flex-direction:column;gap:1rem}.hp-number{font-size:11px;letter-spacing:.16em;color:var(--accent,var(--foreground));opacity:.75}.hp-project-title{font-size:clamp(2rem,1.5rem + 2vw,3.25rem);letter-spacing:-.025em;line-height:1}.hp-desc,.hp-project-title{color:var(--foreground);margin:0}.hp-desc{font-size:15px;line-height:1.75;opacity:.5}.hp-stack{display:flex;flex-wrap:wrap;gap:6px}.hp-chip{font-size:11px;letter-spacing:.06em;border:1px solid hsla(0,0%,50%,.22);padding:3px 10px;border-radius:4px;opacity:.6}.hp-chip,.hp-cta{color:var(--foreground)}.hp-cta{display:inline-flex;align-items:center;gap:8px;padding:.6em 1.3em;font-size:14px;border-radius:6px;border:1px solid hsla(0,0%,50%,.25);background:transparent;cursor:pointer;width:fit-content;margin-top:.25rem;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.hp-cta:hover{background:var(--accent,var(--foreground));border-color:var(--accent,transparent);color:#fff;transform:translateY(-1px)}.hp-arrow{display:inline-block;transition:transform .2s ease}.hp-cta:hover .hp-arrow{transform:translateX(3px)}.hp-footer{margin-top:6rem;display:flex;justify-content:center}.hp-view-all{display:inline-flex;align-items:center;gap:8px;padding:.7em 2em;font-size:15px;background:transparent;color:var(--foreground);cursor:pointer;opacity:.65;transition:opacity .2s ease,transform .2s ease}.hp-view-all:hover{opacity:1;transform:translateY(-1px)}.hp-view-all .hp-arrow{display:inline-block;transition:transform .2s ease}.hp-view-all:hover .hp-arrow{transform:translate(2px,-2px)}.hp-connector{position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;cursor:pointer;padding:0 12px 12px}.hp-connector-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--foreground);opacity:.35;transition:opacity .2s ease}.hp-connector:hover .hp-connector-label{opacity:.65}.hp-connector-line{width:1px;height:48px;background:linear-gradient(180deg,hsla(0,0%,50%,.5),transparent);transform-origin:top;animation:connector-drop 2s ease-in-out infinite}@keyframes connector-drop{0%{transform:scaleY(0);opacity:0}40%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}@media (max-width:720px){.hp-card,.hp-card--reverse{grid-template-columns:1fr;gap:1.75rem}.hp-card--reverse .hp-image-outer,.hp-card--reverse .hp-text{order:unset}.hp-list{gap:4.5rem}.hp-header{margin-bottom:3rem}.hp-section{padding-inline:1rem}}