.project-page{padding-top:5rem;padding-bottom:5rem}.project-page__layout{gap:var(--spacing-10);grid-template-columns:300px 1fr;align-items:start;display:grid}.project-page__layout--single{grid-template-columns:1fr}.project-page__content{flex-direction:column;gap:34px;display:flex}.project-page__sidebar{flex-direction:column;flex-shrink:0;gap:26px;display:flex;position:sticky;top:7rem}.project-page__menu-list{flex-direction:column;gap:10px;display:flex;position:relative}.project-page__menu-indicator{background:var(--primary-green);pointer-events:none;z-index:1;box-shadow:0 0 14px color-mix(in oklab, var(--primary-green) 45%, transparent);border-radius:0}.project-page__menu-item{text-align:left;cursor:pointer;color:#6d7680;background:0 0;border:0;align-items:center;gap:8px;margin:0;padding:0;font-family:inherit;font-size:16px;line-height:20px;display:flex}.project-page__menu-item:hover{color:var(--foreground)}.project-page__menu-dot-slot{visibility:hidden;border-radius:0;flex-shrink:0;width:12px;height:12px}.project-page__menu-item--active{color:var(--foreground)}.project-page__menu-divider{background:var(--border);flex-shrink:0;width:100%;height:1px}.project-page__sidebar-meta{flex-direction:column;gap:1rem;display:flex}.project-page__sidebar-meta-row{flex-direction:column;gap:.25rem;display:flex}.project-page__sidebar-meta-label{color:#6d7680;font-size:.875rem;line-height:1.15}.project-page__sidebar-meta-value{color:var(--foreground);font-size:1rem;line-height:1.35}.project-page__header{margin-bottom:0}.project-page__back-link{border-bottom:1px solid var(--primary-green);width:fit-content;color:var(--foreground);margin-bottom:1rem;padding-bottom:.2rem;padding-right:0;font-size:.95rem;line-height:1.2;text-decoration:none;transition:color .24s,padding-right .24s;display:inline-flex;position:relative}.project-page__back-link:after{content:"→";opacity:0;color:var(--primary-green);transition:opacity .24s,transform .24s;position:absolute;top:50%;right:0;transform:translate(-.25rem,-50%)}.project-page__back-link:hover,.project-page__back-link:focus-visible{color:var(--primary-green);padding-right:.95rem}.project-page__back-link:hover:after,.project-page__back-link:focus-visible:after{opacity:1;transform:translateY(-50%)}.project-page__back-link--sidebar{margin-bottom:.25rem}.project-page__title{margin:0;font-size:2.5rem;line-height:1.05}.project-page__subtitle{max-width:48rem;color:var(--muted-foreground);margin-top:.75rem;font-size:1.125rem}.project-page__meta{flex-wrap:wrap;gap:.5rem 1rem;margin-top:1rem;font-size:.875rem;display:flex}.project-page__visit-site-link{align-items:center;gap:var(--spacing-3);isolation:isolate;transition:color .28s cubic-bezier(.23,1,.32,1);display:inline-flex;position:relative;overflow:hidden}.project-page__visit-site-link:before{content:"";z-index:0;background-color:var(--primary-green);transform-origin:bottom;transition:transform .32s cubic-bezier(.23,1,.32,1);position:absolute;inset:0;transform:scaleY(0)}.project-page__visit-site-link:hover,.project-page__visit-site-link:focus-visible{color:var(--primary-foreground)}.project-page__visit-site-link:hover:before,.project-page__visit-site-link:focus-visible:before{transform:scaleY(1)}.project-page__visit-site-link>span{z-index:1;position:relative}.project-page__hero-image,.project-page__overview{margin-bottom:0}.project-page__hero-media,.project-page__section-media-wrapper{width:100%}.project-page__media-picture{width:100%;display:block}.project-page__media-image,.project-page__media-video{border:1px solid var(--border);border-radius:10px;width:100%;max-width:100%;height:auto;display:block}.project-page__hero-caption,.project-page__image-caption{color:var(--muted-foreground);margin-top:.5rem;font-size:.875rem}.project-page__overview p{max-width:48rem;margin:0;font-size:1rem}.project-page__story{margin-bottom:0}.project-page__sections{flex-direction:column;gap:24px;display:flex}.project-page__section{border-bottom:1px solid #e2e8ee;flex-direction:column;gap:12px;padding-top:0;padding-bottom:18px;scroll-margin-top:6rem;display:flex}.project-page__section-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--foreground);border-bottom:2px solid var(--primary-green);width:fit-content;margin:0;padding:.25rem .5rem;font-size:.875rem;font-weight:700;display:inline-block}.project-page__section-heading{margin:.5rem 0 0;font-size:1.875rem;line-height:1.15}.project-page__section-subheading{max-width:48rem;margin:.75rem 0 0}.project-page__section-body{margin-top:0}.project-page__section-media{grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:0;display:grid}.project-page__section-media>*,.project-page__section-media-item{min-width:0}.project-page__section-media-item--portrait{justify-self:center;width:min(100%,22rem)}@media (min-width:768px){.project-page__back-link--mobile-only{display:none}.project-page__layout{gap:var(--spacing-12)}.project-page__title{font-size:3.75rem}.project-page__overview p{font-size:1.125rem}.project-page__section-media--two-up{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.project-page__section-media--two-up .project-page__section-media-item{flex-direction:column;display:flex}.project-page__section-media--two-up .project-page__section-media-wrapper{border:1px solid var(--border);border-radius:10px;flex:1;min-height:0;overflow:hidden}.project-page__section-media--two-up .project-page__media-picture{height:100%}.project-page__section-media--two-up .project-page__media-image,.project-page__section-media--two-up .project-page__media-video{object-fit:cover;border:none;border-radius:0;height:100%}}@media (max-width:767px){.project-page__layout{grid-template-columns:1fr;gap:0}.project-page__sidebar{display:none}.project-page__back-link--mobile-only{display:inline-flex}}@media (prefers-reduced-motion:reduce){.project-page__back-link,.project-page__back-link:after,.project-page__visit-site-link{transition:none}.project-page__visit-site-link:before{transition-duration:.01ms}}