.project-detail-module__WoHTnq__page{--page-blue:#286bd5;max-width:94rem;margin-inline:auto;padding-block:4.5rem 6.5rem;padding-inline:max(clamp(1.5rem,5.5vw,5.5rem),50% - 44rem)}.project-detail-module__WoHTnq__pageWide{width:100%;position:relative}.project-detail-module__WoHTnq__contentWrapper{z-index:1;position:relative}.project-detail-module__WoHTnq__projectLayout{grid-template-columns:minmax(19.5rem,23rem) minmax(0,1fr);align-items:start;gap:clamp(2.5rem,4.5vw,4.75rem);display:grid}.project-detail-module__WoHTnq__sidebar{flex-direction:column;display:flex;position:sticky;top:5.75rem}.project-detail-module__WoHTnq__inspectorCard{background:#fff;border:1px solid #0f172a16;border-radius:1.25rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 2px #0f172a05,0 8px 24px -6px #0f172a0b,inset 0 1px #ffffffe6}.project-detail-module__WoHTnq__inspectorSection{flex-direction:column;gap:.85rem;padding:1.35rem 1.45rem;display:flex}.project-detail-module__WoHTnq__inspectorSection+.project-detail-module__WoHTnq__inspectorSection{border-top:1px solid #0f172a11}.project-detail-module__WoHTnq__inspectorSectionHeader{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.project-detail-module__WoHTnq__metaLabel{font:600 .6875rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#64748b;align-items:center;gap:.45rem;display:inline-flex}.project-detail-module__WoHTnq__metaCountBadge{font:600 .65rem/1 var(--font-mono);color:#475569;background:#f1f5f9;border:1px solid #0f172a0f;border-radius:999px;padding:.18rem .48rem}.project-detail-module__WoHTnq__sidebarDescription{font:450 .925rem/1.68 var(--font-body);color:#1e293b;letter-spacing:-.006em;margin:0}.project-detail-module__WoHTnq__actionGroup{flex-direction:column;gap:.55rem;display:flex}.project-detail-module__WoHTnq__btnPrimary,.project-detail-module__WoHTnq__btnSecondary{width:100%;min-height:2.65rem;font:600 .825rem/1 var(--font-heading);letter-spacing:-.01em;cursor:pointer;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.35rem .4rem .35rem .95rem;text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s,background-color .18s,box-shadow .18s,color .18s;display:flex}.project-detail-module__WoHTnq__btnPrimary{color:#fff;background:#0f172a;border:1px solid #0f172a;box-shadow:0 1px 2px #0f172a1a,0 6px 16px -4px #0f172a33,inset 0 1px #ffffff26}.project-detail-module__WoHTnq__btnPrimary:hover{background:#1e293b;border-color:#1e293b;transform:translateY(-1px);box-shadow:0 2px 4px #0f172a1f,0 10px 22px -4px #0f172a42,inset 0 1px #ffffff38}.project-detail-module__WoHTnq__btnPrimary:active{transform:translateY(0)}.project-detail-module__WoHTnq__btnText{padding-block:.2rem}.project-detail-module__WoHTnq__btnIconBox{color:#fff;background:#ffffff1f;border-radius:.5rem;justify-content:center;align-items:center;width:1.85rem;height:1.85rem;transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s;display:inline-flex}.project-detail-module__WoHTnq__btnPrimary:hover .project-detail-module__WoHTnq__btnIconBox{background:#fff3;transform:translate(1px,-1px)}.project-detail-module__WoHTnq__btnSecondary{color:#0f172a;background:#f8fafc;border:1px solid #0f172a17;box-shadow:inset 0 1px #fff}.project-detail-module__WoHTnq__btnSecondary:hover{color:#0f172a;background:#fff;border-color:#0f172a33;transform:translateY(-1px);box-shadow:0 4px 12px -2px #0f172a0f,inset 0 1px #fff}.project-detail-module__WoHTnq__btnSecondary:active{transform:translateY(0)}.project-detail-module__WoHTnq__btnLead{align-items:center;gap:.55rem;display:inline-flex}.project-detail-module__WoHTnq__btnIconBoxSecondary{color:#64748b;background:#fff;border:1px solid #0f172a12;border-radius:.5rem;justify-content:center;align-items:center;width:1.85rem;height:1.85rem;transition:transform .2s cubic-bezier(.16,1,.3,1),color .2s,border-color .2s;display:inline-flex}.project-detail-module__WoHTnq__btnSecondary:hover .project-detail-module__WoHTnq__btnIconBoxSecondary{color:var(--page-blue);border-color:#286bd540;transform:translate(1px,-1px)}.project-detail-module__WoHTnq__techTagList{flex-wrap:wrap;gap:.4rem;display:flex}.project-detail-module__WoHTnq__techTag{color:#1e293b;font:500 .74rem/1.2 var(--font-mono);letter-spacing:-.01em;background:#f8fafc;border:1px solid #0f172a14;border-radius:.5rem;align-items:center;gap:.4rem;padding:.32rem .65rem;transition:border-color .16s,background-color .16s,color .16s,transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 1px 1px #0f172a05}.project-detail-module__WoHTnq__techTagDot{background:#94a3b8;border-radius:50%;width:5px;height:5px;transition:background-color .16s,transform .16s}.project-detail-module__WoHTnq__techTag:hover{color:#0f172a;background:#fff;border-color:#286bd559;transform:translateY(-1px);box-shadow:0 3px 8px -2px #286bd51f}.project-detail-module__WoHTnq__techTag:hover .project-detail-module__WoHTnq__techTagDot{background:var(--page-blue);transform:scale(1.2)}.project-detail-module__WoHTnq__githubContributors{flex-direction:column;gap:.85rem;display:flex}.project-detail-module__WoHTnq__githubContributorsHeader{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.project-detail-module__WoHTnq__githubContributorList{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.project-detail-module__WoHTnq__githubContributorRow{border-radius:.55rem;align-items:center;gap:.7rem;margin-inline:-.5rem;padding:.4rem .5rem;transition:background-color .16s;display:flex}.project-detail-module__WoHTnq__githubContributorRow:hover{background-color:#f8fafc}.project-detail-module__WoHTnq__githubAvatarWrapper{border-radius:50%;flex-shrink:0;width:30px;height:30px;overflow:hidden;box-shadow:0 0 0 1.5px #fff,0 1px 3px #0f172a1f}.project-detail-module__WoHTnq__githubAvatarImg{object-fit:cover;width:100%;height:100%;display:block}.project-detail-module__WoHTnq__githubAvatarInitials{width:100%;height:100%;font:650 .68rem/1 var(--font-heading);border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:flex}.project-detail-module__WoHTnq__githubContributorName{font:550 .84rem/1.35 var(--font-heading);color:#1e293b;overflow-wrap:break-word;word-break:normal;line-height:1.35;transition:color .15s}.project-detail-module__WoHTnq__githubContributorRow:hover .project-detail-module__WoHTnq__githubContributorName{color:var(--page-blue)}.project-detail-module__WoHTnq__canvas{flex-direction:column;gap:2.25rem;min-width:0;display:flex}.project-detail-module__WoHTnq__canvasHeader{flex-direction:column;gap:1.15rem;display:flex}.project-detail-module__WoHTnq__canvasTopNav{flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:.1rem;display:flex}.project-detail-module__WoHTnq__backLink{color:#334155;font:550 .75rem/1 var(--font-heading);letter-spacing:-.01em;background:#fff;border:1px solid #0f172a17;border-radius:999px;flex-shrink:0;align-items:center;gap:.5rem;width:fit-content;padding:.28rem .75rem .28rem .32rem;text-decoration:none;transition:color .18s,border-color .18s,background-color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 1px 2px #0f172a08}.project-detail-module__WoHTnq__backIconWrap{color:#0f172a;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:1.35rem;height:1.35rem;transition:background-color .18s,color .18s,transform .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.project-detail-module__WoHTnq__backLink:hover{color:#0f172a;border-color:#0f172a33;box-shadow:0 3px 8px -2px #0f172a12}.project-detail-module__WoHTnq__backLink:hover .project-detail-module__WoHTnq__backIconWrap{background:var(--page-blue);color:#fff;transform:translate(-1.5px)}.project-detail-module__WoHTnq__breadcrumbDivider{color:#cbd5e1;font:400 .8rem/1 var(--font-mono);-webkit-user-select:none;user-select:none}.project-detail-module__WoHTnq__breadcrumbCurrent{font:500 .75rem/1 var(--font-mono);color:#64748b;letter-spacing:.02em}.project-detail-module__WoHTnq__projectTitle{font:800 clamp(2.25rem, 4.2vw, 3.45rem)/1.08 var(--font-heading);letter-spacing:-.038em;color:#0f172a;margin:0}.project-detail-module__WoHTnq__metaRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem 1.5rem;padding-top:.25rem;display:flex}.project-detail-module__WoHTnq__publishMeta{align-items:center;gap:.45rem;font-size:.84rem;line-height:1.3;display:inline-flex}.project-detail-module__WoHTnq__publishKey{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:#64748b;font-size:.72rem;font-weight:500}.project-detail-module__WoHTnq__publishVal{font-family:var(--font-heading);color:#0f172a;letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-weight:600}.project-detail-module__WoHTnq__badgeGroup{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.project-detail-module__WoHTnq__metaBadge{background:#f8fafc;border:1px solid #0f172a17;border-radius:.55rem;align-items:center;gap:.4rem;padding:.32rem .72rem;font-size:.78rem;line-height:1.2;display:inline-flex;box-shadow:0 1px 2px #0f172a05,inset 0 1px #fff}.project-detail-module__WoHTnq__badgeKey{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:#64748b;font-size:.68rem;font-weight:500}.project-detail-module__WoHTnq__badgeVal{font-family:var(--font-heading);color:#0f172a;letter-spacing:-.01em;font-weight:650}.project-detail-module__WoHTnq__metaBadgeAccent{background:#286bd50d;border-color:#286bd533}.project-detail-module__WoHTnq__metaBadgeAccent .project-detail-module__WoHTnq__badgeKey{color:#3b82f6}.project-detail-module__WoHTnq__metaBadgeAccent .project-detail-module__WoHTnq__badgeVal{color:var(--page-blue)}.project-detail-module__WoHTnq__showcaseFigure{background:#f8fafc;border:1px solid #0f172a16;border-radius:1.25rem;margin:0;transition:border-color .25s,box-shadow .25s;overflow:hidden;box-shadow:0 1px 2px #0f172a05,0 10px 28px -6px #0f172a0f,0 24px 48px -16px #0f172a0f}.project-detail-module__WoHTnq__showcaseFigure:hover{border-color:#0f172a24;box-shadow:0 2px 4px #0f172a08,0 14px 34px -6px #0f172a14,0 30px 60px -16px #0f172a14}.project-detail-module__WoHTnq__showcaseImage{aspect-ratio:16/9;object-fit:cover;object-position:center;width:100%;height:auto;display:block}.project-detail-module__WoHTnq__caseStudySection{width:100%;min-width:0;max-width:100%;padding-top:.25rem}.project-detail-module__WoHTnq__articleFooterTags{flex-direction:column;gap:.95rem;width:100%;margin-top:.75rem;padding-top:2rem;display:flex}.project-detail-module__WoHTnq__tagsHeader{align-items:center;gap:.85rem;display:flex}.project-detail-module__WoHTnq__tagsHeadingLabel{font:600 .6875rem/1 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:#64748b;white-space:nowrap}.project-detail-module__WoHTnq__tagsHeadingLine{background:#0f172a14;flex:1;height:1px}.project-detail-module__WoHTnq__modernTagList{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.project-detail-module__WoHTnq__modernTagPill{color:#334155;font:500 .8rem/1.2 var(--font-heading);letter-spacing:-.01em;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #0f172a17;border-radius:.55rem;align-items:center;gap:.3rem;padding:.4rem .85rem;transition:background-color .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 1px 2px #0f172a05}.project-detail-module__WoHTnq__modernTagHash{font-family:var(--font-mono);color:#94a3b8;font-size:.75rem;font-weight:600;transition:color .16s}.project-detail-module__WoHTnq__modernTagPill:hover{color:#0f172a;background:#f8fafc;border-color:#286bd552;transform:translateY(-1px);box-shadow:0 4px 10px -2px #0f172a0f}.project-detail-module__WoHTnq__modernTagPill:hover .project-detail-module__WoHTnq__modernTagHash{color:var(--page-blue)}@media (max-width:1024px){.project-detail-module__WoHTnq__projectLayout{grid-template-columns:minmax(0,1fr);gap:2.5rem}.project-detail-module__WoHTnq__canvas{order:1}.project-detail-module__WoHTnq__sidebar{order:2;width:100%;position:static}}@media (max-width:768px){.project-detail-module__WoHTnq__page{padding-top:3.5rem;padding-bottom:4.5rem;padding-inline:1.25rem}.project-detail-module__WoHTnq__canvas{gap:1.75rem}.project-detail-module__WoHTnq__projectTitle{font-size:clamp(1.95rem,7.8vw,2.65rem)}.project-detail-module__WoHTnq__metaRow{flex-direction:column;align-items:flex-start;gap:.75rem}.project-detail-module__WoHTnq__badgeGroup{width:100%}.project-detail-module__WoHTnq__inspectorSection{padding:1.15rem 1.2rem}}@media (max-width:480px){.project-detail-module__WoHTnq__page{padding-top:3rem;padding-inline:1rem}.project-detail-module__WoHTnq__canvasTopNav{gap:.5rem}.project-detail-module__WoHTnq__breadcrumbCurrent{font-size:.72rem}.project-detail-module__WoHTnq__metaBadge{padding:.28rem .6rem;font-size:.74rem}.project-detail-module__WoHTnq__showcaseFigure,.project-detail-module__WoHTnq__inspectorCard{border-radius:1rem}}@media (prefers-reduced-motion:reduce){.project-detail-module__WoHTnq__btnPrimary,.project-detail-module__WoHTnq__btnSecondary,.project-detail-module__WoHTnq__btnIconBox,.project-detail-module__WoHTnq__btnIconBoxSecondary,.project-detail-module__WoHTnq__techTag,.project-detail-module__WoHTnq__techTagDot,.project-detail-module__WoHTnq__backLink,.project-detail-module__WoHTnq__backIconWrap,.project-detail-module__WoHTnq__showcaseFigure,.project-detail-module__WoHTnq__modernTagPill{transition:none;transform:none!important}}
