.projects{display:flex;flex-direction:column;gap:3rem;max-width:900px}.project{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:center}.project-shot{display:block;transform:rotate(-1.2deg);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.project-shot:hover{transform:rotate(0) scale(1.02)}.embed-clip{display:block;position:relative;width:100%;aspect-ratio:6 / 5;overflow:hidden;border:5px solid #fff;border-radius:4px;box-shadow:0 16px 38px #201a2033;background:#08080a}.embed-clip--light{background:#f2f1ec}.embed-clip iframe{position:absolute;top:0;left:0;width:1280px;height:896px;border:0;transform-origin:0 0}:root[data-phase=night] .embed-clip{box-shadow:0 16px 38px #00000080;border-color:#f3e8ee}@media(hover:none){.embed-clip iframe{pointer-events:none}}.project-info h2{font-weight:400;font-size:1.5rem;line-height:1.15;margin-bottom:.7rem}.project-info p{font-weight:300;font-size:1.02rem;line-height:1.6;color:var(--body-ink);margin-bottom:1rem;transition:color 1.4s ease}.project-links{display:flex;gap:1.4rem}.project-links a{font-family:var(--sans);font-size:.66rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;color:var(--pink-text);border-bottom:1px dotted var(--pink);padding:.6rem .35rem 2px;margin:-.6rem -.35rem 0}.project-links a:hover{border-bottom-style:solid}@media(max-width:720px){.project{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.project-shot{transition:none}}