/* The same personal collection, with room for the whole body of work. */
.work .section-description{max-width:360px}.work-context{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:18px 0 26px;color:var(--muted);font-size:12px}.work-context strong{font-size:22px;font-family:var(--serif);color:var(--green);font-weight:400;margin-right:7px}.work-context>p:last-child{text-align:right}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.published-product{grid-column:1/-1}.project-card{--project-accent:#42614b;--project-soft:#e7eddf;display:flex;flex-direction:column;min-width:0;padding:32px;background:#fcfcf8;border:1px solid var(--line);border-radius:8px;transition:border-color .2s}.project-card:hover{border-color:#a6b39b}.project-card.sand{--project-accent:#8c6947;--project-soft:#f0e8dc}.project-card.blue{--project-accent:#486b72;--project-soft:#e4edec}.project-card.plum{--project-accent:#6c5b78;--project-soft:#ece7ef}.project-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted)}.project-meta .eyebrow{letter-spacing:.09em}.project-mark{font-family:var(--serif);font-size:23px;color:var(--project-accent);width:44px;height:44px;border:1px solid var(--line);background:var(--project-soft);display:grid;place-items:center;border-radius:50%;flex:none}.project-repo{font-size:11px;color:var(--muted);margin-top:20px;letter-spacing:.02em;overflow-wrap:anywhere}.project-card h3{font-family:var(--serif);font-weight:400;font-size:28px;margin:6px 0 16px;letter-spacing:-.035em}.project-summary{font-size:13px;color:#626c60;line-height:1.95;flex:1}.mini-flow{list-style:none;display:flex;align-items:center;gap:0;padding:17px 0;margin:22px 0;border-block:1px solid var(--line);font-size:11px;color:var(--project-accent)}.mini-flow li{position:relative;flex:1;text-align:center;padding-inline:8px}.mini-flow li+li:before{content:'→';position:absolute;left:-5px;color:#8b9584}.project-state{font-size:11px;color:var(--muted)}.project-links{display:flex;justify-content:space-between;gap:15px;margin-top:15px}.project-links a:first-child{font-weight:600}.project-links a:last-child{color:var(--muted);font-size:12px}.project-card:last-child:nth-child(even){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:64px}.project-card:last-child:nth-child(even) .project-meta{grid-column:1/-1}.project-card:last-child:nth-child(even) .project-repo,.project-card:last-child:nth-child(even) h3,.project-card:last-child:nth-child(even) .project-summary{grid-column:1}.project-card:last-child:nth-child(even) .mini-flow{grid-column:2;grid-row:2/5;align-self:center}.project-card:last-child:nth-child(even) .project-state{margin-top:18px}.project-card:last-child:nth-child(even) .project-links{grid-column:2;align-self:end}.collection-note{font-size:11px;color:var(--muted);margin-top:20px;line-height:1.9}.project-case .product-intro h1{font-size:clamp(40px,5.2vw,66px);line-height:1.35}.project-case .product-subtitle{font-family:var(--sans);font-size:14px;letter-spacing:.03em;overflow-wrap:anywhere}.project-workflow{background:var(--green);color:#edf2e6;border-radius:8px;padding:36px 40px}.project-workflow>p{font-size:11px;color:#b6c9aa;letter-spacing:.1em}.workflow-steps{list-style:none;padding:0;margin:25px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.workflow-steps li{min-width:0;position:relative;border-top:1px solid #63745d;padding-top:22px}.workflow-steps span{font-family:var(--serif);font-size:25px;color:#a4bd90}.workflow-steps h2{font-size:18px;margin:14px 0 10px}.workflow-steps p{font-size:12px;color:#c6d1bf;line-height:1.95}.project-workflow>small{display:block;color:#aebea4;font-size:10px;margin-top:28px}.case-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:34px 0 0;padding:25px 0 0;border-top:1px solid var(--line)}.case-facts dt{font-size:10px;color:var(--muted);margin-bottom:8px}.case-facts dd{font-size:13px;margin:0}.case-limits{background:var(--soft);border-radius:6px;padding:24px 28px;margin-top:28px}.case-limits h3{font-size:16px;margin-bottom:10px}.case-limits p{font-size:13px;color:var(--muted);line-height:2}.case-source{font-size:11px;color:var(--muted);line-height:1.9;margin-top:22px}.case-source a{text-decoration:underline;text-underline-offset:3px}.related-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;text-align:left;margin:30px 0}.related-projects>a{border:1px solid var(--line);padding:22px 25px;border-radius:6px;display:flex;flex-direction:column;gap:7px}.related-projects span{font-size:11px;color:var(--muted)}.related-projects strong{font-size:17px;font-weight:500}.all-project-links{padding:22px;border:1px solid var(--line);line-height:2}.all-project-links a{display:block;text-decoration:underline}
@media(max-width:760px){.work-context{align-items:flex-start;font-size:11px;gap:15px;padding-bottom:21px}.work-context>p:last-child{max-width:190px}.product-grid{grid-template-columns:1fr;gap:15px}.project-card{padding:25px}.project-card h3{font-size:25px}.project-meta .eyebrow{font-size:10px}.project-card:last-child:nth-child(even){display:flex;gap:0}.project-card:last-child:nth-child(even) .mini-flow{align-self:stretch}.project-card:last-child:nth-child(even) .project-links{align-self:stretch}.project-card:last-child:nth-child(even) .project-state{margin:0}.project-case .product-intro h1{font-size:46px}.project-workflow{padding:28px 25px}.workflow-steps{grid-template-columns:1fr;gap:24px}.workflow-steps li{padding-top:18px}.workflow-steps h2{margin-top:8px}.workflow-steps span{font-size:21px}.case-facts{grid-template-columns:1fr;gap:19px;margin-top:25px}.case-facts>div{display:grid;grid-template-columns:70px 1fr;gap:15px}.case-facts dt{margin:0}.case-facts dd{font-size:12px}.case-limits{padding:22px}.related-projects{grid-template-columns:1fr}.collection-note{font-size:10px}}
@media(max-width:380px){.project-card{padding:22px}.project-card h3{font-size:23px}.mini-flow{font-size:10px}.mini-flow li{gap:6px}.project-case .product-intro h1{font-size:39px}}
