.completed-work{padding:12vh 6vw 9vh;min-height:100svh;isolation:isolate;border-top:1px solid #8eb5b521}.completed-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:45px}.completed-heading .section-number{margin-bottom:22px}.completed-heading h2{font-size:clamp(46px,6.3vw,100px);line-height:.95;max-width:850px}.completed-heading h2 span{display:block}.completed-heading>p{font:10px/1.8 var(--mono);color:var(--muted);max-width:255px;padding-bottom:5px}.completed-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.completed-filters button{font:9px/1.4 var(--mono);letter-spacing:.3px;min-height:40px;padding:10px 16px;border:1px solid #739a9b55;border-radius:30px;background:#062f35;color:#b9cfcb;transition:background .2s,color .2s,border-color .2s}.completed-filters button[aria-pressed=true]{background:#ffe000;border-color:#ffe000;color:#062f35}.completed-filters button:hover{border-color:#ffe000}.completed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:45px}.completed-card[hidden]{display:none}.completed-open{display:block;width:100%;text-align:left;background:none;border:0;padding:0;transition:transform .35s ease}.completed-image{position:relative;display:flex;justify-content:center;align-items:center;aspect-ratio:4/3;overflow:hidden;background:#032329;border:1px solid #a4c1ba24}.completed-image[data-tone=stone]{background:#d1c5b5}.completed-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.completed-open:hover .completed-image img{transform:scale(1.025)}.completed-badge{position:absolute;right:14px;top:14px;padding:8px 10px;border:1px solid #d3e5df44;background:#032329c9;backdrop-filter:blur(10px);font:8px var(--mono);letter-spacing:.6px;color:#f0f3e9}.completed-info{display:block;padding-top:17px}.completed-name{display:flex;align-items:center;justify-content:space-between;gap:18px;font:300 clamp(20px,2.5vw,36px)/1.1 Neural,'Helvetica Neue',sans-serif;letter-spacing:-.035em}.completed-arrow{font:27px Arial;color:#ffe000;transition:transform .3s}.completed-open:hover .completed-arrow{transform:translate(3px,-3px)}.completed-category{display:block;font:8px/1.7 var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-top:10px}.completed-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#ffe000;color:#062f35;box-shadow:0 8px 40px #00171d77}.completed-play svg{width:32px;height:32px}.completed-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:23px;margin-top:45px;font:8px/1.7 var(--mono);letter-spacing:.6px;color:var(--muted)}.completed-footer a{color:var(--ink);border-bottom:1px solid #ffe00088;padding:7px 0}.completed-footer a:hover{color:#ffe000}html.work-viewer-open,html.work-viewer-open body{overflow:hidden;overscroll-behavior:none}#work-viewer{width:min(1120px,94vw);height:min(91svh,1000px);max-height:94svh;max-width:94vw;padding:0;background:#04282e;border:1px solid #72999788;overflow:hidden;box-shadow:0 30px 150px #001419aa}#work-viewer::backdrop{background:#001a20ed;backdrop-filter:blur(12px)}.work-viewer-layout{display:flex;flex-direction:column;height:100%;min-height:0}.work-viewer-head{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--line);gap:20px}.work-viewer-head>span{font:8px/1.5 var(--mono);letter-spacing:1px;color:var(--muted)}.work-viewer-close{position:static;border:1px solid #739b9d77;background:none;min-width:44px;min-height:40px;padding:10px 14px;font:9px var(--mono)}.work-viewer-media{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;overflow:hidden;background:#011f25;touch-action:pan-y}.work-viewer-asset{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;min-height:0;user-select:none;-webkit-user-drag:none}.work-viewer-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:20px 25px;border-top:1px solid var(--line)}#work-viewer #work-viewer-title{font:300 clamp(22px,3vw,34px)/1.1 Neural,Arial,sans-serif;letter-spacing:-.04em;margin:0 0 8px}#work-viewer #work-viewer-description{font:10px/1.65 var(--mono);color:var(--muted);margin:0;max-width:680px}.work-viewer-controls{display:flex;align-items:center;gap:12px}.work-viewer-controls button{width:44px;height:44px;border:1px solid #739b9d77;background:none;font:23px Arial;flex:none}.work-viewer-controls button:hover:enabled{background:#ffe000;color:#062f35;border-color:#ffe000}.work-viewer-controls button:disabled{opacity:.22;cursor:default}#work-viewer-counter{font:9px var(--mono);white-space:nowrap;min-width:56px;text-align:center}#menu a{padding:14px 0;font-size:clamp(28px,5vw,70px)}
@media(max-width:700px){.completed-work{padding:11vh 7vw 8vh}.completed-heading{display:block;margin-bottom:28px}.completed-heading h2{font-size:clamp(40px,10.5vw,66px)}.completed-heading>p{font-size:9px;max-width:290px;margin-top:24px}.completed-heading .section-number{font-size:7px}.completed-filters{gap:6px;margin-bottom:22px}.completed-filters button{font-size:8px;padding:9px 12px;min-height:38px}.completed-grid{grid-template-columns:1fr;row-gap:30px}.completed-name{font-size:27px}.completed-category{font-size:8px;letter-spacing:.5px}.completed-image{aspect-ratio:4/3}.completed-badge{font-size:7px;right:12px;top:12px}.completed-footer{font-size:7px;align-items:flex-start;margin-top:35px}.completed-footer a{max-width:145px;text-align:right}#work-viewer{width:96vw;max-width:96vw;height:91svh;max-height:94svh}.work-viewer-head{padding:12px 14px;gap:10px}.work-viewer-head>span{font-size:7px}.work-viewer-close{font-size:8px;padding:8px 10px}.work-viewer-foot{display:flex;flex-direction:column;gap:16px;padding:16px}.work-viewer-controls{justify-content:space-between}.work-viewer-controls button{width:44px;height:40px}#work-viewer #work-viewer-title{font-size:26px}#work-viewer #work-viewer-description{font-size:9px}#menu{padding:15vh 8vw 8vh}#menu a{font-size:clamp(24px,6.5vw,38px);padding:14px 0}}
@media(prefers-reduced-motion:reduce){.completed-open,.completed-image img,.completed-arrow{transition:none}.completed-open:hover .completed-image img{transform:none}}