.design-portfolio{--design-space:clamp(24px, 6vw, 100px);font-family:var(--font-sans);color:var(--text-primary)}.design-portfolio h1,.design-portfolio h2{font-family:var(--font-serif);letter-spacing:-.04em;white-space:pre-line;font-weight:400;line-height:.98}.design-portfolio h1{font-size:clamp(52px,7.8vw,112px)}.design-portfolio h2{font-size:clamp(38px,4.5vw,68px)}.design-portfolio p{line-height:1.7}.design-intro{padding:170px var(--design-space) 85px;max-width:1500px;margin:auto}.design-kicker{margin-bottom:28px;font-size:14px}.design-intro>p:not(.design-kicker){max-width:660px;margin-top:32px;font-size:18px}.design-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:34px;font-size:14px;display:flex}.design-actions a{text-underline-offset:5px;text-decoration:underline}.design-download{border:1px solid;border-radius:50px;align-items:center;gap:22px;padding:14px 21px;font-size:14px;display:inline-flex;text-decoration:none!important}.design-actions a:hover{opacity:.75}.design-projects{padding:0 var(--design-space);gap:28px;max-width:1600px;margin:auto;display:grid}.design-project{border-radius:5px;grid-template-columns:1fr 1fr;gap:35px;min-height:610px;padding:60px 50px 0;text-decoration:none;display:grid;overflow:hidden}.design-project>div:first-child{flex-direction:column;align-items:start;padding-bottom:55px;display:flex}.design-project h2{max-width:460px;margin:50px 0 25px}.project-count{opacity:.6;margin-left:18px}.project-description{max-width:340px;line-height:1.65}.project-read{text-underline-offset:6px;margin-top:auto;padding-top:35px;text-decoration:underline}.project-preview{justify-content:center;align-items:flex-end;gap:20px;display:flex}.project-preview img{border-radius:22px 22px 0 0;width:46%;height:auto;transition:transform .3s;transform:translateY(35px);box-shadow:0 18px 35px #0002}.project-preview img:nth-child(2){transform:translateY(95px)}.design-project:hover .project-preview img{transform:translateY(15px)}.design-project:hover .project-preview img:nth-child(2){transform:translateY(65px)}.design-outro{padding:100px var(--design-space);max-width:1500px;margin:auto}.design-outro>p{max-width:680px;margin-top:25px}.case-intro{padding:140px var(--design-space) 65px}.case-intro>a{text-underline-offset:5px;font-size:14px;text-decoration:underline}.case-intro .design-kicker{margin-top:48px}.case-intro h1{max-width:1000px}.case-question{max-width:600px;margin:28px 0;font-size:21px}.case-role{font-size:14px}.case-decisions{max-width:1600px;padding:0 var(--design-space);margin:auto}.design-decision{border-bottom:1px solid var(--border);grid-template-columns:.9fr 1.1fr;align-items:center;gap:65px;padding:90px 0;display:grid}.design-step{color:var(--text-muted);margin-bottom:25px;font-size:13px}.design-body{max-width:520px;margin-top:28px;font-size:18px}.design-notes{gap:24px;max-width:470px;margin-top:38px;display:grid}.design-notes h3{margin-bottom:6px;font-size:14px;font-weight:500}.design-notes p{color:var(--text-secondary);font-size:14px}.decision-media{justify-content:center;align-items:center;gap:22px;display:flex}.decision-media figure{flex:1;min-width:0;max-width:280px}.decision-media img{object-fit:contain;border-radius:20px;width:100%;height:auto;max-height:620px}.decision-media figcaption{color:var(--text-muted);margin-top:15px;font-size:12px;line-height:1.5}.wide .decision-media{flex-wrap:wrap}.wide .decision-media figure:first-child{flex-basis:100%;max-width:100%}.wide .decision-media figure:first-child img{border-radius:8px;max-height:360px}.wide .decision-media figure:nth-child(2){max-width:180px}.era-diagram{color:#352747;background:#e0d6f5;border-radius:12px;width:100%;padding:40px}.era-chips{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.era-chips span{text-align:center;border:1px solid #877798;border-radius:12px;padding:16px 8px;font-size:12px}.era-connector{text-align:center;margin:20px;font-size:35px}.era-pill{border:1px solid #877798;border-radius:40px;justify-content:space-between;padding:8px 18px;display:flex}.era-diagram strong{text-align:center;margin-top:32px;font-weight:500;display:block}.era-track{background:#877798;height:4px;margin:30px 0 40px;position:relative}.era-track i{background:#352747;border-radius:50%;width:22px;height:22px;display:block;position:absolute;top:-9px;left:65%}.era-diagram small{font-size:11px;line-height:1.5;display:block}.next-project{font-family:var(--font-serif);margin-top:16px;font-size:clamp(32px,4vw,56px);line-height:1.15;display:block}.design-portfolio a:focus-visible{outline-offset:6px;outline:3px solid}@media (max-width:850px){.design-project{gap:15px;min-height:510px;padding:35px 30px 0}.design-project h2{font-size:46px}.design-decision{gap:30px}.design-intro{padding-top:130px}}@media (max-width:650px){.design-project{grid-template-columns:1fr;min-height:0;padding:30px 24px 0}.design-project h2{margin:25px 0 18px}.design-project>div:first-child{padding-bottom:0}.project-preview{align-items:flex-start;height:340px;margin-top:15px;overflow:hidden}.project-preview img{max-width:170px}.design-decision{grid-template-columns:1fr;gap:35px;padding:55px 0}.design-notes{margin-top:25px}.decision-media{gap:15px}.decision-media img{max-height:500px}.design-outro{padding-top:65px;padding-bottom:65px}.case-intro{padding-top:120px}.era-diagram{padding:25px}.era-chips span{padding:12px 4px;font-size:11px}}@media (prefers-reduced-motion:reduce){.project-preview img{transition:none}}