.website-project{background:#101110}.website-project.is-current{pointer-events:auto}.work[data-category=websites] .work-shade{display:none}.website-layout{position:absolute;left:270px;right:40px;top:145px;bottom:130px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(180px,1fr);gap:50px;align-items:center}.website-preview{margin:0;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;justify-content:center;gap:14px}.website-preview img{display:block;width:100%;height:calc(100% - 27px);min-height:0;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none}.website-preview figcaption{font-size:8px;letter-spacing:1px;color:#8f958d;text-align:center}.website-kicker{font-size:9px;letter-spacing:1.5px;color:#92998f}.website-copy h3{font-size:clamp(32px,3.4vw,54px);font-weight:300;line-height:1.04;letter-spacing:-1.5px;margin:20px 0}.website-copy h3 span{display:block}.website-role{font-size:12px;line-height:1.5;color:#d8ddd3}.website-summary{font-size:14px;line-height:1.5;color:#92998f;margin:24px 0 30px}.project-visit{display:inline-block;font-size:11px;line-height:1.5;color:inherit;text-decoration:none;border-bottom:1px solid #9ca393;padding:0 0 5px}.project-visit:hover{color:#d9e5c7;border-color:currentColor}.work[data-category=websites] .category-wheel{width:235px}.work[data-category=websites] .role-caption{top:auto;bottom:90px;transform:none;font-size:11px;letter-spacing:.2px;max-width:50%;color:#c1c4bc}.work[data-category=websites] .sample-note{color:#92958e}.archive-thumb.website-thumb{background:transparent;padding:9% 5%}.archive-thumb.website-thumb>img{object-fit:contain;transform:none}.archive-card:hover .archive-thumb.website-thumb>img{transform:none}.lightbox-canvas.is-website{top:85px;bottom:120px;width:min(1050px,84%)}.lightbox-canvas.is-website .website-layout{inset:0}.lightbox-canvas.is-website .website-project{background:transparent}.project-dialog .project-visit{margin:5px 0 30px}
@media(min-width:701px) and (max-width:1000px){.website-layout{left:235px;right:24px;gap:26px;grid-template-columns:minmax(0,1.25fr) minmax(165px,1fr)}.website-copy h3{font-size:32px}.website-role{font-size:11px}.website-summary{font-size:12px}.work[data-category=websites] .category-wheel{width:215px}}
@media(max-width:700px){.work[data-category=websites] .category-wheel{top:190px;height:115px;width:230px}.work[data-category=websites] .wheel-track,.work[data-category=websites] .wheel-echo{font-size:16px}.website-layout{left:18px;right:18px;top:275px;bottom:135px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:22px}.website-preview{gap:8px}.website-preview img{height:calc(100% - 20px)}.website-preview figcaption{font-size:7px}.website-copy h3{font-size:29px;letter-spacing:-.8px;margin:10px 0}.website-copy h3 span{display:inline}.website-kicker{font-size:8px}.website-role{font-size:11px;margin:0 0 14px}.website-summary{display:none}.project-visit{font-size:10px}.work[data-category=websites] .role-caption{bottom:100px;max-width:75%;font-size:9px}.lightbox-canvas.is-website{top:70px;bottom:125px;width:calc(100% - 36px)}.lightbox-canvas.is-website .website-layout{top:0;bottom:0;left:0;right:0}.lightbox-canvas.is-website .website-copy h3{font-size:29px}}
@media(max-height:700px) and (max-width:700px){.work[data-category=websites] .category-wheel{top:155px;height:70px}.website-layout{top:215px;bottom:125px;gap:16px}.website-copy h3{font-size:23px;margin:8px 0}.website-role{font-size:10px;margin-bottom:10px}.website-kicker{font-size:7px}.lightbox-canvas.is-website .website-layout{grid-template-rows:minmax(0,1fr) auto}}
@media(max-height:620px) and (max-width:700px){.website-layout{top:220px;bottom:105px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:1fr;gap:18px}.website-copy h3{font-size:24px;line-height:1.12}.website-copy h3 span{display:block}.website-role{font-size:10px}.website-preview figcaption{font-size:6px;letter-spacing:.4px}.work[data-category=websites] .gallery-controls{bottom:22px}.work[data-category=websites] .role-caption{bottom:70px;font-size:8px}.lightbox-canvas.is-website .website-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:14px}.lightbox-canvas.is-website .website-copy h3 span{display:inline}}
@media(max-height:600px) and (min-width:701px){.website-layout{top:100px;bottom:100px;gap:28px}.website-copy h3{font-size:30px;margin:12px 0}.website-summary{font-size:12px;margin:14px 0 20px}.work[data-category=websites] .role-caption{bottom:66px}.lightbox-canvas.is-website{top:55px;bottom:100px}}

.website-status{font-size:12px;line-height:1.5;color:#d8ddd3;margin:0 0 22px}
.website-status span{display:block;font-size:10px;color:#9ca9a1;margin-top:5px;letter-spacing:.3px}
.website-development{font-size:11px;line-height:1.6;color:#9ca9a1;margin:0 0 28px}
.is-beta .website-summary{margin-bottom:12px}
.is-beta .website-preview figcaption{color:#8f958d}
.project-status-note{margin:24px 0}
.project-status-note .website-status{font-size:13px;margin-bottom:7px}
.project-status-note .website-development{font-size:13px;margin:0}
@media(max-width:700px){.website-status{font-size:11px;margin:0 0 12px}.website-status span{font-size:9px;margin-top:4px}.website-development{font-size:10px;line-height:1.5;margin-bottom:17px}}
@media(max-height:620px) and (max-width:700px){.website-status{font-size:10px;margin-bottom:9px}.website-status span{font-size:8px}.website-development{font-size:9px;margin-bottom:12px}}
@media(max-height:600px) and (min-width:701px){.website-status{margin-bottom:13px}.website-development{margin-bottom:18px}}