.project-detail {background:var(--project-background);color:#dfe0d3;--detail-accent:#ecfc53;--detail-text:#dfe0d3}
.project-detail .menu-toggle.at-top[aria-expanded=false] .burger i {background:var(--detail-accent)}
@supports (color:color(display-p3 1 1 1)){.project-detail{--detail-accent:color(display-p3 .900416 .95122 .387997)}}
.project-detail main {overflow:clip}
.project-header {display:flex;align-items:center;flex-direction:column;text-align:center;padding-top:40px}
.project-logo {display:block;flex:none;background:var(--detail-accent);mask:url('/assets/R68NSWQjU1SIOqSk5VVK8ncVuMc.svg') center / contain no-repeat;width:127px;height:34px}
.project-icon-detail {width:72px;height:72px;margin-top:64px;overflow:hidden;border-radius:10px}
.project-icon-detail img {display:block;width:100%;height:100%;object-fit:cover}
.project-copy {display:flex;align-items:center;flex-direction:column}
.project-identity {margin-top:24px}
.project-identity h1 {font:600 20px/24px Sora,sans-serif}
.project-identity p {margin-top:6px;opacity:.64;font:400 13px/15.6px Sora,sans-serif;letter-spacing:.26px}
.project-description {font:400 16px/24px Sora,sans-serif;width:433px;margin-top:34px}
.project-website {font:400 16px/19.2px Sora,sans-serif;margin-top:24px}
.project-website a,.project-meta a,.project-website a:visited,.project-meta a:visited,.project-website a:hover,.project-meta a:hover {color:inherit;text-decoration:underline;text-underline-offset:2px}
.project-chevron {width:15px;height:30px;overflow:hidden;order:4;margin:26px 0 0;opacity:.5}
.project-chevron svg {display:block;width:100%;height:100%}
.project-chevron-path {transform:translate(1px,17px)}
@media(prefers-reduced-motion:no-preference){.project-chevron-path {animation:detail-chevron 1.5s linear infinite}@keyframes detail-chevron{0%{transform:translate(1px,2px);opacity:0}33.333333%{opacity:1}66.666667%{transform:translate(1px,36px);opacity:0}100%{transform:translate(1px,36px);opacity:0}}}
.project-cover-motion,.project-copy-compact,.project-meta-compact {display:none}
.project-gallery {width:var(--gallery-width);margin:auto;padding:var(--gallery-top) var(--gallery-inset) var(--gallery-bottom);min-height:var(--gallery-min-height);background:var(--project-gallery-surface)}
.project-gallery img {display:block;width:100%;height:auto;object-fit:cover}
.project-meta {width:var(--meta-width);margin:0 auto;font:400 16px/19.2px Sora,sans-serif}
.project-meta>div {display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68.2px;padding:24px;border-top:1px solid #dfe0d380}
.project-meta>div:last-child {border-bottom:1px solid #dfe0d380}
.project-meta dd {margin:0;text-align:right}
.project-footer {display:flex;align-items:center;flex-direction:column;gap:0;padding:52px 0 40px}
.project-next {position:relative;width:120px;height:120px;display:grid;place-items:center;color:var(--detail-text)}
.project-next .ring-text {position:absolute;inset:0;width:120px;height:120px;fill:var(--detail-text);font:500 12px Sora,sans-serif;letter-spacing:.21em}
.project-next .round-center {width:68px;height:68px;background:var(--detail-accent);border-radius:50%;display:grid;place-items:center}
.project-next .round-arrow {display:block;width:61px;height:34px}
.project-next .round-arrow img {width:100%;height:100%;object-fit:contain}
.project-logo-bottom {margin-top:56px;width:316px;height:85px;background:var(--detail-text)}
.project-contact {margin-top:29px;color:var(--detail-accent);font:700 40px/48px Sora,sans-serif;text-decoration:underline;text-underline-offset:8px}
@media(max-width:1439.98px) {
 .project-header {padding:42px 40px 0}
 .project-cover-motion {display:block;width:100%;height:338px;margin-top:42px;overflow:hidden;border-radius:16px}
 .project-cover-parallax {height:100%;border-radius:16px;overflow:hidden}
 .project-cover {position:relative;width:100%;height:338px;border-radius:16px;overflow:hidden}
 .project-cover img {width:100%;height:100%;object-fit:cover;display:block}
 .project-badge {position:absolute;right:8px;top:8px;background:#000;color:#dfe0d3;font:500 10px/12px Sora,sans-serif;padding:6px 8px;text-transform:uppercase}
 .project-icon-detail {width:56px;height:56px;margin-top:34px}
 .project-identity {margin-top:16px}
 .project-identity h1 {font-size:19px;line-height:22.8px}
 .project-copy-desktop,.project-meta-desktop {display:none}
 .project-copy-compact {display:flex;width:100%}
 .project-meta-compact {display:block}
 .project-chevron {order:0;margin-top:26px;opacity:1}
 .project-identity p {opacity:.81}
 .project-description {width:min(100%,433px);line-height:25.6px;margin-top:34px}
 .project-website {margin-top:40px}
 .project-gallery {width:100%;padding:var(--gallery-compact-top) var(--gallery-compact-inset) var(--gallery-compact-bottom);background:transparent}
 .project-meta {width:100%}
 .project-footer {padding-top:58px}
 .project-contact {font-size:32px;line-height:38.4px}
}
@media(prefers-reduced-motion:no-preference){
 .detail-motion .project-identity h1,.detail-motion .project-identity p,.detail-motion .project-description,.detail-motion .project-website {opacity:0}
 @media(min-width:1440px){.detail-motion .project-icon-detail img {opacity:0}}
 @media(max-width:1439.98px){
  .detail-motion .project-logo-top {opacity:0;transform:translateY(-100px)}
  .detail-motion .project-icon-detail {opacity:0;transform:scale(0)}
  .detail-motion .project-cover-motion {opacity:0;transform:scale(1.2)}
  .detail-motion .project-cover {opacity:0;transform:scale(6)}
  .detail-motion .project-description,.detail-motion .project-website {transform:translateY(10px)}
 }
}

@media(max-width:809.98px) {.project-contact {font-size:30px;line-height:36px}}