.ob-page{--ob-ink:#0a0f12;--ob-ink-2:#5b6671;--ob-ink-3:#8a929b;--ob-brand:#00719c;--ob-brand-bright:#00b8ff;--ob-deep:#001f2b;--ob-paper:#fff;--ob-soft:#f4f5f6;--ob-soft-hover:#eceef0;--ob-line:#e6e8ea;--ob-radius:14px;--ob-measure:1240px;--heading-font-weight:700;--heading-font-spacing:-0.035em;background:var(--ob-paper);color:var(--ob-ink);-webkit-font-smoothing:antialiased}.ob-page *,.ob-page :after,.ob-page :before{box-sizing:border-box}:where(.ob-page) :where(h1,h2,h3,h4,p,figure){margin:0}.ob-page a{text-decoration:none;color:inherit}.ob-page img{display:block;max-width:100%}.ob-page button{font:inherit}.ob-wrap{width:100%;max-width:var(--ob-measure);margin:0 auto;padding:0 24px}.ob-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border:1px solid var(--ob-line);border-radius:999px;background:var(--ob-paper);color:var(--ob-ink);font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease}.ob-pill svg{width:15px;height:15px;transition:transform .25s ease}.ob-pill:hover{background:var(--ob-deep);border-color:var(--ob-deep);color:#fff}.ob-pill:hover svg{transform:translateX(3px)}.ob-masthead{padding:212px 0 72px;text-align:center}.ob-masthead h1{font-size:clamp(2.5rem,6.4vw,5rem);line-height:1.02;letter-spacing:-.042em;color:var(--ob-ink);max-width:15ch;margin:0 auto}.ob-masthead-lede{margin:22px auto 0;max-width:54ch;font-size:1.0625rem;line-height:1.65;color:var(--ob-ink-2)}.ob-search{position:relative;max-width:480px;margin:34px auto 0}.ob-search svg.ob-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--ob-ink-3);pointer-events:none}.ob-search input{width:100%;height:54px;padding:0 48px;font-size:.9375rem;color:var(--ob-ink);background:var(--ob-soft);border:1px solid transparent;border-radius:999px;transition:background .2s ease,border-color .2s ease}.ob-search input::-moz-placeholder{color:var(--ob-ink-3)}.ob-search input::placeholder{color:var(--ob-ink-3)}.ob-search input:focus{outline:none;background:var(--ob-paper);border-color:var(--ob-ink)}.ob-search-clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--ob-ink-3);cursor:pointer}.ob-search-clear:hover{background:var(--ob-soft-hover);color:var(--ob-ink)}.ob-card{position:relative;display:flex;flex-direction:column;gap:14px}.ob-card:focus-within{outline:2px solid var(--ob-brand);outline-offset:8px;border-radius:4px}.ob-card-media,.ob-skel-img{height:240px}.ob-card-media{position:relative;overflow:hidden;border-radius:var(--ob-radius);background:var(--ob-soft)}.ob-card-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.ob-card:hover .ob-card-media img{transform:scale(1.045)}.ob-tag{position:absolute;top:14px;left:14px;z-index:2;padding:7px 13px;border-radius:9px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(8px);font-size:.75rem;font-weight:500;color:var(--ob-ink);line-height:1.2}.ob-card-body{display:flex;flex:1;flex-direction:column;gap:10px}.ob-card-meta{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--ob-ink-3)}.ob-card-meta .ob-dot{width:3px;height:3px;border-radius:50%;background:currentColor}.ob-card-title{font-size:1.25rem;line-height:1.3;min-height:2.6em;font-weight:600;letter-spacing:-.015em;color:var(--ob-ink);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ob-card-title a:after{content:"";position:absolute;inset:0;z-index:1}.ob-card-title a:focus{outline:none}.ob-card-foot{padding-top:4px;position:relative;z-index:2}.ob-trending{display:grid;grid-template-columns:1fr;align-items:start;gap:32px;padding-bottom:88px}@media (min-width:900px){.ob-trending{grid-template-columns:1fr 1.6fr 1fr;gap:28px}}.ob-cats{padding:0 0 92px;text-align:center}.ob-cats h2{font-size:clamp(2rem,4.6vw,3.25rem);line-height:1.05;letter-spacing:-.038em;margin-bottom:40px}.ob-cats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ob-cat{position:relative;display:grid;place-items:center;width:100%;min-height:120px;padding:18px 16px;border:1px solid transparent;border-radius:var(--ob-radius);background:var(--ob-soft);color:var(--ob-ink);font-size:.9375rem;font-weight:500;line-height:1.4;text-align:center;cursor:pointer;overflow:hidden;isolation:isolate;transition:background .25s ease,color .25s ease,transform .3s cubic-bezier(.2,.8,.2,1)}.ob-cat:hover{transform:translateY(-3px)}.ob-cat:focus-visible{outline:2px solid var(--ob-brand);outline-offset:2px}.ob-cat-media{position:absolute;inset:0;z-index:-1;opacity:0;transform:scale(1.08);transition:opacity .4s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.ob-cat-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ob-cat-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,31,43,.35),rgba(0,31,43,.62))}.ob-cat.is-active .ob-cat-media,.ob-cat:hover .ob-cat-media{opacity:1;transform:scale(1)}.ob-cat-label{position:relative}.ob-cat small,.ob-cat-label{display:block;transition:color .25s ease}.ob-cat small{margin-top:5px;font-size:.75rem;color:var(--ob-ink-3)}.ob-cat.is-active,.ob-cat:hover{color:#fff}.ob-cat.is-active small,.ob-cat:hover small{color:hsla(0,0%,100%,.78)}.ob-cat.is-active{background:var(--ob-deep)}@media (min-width:620px){.ob-cats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1040px){.ob-cats-grid{grid-template-columns:repeat(4,1fr)}}.ob-section{padding-bottom:96px}.ob-section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px}.ob-section-head h2{font-size:clamp(2rem,4.6vw,3.25rem);line-height:1.05;letter-spacing:-.038em}.ob-section-count{font-size:.875rem;color:var(--ob-ink-3);margin-top:8px}.ob-sort{display:flex;align-items:center;gap:8px;flex:none}.ob-sort label{font-size:.8125rem;color:var(--ob-ink-3)}.ob-sort select{font-size:.875rem;font-weight:500;color:var(--ob-ink);background:var(--ob-paper);border:1px solid var(--ob-line);border-radius:999px;padding:9px 14px;cursor:pointer}.ob-sort select:focus{outline:none;border-color:var(--ob-ink)}.ob-grid{display:grid;grid-template-columns:1fr;align-items:start;gap:44px 28px;scroll-margin-top:120px}@media (min-width:680px){.ob-grid{grid-template-columns:repeat(2,1fr)}.ob-card-media,.ob-skel-img{height:270px}}@media (min-width:1040px){.ob-grid{grid-template-columns:repeat(4,1fr);gap:52px 28px}.ob-card-media,.ob-skel-img{height:300px}.ob-grid>.ob-reveal.is-wide{grid-column:span 2}}.ob-grid>.ob-reveal,.ob-trending>.ob-reveal{display:flex}.ob-grid>.ob-reveal>.ob-card,.ob-trending>.ob-reveal>.ob-card{width:100%}.ob-empty{grid-column:1/-1;padding:80px 24px;text-align:center;background:var(--ob-soft);border-radius:var(--ob-radius)}.ob-empty h3{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--ob-ink)}.ob-empty p{margin:10px auto 0;max-width:44ch;font-size:.9375rem;line-height:1.65;color:var(--ob-ink-2)}.ob-empty .ob-pill{margin-top:22px}.ob-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:72px}.ob-pager button{min-width:42px;height:42px;padding:0 14px;border:1px solid transparent;background:transparent;color:var(--ob-ink-2);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:999px;transition:background .18s ease,color .18s ease}.ob-pager button:hover:not(:disabled){background:var(--ob-soft);color:var(--ob-ink)}.ob-pager button:disabled{opacity:.35;cursor:not-allowed}.ob-pager button.is-active{background:var(--ob-deep);color:#fff}.ob-pager button:focus-visible{outline:2px solid var(--ob-brand);outline-offset:2px}.ob-pager .ob-pager-nav{border-color:var(--ob-line)}.ob-pager .ob-gap{padding:0 4px;color:var(--ob-ink-3)}.ob-skel{position:relative;overflow:hidden;background:var(--ob-soft);border-radius:6px}.ob-skel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8),transparent);transform:translateX(-100%);animation:ob-shimmer 1.5s infinite}@keyframes ob-shimmer{to{transform:translateX(100%)}}.ob-skel-card{display:flex;flex-direction:column;gap:14px}.ob-skel-img{border-radius:var(--ob-radius)}.ob-skel-lines{display:grid;gap:10px}.ob-skel-line{height:13px}.ob-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.ob-reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.ob-page *,.ob-reveal{transition:none!important;animation:none!important;opacity:1!important;transform:none!important}}.ob-route-progress{position:fixed;top:0;left:0;right:0;height:3px;overflow:hidden;background:transparent;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:1300}.ob-page.is-navigating .ob-route-progress{opacity:1;background:var(--ob-soft)}.ob-route-progress span{position:absolute;inset:0;width:38%;background:linear-gradient(90deg,var(--ob-brand),var(--ob-brand-bright));transform:translateX(-100%)}.ob-page.is-navigating .ob-route-progress span{animation:ob-route-slide 1s ease-in-out infinite}@keyframes ob-route-slide{0%{transform:translateX(-100%)}to{transform:translateX(360%)}}.ob-page.is-navigating .ob-grid,.ob-page.is-navigating .ob-trending{pointer-events:none}.ob-page.is-navigating{cursor:progress}.ob-page.is-navigating .ob-card:not(.is-opening){opacity:.45;transition:opacity .25s ease}.ob-card-spinner{position:absolute;top:50%;left:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;opacity:0;visibility:hidden;z-index:3}.ob-card.is-opening .ob-card-spinner{opacity:1;visibility:visible;animation:ob-spin .7s linear infinite}@keyframes ob-spin{to{transform:rotate(1turn)}}.ob-card.is-opening .ob-card-media:after{content:"";position:absolute;inset:0;background:rgba(0,31,43,.55);z-index:2}@media (prefers-reduced-motion:reduce){.ob-card-spinner,.ob-route-progress span{animation:none!important}.ob-page.is-navigating .ob-route-progress span{width:100%;transform:none}}@media (max-width:679px){.ob-masthead{padding:136px 0 52px}.ob-trending{padding-bottom:64px}.ob-cats{padding-bottom:68px}.ob-section{padding-bottom:72px}.ob-grid{gap:40px}}.ob-cats-grid>.ob-reveal{display:flex}.ob-cats-grid>.ob-reveal>.ob-cat{width:100%}