*{box-sizing:border-box}.archive-page{min-height:100vh;background:var(--bg);color:var(--fg)}
.archive-topbar{position:fixed;z-index:30;inset:0 0 auto;display:flex;justify-content:space-between;padding:20px;pointer-events:none}.archive-topbar h1{margin:0;font-size:36px;line-height:.95;letter-spacing:-.055em;font-weight:600}.archive-actions{display:flex;align-items:center;gap:16px;pointer-events:auto}.archive-actions button,.archive-actions a{border:0;background:var(--soft);padding:8px 16px;text-decoration:none;font-size:13px}.archive-actions button{width:35px;height:35px;padding:0;border-radius:50%;background:transparent;font-size:20px}
.archive-identity{position:fixed;z-index:20;inset:0 auto 0 20px;width:217px;display:flex;align-items:center;pointer-events:none}.archive-switcher{position:absolute;top:72px;display:grid;gap:8px;pointer-events:auto}.archive-switcher button{display:grid;place-items:center;width:35px;height:35px;padding:0;border:0;border-radius:50%;background:var(--soft);opacity:.48}.archive-switcher button.active,.archive-switcher button:hover{opacity:1}.archive-wordmark{pointer-events:auto;text-decoration:none;font-size:62px;line-height:.68;letter-spacing:-.095em;font-weight:600;display:flex;flex-direction:column}.archive-wordmark small{font-size:24px;letter-spacing:-.055em;margin:13px 0 0 3px}.archive-identity>p{position:absolute;bottom:22px;margin:0;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.13em}
.archive-view-labels{position:fixed;z-index:25;left:257px;top:150px;display:flex;gap:6px}.archive-view-labels button{border:1px solid var(--soft);background:transparent;color:var(--muted);border-radius:20px;padding:6px 11px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.archive-view-labels button.active{background:var(--fg);border-color:var(--fg);color:var(--bg)}
.archive-content{min-height:100vh;margin-left:257px;padding:240px 20px 100px;position:relative}.selected-names{width:42%;display:flex;flex-direction:column;padding-bottom:28vh}.selected-name{color:var(--muted);text-decoration:none;font-size:clamp(30px,3.4vw,58px);font-weight:600;line-height:.95;letter-spacing:-.055em;padding:7px 0;transition:color .25s,transform .25s;display:block}.selected-name:hover,.selected-name.active{color:var(--fg);transform:translateX(8px)}.selected-name small{display:block;font-size:9px;line-height:1.3;letter-spacing:.09em;text-transform:uppercase;margin-top:5px;opacity:0;transition:opacity .2s}.selected-name.active small{opacity:.55}
.selected-previews{position:fixed;z-index:10;left:59%;right:20px;top:calc(50% - 4px);transform:translateY(-50%);aspect-ratio:1/1;overflow:hidden;background:var(--soft)}.selected-preview{position:absolute;inset:0;display:block;opacity:0;clip-path:inset(0 0 100% 0);transition:opacity .15s,clip-path .7s cubic-bezier(.76,0,.24,1);pointer-events:none}.selected-preview.active{opacity:1;clip-path:inset(0);pointer-events:auto}.selected-preview img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.06);transition:transform 1s cubic-bezier(.16,1,.3,1)}.selected-preview.active img{transform:scale(1)}.selected-preview>span{position:absolute;right:10px;bottom:9px;color:#fff;font-size:9px;letter-spacing:.12em;mix-blend-mode:difference}
.archive-grid,.archive-list{display:none}.archive-content--grid{margin-left:320px;padding-top:220px}.archive-content--grid .selected-names,.archive-content--grid .selected-previews{display:none}.archive-content--grid .archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.archive-card{animation:archiveEnter .7s var(--card-delay) both}.archive-card a{text-decoration:none}.archive-card> a>div{aspect-ratio:4/3;overflow:hidden;background:var(--soft)}.archive-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82);transition:transform .65s,filter .3s}.archive-card:hover img{transform:scale(1.04);filter:saturate(1)}.archive-card h2{margin:10px 0 3px;font-size:14px;font-weight:500}.archive-card p{margin:0;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.archive-content--list{margin-left:365px;padding-top:205px}.archive-content--list .selected-names,.archive-content--list .selected-previews{display:none}.archive-content--list .archive-list{display:block}.archive-list>a{display:grid;grid-template-columns:35px 80px 1.4fr 1fr 1fr;align-items:center;gap:18px;min-height:100px;border-top:1px solid var(--soft);text-decoration:none}.archive-list>a:last-child{border-bottom:1px solid var(--soft)}.archive-list span,.archive-list small,.archive-list em{font-size:10px;color:var(--muted);font-style:normal;text-transform:uppercase;letter-spacing:.07em}.archive-list img{width:80px;height:64px;object-fit:cover;filter:saturate(.75);transition:.3s}.archive-list strong{font-size:16px;font-weight:500}.archive-list em{text-align:right}.archive-list>a:hover img{transform:scale(1.06);filter:saturate(1)}
.archive-footer{position:relative;z-index:12;margin:0 20px 0 257px;padding:20px 0 24px;border-top:1px solid var(--soft);display:flex;gap:30px;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.archive-footer a{margin-left:auto;text-decoration:none;color:inherit}
@keyframes archiveEnter{from{opacity:0;transform:translateY(20px)}}
@media(max-width:900px){.archive-topbar h1{font-size:30px}.archive-identity{position:static;width:auto;height:190px;padding:90px 15px 20px;align-items:flex-end}.archive-wordmark{font-size:50px}.archive-identity>p{display:none}.archive-switcher{position:fixed;z-index:40;top:auto;bottom:18px;left:18px;grid-auto-flow:column;background:var(--bg);padding:4px;border-radius:30px}.archive-view-labels{position:relative;left:auto;top:auto;padding:0 14px 15px}.archive-content,.archive-content--grid,.archive-content--list{margin-left:0;padding:20px 14px 90px}.archive-content--selected{display:flex;flex-direction:column}.selected-names{width:100%;order:2;padding:25px 0 0}.selected-name{font-size:34px}.selected-previews{position:relative;order:1;left:auto;right:auto;top:auto;transform:none;aspect-ratio:4/3}.archive-content--grid .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.archive-list>a{grid-template-columns:28px 65px 1fr;gap:12px}.archive-list img{width:65px;height:52px}.archive-list small,.archive-list em{display:none}.archive-footer{margin:0 14px;flex-wrap:wrap}.archive-footer a{width:100%;margin-left:0}}
@media(max-width:540px){.archive-content--grid .archive-grid{grid-template-columns:1fr}.archive-card h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.selected-preview{clip-path:none}}