.content-updates{--update-ink:#153f33;--update-muted:#62746a;--update-line:#c9d4c9;--update-bg:#f1f4ee;color:var(--update-ink);scroll-margin-top:30px}.updates-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:30px}.updates-heading h2{margin:0;font-size:clamp(28px,3.2vw,46px);line-height:1.4}.updates-heading>.eyebrow{margin-bottom:12px}.updates-heading>p{max-width:350px;color:var(--update-muted);margin:0;font-size:14px;line-height:1.8}.updates-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.update-card{min-width:0;padding:28px;background:var(--update-bg);border:1px solid var(--update-line);border-radius:2px}.update-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:var(--update-muted);font-size:10px;letter-spacing:1px;line-height:1.6;margin-bottom:26px}.update-card h3{font-size:22px;line-height:1.5;margin:0 0 16px;letter-spacing:0;overflow-wrap:anywhere}.update-summary{font-size:14px;line-height:1.85;color:var(--update-muted);margin-bottom:24px}.update-link{display:inline-block;font-size:12px;line-height:1.7;border-bottom:1px solid var(--update-line);padding-bottom:4px}.update-link:hover{border-color:currentColor}.personal-updates>.update-link{margin-top:24px}.update-card details{border-top:1px solid var(--update-line);padding-top:16px}.update-card summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;line-height:1.8}.update-card summary::-webkit-details-marker{display:none}.update-card details[open] summary>span:last-child{transform:rotate(45deg)}.update-body{margin-top:22px;animation:none}.update-body p{font-size:14px;line-height:1.9;margin:0 0 18px;color:var(--update-muted)}.update-card summary:focus-visible,.content-updates a:focus-visible{outline:2px solid currentColor;outline-offset:6px}.studio-updates{--update-ink:#f0f4e9;--update-muted:#a3b1a6;--update-line:#354536;--update-bg:#101b14;padding:95px 8%;scroll-margin-top:120px;border-top:1px solid var(--update-line)}.studio-updates .eyebrow{color:#ccff59}.studio-updates .updates-heading h2{font-size:clamp(32px,3.8vw,52px);letter-spacing:-1px}.studio-updates .update-link{color:#ccff59}#projects .updates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-header nav{gap:16px}.studio-header nav a{white-space:nowrap}
@media(min-width:1100px){.personal-updates .update-card{min-height:310px}}
@media(max-width:1100px){.studio-header{flex-wrap:wrap}.studio-header nav{order:3;width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:5px;gap:22px}.updates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.updates-heading{align-items:start;flex-direction:column;gap:16px}}
@media(max-width:650px){.updates-grid,#projects .updates-grid{grid-template-columns:1fr}.update-card{padding:24px}.studio-updates{padding:65px 6%}.updates-heading h2{font-size:30px}.studio-updates .updates-heading h2{font-size:32px}.update-meta{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.content-updates *{scroll-behavior:auto;animation:none;transition:none}}

.sidebar nav .company-nav{font-size:11px;letter-spacing:.3px;margin-top:16px;padding-top:16px;border-top:1px solid #ffffff30;white-space:normal;line-height:1.7}
@media(max-width:760px){.sidebar nav .company-nav{margin-top:0;padding-top:0;border-top:0;font-size:10px;white-space:nowrap}}

.update-cover{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin-bottom:24px}.update-gallery{display:grid;gap:16px}.update-photo{display:block;width:100%;height:auto}.updates-archive{margin-top:24px}.updates-archive>summary{cursor:pointer;font-size:14px;padding:16px 0}.updates-archive>.updates-grid{margin-top:16px}

.update-figure{margin:0 0 18px}.update-figure .update-cover{margin-bottom:8px}.update-figure figcaption{font-size:10px;line-height:1.6;color:var(--update-muted)}.update-source{margin-top:20px!important;font-size:12px!important}.update-source a{text-decoration:underline}

.article-permalink{margin-top:20px;display:block;width:fit-content}

#projects .update-card-featured{grid-column:1/-1;background:radial-gradient(ellipse at 100% 0,#25341d 0,transparent 50%),var(--update-bg);border-color:#58753c;padding:clamp(24px,4vw,46px)}.update-card-featured>h3{font-size:clamp(25px,3vw,36px);max-width:900px}.update-card-featured .update-summary{max-width:850px;font-size:16px}.case-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--update-line,#cbd7ca)}.case-section h4{font-size:20px;line-height:1.6;color:var(--update-ink);margin:0 0 14px;letter-spacing:0}.case-specs{margin:22px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.case-specs>div{padding:16px;border:1px solid var(--update-line,#cbd7ca);min-width:0}.case-specs dt{font-size:11px;color:#ccff59;letter-spacing:.5px}.case-specs dd{font-size:14px;line-height:1.7;margin:8px 0 0;overflow-wrap:anywhere;color:var(--update-ink)}.case-pipeline{margin:30px 0}.case-pipeline h4{font-size:12px;letter-spacing:1px;color:#ccff59}.case-pipeline ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;counter-reset:step}.case-pipeline li{position:relative;counter-increment:step;padding:20px 16px;background:#ccff590a;border:1px solid #58753c;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.case-pipeline li:before{content:'0' counter(step);display:block;color:#ccff59;font-size:11px;margin-bottom:14px}.case-pipeline li:not(:last-child):after{content:'→';position:absolute;right:-11px;top:50%;color:#ccff59;background:#101b14;z-index:1}.update-card-featured details[open] .update-body{max-width:1000px}.update-card-featured summary{color:#ccff59;font-size:14px}@media(max-width:650px){.case-specs{grid-template-columns:1fr}.case-pipeline ol{grid-template-columns:1fr}.case-pipeline li:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-17px}.case-section h4{font-size:18px}}

.update-cover.is-site-screenshot{aspect-ratio:8/5;object-fit:contain;background:#07100c}.update-figure figcaption a{text-decoration:none;border-bottom:1px solid var(--update-line)}.personal-email{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:26px 0 32px;padding:20px 0;border-top:1px solid #ffffff50;border-bottom:1px solid #ffffff50;color:inherit;text-decoration:none}.personal-email span{font-size:13px}.personal-email strong{font-size:clamp(23px,4vw,35px);font-weight:500;overflow-wrap:anywhere}.personal-email b{margin-left:auto}.personal-email:focus-visible{outline:2px solid currentColor;outline-offset:6px}

/* Project previews share a single card format, including screenshot covers. */
#projects .updates-grid{align-items:start}
#projects .update-card{display:flex;flex-direction:column;padding:28px}
#projects .update-cover{aspect-ratio:4/3;object-position:center}
#projects .update-cover.is-site-screenshot{object-fit:contain}
#projects .update-figure figcaption{min-height:32px}
#projects .update-meta{margin-bottom:20px}
#projects .update-card>h3{font-size:22px;line-height:1.5;min-height:3em}
#projects .update-summary{font-size:14px;line-height:1.85;margin-bottom:24px}
#projects .update-card details{margin-top:auto}
#projects .update-card summary{font-size:12px;color:#ccff59}
#projects .update-card .article-permalink{margin-top:20px}
#projects .case-pipeline ol{grid-template-columns:repeat(2,minmax(0,1fr))}
#projects .case-pipeline li:after{display:none}
#projects .updates-grid:has(details[open]){align-items:start}
@media(max-width:650px){#projects .update-card{padding:24px}#projects .update-card>h3{min-height:0}#projects .update-figure figcaption{min-height:0}#projects .case-specs,#projects .case-pipeline ol{grid-template-columns:1fr}}

#projects .update-cover.is-document-page{object-fit:contain;background:#07100c}

.update-cover.is-document-page{object-fit:contain;background:#f1f4ee}
#projects .updates-grid.is-masonry{display:block;position:relative}
#projects .updates-grid.is-masonry>.update-card{position:absolute;width:var(--project-card-width);margin:0}