.all-projects-page .hero,
.all-projects-page .ai-training,
.all-projects-page .about { display:none; }

.all-projects-page .projects { display:flex; flex-direction:column; padding-top:0; }
.all-projects-page .projects > .section-heading { min-height:0; margin:0; padding:clamp(38px,5vw,68px) 5.5vw clamp(46px,5vw,68px); align-items:end; background:var(--paper); color:var(--ink); }
.all-projects-page .projects > .section-heading h1 { grid-column:1/-1; margin:0; font-size:clamp(54px,7vw,96px); line-height:.98; }
.all-projects-page .projects > .section-heading .section-count { top:auto; bottom:clamp(48px,5vw,70px); color:var(--accent-deep); }
.all-projects-page .portfolio-zone { position:relative; padding-top:clamp(34px,4vw,58px); padding-bottom:clamp(42px,5vw,72px); background:var(--paper); color:var(--ink); }
.all-projects-page .portfolio-zone--apps { background:var(--accent-pale); }
.all-projects-page .portfolio-zone--sites { background:var(--accent-soft); }
.all-projects-page .portfolio-zone-count { top:16px; color:var(--accent-deep); }
.all-projects-page .portfolio-zone-heading,
.all-projects-page .portfolio-zone--apps .portfolio-zone-heading,
.all-projects-page .portfolio-zone--services .portfolio-zone-heading { display:block; margin-bottom:clamp(22px,3vw,36px); padding-top:0; border:0; }
.all-projects-page .portfolio-zone-heading h3 { max-width:1100px; font-size:clamp(36px,4vw,60px); line-height:1; white-space:normal; }
.all-projects-page .project-grid { gap:clamp(18px,2vw,28px); }
.all-projects-page .project-card { min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:20px; background:var(--surface); transition:border-color .2s ease,transform .2s ease; }
.all-projects-page .project-card:hover { border-color:var(--accent); transform:translateY(-2px); }
.all-projects-page .project-visual { width:100%; height:clamp(205px,23vw,300px); min-height:0; border-radius:0; }
.all-projects-page .project-visual img,
.all-projects-page .project-card:hover img { filter:none; }
.all-projects-page .project-info { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; min-width:0; padding:20px 24px 24px; border-top:1px solid var(--line); color:var(--ink); }
.all-projects-page .project-info > div { display:grid; grid-template-columns:30px minmax(0,1fr); align-items:start; gap:12px; min-width:0; }
.all-projects-page .project-number { margin:4px 0 0; color:var(--accent-deep); }
.all-projects-page .project-info h3 { min-width:0; font-size:clamp(27px,2.8vw,42px); line-height:1.04; overflow-wrap:normal; }
.all-projects-page .project-info p { max-width:54ch; min-width:0; margin:0 0 0 42px; color:var(--muted); font-size:clamp(13px,1vw,15px); line-height:1.45; text-align:left; }
.all-projects-page .project-tags { top:14px; left:14px; gap:4px; }
.all-projects-page .project-card--app .project-tags,
.all-projects-page .project-card--parser .project-tags,
.all-projects-page .project-card--bot .project-tags { top:14px; right:14px; left:auto; }
.all-projects-page .project-tag,
.all-projects-page .project-card--app .project-tag,
.all-projects-page .project-card--parser .project-tag,
.all-projects-page .project-card--vending .project-tag,
.all-projects-page .project-card--bot .project-tag { padding:5px 7px; border:1px solid rgba(240,184,74,.55); border-radius:3px; color:var(--paper); background:rgba(28,33,31,.9); font-size:9px; }
.all-projects-page .project-card--invite { border-color:#D7B56E; }
.all-projects-page .project-card--invite .project-visual { height:auto; min-height:0; }
.all-projects-page .invite-visual { color:var(--ink); border:0; background:linear-gradient(135deg,#FBFAF7,var(--accent-pale)); }
.all-projects-page .invite-copy { position:relative; inset:auto; display:grid; grid-template-rows:auto auto; gap:clamp(20px,3vw,34px); padding:clamp(18px,2vw,26px); }
.all-projects-page .invite-kicker { color:var(--accent-deep); }
.all-projects-page .invite-copy strong { align-self:start; max-width:100%; font-size:clamp(30px,3.2vw,46px); line-height:1.02; letter-spacing:-.055em; }
.all-projects-page .project-card--invite-sites .invite-copy strong { max-width:100%; }
.all-projects-page .invite-arrow { grid-column:2; justify-self:end; align-self:end; display:inline-flex; justify-content:center; gap:9px; max-width:none; margin:0; padding:8px 12px; border:1px solid #D7B56E; border-radius:100px; background:rgba(240,184,74,.1); line-height:1.2; }
.all-projects-page .invite-arrow::before { content:""; flex:0 0 7px; width:7px; height:7px; border-radius:50%; background:#C5902B; }
.all-projects-page .project-card--invite:hover .invite-arrow { background:rgba(240,184,74,.2); }
.all-projects-page .invite-cross { pointer-events:none; }
.all-projects-page .invite-cross--one { top:18%; right:9%; color:#C5902B; opacity:.8; font-size:clamp(62px,7vw,88px); }
.all-projects-page .project-card--invite-sites .invite-cross--one { top:8px; }
.all-projects-page .invite-cross--two { right:10%; top:52%; bottom:auto; color:#E4C680; opacity:.95; font-size:clamp(38px,4.5vw,54px); }
.all-projects-page .project-card--invite .project-info { grid-template-columns:minmax(0,1fr) max-content; gap:8px 12px; padding:16px 18px 18px; color:var(--ink); }
.all-projects-page .project-card--invite .project-info > div { grid-column:1/-1; grid-template-columns:minmax(0,1fr); }
.all-projects-page .project-card--invite .project-info h3 { font-size:clamp(25px,2.6vw,38px); line-height:1.1; letter-spacing:-.055em; }
.all-projects-page .project-card--invite .project-info p { grid-column:1; align-self:end; margin:0; }
.all-projects-page .case-screen { display:grid; justify-items:center; gap:12px; margin:28px 0 0; padding:20px; border:1px solid var(--line); border-radius:18px; background:var(--surface); }
.all-projects-page .case-screen img { display:block; width:min(100%,390px); height:auto; border:1px solid var(--line); border-radius:12px; box-shadow:0 14px 38px rgba(28,33,31,.12); }
.all-projects-page .case-screen figcaption { color:var(--muted); font:11px/1.5 'DM Mono',monospace; text-align:center; }
.all-projects-page .pet-first-screen { position:relative; width:min(100%,390px); overflow:hidden; background:#f8cf4b; color:#24221f; border:1px solid #d4b444; border-radius:12px; box-shadow:0 14px 38px rgba(28,33,31,.12); font-family:Manrope,Arial,sans-serif; }
.all-projects-page .pet-first-screen__photo { width:100%; aspect-ratio:1; overflow:hidden; }
.all-projects-page .pet-first-screen__photo img { width:100%; height:100%; max-width:none; object-fit:cover; object-position:right center; border:0; border-radius:0; box-shadow:none; mask-image:linear-gradient(#000 78%,transparent); }
.all-projects-page .pet-first-screen__brand { position:absolute; top:21px; left:24px; z-index:1; font-size:25px; font-weight:800; letter-spacing:-.07em; }
.all-projects-page .pet-first-screen__brand span { color:#ff806f; }
.all-projects-page .pet-first-screen__menu { position:absolute; top:25px; right:25px; z-index:1; font-size:23px; line-height:1; }
.all-projects-page .pet-first-screen__eyebrow { position:absolute; top:80px; left:25px; z-index:1; font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.all-projects-page .pet-first-screen__copy { display:grid; justify-items:start; gap:18px; padding:16px 25px 50px; }
.all-projects-page .pet-first-screen__copy strong { font-size:clamp(36px,9vw,48px); line-height:.94; letter-spacing:-.06em; }
.all-projects-page .pet-first-screen__copy strong em { color:#ff806f; font-style:normal; }
.all-projects-page .pet-first-screen__copy p { max-width:330px; margin:0; font-size:16px; line-height:1.35; }
.all-projects-page .pet-first-screen__button { display:flex; align-items:center; gap:16px; padding:15px 21px; border-radius:30px; background:#24221f; color:#fff; font-size:14px; font-weight:800; }
.all-projects-page .pet-first-screen__button b { font-size:18px; }
.all-projects-page .pet-first-screen__link { font-size:14px; font-weight:800; }

@media (max-width:700px) {
  .all-projects-page .projects { padding-top:0; }
  .all-projects-page .projects > .section-heading { margin:0; padding:42px 20px 48px; }
  .all-projects-page .projects > .section-heading h1 { max-width:100%; padding-right:100px; font-size:clamp(48px,12vw,66px); line-height:.95; }
  .all-projects-page .projects > .section-heading .section-count { right:20px; bottom:48px; }
  .all-projects-page .portfolio-zone { padding:34px 20px 44px; }
  .all-projects-page .portfolio-zone-count { top:15px; right:20px; }
  .all-projects-page .portfolio-zone-heading { margin-bottom:22px; }
  .all-projects-page .portfolio-zone-heading h3 { max-width:650px; margin:0; font-size:clamp(35px,9vw,48px); line-height:1.02; }
  .all-projects-page .project-grid { gap:16px; }
  .all-projects-page .project-card { border-radius:18px; }
  .all-projects-page .project-visual { height:clamp(175px,46vw,280px); }
  .all-projects-page .project-info { gap:8px; padding:15px 17px 17px; }
  .all-projects-page .project-info > div { grid-template-columns:25px minmax(0,1fr); gap:9px; }
  .all-projects-page .invite-copy { gap:20px; padding:18px; }
  .all-projects-page .invite-copy strong { font-size:clamp(29px,8vw,36px); }
  .all-projects-page .project-info h3 { font-size:clamp(25px,7vw,34px); line-height:1.07; overflow-wrap:normal; }
  .all-projects-page .project-info p { max-width:100%; margin-left:34px; font-size:13px; }
  .all-projects-page .project-number { margin-top:4px; }
  .all-projects-page .case-screen { padding:12px; }
}
@media (max-width:350px) {
  .all-projects-page .project-card--invite .project-info { grid-template-columns:minmax(0,1fr); }
  .all-projects-page .invite-arrow { grid-column:1; margin-top:4px; }
}