.frontage-header,.frontage-actions{display:contents}.frontage-mobile-work{display:none}.work-entry{pointer-events:auto;width:min(356px,100%);margin-top:clamp(24px,4vh,42px)}.work-entry-heading{color:#f5f7efb3;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:0 0 14px;font-size:.76rem;font-weight:650;display:flex}.work-entry-heading span{color:var(--accent);font-size:1rem}.work-entry-heading:hover{color:var(--ink)}.work-entry-logos{border-top:1px solid #f5f7ef2e;align-items:center;gap:26px;width:fit-content;padding:16px 0 4px;display:flex}.work-entry-project{cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;width:150px;height:50px;padding:0;transition:opacity .16s,transform .16s;display:flex}.work-entry-project--mythix{width:112px}.work-entry-project img{object-fit:contain;object-position:left center;width:100%;height:auto;max-height:44px;display:block}.work-entry-project:hover{opacity:.82;transform:translateY(-2px)}html:has(.work-showcase[open]),body:has(.work-showcase[open]){touch-action:auto}.work-showcase{overscroll-behavior:contain;touch-action:pan-y pinch-zoom;width:min(1120px,100vw - 64px);max-width:none;max-height:calc(100dvh - 64px);color:var(--ink);scrollbar-color:#455148 #090d0b;background:#090d0b;border:1px solid #f5f7ef33;border-radius:10px;padding:0;overflow:hidden auto;box-shadow:0 32px 120px #000000b3}.work-showcase::backdrop{backdrop-filter:blur(16px);background:#000402c2}.work-showcase-header{z-index:2;background:#090d0b;border-bottom:1px solid #f5f7ef21;justify-content:space-between;align-items:center;gap:24px;padding:16px 26px;display:flex;position:sticky;top:0}.work-showcase-header h2{letter-spacing:-.035em;margin:0;font-size:1.4rem;font-weight:650}.work-close{min-height:36px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:18px;padding:0;font-size:.75rem;display:flex}.work-close span:last-child{border:1px solid #f5f7ef38;border-radius:50%;place-items:center;width:32px;height:32px;font-size:1.4rem;line-height:1;display:grid}.work-close:hover{color:var(--ink)}.work-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0 26px 22px;display:grid}.work-project{min-width:0;scroll-margin-top:100px}.work-project-header{justify-content:space-between;align-items:center;gap:16px;min-height:84px;display:flex}.work-project-header h3{align-items:center;height:60px;margin:0;display:flex}.work-project-header img{object-fit:contain;object-position:left center;width:195px;height:auto;max-height:56px;display:block}.work-project--mythix .work-project-header img{width:145px}.work-project-header>span{color:var(--muted);flex-shrink:0;font-size:.7rem}.work-preview{aspect-ratio:16/9;background:#111714;border:1px solid #f5f7ef29;border-radius:5px;text-decoration:none;display:block;position:relative;overflow:hidden}.work-preview>img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .4s;display:block}.work-preview:hover>img{transform:scale(1.025)}.work-visit{color:var(--ink);background:#050706eb;border:1px solid #f5f7ef33;border-radius:3px;align-items:center;gap:20px;padding:10px 13px;font-size:.72rem;display:flex;position:absolute;bottom:12px;right:12px}.work-visit span{color:var(--accent)}.work-project-copy{padding:18px 0 0}.work-role{color:var(--ink);margin:0;font-size:.82rem;font-weight:650;line-height:1.4}.work-description{min-height:3.1em;color:var(--muted);margin:10px 0 16px;font-size:.88rem;line-height:1.55}.work-detail-link{color:var(--ink);border-bottom:1px solid #f5f7ef40;align-items:center;gap:20px;padding:0 0 7px;font-size:.78rem;text-decoration:none;display:inline-flex}.work-detail-link span{color:var(--accent)}.work-detail-link:hover{border-color:var(--accent)}.work-showcase-footer{border-top:1px solid #f5f7ef21;justify-content:space-between;align-items:center;gap:24px;margin:0 26px;padding:18px 0;display:flex}.work-showcase-footer p{color:var(--muted);margin:0;font-size:.9rem}.work-showcase-footer a{color:var(--ink);gap:16px;font-size:.8rem;text-decoration:none;display:inline-flex}.work-showcase-footer a:hover{color:var(--accent)}@media (height<=740px) and (width>=721px){.work-entry{margin-top:20px}.work-entry-logos{padding-top:10px}.work-entry-heading{padding-bottom:10px}}@media (width<=760px){.work-showcase{border-radius:8px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.work-showcase-header{gap:12px;padding:17px 20px}.work-showcase-header h2{font-size:1.2rem}.work-close{gap:10px}.work-projects{grid-template-columns:1fr;gap:18px;padding:0 20px 26px}.work-project+.work-project{border-top:1px solid var(--line);margin-top:8px;padding-top:10px}.work-project-header{min-height:90px}.work-project-header img{width:175px}.work-project--mythix .work-project-header img{width:132px}.work-description{min-height:0}.work-showcase-footer{flex-direction:column;align-items:flex-start;gap:12px;margin:0 20px}}@media (width<=720px){.work-entry{display:none}.frontage-header{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.frontage-header .frontage-logo{flex:0 auto;width:min(218px,100% - 152px);min-width:0}.frontage-actions{pointer-events:auto;flex:none;align-items:center;gap:8px;display:flex}.frontage-actions .frontage-contact{letter-spacing:.04em;min-height:44px;padding:0 10px;font-size:.65rem;position:static}.frontage-mobile-work{min-height:44px;color:var(--ink);font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#050706b3;border:1px solid #f5f7ef4d;border-radius:4px;justify-content:center;align-items:center;padding:0 10px;font-size:.65rem;font-weight:850;display:inline-flex}.frontage-mobile-work:hover{border-color:var(--accent);background:rgba(var(--accent-rgb), .08)}}@media (width<=370px){.frontage-header{gap:8px}.frontage-actions{gap:6px}.frontage-actions .frontage-contact,.frontage-mobile-work{letter-spacing:.02em;padding:0 8px;font-size:.6rem}.work-close>span:first-child{display:none}.work-close:before{content:"Close"}.work-project-header img{width:145px}.work-project-header>span{font-size:.65rem}}@media (prefers-reduced-motion:reduce){.work-entry-project,.work-preview>img{transition:none}}