*{box-sizing:border-box}
:root{--pad:2.65vw;--line:#111}
html,body{margin:0;background:#fff;color:#101010;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
main{padding:2vh var(--pad) 2.5vh}
.section-heading{font-family:'Times New Roman',Georgia,serif;font-size:clamp(18px,2.6vw,51px);font-weight:300;letter-spacing:normal;line-height:.9;text-align:center;margin:0;padding:0 0 2vh}
.work-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.work-row{position:relative;min-height:57px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .3s}.work-row:last-child{border-bottom:0}
.work-title{position:relative;z-index:1;display:inline-flex;align-items:center;gap:0;font-family:'Times New Roman',Georgia,serif;font-size:clamp(18px,2.6vw,51px);font-weight:300;line-height:.85;letter-spacing:normal;white-space:nowrap;text-align:center;transition:gap .45s cubic-bezier(.2,.8,.2,1)}
.word-part{display:inline-block;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.work-row:hover{background:#fafafa}.work-row:hover .work-title{gap:.045em}.work-row:hover .word-part:first-child{transform:translateX(-2%)}.work-row:hover .word-part:last-child{transform:translateX(2%)}
.work-thumb{position:relative;z-index:2;display:inline-flex;flex:0 0 auto;width:0;height:clamp(34px,4vw,68px);margin:0;background:#111;color:#fff;align-items:center;justify-content:center;opacity:0;transform:scale(.35);pointer-events:none;transition:width .45s cubic-bezier(.2,.8,.2,1),opacity .25s,transform .5s cubic-bezier(.2,.8,.2,1)}.work-row:hover .work-thumb{width:clamp(55px,6.5vw,118px);opacity:1;transform:scale(1)}
.work-thumb img{display:block;width:100%;height:100%;object-fit:cover;filter:blur(10px);transform:scale(1.12);transition:filter .45s cubic-bezier(.2,.8,.2,1),transform .45s cubic-bezier(.2,.8,.2,1)}.work-row:hover .work-thumb img{filter:blur(0);transform:scale(1)}
.contact-row{overflow:visible;z-index:4}.contact-row:hover{background:transparent}.contact-row:hover .work-title{gap:0}.contact-trigger{width:100%;height:100%;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .25s ease,transform .35s cubic-bezier(.2,.8,.2,1)}.contact-trigger:focus-visible{outline:1px solid var(--line);outline-offset:-4px}.contact-links{position:absolute;z-index:5;top:50%;left:50%;display:flex;align-items:center;gap:clamp(12px,2vw,29px);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.65);transition:opacity .25s ease,transform .45s cubic-bezier(.2,.8,.2,1)}.contact-link{display:grid;place-items:center;width:clamp(19px,2.1vw,32px);height:clamp(19px,2.1vw,32px);transition:transform .25s ease,opacity .2s ease}.contact-link img{display:block;width:100%;height:100%;object-fit:contain}.contact-link:hover{transform:scale(1.14)}.contact-row.is-open .contact-links,.contact-row.is-selecting .contact-links{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.contact-row.is-open .contact-trigger,.contact-row.is-selecting .contact-trigger{opacity:0;transform:scale(.75)}.contact-row.is-selecting .contact-links{transform:translate(-50%,-50%) scale(1.14)}
@media(hover:hover) and (pointer:fine){.contact-row:hover .contact-links,.contact-row:focus-within .contact-links{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.contact-row:hover .contact-trigger,.contact-row:focus-within .contact-trigger{opacity:0;transform:scale(.75)}}
.thumb-blob i{position:absolute;border:1px solid #fff;width:34%;height:44%}.thumb-blob i:nth-child(1){left:12%;top:30%}.thumb-blob i:nth-child(2){left:39%;top:13%;width:42%;height:52%}.thumb-blob i:nth-child(3){left:71%;top:50%;width:18%;height:25%}.thumb-overlaid{font-size:74px}.thumb-overlaid:after{content:'✦';position:absolute;font-size:40px;left:60%;top:44%;color:#aaa}.thumb-objects img{display:block;width:100%;height:100%;object-fit:cover}.thumb-objects i{position:absolute;border:1px solid #fff;width:34%;height:48%;left:19%;top:25%}.thumb-objects i+i{left:50%;top:42%;width:29%;height:29%}.thumb-audio{gap:8px}.thumb-audio i{width:2px;height:35%;background:#fff}.thumb-audio i:nth-child(2n){height:70%}.thumb-audio i:nth-child(3n){height:50%}.thumb-all{font:64px Georgia,serif;background:#f1f1ef;color:#111}.all-row:hover .work-title{letter-spacing:-.1em}
.thumb-overlaid img{display:block;width:100%;height:100%;object-fit:cover}.thumb-overlaid:after{display:none}.all-row:hover .work-title{transform:none;letter-spacing:normal}.all-row:hover .work-thumb{width:0;opacity:0;transform:none}.all-row:hover{background:transparent}
@media(max-width:700px){:root{--pad:5vw}main{padding-top:1.5vh}.section-heading{font-size:clamp(14px,3.3vw,28px);padding-bottom:1.5vh}.work-row{min-height:35px}.work-title{font-size:clamp(12px,3.3vw,28px)}.work-thumb{height:21px}.work-row:hover .work-thumb{width:33px}.word-part{transition:transform .35s}.work-row:hover .word-part:first-child{transform:translateX(-3%)}.work-row:hover .word-part:last-child{transform:translateX(3%)}.contact-links{gap:14px}.contact-link{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.section-heading{font-size:clamp(26px,3.2vw,58px);font-weight:600;line-height:1.1;padding-bottom:24px}
@media(max-width:700px){.section-heading{font-size:clamp(22px,4.6vw,32px);padding-bottom:20px}}