:root{--bg: #fff;--fg: #111;--muted: #a3a3a3;--tile: #f3f3f2;--panel: #fafaf9;--line: #e6e6e4;--chip: #efeeec;--gap: 32px;--fs: 16px;--fs-sm: 12px;--font: Inter, -apple-system, "Helvetica Neue", Arial, sans-serif;--panel-w: max(30vw, 380px);--dur: .7s;--ease: cubic-bezier(.22, .61, .36, 1);--rise: 4px;--blur: 2px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}html,.scroll{scrollbar-width:thin;scrollbar-color:var(--line) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}body{background:var(--bg);color:var(--fg);font:var(--fs) / 1.4 var(--font);letter-spacing:-.02em;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;letter-spacing:inherit}.muted{color:var(--muted)}.b{font-weight:600}.page{display:grid;grid-template-columns:23.4vw 1fr;padding:0}.side{position:sticky;top:0;height:100vh;padding:40px calc(5.3vw - 28px) 40px 28px;display:flex;flex-direction:column;gap:clamp(40px,8vh,74px);align-self:start}.side .top{display:flex;justify-content:space-between;gap:16px;line-height:25px}.side .top>div:first-child{text-align:left}.side .top>div:last-child{text-align:right}.side .copy{font-size:14px;line-height:1.6}.side .copy p{margin:0 0 20px}.side .copy .l{display:block;color:var(--muted);line-height:1.45}.side .foot{font-size:var(--fs-sm);color:var(--muted);display:grid;gap:4px;line-height:1.625;margin-top:auto}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap);row-gap:24px;padding:40px 44px 60px 0;align-content:start;align-self:start;width:calc((100% - var(--gap) * 4) * .6 + var(--gap) * 2)}.card{text-align:left;display:flex;flex-direction:column;width:100%;height:100%}.frame{position:relative;aspect-ratio:250 / 300;background:var(--tile);padding:13.1% 14.4%;overflow:hidden;transition:box-shadow .25s}.shot{width:100%;height:100%;overflow:hidden;background:#fff}.shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s var(--ease)}.card.active .frame{box-shadow:inset 0 0 0 1.5px var(--fg)}.meta{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:10px;font-size:15px;line-height:21px;min-height:84px}.meta span:first-child{font-weight:600;flex:1}.meta span:last-child{color:var(--muted);flex:none;white-space:nowrap}.panel{position:fixed;top:0;right:0;bottom:0;width:var(--panel-w);background:var(--bg);border-left:1px solid var(--line);transform:translate(100%);transition:transform .55s var(--ease);display:flex;flex-direction:column;z-index:10}.panel.open{transform:none}.panel header{flex:none;padding:40px 28px 0}.back{display:flex;align-items:center;gap:8px;font-weight:600;line-height:25px}.scroll{overflow-y:auto;padding:28px 28px 64px;flex:1;font-size:14px;line-height:1.6}.scroll>*{opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.panel.open .scroll.in>*{opacity:1;transform:none;transition-delay:calc(var(--i, 0) * 70ms + .25s)}.scroll .frame{aspect-ratio:1160 / 580;padding:0}.scroll .shot img{opacity:0;transition:opacity .45s var(--ease)}.scroll .shot img.l{opacity:1}.scroll .wide{aspect-ratio:1160 / 820}.phead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:24px 0 0;font-size:16px;line-height:25px}.phead .muted{flex:none;white-space:nowrap}.sub{margin:0 0 40px;font-size:16px;line-height:25px}.facts{margin:0 0 20px}.facts span{display:block}.scroll p{margin:0 0 20px}.scroll h2{font-size:14px;line-height:1.6;font-weight:600;margin:40px 0 8px}.scroll .frame+.frame,.scroll p+.frame{margin-top:40px}.u{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}.u:hover{text-decoration-color:var(--fg)}[data-r]{opacity:0;transform:translateY(var(--rise));filter:blur(var(--blur))}.go [data-r]{opacity:1;transform:none;filter:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),filter var(--dur) var(--ease);transition-delay:var(--d, 0ms)}.search-toggle{text-align:right}.search-bar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:12px;padding:16px 28px;background:var(--bg);border-bottom:1px solid var(--line);transform:translateY(-100%);transition:transform .35s var(--ease)}.search-bar.open{transform:none}.search-bar input{flex:1;font:16px / 1.4 var(--font);letter-spacing:-.02em;color:var(--fg);background:none;border:none;outline:none}.search-bar input::placeholder{color:var(--muted)}.search-close{flex:none;display:flex;align-items:center;justify-content:center;padding:4px}.card.hidden{display:none}.no-results{grid-column:1 / -1;font-size:14px;line-height:1.6;padding:20px 0}@media(prefers-reduced-motion:reduce){[data-r]{transform:none;filter:none}.go [data-r]{transition-duration:1ms;transition-delay:0ms}.panel,.scroll>*{transition-duration:1ms!important;transition-delay:0ms!important}}@media(max-width:1280px){:root{--gap: 24px;--panel-w: min(560px, 62vw)}.page{grid-template-columns:minmax(220px,24%) 1fr}.grid{grid-template-columns:repeat(3,1fr);width:100%;padding-left:24px}.panel.open{box-shadow:-20px 0 60px #00000014}}@media(max-width:900px){:root{--gap: 16px}.page{grid-template-columns:1fr;padding:0 16px}.side{position:static;height:auto;gap:0;padding:16px 0 32px}.side .top{margin-bottom:40px}.side .copy p:last-child{margin-bottom:23px}.grid{grid-template-columns:repeat(2,1fr);width:100%;padding:0 0 40px}.panel{width:100%}.panel header{padding:16px 16px 0}.scroll{padding:24px 16px 48px}}@media(max-width:767px){.side .top{font-size:12px;line-height:21px}.side .copy{font-size:12px}.meta{font-size:12px;line-height:18px;min-height:72px}}