@keyframes oghProjectMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.ogh-projects-page{--projects-ink:#16181d;--projects-ink-dark:#101216;--projects-muted:#6b8fa3;--projects-stage-max:1920px;--projects-nav-space:92px;--projects-gutter:clamp(39px, calc(5.3vw - 6px), 62px);background:var(--projects-ink);color:#fff;width:100%;min-height:100svh;font-family:Jost,sans-serif;overflow:clip}.ogh-projects-head{padding-top:calc(var(--projects-nav-space) + 38px);padding-bottom:38px}.ogh-projects-head>div,.ogh-project-grid-wrap{box-sizing:border-box;width:min(100%, var(--projects-stage-max));padding-inline:var(--projects-gutter);margin-inline:auto}.ogh-projects-head h1{color:#fff;letter-spacing:-.055em;margin:0;font-family:Outfit,sans-serif;font-size:clamp(52px,7vw,92px);font-weight:800;line-height:.95}.ogh-projects-head p{color:#8aabb8;max-width:650px;margin:16px 0 28px;font-size:15px;font-weight:300;line-height:1.7}.ogh-project-filters{flex-wrap:wrap;gap:8px;display:flex}.ogh-project-filters button{color:#7a9fb5;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .18s,color .18s,border-color .18s,transform .18s}@media (hover:hover) and (pointer:fine){.ogh-project-filters button:hover{border-color:#ffffff5c;transform:translateY(-1px)}}.ogh-project-filters button.is-active{color:#fff;background:#4aacb4;border-color:#4aacb4}.ogh-project-filters span{opacity:.65;margin-left:5px}.ogh-project-marquee{border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;margin-bottom:32px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.ogh-project-marquee-track{width:max-content;animation:oghProjectMarquee var(--project-marquee-duration,32s) linear infinite;white-space:nowrap;align-items:center;padding-block:9px;display:flex}.ogh-project-marquee-group{flex:none;align-items:center;display:flex}.ogh-project-marquee-group>span{box-sizing:border-box;justify-content:center;align-items:center;width:176px;min-width:176px;padding-inline:10px 18px;display:inline-flex;position:relative}.ogh-project-marquee strong{color:#ffffffd1;opacity:.9;font-family:Outfit,sans-serif;font-size:16px;font-weight:800}.ogh-project-marquee-logo{box-sizing:border-box;width:144px;height:54px;-webkit-mask:var(--project-logo-image) center / contain no-repeat;mask:var(--project-logo-image) center / contain no-repeat;-webkit-mask-clip:content-box;mask-clip:content-box;-webkit-mask-origin:content-box;mask-origin:content-box;-webkit-mask:var(--project-logo-image) center / contain no-repeat;opacity:.82;background:#fff;padding:3px 6px;display:block;-webkit-mask-clip:content-box;-webkit-mask-origin:content-box}.ogh-project-marquee i{background:#ffffff52;border-radius:50%;width:5px;height:5px;font-size:0;font-style:normal;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.ogh-project-grid-wrap{padding-bottom:96px}.ogh-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;background:#ffffff0f;grid-auto-rows:230px;gap:1px;display:grid}.ogh-project-card{background:var(--projects-ink);min-width:0;color:inherit;text-align:left;cursor:pointer;border:0;padding:0;position:relative;overflow:hidden}.ogh-project-card.is-wide{grid-column:span 2}.ogh-project-card-image{position:absolute;inset:0}.ogh-project-card-image img{object-fit:cover;filter:grayscale();width:100%;height:100%;display:block}.ogh-project-card-line{background:#ffffff14;height:1px;position:absolute;inset:0 0 auto}.ogh-project-card-line.is-accent{background:var(--project-accent);transform-origin:0}.ogh-project-watermark{color:#ffffff0a;-webkit-user-select:none;user-select:none;font-family:Outfit,sans-serif;font-size:80px;font-weight:800;line-height:1;position:absolute;bottom:-13px;right:-2px}.ogh-project-card.is-wide .ogh-project-watermark{font-size:112px}.ogh-project-card-inner{flex-direction:column;height:100%;padding:24px;display:flex;position:relative}.ogh-project-card-top{justify-content:space-between;align-items:baseline;gap:18px;display:flex}.ogh-project-card-top>b{color:var(--project-accent);letter-spacing:.18em;font-family:Space Mono,monospace;font-size:11px;font-weight:500}.ogh-project-card-top>small{color:#5f7f92;letter-spacing:.2em;text-align:right;text-transform:uppercase;font-size:10px}.ogh-project-card-bottom{margin-top:auto}.ogh-project-status{color:var(--project-accent);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:9px;font-size:10px;font-weight:600;display:flex}.ogh-project-status i{background:var(--project-accent);width:6px;height:6px}.ogh-project-card-bottom>strong{color:#fff;font-family:Outfit,sans-serif;font-size:18px;font-weight:800;line-height:1.1;display:block}.ogh-project-card.is-wide .ogh-project-card-bottom>strong{font-size:25px}.ogh-project-card-bottom>p{color:#7a9fb5;max-width:82%;font-size:var(--ogh-type-readable-small);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 12px;font-weight:300;line-height:1.4;display:-webkit-box;overflow:hidden}.ogh-project-card-meta{color:#6b8fa3;font-size:var(--ogh-type-readable-min);border-top:1px solid #ffffff12;align-items:center;gap:8px;padding-top:9px;display:flex}.ogh-project-card-meta>b{color:#c8d8e4;font-weight:600}.ogh-project-card-meta>i{opacity:.45;font-style:normal}.ogh-project-card-meta>em{color:var(--project-accent);margin-left:auto;font-style:normal;font-weight:600}.ogh-project-empty{color:var(--projects-muted);text-align:center;padding:78px 0}.ogh-project-overlay-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;background:#0a121ccc;border:0;position:fixed;inset:0}.ogh-project-overlay{--project-overlay-side:max(clamp(14px, 4vw, 56px), calc((100vw - 1600px) / 2));--project-overlay-top:calc(var(--projects-nav-space) + 14px);--project-overlay-center-offset:44px;top:50%;right:var(--project-overlay-side);bottom:auto;left:var(--project-overlay-side);translate:0 calc(-50% + var(--project-overlay-center-offset));z-index:81;width:auto;height:fit-content;max-height:calc(100dvh - var(--project-overlay-top) - 18px);border:1px solid color-mix(in srgb, var(--project-accent) 28%, transparent);background:var(--projects-ink);border-radius:18px;grid-template-columns:minmax(280px,38%) minmax(0,1fr);margin:0;display:grid;position:fixed;overflow:hidden;box-shadow:0 40px 120px #0009}.ogh-project-overlay-image{min-height:0;position:relative;overflow:hidden}.ogh-project-overlay-hero-image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.ogh-project-overlay-image .ogh-project-overlay-logo{z-index:2;box-sizing:border-box;object-fit:contain;object-position:center;-webkit-backdrop-filter:blur(12px);background:#fafafaad;border:1px solid #ffffff47;border-radius:13px;width:auto;max-width:clamp(108px,13.5vw,200px);height:auto;max-height:clamp(62px,6.3vw,90px);padding:clamp(8px,.8vw,12px) clamp(10px,1vw,16px);display:block;position:absolute;bottom:clamp(12px,1.4vw,20px);left:clamp(14px,1.7vw,24px);box-shadow:0 12px 34px #00000052}.ogh-project-overlay-logo[data-logo-shape=tall]{max-height:clamp(68px,7.2vw,104px)}.ogh-project-overlay-logo[data-logo-shape=wide]{max-width:clamp(112px,14vw,210px);max-height:clamp(60px,5.8vw,85px)}.ogh-project-overlay-image-shade{background:linear-gradient(to right, transparent 45%, var(--projects-ink));position:absolute;inset:0}.ogh-project-overlay-image>strong{color:color-mix(in srgb, var(--project-accent) 30%, transparent);font-family:Outfit,sans-serif;font-size:64px;font-weight:800;line-height:1;position:absolute;bottom:20px;left:24px}.ogh-project-overlay-copy{flex-direction:column;min-height:0;padding:34px 38px;display:flex;overflow-y:auto}.ogh-project-overlay-copy>header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.ogh-project-overlay-copy>header>div{align-items:center;gap:18px;display:flex}.ogh-project-overlay-copy>header span{color:var(--project-accent);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:700;display:inline-flex}.ogh-project-overlay-copy>header span i{background:var(--project-accent);width:6px;height:6px}.ogh-project-overlay-copy>header small{color:#5f7f92;letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:600}.ogh-project-overlay-copy>header button{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;padding:0;transition:background .18s,transform .18s;display:grid}.ogh-project-overlay-copy>header svg{width:17px;height:17px}.ogh-project-overlay-copy h2{color:#fff;margin:0;font-family:Outfit,sans-serif;font-size:clamp(28px,3.5vw,44px);font-weight:800;line-height:1.05}.ogh-project-overlay-tagline{color:var(--project-accent);margin:8px 0 22px;font-size:16px;font-weight:400;line-height:1.5}.ogh-project-overlay-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:18px;display:grid}.ogh-project-overlay-stats section{background:#ffffff0a;border-radius:12px;padding:12px}.ogh-project-overlay-stats small{color:var(--projects-muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.ogh-project-overlay-stats strong{color:#fff;font-family:Outfit,sans-serif;font-size:17px}.ogh-project-funder{color:var(--projects-muted);font-size:var(--ogh-type-readable-small);margin:0 0 18px;line-height:1.45}.ogh-project-funder strong{color:#fff}.ogh-project-progress{margin-bottom:22px}.ogh-project-progress>header{color:var(--projects-muted);font-size:var(--ogh-type-readable-min);justify-content:space-between;align-items:center;margin-bottom:7px;font-weight:500;display:flex}.ogh-project-progress>header strong{color:var(--project-accent)}.ogh-project-progress>div{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.ogh-project-progress i{border-radius:inherit;background:var(--project-accent);height:100%;display:block}.ogh-project-description{color:#bfd0da;flex:auto;margin:0 0 24px;font-size:16px;font-weight:400;line-height:1.68}.ogh-project-contact{color:#fff;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 18px;font-style:normal;display:flex}.ogh-project-contact small{color:var(--projects-muted);letter-spacing:.14em;text-transform:uppercase;flex-basis:100%;font-size:11px;font-weight:600}.ogh-project-contact a{color:var(--project-accent);overflow-wrap:anywhere}.ogh-project-overlay-copy>footer{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.ogh-project-overlay-copy>footer a,.ogh-project-overlay-copy>footer button{border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-size:13px;font-weight:700;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.ogh-project-overlay-copy>footer a{background:var(--project-accent);color:#fff}.ogh-project-overlay-copy>footer a.is-secondary{background:0 0;border:1px solid #fff3}.ogh-project-overlay-copy>footer button{color:var(--projects-muted);cursor:pointer;background:0 0;border:0}.ogh-project-overlay-copy>header button:focus-visible,.ogh-project-overlay-copy>footer a:focus-visible,.ogh-project-overlay-copy>footer button:focus-visible{outline:2px solid var(--project-accent);outline-offset:3px}@media (hover:hover) and (pointer:fine){.ogh-project-overlay-copy>header button:hover{background:#ffffff29;transform:scale(1.06)}.ogh-project-overlay-copy>footer a:hover{background:color-mix(in srgb, var(--project-accent) 82%, black)}.ogh-project-overlay-copy>footer a.is-secondary:hover{border-color:var(--project-accent);color:var(--project-accent);background:0 0}.ogh-project-overlay-copy>footer button:hover{color:#fff;background:0 0}}.ogh-project-description>p{margin:0 0 12px}.ogh-project-description>p:last-child{margin-bottom:0}.ogh-project-description h2,.ogh-project-description h3{color:#fff;margin:20px 0 8px;font-family:Outfit,sans-serif;line-height:1.15}.ogh-project-description h2{font-size:20px}.ogh-project-description h3{font-size:17px}.ogh-project-description ul,.ogh-project-description ol{margin:10px 0 16px;padding-left:24px}.ogh-project-description ul{list-style:outside}.ogh-project-description ol{list-style:decimal}.ogh-project-description li{padding-left:3px}.ogh-project-description li+li{margin-top:5px}.ogh-project-description blockquote{border-left:3px solid var(--project-accent);background:#ffffff0a;margin:16px 0;padding:10px 14px}.ogh-project-description a{color:var(--project-accent);text-underline-offset:3px;text-decoration:underline}.ogh-project-description code{background:#ffffff14;border-radius:4px;padding:2px 5px;font-family:Space Mono,monospace;font-size:.9em}.ogh-project-description pre{background:#101216;border-radius:10px;margin:16px 0;padding:14px;overflow-x:auto}.ogh-project-description pre code{background:0 0;padding:0}.ogh-project-description hr{background:#ffffff1a;border:0;height:1px;margin:20px 0}
@media (min-width:1181px){.ogh-project-card:last-child:nth-child(5n+1),.ogh-project-card:last-child:nth-child(5n+3){grid-column:1/-1}.ogh-project-card:last-child:nth-child(5n+4){grid-column:span 2}}@media (min-width:500px) and (max-width:1180px){.ogh-project-card:last-child:nth-child(5n+2),.ogh-project-card:last-child:nth-child(5n+4){grid-column:span 2}}@media (max-width:1360px) and (min-width:1181px){.ogh-projects-page{--projects-gutter:clamp(36px, calc(4.8vw - 8px), 54px)}}@media (max-width:1180px) and (min-width:901px){.ogh-projects-page{--projects-nav-space:84px;--projects-gutter:44px}.ogh-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ogh-project-card.is-wide{grid-column:span 2}.ogh-project-overlay{--project-overlay-center-offset:40px}.ogh-project-watermark,.ogh-project-card.is-wide .ogh-project-watermark{font-size:76px}}@media (max-width:900px){.ogh-projects-page{--projects-nav-space:64px;--projects-gutter:clamp(38px, 6vw, 64px)}.ogh-projects-head{padding-top:calc(var(--projects-nav-space) + 30px)}.ogh-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:250px}.ogh-project-card.is-wide{grid-column:span 2}.ogh-project-overlay{--project-overlay-center-offset:30px;overscroll-behavior:contain;grid-template-rows:clamp(190px,30vw,290px) auto;grid-template-columns:1fr;overflow-y:auto}.ogh-project-overlay-image-shade{background:linear-gradient(to bottom, transparent 48%, var(--projects-ink))}.ogh-project-overlay-copy{padding:26px 28px;overflow-y:visible}}@media (max-width:499px){.ogh-projects-page{--projects-nav-space:56px;--projects-gutter:20px}.ogh-projects-head{padding-top:calc(var(--projects-nav-space) + 48px);padding-bottom:30px}.ogh-projects-head h1{font-size:clamp(48px,16vw,68px)}.ogh-projects-head p{font-size:14px}.ogh-project-filters{margin-inline:calc(var(--projects-gutter) * -1);padding-inline:var(--projects-gutter);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.ogh-project-filters::-webkit-scrollbar{display:none}.ogh-project-filters button{flex:none}.ogh-project-marquee{margin-bottom:22px}.ogh-project-marquee-group{gap:0;padding-right:0}.ogh-project-marquee-group>span{padding-inline:8px 16px}.ogh-project-marquee-logo{width:130px;height:50px}.ogh-project-grid-wrap{padding-bottom:72px}.ogh-project-grid{grid-template-columns:1fr;grid-auto-rows:240px}.ogh-project-card.is-wide{grid-column:span 1}.ogh-project-card-inner{padding:20px}.ogh-project-card.is-wide .ogh-project-card-bottom>strong,.ogh-project-card-bottom>strong{font-size:20px}.ogh-project-card-bottom>p{max-width:100%}.ogh-project-overlay{--project-overlay-top:calc(var(--projects-nav-space) + 24px);--project-overlay-center-offset:28px;top:var(--project-overlay-top);width:auto;max-height:calc(100dvh - var(--project-overlay-top) - 10px);border-radius:14px;grid-template-rows:190px auto;bottom:auto;left:10px;right:10px;translate:0}.ogh-project-overlay-copy{padding:22px 20px}.ogh-project-overlay-copy>header{margin-bottom:18px}.ogh-project-overlay-copy>header>div{flex-direction:column;align-items:flex-start;gap:6px}.ogh-project-overlay-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ogh-project-description{font-size:15px;line-height:1.65}.ogh-project-overlay-copy>footer a,.ogh-project-overlay-copy>footer button{flex:auto}.ogh-project-overlay-copy>footer{padding-bottom:max(14px, env(safe-area-inset-bottom))}}@media (max-width:390px){.ogh-project-card-meta{font-size:var(--ogh-type-readable-min)}.ogh-project-overlay{grid-template-rows:170px auto}}@media (min-width:901px) and (max-height:700px){.ogh-project-overlay{top:var(--project-overlay-top);height:auto;max-height:none;bottom:12px;translate:0}.ogh-project-overlay-copy{overscroll-behavior:contain;scrollbar-gutter:stable;padding:22px 28px}.ogh-project-overlay-copy>header{margin-bottom:14px}.ogh-project-overlay-copy h2{font-size:clamp(27px,3vw,38px)}.ogh-project-overlay-tagline{margin:6px 0 14px}.ogh-project-overlay-stats{margin-bottom:12px}.ogh-project-overlay-stats section{padding:9px 10px}.ogh-project-progress{margin-bottom:16px}}@media (prefers-reduced-motion:reduce){.ogh-project-marquee-track{animation-play-state:paused}.ogh-project-overlay-copy>header button,.ogh-project-overlay-copy>footer a,.ogh-project-overlay-copy>footer button{transition:none}}
