@font-face{font-family:tiktok;src:url('/fonts/TikTokSans.ttf');font-weight:100 900;font-display:swap}@font-face{font-family:tronica-mono;src:url('/fonts/DepartureMono-Regular.otf');font-display:swap}
.no-webgl .aspect-square{background:center/cover url('/work/segun-monogram.png')}
.no-webgl article a>div:first-child{background-size:cover;background-position:center}
.portfolio-index{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin:110px 8px 0;padding:22px 0;border-top:1px solid var(--label-3,#bbb);font-family:tronica-mono,monospace;text-transform:uppercase;font-size:14px;cursor:pointer}
.portfolio-index:hover{text-decoration:underline;text-underline-offset:5px}.portfolio-index span:last-child{font-size:24px}
.project-dialog{position:fixed;inset:0;width:100%;height:100%;max-height:none;max-width:none;margin:0;border:0;padding:0;background:var(--background-1,#fbfaf4);color:var(--label-1,#161817);z-index:1000;overflow:auto;font-family:tiktok,sans-serif;overscroll-behavior:contain}
.project-dialog::backdrop{background:#fbfaf4}.project-dialog[open]{animation:project-enter .65s cubic-bezier(.22,1,.36,1)}
@keyframes project-enter{from{clip-path:circle(0% at var(--origin-x,50%) var(--origin-y,50%))}to{clip-path:circle(160% at var(--origin-x,50%) var(--origin-y,50%))}}
.project-shell{max-width:1320px;margin:0 auto;padding:48px 56px 100px}.project-top{display:flex;justify-content:space-between;align-items:center;font:14px tronica-mono,monospace;text-transform:uppercase;margin-bottom:90px}.project-close{cursor:pointer;padding:10px;border:2px dotted currentColor;background:none;color:inherit;font:inherit}.project-dialog h1{font-size:clamp(42px,7vw,100px);line-height:.98;text-transform:uppercase;letter-spacing:-.04em;font-weight:750;max-width:1000px;margin:0 0 32px}.project-dialog h2{font-size:28px;line-height:1.2;margin:40px 0 18px}.project-dialog p{font-size:clamp(18px,2vw,24px);line-height:1.45;margin:0 0 24px;max-width:850px}.project-dialog ul{list-style:disc;padding-left:24px;font-size:18px;line-height:1.65}.project-dialog .project-status{font:13px tronica-mono,monospace;text-transform:uppercase;display:inline-block;background:#c0fe04;color:#161817;padding:7px 10px;margin-bottom:25px}.project-dialog img{width:100%;height:auto;max-height:75vh;object-fit:contain;background:#e8e7de;margin:28px 0 40px}.project-dialog .project-note{font:13px/1.6 tronica-mono,monospace;color:inherit;opacity:.7}.project-dialog a{color:inherit;text-decoration:underline;text-underline-offset:4px}.project-list{margin:50px 0}.project-list button{display:flex;width:100%;text-align:left;justify-content:space-between;border:0;border-top:1px solid #999;padding:22px 0;background:none;color:inherit;font:clamp(22px,3vw,38px) tiktok,sans-serif;cursor:pointer}.project-list button:hover{color:#647600}.project-archive{display:grid;grid-template-columns:1fr 1fr;gap:24px 70px}.story-list{columns:2}
@media(max-width:700px){.project-shell{padding:28px 24px 70px}.project-top{margin-bottom:60px;font-size:12px}.project-archive{grid-template-columns:1fr}.story-list{columns:1}.portfolio-index{margin-top:50px;font-size:12px}.project-dialog h1{font-size:50px}}
@media(prefers-reduced-motion:reduce){.project-dialog[open]{animation:none}}