body{background:var(--bg);color:var(--text)}.workhead{padding:clamp(5rem,10vw,8rem) var(--pm) var(--s-10)}.workhead .inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr;gap:var(--s-10);align-items:end}.workhead .inner>*{min-width:0}.workhead h1{font-size:clamp(3.5rem,8.5vw,7.5rem);font-weight:400;letter-spacing:var(--tr-hero);line-height:.95;opacity:0}.workhead h1.ready{opacity:1}.workhead h1 .line{display:block;overflow:hidden}.workhead h1 .char{display:inline-block;will-change:transform}.workhead h1 sup{font-size:.28em;letter-spacing:0;color:var(--text-50);font-style:italic;vertical-align:super;margin-left:10px}.workhead .rhs p{font-size:var(--t-body-lg);color:var(--text-70);line-height:1.6;max-width:40ch;margin-bottom:var(--s-4)}.workhead .rhs p:last-child{margin-bottom:0;color:var(--text-50)}.workhead .meta{display:flex;align-items:center;gap:10px;font-size:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-50);margin-bottom:var(--s-6)}.workhead .meta .tick{width:7px;height:7px;border-radius:var(--r-pill);background:var(--accent-active);box-shadow:0 0 0 4px var(--accent-active-tint)}.allwork{padding:0 var(--pm) 0}.allwork .flow{max-width:var(--max);margin:0 auto;border-top:1px solid var(--line);padding-top:var(--s-9)}.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,5vw,5rem);margin-bottom:clamp(4.5rem,8vw,7.5rem)}.duo>*{min-width:0}.gcard{display:block;transition:transform .5s var(--ease-out)}.gcard:hover{transform:translateY(-6px)}.gcard .thead{display:block;margin-bottom:var(--s-5)}.gcard .thead h3{font-size:clamp(1.125rem,1.5vw,1.4rem);font-weight:400;letter-spacing:var(--tr-h3);line-height:1.3;max-width:34ch;margin-bottom:var(--s-3)}.gcard .thead .view{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-50);transition:color .3s var(--ease)}.gcard .thead .view i{font-style:normal;display:inline-block;transition:transform .4s var(--ease-out)}.gcard:hover .thead .view{color:var(--text)}.gcard:hover .thead .view i{transform:translate(5px)}.gcard .crop{display:block;position:relative;border-radius:var(--r-md);overflow:hidden;box-shadow:0 24px 64px #0000006b;outline:1px solid transparent;outline-offset:-1px;transition:box-shadow .5s var(--ease-out),outline-color .35s var(--ease)}.gcard:hover .crop,.gcard:focus-visible .crop{box-shadow:0 38px 90px #0000009e;outline-color:var(--line-strong)}.gcard:focus-visible{transform:translateY(-6px);outline:none}.gcard .crop img{width:100%;height:auto;display:block;filter:brightness(.92)}.gcard .crop:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#13121066,#13121000 34%);opacity:.4}.reveal .crop{clip-path:inset(100% 0% 0% 0%);transition:clip-path 1.1s var(--ease-dramatic)}.reveal.vis .crop{clip-path:inset(0% 0% 0% 0%)}.reveal .thead{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease-out) .15s,transform .7s var(--ease-out) .15s}.reveal.vis .thead{opacity:1;transform:none}.rest{padding:var(--s-6) var(--pm) var(--s-section)}.rest .inner{max-width:var(--max);margin:0 auto}.rest .head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-6);flex-wrap:wrap;margin-bottom:var(--s-7);padding-top:var(--s-10);border-top:1px solid var(--line)}.rest .head h2{font-size:var(--t-display);font-weight:400;letter-spacing:var(--tr-display);line-height:var(--lh-display)}.rest .head h2 .em{color:var(--text-50)}.rest .head .meta{font-family:JetBrains Mono,monospace;font-size:var(--t-xs);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-50)}.rest .list{border-top:1px solid var(--line)}.lrow{display:grid;grid-template-columns:48px 56px .9fr 1.7fr 32px;gap:var(--s-5);align-items:center;padding:var(--s-4) 0;border-bottom:1px solid var(--line);transition:background var(--d-base) var(--ease),padding-left var(--d-base) var(--ease)}.lrow>*{min-width:0}.lrow:hover,.lrow:focus-visible{background:var(--hover);padding-left:12px;outline:none}.lrow .num{font-family:JetBrains Mono,monospace;font-size:var(--t-label);color:var(--text-30)}.lrow .th{width:56px;height:68px;border-radius:var(--r-sm);overflow:hidden}.lrow .th img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:brightness(.9)}.lrow .who{font-size:var(--t-h4);letter-spacing:var(--tr-h3);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lrow .ttl{font-size:var(--t-sm);color:var(--text-50);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lrow .go{font-size:var(--t-h3);color:var(--text-30);text-align:right;transition:color var(--d-base) var(--ease),transform var(--d-base) var(--ease)}.lrow:hover .go{color:var(--text);transform:translate(4px)}.lreveal{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.lreveal.vis{opacity:1;transform:none}.work-close{border-top:1px solid var(--line);background:var(--bg)}.work-close .inner{max-width:var(--max);margin:0 auto;padding:var(--s-section) var(--pm);display:grid;grid-template-columns:1fr 1fr;gap:var(--s-11);align-items:end}.work-close .inner>*{min-width:0}.work-close h2{font-size:clamp(2.5rem,5.5vw,4.5rem);font-weight:400;letter-spacing:var(--tr-hero);line-height:.95;max-width:14ch}.work-close h2 .em{color:var(--text-50)}.work-close .rhs p{font-size:var(--t-body-lg);color:var(--text-70);line-height:1.6;max-width:44ch;margin-bottom:var(--s-6)}.work-close .rhs .actions{display:flex;gap:var(--s-3);flex-wrap:wrap}.work-close .rhs a{display:inline-flex;align-items:center;gap:12px;padding:15px 28px;font-size:var(--t-sm);border-radius:var(--r-sm);border:1px solid var(--line-strong);color:var(--text);transition:background var(--d-base) var(--ease),border-color var(--d-base) var(--ease),color var(--d-base) var(--ease)}.work-close .rhs a:hover{background:var(--hover-strong);border-color:var(--text)}.work-close .rhs a.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.work-close .rhs a.primary:hover{background:transparent;color:var(--text)}@media(max-width:980px){.workhead .inner{grid-template-columns:1fr;gap:var(--s-6)}.duo{grid-template-columns:1fr}.lrow{grid-template-columns:40px 1fr 32px}.lrow .th,.lrow .ttl{display:none}.work-close .inner{grid-template-columns:1fr;gap:var(--s-7)}}@media(prefers-reduced-motion:reduce){.workhead h1{opacity:1}.reveal .crop{clip-path:none;transition:none}.reveal .thead,.lreveal{opacity:1;transform:none;transition:none}}