/* Equal-sized project boxes with bespoke line-art identities. */
.work{background:radial-gradient(ellipse at 50% 25%,#3a100e24,transparent 65%),#0c0b0d}
.work .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;grid-auto-rows:1fr}
.work .project-card{grid-column:auto;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:24px;border:1px solid #fc544255;border-radius:16px;background:linear-gradient(145deg,#271318,#120e11 58%,#1b1013);box-shadow:inset 0 1px 0 #ffc2aa0b,0 12px 30px #0003;overflow:hidden;transition:border-color .35s,box-shadow .35s,translate .35s;aspect-ratio:1/1;cursor:pointer}
.work .project-card[hidden]{display:none!important}
.work .project-card:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 28%,#ff493521,transparent 65%),linear-gradient(115deg,transparent 30%,#ffbd9a0c 48%,transparent 65%);opacity:.5;transition:opacity .4s}
.work .project-card:after{content:'';position:absolute;left:20%;right:20%;top:0;height:1px;background:linear-gradient(90deg,transparent,#ff9785,transparent);box-shadow:0 0 15px #ff493590;opacity:.6;transition:opacity .35s}
.work .project-card:is(:hover,:focus-visible){translate:0 -6px;border-color:#ff725cc4;box-shadow:0 22px 45px #0007,0 0 25px #ff493521,inset 0 0 24px #ff493508}
.work .project-card:is(:hover,:focus-visible):before,.work .project-card:is(:hover,:focus-visible):after{opacity:1}
.project-topline{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1.5px;color:#be8e85}
.project-open{font-size:20px;color:#ff7a66;transition:transform .35s}
.project-card:hover .project-open{transform:rotate(45deg)}
.project-emblem{position:relative;display:grid;place-items:center;align-self:flex-start;width:78px;height:78px;margin:23px 0;border:1px solid #ff786451;border-radius:20px;background:linear-gradient(145deg,#f64a3026,#210e16);color:#ff9a86;box-shadow:inset 0 1px 0 #ffcbb522,0 0 25px #ff493511;transition:transform .45s,box-shadow .45s}
.project-emblem svg{width:51px;height:51px;filter:drop-shadow(0 3px 5px #0005)}
.project-emblem:after{content:'';position:absolute;inset:-6px;border:1px solid #ff493516;border-radius:25px;animation:emblem-glow 4.8s ease-in-out infinite;animation-delay:var(--project-delay)}
.project-card:is(:hover,:focus-visible) .project-emblem{transform:rotate(-6deg) translateY(-3px);box-shadow:0 0 32px #ff493532}
.project-copy{display:flex;flex-direction:column;gap:9px}
.project-category{font-size:12px;line-height:1.5;letter-spacing:.9px;color:#e79180}
.project-name{font-size:clamp(23px,2vw,30px);font-weight:600;line-height:1.12;letter-spacing:-.7px;color:#f5e9e4;overflow-wrap:anywhere}
.project-summary{font-size:16px;line-height:1.5;color:#bbaaa7}
.project-stack{display:flex;flex-wrap:wrap;gap:6px;padding:20px 0;margin-top:auto}
.project-stack>span{font-size:12px;line-height:1.4;border:1px solid #f0a49324;border-radius:5px;padding:5px 8px;color:#d5b7ae;background:#110c10a6}
.project-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ff89732b;padding-top:14px;font-size:14px;color:#f0d2c8}
.project-bottom>span{color:#ff725c}
.projects-more{display:block;margin:36px auto 0;padding:15px 25px;min-height:48px;border:1px solid #ff725c80;border-radius:8px;background:#281116;color:#ffccc0;cursor:pointer;font-size:14px;transition:background .3s,box-shadow .3s}
.projects-more:hover{background:#3c171b;box-shadow:0 0 25px #ff49352b}
@keyframes emblem-glow{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:1100px){.work .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work .project-card{aspect-ratio:auto;min-height:425px}}
@media(max-width:600px){.work .project-grid{grid-template-columns:1fr;gap:20px}.work .project-card{min-height:0;padding:24px}.project-emblem{margin:22px 0}.project-name{font-size:27px}.project-summary{font-size:16px}}
@media(prefers-reduced-motion:reduce){.work .project-card,.project-card *,.project-card:before,.project-card:after{transition:none!important;animation:none!important}.work .project-card:is(:hover,:focus-visible),.project-card:is(:hover,:focus-visible) .project-emblem{translate:none;transform:none}.project-emblem:after{animation:none}}
.motion-paused .project-emblem:after{animation:none}.motion-paused .work .project-card,.motion-paused .project-card *{transition:none}.motion-paused .work .project-card:is(:hover,:focus-visible),.motion-paused .project-card:is(:hover,:focus-visible) .project-emblem{translate:none;transform:none}

.project-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:24px 0}.project-filters[hidden],.project-card[hidden]{display:none}.project-filters button,.email-shortcut button{font:inherit;color:inherit;background:transparent;border:1px solid currentColor;border-radius:24px;padding:12px 18px;cursor:pointer}.project-filters button[aria-pressed="true"]{background:#c42c1c;color:#fff;border-color:#c42c1c}.project-filters button:focus-visible,.email-shortcut button:focus-visible{outline:3px solid currentColor;outline-offset:4px}#filter-status,.email-shortcut span{font-size:.85rem}.email-shortcut{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}