.obr-hero{position:relative;background:var(--ink);color:#fff;overflow:hidden;padding:calc(var(--s-8) + 40px) 0 var(--s-7)}.obr-hero__media{position:absolute;inset:0;z-index:0}.obr-hero__media img{width:100%;height:100%;object-fit:cover;filter:brightness(.45) saturate(.85)}.obr-hero__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0e0e0c80,#0e0e0c33 40%,#0e0e0cf2)}.obr-hero__inner{position:relative;z-index:1}.obr-hero__label{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.18em;text-transform:uppercase;color:#ffffffbf;margin-bottom:var(--s-4)}.obr-hero__label:before{content:"";width:28px;height:1px;background:currentColor;opacity:.6}.obr-hero__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-6);align-items:end}.obr-hero__title{font-family:var(--f-display);font-weight:var(--display-weight);font-size:clamp(48px,8cqi + 10px,160px);line-height:.95;letter-spacing:-.03em;color:#fff;max-width:14ch}.obr-hero__title em{font-style:italic;font-weight:300;color:color-mix(in oklab,var(--brand) 75%,#fff 25%)}.obr-hero__count{display:grid;gap:var(--s-2);padding-left:var(--s-5);border-left:1px solid rgba(255,255,255,.18)}.obr-hero__count .n{font-family:var(--f-display);font-size:clamp(54px,8cqi,120px);line-height:1;letter-spacing:-.035em;color:#fff;font-weight:var(--display-weight)}.obr-hero__count .n em{font-style:italic;font-weight:300;color:var(--brand)}.obr-hero__count .l{font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.15em;text-transform:uppercase;color:#ffffffb3}@container frame (max-width: 800px){.obr-hero__grid{grid-template-columns:1fr}.obr-hero__count{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.18);padding-top:var(--s-4)}}.obr-filters{color:var(--fg);padding:var(--s-5) 0 var(--s-4);border-bottom:1px solid var(--stroke);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px);background:color-mix(in oklab,var(--bg) 82%,transparent)}.obr-filters__inner{display:grid;grid-template-columns:minmax(0,auto) 1fr minmax(0,auto);gap:var(--s-4);align-items:center}.obr-filters__label{font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--fg-mute);display:flex;align-items:center;gap:10px}.obr-filters__label:before{content:"";width:20px;height:1px;background:currentColor;opacity:.5}.obr-filters__groups{display:flex;gap:var(--s-3);flex-wrap:wrap;align-items:center}.obr-filter-group{display:flex;gap:2px;background:var(--bg-alt);border:1px solid var(--stroke);border-radius:999px;padding:3px}.obr-filter-group button{padding:8px 14px;border-radius:999px;font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute);transition:background .2s var(--ease),color .2s var(--ease)}.obr-filter-group button:hover{color:var(--fg)}.obr-filter-group button.on{background:var(--fg);color:var(--bg)}.obr-filter-select{position:relative;display:inline-flex}.obr-filter-select select{appearance:none;background:var(--bg-alt);border:1px solid var(--stroke);border-radius:999px;padding:9px 36px 9px 14px;font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg);cursor:pointer}.obr-filter-select:after{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;border-right:1.5px solid var(--fg-mute);border-bottom:1.5px solid var(--fg-mute);transform:translateY(-70%) rotate(45deg);pointer-events:none}.obr-filters__count{font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-mute);white-space:nowrap}.obr-filters__count strong{color:var(--fg);font-weight:500}@container frame (max-width: 800px){.obr-filters__inner{grid-template-columns:1fr;gap:var(--s-3)}}.obr-grid-sec{background:var(--bg);color:var(--fg);padding:var(--s-7) 0 var(--s-9)}.obr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5) var(--s-4)}@container frame (max-width: 800px){.obr-grid{grid-template-columns:repeat(2,1fr);gap:var(--s-4) var(--s-3)}}@container frame (max-width: 500px){.obr-grid{grid-template-columns:1fr}}.obr-card{display:grid;gap:var(--s-3);text-decoration:none;color:var(--fg);padding-bottom:var(--s-4);transition:opacity .3s var(--ease),transform .3s var(--ease)}.obr-card[hidden]{display:none}.obr-card__media{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:var(--radius);background:var(--paper-3)}.obr-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}.obr-card:hover .obr-card__media img{transform:scale(1.05)}.obr-card__num{position:absolute;top:14px;left:14px;font-family:var(--f-mono);font-size:var(--t-xs);color:#fff;background:#00000080;padding:4px 10px;border-radius:999px;letter-spacing:.15em;backdrop-filter:blur(6px)}.obr-card__tag{position:absolute;bottom:14px;left:14px;font-family:var(--f-mono);font-size:var(--t-xs);color:#fff;background:#2f63e8d9;padding:5px 10px;border-radius:999px;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(6px)}.obr-card__arrow{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:999px;background:#ffffff1a;display:grid;place-items:center;color:#fff;backdrop-filter:blur(10px);opacity:0;transform:translate(-4px,4px);transition:opacity .35s var(--ease),transform .35s var(--ease),background .2s var(--ease)}.obr-card:hover .obr-card__arrow{opacity:1;transform:none}.obr-card__arrow:hover{background:var(--brand)}.obr-card__title{font-family:var(--f-display);font-size:var(--t-xl);line-height:1.15;letter-spacing:-.018em;font-weight:var(--display-weight);padding-top:var(--s-1)}.obr-card__meta{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--s-2);font-family:var(--f-mono);font-size:var(--t-xs);color:var(--fg-mute);text-transform:uppercase;letter-spacing:.08em;border-top:1px solid var(--stroke);padding-top:var(--s-2)}.obr-card__meta .k{color:var(--fg)}.obr-card__meta .sep{opacity:.5}.obr-empty{padding:var(--s-8) var(--gutter);text-align:center;color:var(--fg-mute);font-family:var(--f-mono);font-size:var(--t-sm);letter-spacing:.1em;text-transform:uppercase;display:none}.obr-empty.show{display:block}