.project-sticky-bar-module-scss-module__pkuUaa__bar{z-index:50;background-color:var(--background);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:24px 0;transition:background-color .3s;display:grid;position:sticky;top:128px}.project-sticky-bar-module-scss-module__pkuUaa__bar:after{content:"";background-color:var(--background);pointer-events:none;height:30px;transition:background-color .3s;position:absolute;top:100%;left:0;right:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}@media (max-width:720px){.project-sticky-bar-module-scss-module__pkuUaa__bar{grid-template-columns:1fr auto;top:74px}}.project-sticky-bar-module-scss-module__pkuUaa__title{opacity:0;pointer-events:none;grid-column:2;align-items:center;gap:12px;transition:opacity .25s;display:flex}.project-sticky-bar-module-scss-module__pkuUaa__title.project-sticky-bar-module-scss-module__pkuUaa__visible{opacity:1;pointer-events:auto}@media (max-width:720px){.project-sticky-bar-module-scss-module__pkuUaa__title{justify-self:end}}.project-sticky-bar-module-scss-module__pkuUaa__title-text{font-family:var(--font-display);color:var(--surface-fg);white-space:nowrap;font-size:20px;font-weight:500}@media (max-width:720px){.project-sticky-bar-module-scss-module__pkuUaa__title-text{font-size:16px}}.project-sticky-bar-module-scss-module__pkuUaa__title-link{border:1px solid var(--gray-4);width:1rem;height:1rem;color:var(--gray-3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,border-color .2s;display:flex}.project-sticky-bar-module-scss-module__pkuUaa__title-link svg{width:15px;height:15px}@media (hover:hover){.project-sticky-bar-module-scss-module__pkuUaa__title-link:hover{color:var(--peach);border-color:var(--peach)}}
.project-detail-module-scss-module__YjrPha__wrapper{flex-direction:column;gap:24px;display:flex}.project-detail-module-scss-module__YjrPha__head{flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;display:flex}.project-detail-module-scss-module__YjrPha__head .project-detail-module-scss-module__YjrPha__title{flex-direction:row;align-items:flex-start;gap:20px;display:flex}.project-detail-module-scss-module__YjrPha__head .project-detail-module-scss-module__YjrPha__title h1{font-family:var(--font-display);color:var(--surface-fg);font-size:80px;font-weight:500}@media (max-width:720px){.project-detail-module-scss-module__YjrPha__head .project-detail-module-scss-module__YjrPha__title h1{font-size:50px}}.project-detail-module-scss-module__YjrPha__head .project-detail-module-scss-module__YjrPha__title-link{border:1px solid var(--gray-4);width:2rem;height:2rem;color:var(--gray-3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1.2rem;transition:color .2s,border-color .2s;display:flex}.project-detail-module-scss-module__YjrPha__head .project-detail-module-scss-module__YjrPha__title-link svg{width:20px;height:20px}@media (hover:hover){.project-detail-module-scss-module__YjrPha__head .project-detail-module-scss-module__YjrPha__title-link:hover{color:var(--peach);border-color:var(--peach)}}.project-detail-module-scss-module__YjrPha__head .project-detail-module-scss-module__YjrPha__desc{text-align:left;flex-direction:column;align-items:flex-start;gap:16px;display:flex}.project-detail-module-scss-module__YjrPha__case{flex-direction:row;align-items:center;gap:10px;width:100%;display:flex}@media (max-width:720px){.project-detail-module-scss-module__YjrPha__case{flex-direction:column;align-items:flex-start;margin-top:10px}}.project-detail-module-scss-module__YjrPha__case-pill{background-color:var(--pill-bg);color:var(--pill-fg);font-family:var(--font-sans);letter-spacing:.5px;border-radius:16px;padding:4px 10px;font-size:12px;display:flex}.project-detail-module-scss-module__YjrPha__case span{font-family:var(--font-sans);color:var(--gray-4);font-size:12px}.project-detail-module-scss-module__YjrPha__case a{margin-left:auto}@media (max-width:720px){.project-detail-module-scss-module__YjrPha__case a{margin-left:0}}.project-detail-module-scss-module__YjrPha__desc{font-family:var(--font-sans);color:var(--gray-3);max-width:640px;font-size:18px}.project-detail-module-scss-module__YjrPha__image{border-radius:16px;align-self:flex-start;width:auto;max-width:100%;height:auto}.project-detail-module-scss-module__YjrPha__features{flex-direction:column;gap:24px;margin-block:20px;display:flex}.project-detail-module-scss-module__YjrPha__section-heading{font-family:var(--font-display);color:var(--surface-fg);font-size:24px;font-weight:500}.project-detail-module-scss-module__YjrPha__tags{flex-flow:wrap;align-items:center;gap:10px;display:flex}.project-detail-module-scss-module__YjrPha__tag{font-family:var(--font-sans);background-color:var(--tag-bg);color:var(--tag-fg);border-radius:16px;padding:4px 10px;font-size:12px}