.oxh-main{--hue:var(--oxh-acc)} .oxb-in{position:relative;z-index:1;width:min(100% - 2 * var(--oxh-gut),1480px);margin-inline:auto} :where(.oxb-hero,.oxb-topics,.oxb-front,.oxb-figs,.oxb-qs,.oxb-shelf,.oxb-all) a:focus-visible{outline:2px solid var(--oxh-acc);outline-offset:3px;border-radius:4px} .oxb-arrow{width:15px;height:15px;flex:none;transition:transform .35s var(--oxh-ease)} .oxb-k{ display:inline-flex;align-items:center;gap:10px;margin:0; font-family:var(--oxh-mono);font-size:12.8px;font-weight:500;letter-spacing:.14em;line-height:1.2;text-transform:uppercase;color:#202126; } .oxb-k i{width:7px;height:7px;border-radius:2px;background:var(--oxh-acc)} .oxb-rule{ display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px; margin:0 0 clamp(16px,1.6vw,24px);padding-bottom:12px;border-bottom:1px solid rgba(11,11,12,.12); } .oxb-rule-d{margin:0;font-family:var(--oxh-mono);font-size:12.8px;letter-spacing:.03em;color:#4a4b52} .oxb-tag{ display:inline-flex;align-items:center;gap:7px;justify-self:start;margin:0; font-family:var(--oxh-mono);font-size:12.4px;font-weight:500;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;color:#2b2c31; } .oxb-tag i{width:8px;height:8px;flex:none;border-radius:50%;background:var(--hue);box-shadow:0 0 0 3px color-mix(in srgb,var(--hue) 22%,transparent)} .oxb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 9px;margin:0;font-family:var(--oxh-mono);font-size:12.6px;letter-spacing:.02em;color:#4a4b52} .oxb-meta i{font-style:normal;color:#9a9ba1} .oxb-by{display:inline-flex;align-items:center;gap:7px;color:#202126;font-weight:500} .oxb-by img{width:22px;height:22px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(11,11,12,.14)} .oxb-go{ display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%; background:#fff;color:var(--oxh-ink);box-shadow:inset 0 0 0 1px rgba(11,11,12,.14); transition:transform .45s var(--oxh-ease),background-color .3s ease,color .3s ease; } .oxb-inside{display:grid;gap:7px;margin:0;padding:12px 14px;border-radius:12px;background:#faf8f5;box-shadow:inset 0 0 0 1px rgba(11,11,12,.07)} .oxb-inside-k{ display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0; font-family:var(--oxh-mono);font-size:12.4px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#4a4b52; } .oxb-inside-k span{letter-spacing:.04em;text-transform:none;color:#5a5b61} .oxb-inside ul{display:grid;gap:5px;margin:0;padding:0;list-style:none} .oxb-inside li{position:relative;padding-left:18px;font-size:14.6px;line-height:1.45;color:#2b2c31} .oxb-inside li::before{ content:'';position:absolute;left:2px;top:.5em;width:7px;height:7px;border-radius:50%; box-shadow:inset 0 0 0 2px var(--hue); } .oxh-main>.oxb-hero:first-child{margin-top:0} .oxb-hero{background:#fff;padding:clamp(10px,1vw,16px) clamp(10px,1vw,16px) 0} .oxb-stage{ position:relative;isolation:isolate;overflow:hidden;max-width:1680px;margin-inline:auto;border-radius:clamp(20px,2vw,30px);background:#0b0912;color:#fff; box-shadow:0 0 0 1px rgba(11,11,12,.3),0 40px 90px -60px rgba(30,12,40,.85); } .oxb-stage-sky{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none} .oxb-stage-sky i{position:absolute;border-radius:50%} .oxb-stage-sky i:nth-child(1){width:80%;aspect-ratio:1;left:-26%;top:-56%;background:radial-gradient(closest-side,rgba(255,128,70,.55),rgba(255,128,70,0))} .oxb-stage-sky i:nth-child(2){width:74%;aspect-ratio:1;right:-22%;top:-46%;background:radial-gradient(closest-side,rgba(124,58,237,.66),rgba(124,58,237,0))} .oxb-stage-sky i:nth-child(3){width:84%;aspect-ratio:1;left:20%;top:30%;background:radial-gradient(closest-side,rgba(228,88,154,.42),rgba(228,88,154,0))} .oxb-stage-sky i:nth-child(4){ left:-40%;top:-90%;width:180%;aspect-ratio:1; background:conic-gradient(from 90deg,rgba(255,138,80,0),rgba(255,138,80,.13) 12%,rgba(255,138,80,0) 26%,rgba(124,58,237,.16) 42%,rgba(124,58,237,0) 56%,rgba(228,88,154,.13) 72%,rgba(255,138,80,0) 86%); } .oxb-stage::after{ content:'';position:absolute;z-index:2;inset:0;pointer-events:none; background:linear-gradient(90deg,rgba(11,9,18,.84) 0%,rgba(11,9,18,.6) 40%,rgba(11,9,18,0) 62%); } .oxb-stage-in{ position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,.56fr) minmax(0,.44fr); min-height:clamp(470px,38vw,580px);padding:clamp(28px,3.2vw,56px) clamp(22px,3.4vw,60px); padding-inline-start:max(clamp(22px,3.4vw,60px),calc((100% - 1480px) / 2)); } .oxb-hero-txt{align-self:center;max-width:700px} .oxb-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 22px;padding:0;list-style:none;font-size:14.4px;color:rgba(255,255,255,.8)} .oxb-crumb li{display:inline-flex;align-items:center;gap:10px} .oxb-crumb a{color:#fff;text-decoration:none} .oxb-crumb a:hover{text-decoration:underline;text-underline-offset:3px} .oxb-crumb i{font-style:normal;color:rgba(255,255,255,.5)} .oxb-crumb span{color:#fff;font-weight:500} .oxb-pill{ display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;padding:7px 13px 7px 11px;border-radius:999px; background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22); font-family:var(--oxh-mono);font-size:12.8px;font-weight:500;letter-spacing:.14em;line-height:1;text-transform:uppercase;color:#fff; } .oxb-pill i{width:7px;height:7px;border-radius:50%;background:#ff8a50} .oxb-h1{margin:0;font-size:clamp(38px,calc(3.4vw + 4px),64px);font-weight:500;line-height:1.04;letter-spacing:-.038em;color:#fff;text-wrap:balance} .oxb-h1-em{position:relative;font-style:normal;color:#ffb48a;white-space:nowrap;padding-bottom:.04em} .oxb-h1-em::after{content:'';position:absolute;left:0;right:0;bottom:.01em;height:.06em;border-radius:.03em;background:linear-gradient(90deg,#ff8a50,#e4589a 60%,#9b6bff);transform-origin:0 50%} .oxb-lede{margin:20px 0 0;max-width:580px;text-wrap:pretty;font-size:clamp(16.4px,calc(.7vw + 7px),18.6px);line-height:1.6;color:rgba(255,255,255,.88)} .oxb-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:640px;margin:clamp(22px,2.2vw,32px) 0 0;padding:0;list-style:none} .oxb-facts li{ display:grid;align-content:start;gap:6px;padding:13px 14px 14px;border-radius:14px; background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); } .oxb-facts a{display:grid;align-content:start;gap:6px;margin:-13px -14px -14px;padding:13px 14px 14px;border-radius:inherit;color:inherit;text-decoration:none;transition:background-color .25s ease} .oxb-facts a:hover{background:rgba(255,255,255,.08)} .oxb-facts a span::after{content:' ↓'} .oxb-facts b{font-size:clamp(24px,2vw,32px);font-weight:500;line-height:1;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums} .oxb-facts span{font-family:var(--oxh-mono);font-size:12.4px;letter-spacing:.06em;line-height:1.35;text-transform:uppercase;color:rgba(255,255,255,.76)} .oxb-wall{ position:absolute;z-index:1;top:0;bottom:0;right:0;width:54%;overflow:hidden;pointer-events:none; -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%); mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%); } .oxb-wall-tilt{ position:absolute;top:-34%;bottom:-34%;left:8%;right:-10%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start; transform:perspective(1500px) rotateX(16deg) rotateY(-20deg) rotateZ(9deg); } .oxb-wall-col:nth-child(2){margin-top:-22%} .oxb-wall-col:nth-child(3){margin-top:-8%} .oxb-wall-set{display:grid;gap:16px;margin:0;padding:0 0 16px;list-style:none} .oxb-wall-tile{ position:relative;overflow:hidden;aspect-ratio:4 / 5;border-radius:16px; box-shadow:0 0 0 1px rgba(255,255,255,.16),0 26px 50px -22px rgba(0,0,0,.75); } .oxb-wall-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .oxb-wall-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,9,18,0) 52%,rgba(11,9,18,.72))} .oxb-wall-lab{ position:absolute;z-index:1;left:10px;right:10px;bottom:10px;display:flex;align-items:center;gap:7px; font-family:var(--oxh-mono);font-size:12.4px;font-weight:500;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;color:#fff; } .oxb-wall-lab::before{content:'';width:7px;height:7px;flex:none;border-radius:50%;background:var(--hue)} .oxb-topics{ position:relative;z-index:40;background:rgba(255,255,255,.93);margin-top:clamp(10px,1vw,16px); box-shadow:0 1px 0 rgba(11,11,12,.1),0 16px 30px -28px rgba(11,11,12,.4); } .oxb-topics-in{display:flex;align-items:center;gap:10px 12px;padding-block:10px} .oxb-topics-k{flex:none;margin:0;font-family:var(--oxh-mono);font-size:12.6px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#4a4b52} .oxb-topics-list{ display:flex;flex:1 1 auto;gap:6px;min-width:0;margin:0;padding:2px;list-style:none;overflow-x:auto;scrollbar-width:none; -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent); } .oxb-topics-list::-webkit-scrollbar{display:none} .oxb-topics-list li{flex:none} .oxb-topics-list a{ display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 5px 0 11px;border-radius:999px;white-space:nowrap; background:#faf8f5;box-shadow:inset 0 0 0 1px rgba(11,11,12,.1); font-size:14.4px;font-weight:500;color:var(--oxh-ink);text-decoration:none; transition:background-color .3s ease,box-shadow .3s ease,color .3s ease; } .oxb-topics-list a::before{content:'';width:8px;height:8px;flex:none;border-radius:50%;background:var(--hue)} .oxb-topics-list b{ display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px; background:#fff;box-shadow:inset 0 0 0 1px rgba(11,11,12,.12);font-size:12.8px;font-weight:600; } .oxb-topics-list a:hover{background:#fff;box-shadow:inset 0 0 0 1px rgba(221,110,62,.55)} .oxb-topics-all{ display:inline-flex;align-items:center;gap:8px;flex:none;min-height:40px;padding:0 15px;border-radius:999px; background:var(--oxh-ink);color:#fff !important;font-size:14.4px;font-weight:600;text-decoration:none;white-space:nowrap; transition:transform .35s var(--oxh-ease); } .oxb-topics-all .oxb-arrow{transform:rotate(90deg)} .oxb-topics-all:hover{transform:translateY(-1px)} .oxb-topics-run{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#ff8a50,#e4589a 50%,#7c3aed);transform-origin:0 50%} @media (min-width:861px){ .oxb-topics{position:sticky;top:var(--oxh-bar);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6)} } .oxb-front{background:#fff;color:var(--oxh-ink);padding-block:clamp(30px,3vw,52px) clamp(40px,4vw,68px)} .oxb-front-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:clamp(14px,1.5vw,24px);align-items:stretch} .oxb-lead{ position:relative;display:flex;flex-direction:column;border-radius:22px;background:#fff;color:var(--oxh-ink); box-shadow:inset 0 0 0 1px rgba(11,11,12,.1),0 30px 60px -48px rgba(11,11,12,.55); transition:transform .6s var(--oxh-ease),box-shadow .5s ease; } .oxb-lead-pic{position:relative;flex:1 0 auto;overflow:hidden;margin:8px 8px 0;border-radius:16px;aspect-ratio:16 / 8.6} .oxb-lead-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--oxh-ease)} .oxb-lead-pic::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(11,9,18,.32),rgba(11,9,18,0) 36%)} .oxb-lead-tags{position:absolute;z-index:1;top:14px;left:14px;right:14px;display:flex;flex-wrap:wrap;gap:8px;margin:0} .oxb-lead-k,.oxb-lead-tags .oxb-tag{ display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.94); font-family:var(--oxh-mono);font-size:12.4px;font-weight:500;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;color:#1b1b20; box-shadow:0 8px 20px -12px rgba(11,11,12,.5); } .oxb-lead-k i{width:7px;height:7px;border-radius:50%;background:#ff6a2a} .oxb-lead-body{display:flex;flex-direction:column;gap:12px;flex:none;padding:clamp(18px,1.8vw,26px) clamp(18px,2vw,28px) clamp(16px,1.6vw,22px)} .oxb-lead-t{margin:0;font-size:clamp(24px,calc(1.2vw + 7px),31px);font-weight:600;line-height:1.16;letter-spacing:-.024em;text-wrap:balance} .oxb-lead-t a{color:var(--oxh-ink);text-decoration:none} .oxb-lead-t a::after{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit} .oxb-lead-d{margin:0;max-width:70ch;font-size:16px;line-height:1.6;color:#33343a} .oxb-lead-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;border-top:1px solid rgba(11,11,12,.08)} .oxb-lead:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(221,110,62,.45),0 40px 70px -48px rgba(11,11,12,.6)} .oxb-lead:hover .oxb-lead-pic img{transform:scale(1.04)} .oxb-lead:hover .oxb-go{background:var(--oxh-acc);color:#fff;box-shadow:none;transform:rotate(-45deg)} .oxb-lead:focus-within{box-shadow:inset 0 0 0 2px var(--oxh-acc),0 40px 70px -48px rgba(11,11,12,.6)} .oxb-side{display:grid;grid-template-rows:auto 1fr;gap:clamp(12px,1.2vw,18px);min-width:0} .oxb-also-list{display:grid;gap:10px;margin:0;padding:0;list-style:none} .oxb-next{ position:relative;display:grid;grid-template-columns:clamp(112px,9vw,152px) minmax(0,1fr);gap:16px;align-items:center; padding:8px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px rgba(11,11,12,.1); transition:transform .5s var(--oxh-ease),box-shadow .4s ease; } .oxb-next-pic{position:relative;align-self:stretch;overflow:hidden;min-height:96px;border-radius:12px} .oxb-next-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--oxh-ease)} .oxb-next-body{display:grid;align-content:center;gap:6px;min-width:0;padding:4px 10px 4px 0} .oxb-next-t{margin:0;font-size:16.6px;font-weight:600;line-height:1.3;letter-spacing:-.012em;text-wrap:balance} .oxb-next-t a{color:var(--oxh-ink);text-decoration:none} .oxb-next-t a::after{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit} .oxb-next-d{margin:0;font-size:14.2px;line-height:1.5;color:#3b3c42;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .oxb-next:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(221,110,62,.45),0 22px 40px -32px rgba(11,11,12,.5)} .oxb-next:hover .oxb-next-pic img{transform:scale(1.06)} .oxb-next:focus-within{box-shadow:inset 0 0 0 2px var(--oxh-acc)} .oxb-ask{ position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-rows:auto 1fr; padding:16px 18px 6px;border-radius:20px;color:#fff; background:radial-gradient(90% 70% at 100% 0%,rgba(124,58,237,.24),transparent 70%),#0d0b14; box-shadow:0 0 0 1px rgba(11,11,12,.3),0 30px 60px -44px rgba(30,12,40,.8); } .oxb-ask::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#ff8a50,#e4589a 55%,#9b6bff)} .oxb-ask-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12)} .oxb-ask-k{ display:inline-flex;align-items:center;gap:9px;margin:0; font-family:var(--oxh-mono);font-size:12.4px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#fff; } .oxb-ask-k i{width:7px;height:7px;border-radius:50%;background:#ff8a50} .oxb-ask-all{ display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 10px 0 13px;border-radius:999px; font-family:var(--oxh-mono);font-size:12.4px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-decoration:none; box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);transition:background-color .25s ease,box-shadow .25s ease; } .oxb-ask-all .oxb-arrow{transform:rotate(90deg)} .oxb-ask-all:hover{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)} .oxb-ask-list{display:grid;grid-auto-rows:1fr;margin:0;padding:0;list-style:none} .oxb-ask-q{ position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) 30px;grid-template-rows:auto auto;align-content:center; column-gap:12px;row-gap:5px;padding:14px 2px 14px 12px;border-top:1px solid rgba(255,255,255,.09); } .oxb-ask-q:first-child{border-top:0} .oxb-ask-q::before{ content:'';position:absolute;left:0;top:16px;bottom:16px;width:2px;border-radius:2px;background:var(--hue); transform:scaleY(.35);transform-origin:50% 0;transition:transform .45s var(--oxh-ease); } .oxb-ask-n{grid-row:1 / span 2;align-self:start;padding-top:3px;font-family:var(--oxh-mono);font-size:12.4px;font-weight:500;color:#ffa27a;font-variant-numeric:tabular-nums} .oxb-ask-text{grid-column:2;margin:0;font-size:16.2px;font-weight:500;line-height:1.36;letter-spacing:-.01em;color:#fff;text-wrap:balance} .oxb-ask-from{grid-column:2;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0;font-size:13.4px;line-height:1.4} .oxb-ask-from span{font-family:var(--oxh-mono);font-size:12.4px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.62)} .oxb-ask-from a{color:rgba(255,255,255,.84);text-decoration:none} .oxb-ask-from a::after{content:'';position:absolute;inset:0;border-radius:12px} .oxb-ask-go{ grid-column:3;grid-row:1 / span 2;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff; box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);transition:transform .45s var(--oxh-ease),background-color .3s ease,color .3s ease; } .oxb-ask-q:hover::before,.oxb-ask-q:focus-within::before{transform:none} .oxb-ask-q:hover .oxb-ask-from a{color:#fff;text-decoration:underline;text-decoration-color:#ff8a50;text-underline-offset:3px} .oxb-ask-q:hover .oxb-ask-go{background:#ff8a50;color:#0d0b14;box-shadow:none;transform:rotate(-45deg)} .oxb-figs{background:#f6f5f1;color:var(--oxh-ink);padding-block:clamp(34px,3.4vw,58px)} .oxb-figs-grid{ display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;overflow:hidden; border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px rgba(11,11,12,.1),0 24px 50px -44px rgba(11,11,12,.45); } .oxb-fig{ position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:8px;padding:20px 20px 18px; box-shadow:1px 0 0 rgba(11,11,12,.09),0 1px 0 rgba(11,11,12,.09);transition:background-color .3s ease; } .oxb-fig::before{content:'';position:absolute;left:20px;top:0;width:30px;height:3px;border-radius:0 0 3px 3px;background:var(--hue);transition:width .55s var(--oxh-ease)} .oxb-fig-v{margin:0;font-size:clamp(28px,2.3vw,38px);font-weight:500;line-height:1.05;letter-spacing:-.03em;color:var(--oxh-ink);font-variant-numeric:tabular-nums} .oxb-fig-l{margin:0;font-size:14.6px;line-height:1.5;color:#33343a} .oxb-fig-from{display:grid;gap:4px;margin:2px 0 0;padding-top:12px;border-top:1px dashed rgba(11,11,12,.16)} .oxb-fig-from span{font-family:var(--oxh-mono);font-size:12.4px;letter-spacing:.12em;text-transform:uppercase;color:#55565c} .oxb-fig-from a{font-size:14.4px;font-weight:500;line-height:1.4;color:var(--oxh-ink);text-decoration:underline;text-decoration-color:rgba(11,11,12,.25);text-underline-offset:3px} .oxb-fig-from a::after{content:'';position:absolute;inset:0} .oxb-fig:hover{background:#fffaf6} .oxb-fig:hover::before{width:calc(100% - 40px)} .oxb-fig:hover .oxb-fig-from a{text-decoration-color:var(--oxh-acc)} .oxb-qs{background:#fff;color:var(--oxh-ink);padding-block:clamp(34px,3.4vw,58px) clamp(20px,2vw,34px);scroll-margin-top:calc(var(--oxh-bar) + 76px)} .oxb-qs-grid{columns:3 300px;column-gap:clamp(10px,1vw,14px);margin:0;padding:0;list-style:none} .oxb-qcard{ position:relative;display:grid;gap:12px;break-inside:avoid;margin:0 0 clamp(10px,1vw,14px);padding:18px 18px 16px; border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px rgba(11,11,12,.1);transition:box-shadow .3s ease; } .oxb-qcard::before{content:'';position:absolute;left:18px;top:0;width:30px;height:3px;border-radius:0 0 3px 3px;background:var(--hue);transition:width .55s var(--oxh-ease)} .oxb-qcard:hover{box-shadow:inset 0 0 0 1px rgba(221,110,62,.4),0 18px 36px -28px rgba(11,11,12,.45)} .oxb-qcard:hover::before{width:calc(100% - 36px)} .oxb-qcard-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px} .oxb-qcard-n{font-family:var(--oxh-mono);font-size:12.4px;letter-spacing:.04em;color:#4a4b52} .oxb-qcard-t{margin:0;font-size:17.2px;font-weight:600;line-height:1.3;letter-spacing:-.014em;text-wrap:balance} .oxb-qcard-t a{color:var(--oxh-ink);text-decoration:none} .oxb-qcard-t a:hover{text-decoration:underline;text-decoration-color:var(--oxh-acc);text-underline-offset:4px} .oxb-qcard-list{margin:0;padding:0;list-style:none} .oxb-qcard-list li{position:relative;padding:8px 0 8px 18px;border-top:1px solid rgba(11,11,12,.07);font-size:14.6px;line-height:1.45;color:#2b2c31} .oxb-qcard-list li::before{content:'';position:absolute;left:2px;top:15px;width:6px;height:6px;border-radius:2px;background:var(--hue)} .oxb-qcard-more summary{ display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border-radius:999px;cursor:pointer;list-style:none;user-select:none; font-family:var(--oxh-mono);font-size:12.4px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--oxh-ink); box-shadow:inset 0 0 0 1px rgba(11,11,12,.14);transition:box-shadow .25s ease; } .oxb-qcard-more summary::-webkit-details-marker{display:none} .oxb-qcard-more summary::after{content:'+';font-size:15px;line-height:1} .oxb-qcard-more[open] summary{margin-bottom:6px} .oxb-qcard-more[open] summary::after{content:'−'} .oxb-qcard-more summary:hover{box-shadow:inset 0 0 0 1px rgba(221,110,62,.55)} .oxb-qcard-more summary:focus-visible{outline:2px solid var(--oxh-acc);outline-offset:3px} .oxb-shelf{background:#fff;color:var(--oxh-ink);padding-block:clamp(34px,3.4vw,58px)} .oxb-shelf-cols{columns:2 560px;column-gap:clamp(12px,1.3vw,20px)} .oxb-topic{ position:relative;container-type:inline-size;break-inside:avoid;margin:0 0 clamp(12px,1.3vw,20px);padding:12px 12px 10px;border-radius:20px; background:#fbfaf8;box-shadow:inset 0 0 0 1px rgba(11,11,12,.09);scroll-margin-top:calc(var(--oxh-bar) + 84px); } .oxb-topic::before{content:'';position:absolute;left:20px;right:20px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--hue)} .oxb-topic-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 12px;padding:8px 4px 12px} .oxb-topic-n::before{ content:attr(data-n);display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:10px; background:var(--oxh-ink);color:#fff;font-family:var(--oxh-mono);font-size:12.8px;font-weight:600;letter-spacing:.04em; box-shadow:inset 0 -2px 0 var(--hue); } .oxb-h2{margin:0;font-size:clamp(19px,calc(.6vw + 11px),23px);font-weight:600;line-height:1.2;letter-spacing:-.018em;color:var(--oxh-ink);text-wrap:balance} .oxb-topic-c{ justify-self:end;padding:5px 10px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(11,11,12,.12); font-family:var(--oxh-mono);font-size:12.4px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#2b2c31;white-space:nowrap; } .oxb-grid{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none} .oxb-grid>.oxb-card{flex:1 1 280px;min-width:0} .oxb-grid>.oxb-card.is-feature{flex-basis:100%} .oxb-card{ position:relative;padding:6px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px rgba(11,11,12,.08); transition:transform .5s var(--oxh-ease),box-shadow .4s ease; } .oxb-card.is-feature{display:grid;grid-template-rows:auto 1fr} .oxb-card.is-row{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center} .oxb-card-pic{position:relative;display:block;overflow:hidden;aspect-ratio:2 / 1;border-radius:10px} .oxb-card.is-row .oxb-card-pic{aspect-ratio:4 / 3} .oxb-card-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--oxh-ease)} .oxb-card-body{display:grid;align-content:start;gap:8px;padding:12px 10px 8px} .oxb-card.is-row .oxb-card-body{gap:6px;padding:4px 8px 4px 0} .oxb-card-t{margin:0;font-size:17.6px;font-weight:600;line-height:1.3;letter-spacing:-.014em;text-wrap:balance} .oxb-card.is-row .oxb-card-t{font-size:15.2px;line-height:1.32} .oxb-card-t a{color:var(--oxh-ink);text-decoration:none} .oxb-card-t a::after{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit} .oxb-card-d{margin:0;font-size:14.4px;line-height:1.55;color:#3b3c42} @container (min-width:600px){ .oxb-card.is-feature{grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);grid-template-rows:none} .oxb-card.is-feature .oxb-card-pic{aspect-ratio:auto;min-height:196px} .oxb-card.is-feature .oxb-card-body{align-content:center;padding:12px 14px 10px 16px} } @container (max-width:540px){ .oxb-card.is-feature{grid-template-columns:112px minmax(0,1fr);grid-template-rows:none;column-gap:12px;align-items:center} .oxb-card.is-feature .oxb-card-pic{aspect-ratio:4 / 3} .oxb-card.is-feature .oxb-card-body{display:contents} .oxb-card.is-feature .oxb-card-t{grid-column:2;padding:2px 8px 2px 0;font-size:16.4px} .oxb-card.is-feature .oxb-card-d{grid-column:1 / -1;padding:10px 6px 0} .oxb-card.is-feature .oxb-meta{grid-column:1 / -1;padding:8px 6px 6px} } .oxb-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(221,110,62,.45),0 18px 36px -28px rgba(11,11,12,.5)} .oxb-card:hover .oxb-card-pic img{transform:scale(1.05)} .oxb-card:focus-within{box-shadow:inset 0 0 0 2px var(--oxh-acc)} .oxb-all{background:#f6f5f1;color:var(--oxh-ink);padding-block:clamp(34px,3.4vw,58px) clamp(44px,4.4vw,72px);scroll-margin-top:calc(var(--oxh-bar) + 76px)} .oxb-filter{min-width:0;margin:0 0 clamp(14px,1.4vw,20px);padding:0;border:0} .oxb-filter-k{margin:0 0 10px;padding:0;font-family:var(--oxh-mono);font-size:12.4px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#4a4b52} .oxb-f-row{display:flex;flex-wrap:wrap;gap:6px} .oxb-f-in{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} .oxb-f-lab{ display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 6px 0 14px;border-radius:999px;cursor:pointer;user-select:none; background:#fff;box-shadow:inset 0 0 0 1px rgba(11,11,12,.12);font-size:14.4px;font-weight:500;color:var(--oxh-ink); transition:background-color .25s ease,color .25s ease,box-shadow .25s ease; } .oxb-f-lab i{width:8px;height:8px;flex:none;border-radius:50%;background:var(--hue)} .oxb-f-lab b{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:#f6f5f1;box-shadow:inset 0 0 0 1px rgba(11,11,12,.1);font-size:12.8px;font-weight:600} .oxb-f-lab:hover{box-shadow:inset 0 0 0 1px rgba(221,110,62,.55)} .oxb-f-in:checked+.oxb-f-lab{background:var(--oxh-ink);color:#fff;box-shadow:none} .oxb-f-in:checked+.oxb-f-lab b{background:#fff;color:var(--oxh-ink);box-shadow:none} .oxb-f-in:focus-visible+.oxb-f-lab{outline:2px solid var(--oxh-acc);outline-offset:3px} .oxb-table{ --oxb-cols:76px 64px minmax(0,1fr) 210px 64px; display:flex;flex-direction:column;counter-reset:oxbn; padding:4px 14px 10px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px rgba(11,11,12,.1),0 24px 50px -44px rgba(11,11,12,.4); } .oxb-thead{ display:grid;grid-template-columns:var(--oxb-cols);gap:16px;margin:0;padding:12px 10px 10px;border-bottom:1px solid rgba(11,11,12,.12); font-family:var(--oxh-mono);font-size:12.4px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#55565c; } .oxb-thead span:nth-child(2){grid-column:span 2} .oxb-thead span:last-child{text-align:right} .oxb-months{display:grid} .oxb-month-k{ display:flex;align-items:center;gap:12px;margin:0;padding:16px 10px 6px; font-family:var(--oxh-mono);font-size:12.6px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#202126; } .oxb-month-k::after{content:'';flex:1;height:1px;background:rgba(11,11,12,.1)} .oxb-rows{margin:0;padding:0;list-style:none} .oxb-row{ position:relative;display:grid;grid-template-columns:var(--oxb-cols);align-items:center;gap:16px; padding:8px 10px;border-radius:12px;transition:background-color .25s ease; } .oxb-row+.oxb-row{box-shadow:0 -1px 0 rgba(11,11,12,.07)} .oxb-row-d,.oxb-row-m{font-family:var(--oxh-mono);font-size:12.6px;letter-spacing:.02em;color:#4a4b52;white-space:nowrap} .oxb-row-m{text-align:right} .oxb-row-pic{position:relative;display:block;overflow:hidden;aspect-ratio:4 / 3;border-radius:8px} .oxb-row-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .oxb-row-t{margin:0;font-size:15.8px;font-weight:500;line-height:1.4;letter-spacing:-.008em} .oxb-row-t a{color:var(--oxh-ink);text-decoration:none} .oxb-row-t a::after{content:'';position:absolute;inset:0;border-radius:inherit} .oxb-row:hover{background:#faf8f5} .oxb-row:hover .oxb-row-t a{text-decoration:underline;text-decoration-color:var(--oxh-acc);text-underline-offset:4px} .oxb-row{counter-increment:oxbn} .oxb-empty{display:none;margin:0;padding:26px 10px 20px;text-align:center;font-size:15px;line-height:1.5;color:#4a4b52} .oxb-shown{order:-1;margin:0;padding:12px 10px 0;font-family:var(--oxh-mono);font-size:12.6px;letter-spacing:.04em;color:#4a4b52} .oxb-shown::before{content:'Showing ' counter(oxbn) ' of ' attr(data-total) ' posts'} .oxb-credits{margin:14px 4px 0;font-size:13px;line-height:1.5;color:#55565c} @media (max-width:1100px){ .oxb-front-grid{grid-template-columns:minmax(0,1fr)} .oxb-side{grid-template-rows:none} .oxb-figs-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:900px){ .oxb-wall{display:none} .oxb-stage::after{background:linear-gradient(180deg,rgba(11,9,18,.45),rgba(11,9,18,.7))} .oxb-stage-in{grid-template-columns:minmax(0,1fr);min-height:0} .oxb-table{--oxb-cols:64px 56px minmax(0,1fr) 170px 56px} } @media (max-width:860px){ .oxb-topics-in{flex-wrap:wrap} .oxb-topics-k{width:100%} .oxb-topics-list{flex-basis:100%} } @media (max-width:640px){ .oxb-facts{grid-template-columns:repeat(2,minmax(0,1fr))} .oxb-facts li{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.09)} .oxb-next{grid-template-columns:96px minmax(0,1fr);gap:12px} .oxb-next-d{display:none} .oxb-lead-tags{top:10px;left:10px} .oxb-figs-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .oxb-fig{padding:16px 14px 14px} .oxb-fig::before{left:14px} .oxb-fig:hover::before{width:calc(100% - 28px)} .oxb-qs-grid{display:flex;align-items:flex-start;gap:10px;columns:auto;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:10px} .oxb-qcard{flex:0 0 86%;margin:0;scroll-snap-align:start} .oxb-table{padding:2px 8px 8px} .oxb-thead{display:none} .oxb-row{grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:'p d m' 'p t t' 'p g g';gap:4px 12px;padding:10px 4px} .oxb-row-pic{grid-area:p;align-self:start} .oxb-row-d{grid-area:d} .oxb-row-m{grid-area:m} .oxb-row-t{grid-area:t} .oxb-row .oxb-tag{grid-area:g} } .oxb-card[data-c="comparison"] .oxb-card-pic,.oxb-next[data-c="comparison"] .oxb-next-pic,.oxb-lead[data-c="comparison"] .oxb-lead-pic,.oxb-row[data-c="comparison"] .oxb-row-pic,.oxb-wall-tile[data-c="comparison"]{background:radial-gradient(70% 90% at 22% 112%,rgba(255,138,80,.62),transparent 70%),radial-gradient(55% 80% at 100% 0%,rgba(228,88,154,.42),transparent 70%),linear-gradient(160deg,#3a1d2c,#1d1220)} .oxb-card[data-c="pricing"] .oxb-card-pic,.oxb-next[data-c="pricing"] .oxb-next-pic,.oxb-lead[data-c="pricing"] .oxb-lead-pic,.oxb-row[data-c="pricing"] .oxb-row-pic,.oxb-wall-tile[data-c="pricing"]{background:radial-gradient(70% 90% at 78% 112%,rgba(255,176,90,.55),transparent 70%),radial-gradient(55% 80% at 0% 0%,rgba(255,120,120,.38),transparent 70%),linear-gradient(160deg,#3b2618,#1e140e)} .oxb-card[data-c="thesis"] .oxb-card-pic,.oxb-next[data-c="thesis"] .oxb-next-pic,.oxb-lead[data-c="thesis"] .oxb-lead-pic,.oxb-row[data-c="thesis"] .oxb-row-pic,.oxb-wall-tile[data-c="thesis"]{background:radial-gradient(70% 90% at 24% 112%,rgba(120,170,220,.55),transparent 70%),radial-gradient(55% 80% at 100% 0%,rgba(155,107,255,.42),transparent 70%),linear-gradient(160deg,#1d2a44,#121a2c)} .oxb-card[data-c="research"] .oxb-card-pic,.oxb-next[data-c="research"] .oxb-next-pic,.oxb-lead[data-c="research"] .oxb-lead-pic,.oxb-row[data-c="research"] .oxb-row-pic,.oxb-wall-tile[data-c="research"]{background:radial-gradient(70% 90% at 74% 112%,rgba(90,190,160,.5),transparent 70%),radial-gradient(55% 80% at 0% 0%,rgba(120,170,220,.4),transparent 70%),linear-gradient(160deg,#16302c,#0f1d1c)} .oxb-card[data-c="web-design"] .oxb-card-pic,.oxb-next[data-c="web-design"] .oxb-next-pic,.oxb-lead[data-c="web-design"] .oxb-lead-pic,.oxb-row[data-c="web-design"] .oxb-row-pic,.oxb-wall-tile[data-c="web-design"]{background:radial-gradient(70% 90% at 26% 112%,rgba(255,130,190,.58),transparent 70%),radial-gradient(55% 80% at 100% 4%,rgba(255,170,100,.42),transparent 70%),linear-gradient(160deg,#47233f,#2a1730)} .oxb-card[data-c="ai-search"] .oxb-card-pic,.oxb-next[data-c="ai-search"] .oxb-next-pic,.oxb-lead[data-c="ai-search"] .oxb-lead-pic,.oxb-row[data-c="ai-search"] .oxb-row-pic,.oxb-wall-tile[data-c="ai-search"]{background:radial-gradient(70% 90% at 74% 112%,rgba(155,107,255,.62),transparent 70%),radial-gradient(55% 80% at 0% 0%,rgba(120,170,220,.46),transparent 70%),linear-gradient(160deg,#2c2752,#1b1a38)} .oxb-card[data-c="definitional"] .oxb-card-pic,.oxb-next[data-c="definitional"] .oxb-next-pic,.oxb-lead[data-c="definitional"] .oxb-lead-pic,.oxb-row[data-c="definitional"] .oxb-row-pic,.oxb-wall-tile[data-c="definitional"]{background:radial-gradient(70% 90% at 30% 112%,rgba(196,161,255,.5),transparent 70%),radial-gradient(55% 80% at 100% 0%,rgba(255,138,80,.4),transparent 70%),linear-gradient(160deg,#2d2140,#191427)} .oxb-card .oxb-card-pic,.oxb-next .oxb-next-pic,.oxb-lead .oxb-lead-pic,.oxb-row .oxb-row-pic,.oxb-wall-tile{background:radial-gradient(70% 90% at 26% 112%,rgba(255,138,80,.55),transparent 70%),radial-gradient(55% 80% at 100% 0%,rgba(124,58,237,.42),transparent 70%),linear-gradient(160deg,#2a1d33,#17121f)} .oxh-main [data-c="comparison"]{--hue:#ff8a50} .oxh-main [data-c="pricing"]{--hue:#f2a33a} .oxh-main [data-c="thesis"]{--hue:#5b8aaf} .oxh-main [data-c="research"]{--hue:#2f9e83} .oxh-main [data-c="web-design"]{--hue:#e0569b} .oxh-main [data-c="ai-search"]{--hue:#7c3aed} .oxh-main [data-c="definitional"]{--hue:#a77bf0} .oxb-all:has(#oxb-f-comparison:checked) .oxb-row:not([data-c="comparison"]){display:none} .oxb-all:has(#oxb-f-comparison:checked) .oxb-month:not(:has(.oxb-row[data-c="comparison"])){display:none} .oxh-main:has(#topic-comparison:target) .oxb-topics-list a[data-c="comparison"]{background:var(--oxh-ink);color:#fff;box-shadow:none} .oxh-main:has(#topic-comparison:target) .oxb-topics-list a[data-c="comparison"] b{background:#fff;color:var(--oxh-ink)} .oxb-all:has(#oxb-f-pricing:checked) .oxb-row:not([data-c="pricing"]){display:none} .oxb-all:has(#oxb-f-pricing:checked) .oxb-month:not(:has(.oxb-row[data-c="pricing"])){display:none} .oxh-main:has(#topic-pricing:target) .oxb-topics-list a[data-c="pricing"]{background:var(--oxh-ink);color:#fff;box-shadow:none} .oxh-main:has(#topic-pricing:target) .oxb-topics-list a[data-c="pricing"] b{background:#fff;color:var(--oxh-ink)} .oxb-all:has(#oxb-f-thesis:checked) .oxb-row:not([data-c="thesis"]){display:none} .oxb-all:has(#oxb-f-thesis:checked) .oxb-month:not(:has(.oxb-row[data-c="thesis"])){display:none} .oxh-main:has(#topic-thesis:target) .oxb-topics-list a[data-c="thesis"]{background:var(--oxh-ink);color:#fff;box-shadow:none} .oxh-main:has(#topic-thesis:target) .oxb-topics-list a[data-c="thesis"] b{background:#fff;color:var(--oxh-ink)} .oxb-all:has(#oxb-f-research:checked) .oxb-row:not([data-c="research"]){display:none} .oxb-all:has(#oxb-f-research:checked) .oxb-month:not(:has(.oxb-row[data-c="research"])){display:none} .oxh-main:has(#topic-research:target) .oxb-topics-list a[data-c="research"]{background:var(--oxh-ink);color:#fff;box-shadow:none} .oxh-main:has(#topic-research:target) .oxb-topics-list a[data-c="research"] b{background:#fff;color:var(--oxh-ink)} .oxb-all:has(#oxb-f-web-design:checked) .oxb-row:not([data-c="web-design"]){display:none} .oxb-all:has(#oxb-f-web-design:checked) .oxb-month:not(:has(.oxb-row[data-c="web-design"])){display:none} .oxh-main:has(#topic-web-design:target) .oxb-topics-list a[data-c="web-design"]{background:var(--oxh-ink);color:#fff;box-shadow:none} .oxh-main:has(#topic-web-design:target) .oxb-topics-list a[data-c="web-design"] b{background:#fff;color:var(--oxh-ink)} .oxb-all:has(#oxb-f-ai-search:checked) .oxb-row:not([data-c="ai-search"]){display:none} .oxb-all:has(#oxb-f-ai-search:checked) .oxb-month:not(:has(.oxb-row[data-c="ai-search"])){display:none} .oxh-main:has(#topic-ai-search:target) .oxb-topics-list a[data-c="ai-search"]{background:var(--oxh-ink);color:#fff;box-shadow:none} .oxh-main:has(#topic-ai-search:target) .oxb-topics-list a[data-c="ai-search"] b{background:#fff;color:var(--oxh-ink)} .oxb-all:has(#oxb-f-definitional:checked) .oxb-row:not([data-c="definitional"]){display:none} .oxb-all:has(#oxb-f-definitional:checked) .oxb-month:not(:has(.oxb-row[data-c="definitional"])){display:none} .oxh-main:has(#topic-definitional:target) .oxb-topics-list a[data-c="definitional"]{background:var(--oxh-ink);color:#fff;box-shadow:none} .oxh-main:has(#topic-definitional:target) .oxb-topics-list a[data-c="definitional"] b{background:#fff;color:var(--oxh-ink)} .oxb-all:has(#oxb-l-short:checked) .oxb-row:not([data-len="short"]){display:none} .oxb-all:has(#oxb-l-short:checked) .oxb-month:not(:has(.oxb-row[data-len="short"])){display:none} .oxb-all:has(#oxb-f-comparison:checked):has(#oxb-l-short:checked) .oxb-month:not(:has(.oxb-row[data-c="comparison"][data-len="short"])){display:none} .oxb-all:has(#oxb-f-comparison:checked):has(#oxb-l-short:checked) .oxb-table:not(:has(.oxb-row[data-c="comparison"][data-len="short"])) .oxb-empty{display:block} .oxb-all:has(#oxb-f-pricing:checked):has(#oxb-l-short:checked) .oxb-month:not(:has(.oxb-row[data-c="pricing"][data-len="short"])){display:none} .oxb-all:has(#oxb-f-pricing:checked):has(#oxb-l-short:checked) .oxb-table:not(:has(.oxb-row[data-c="pricing"][data-len="short"])) .oxb-empty{display:block} .oxb-all:has(#oxb-f-thesis:checked):has(#oxb-l-short:checked) .oxb-month:not(:has(.oxb-row[data-c="thesis"][data-len="short"])){display:none} .oxb-all:has(#oxb-f-thesis:checked):has(#oxb-l-short:checked) .oxb-table:not(:has(.oxb-row[data-c="thesis"][data-len="short"])) .oxb-empty{display:block} .oxb-all:has(#oxb-f-research:checked):has(#oxb-l-short:checked) .oxb-month:not(:has(.oxb-row[data-c="research"][data-len="short"])){display:none} .oxb-all:has(#oxb-f-research:checked):has(#oxb-l-short:checked) .oxb-table:not(:has(.oxb-row[data-c="research"][data-len="short"])) .oxb-empty{display:block} .oxb-all:has(#oxb-f-web-design:checked):has(#oxb-l-short:checked) .oxb-month:not(:has(.oxb-row[data-c="web-design"][data-len="short"])){display:none} .oxb-all:has(#oxb-f-web-design:checked):has(#oxb-l-short:checked) .oxb-table:not(:has(.oxb-row[data-c="web-design"][data-len="short"])) .oxb-empty{display:block} .oxb-all:has(#oxb-f-ai-search:checked):has(#oxb-l-short:checked) .oxb-month:not(:has(.oxb-row[data-c="ai-search"][data-len="short"])){display:none} .oxb-all:has(#oxb-f-ai-search:checked):has(#oxb-l-short:checked) .oxb-table:not(:has(.oxb-row[data-c="ai-search"][data-len="short"])) .oxb-empty{display:block} .oxb-all:has(#oxb-f-definitional:checked):has(#oxb-l-short:checked) .oxb-month:not(:has(.oxb-row[data-c="definitional"][data-len="short"])){display:none} .oxb-all:has(#oxb-f-definitional:checked):has(#oxb-l-short:checked) .oxb-table:not(:has(.oxb-row[data-c="definitional"][data-len="short"])) .oxb-empty{display:block} .oxb-all:has(#oxb-l-mid:checked) .oxb-row:not([data-len="mid"]){display:none} .oxb-all:has(#oxb-l-mid:checked) .oxb-month:not(:has(.oxb-row[data-len="mid"])){display:none} .oxb-all:has(#oxb-f-comparison:checked):has(#oxb-l-mid:checked) .oxb-month:not(:has(.oxb-row[data-c="comparison"][data-len="mid"])){display:none} .oxb-all:has(#oxb-f-comparison:checked):has(#oxb-l-mid:checked) .oxb-table:not(:has(.oxb-row[data-c="comparison"][data-len="mid"])) .oxb-empty{display:block} .oxb-all:has(#oxb-f-pricing:checked):has(#oxb-l-mid:checked) .oxb-month:not(:has(.oxb-row[data-c="pricing"][data-len="mid"])){display:none} .oxb-all:has(#oxb-f-pricing:checked):has(#oxb-l-mid:checked) .oxb-table:not(:has(.oxb-row[data-c="pricing"][data-len="mid"])) .oxb-empty{display:block} .oxb-all:has(#oxb-f-thesis:checked):has(#oxb-l-mid:checked) .oxb-month:not(:has(.oxb-row[data-c="thesis"][data-len="mid"])){display:none} .oxb-all:has(#oxb-f-thesis:checked):has(#oxb-l-mid:checked) .oxb-table:not(:has(.oxb-row[data-c="thesis"][data-len="mid"])) .oxb-empty{display:block} .oxb-all:has(#oxb-f-research:checked):has(#oxb-l-mid:checked) .oxb-month:not(:has(.oxb-row[data-c="research"][data-len="mid"])){display:none} .oxb-all:has(#oxb-f-research:checked):has(#oxb-l-mid:checked) .oxb-table:not(:has(.oxb-row[data-c="research"][data-len="mid"])) .oxb-empty{display:block} .oxb-all:has(#oxb-f-web-design:checked):has(#oxb-l-mid:checked) .oxb-month:not(:has(.oxb-row[data-c="web-design"][data-len="mid"])){display:none} .oxb-all:has(#oxb-f-web-design:checked):has(#oxb-l-mid:checked) .oxb-table:not(:has(.oxb-row[data-c="web-design"][data-len="mid"])) .oxb-empty{display:block} .oxb-all:has(#oxb-f-ai-search:checked):has(#oxb-l-mid:checked) .oxb-month:not(:has(.oxb-row[data-c="ai-search"][data-len="mid"])){display:none} .oxb-all:has(#oxb-f-ai-search:checked):has(#oxb-l-mid:checked) .oxb-table:not(:has(.oxb-row[data-c="ai-search"][data-len="mid"])) .oxb-empty{display:block} .oxb-all:has(#oxb-f-definitional:checked):has(#oxb-l-mid:checked) .oxb-month:not(:has(.oxb-row[data-c="definitional"][data-len="mid"])){display:none} .oxb-all:has(#oxb-f-definitional:checked):has(#oxb-l-mid:checked) .oxb-table:not(:has(.oxb-row[data-c="definitional"][data-len="mid"])) .oxb-empty{display:block} .oxb-all:has(#oxb-l-long:checked) .oxb-row:not([data-len="long"]){display:none} .oxb-all:has(#oxb-l-long:checked) .oxb-month:not(:has(.oxb-row[data-len="long"])){display:none} .oxb-all:has(#oxb-f-comparison:checked):has(#oxb-l-long:checked) .oxb-month:not(:has(.oxb-row[data-c="comparison"][data-len="long"])){display:none} .oxb-all:has(#oxb-f-comparison:checked):has(#oxb-l-long:checked) .oxb-table:not(:has(.oxb-row[data-c="comparison"][data-len="long"])) .oxb-empty{display:block} .oxb-all:has(#oxb-f-pricing:checked):has(#oxb-l-long:checked) .oxb-month:not(:has(.oxb-row[data-c="pricing"][data-len="long"])){display:none} .oxb-all:has(#oxb-f-pricing:checked):has(#oxb-l-long:checked) .oxb-table:not(:has(.oxb-row[data-c="pricing"][data-len="long"])) .oxb-empty{display:block} .oxb-all:has(#oxb-f-thesis:checked):has(#oxb-l-long:checked) .oxb-month:not(:has(.oxb-row[data-c="thesis"][data-len="long"])){display:none} .oxb-all:has(#oxb-f-thesis:checked):has(#oxb-l-long:checked) .oxb-table:not(:has(.oxb-row[data-c="thesis"][data-len="long"])) .oxb-empty{display:block} .oxb-all:has(#oxb-f-research:checked):has(#oxb-l-long:checked) .oxb-month:not(:has(.oxb-row[data-c="research"][data-len="long"])){display:none} .oxb-all:has(#oxb-f-research:checked):has(#oxb-l-long:checked) .oxb-table:not(:has(.oxb-row[data-c="research"][data-len="long"])) .oxb-empty{display:block} .oxb-all:has(#oxb-f-web-design:checked):has(#oxb-l-long:checked) .oxb-month:not(:has(.oxb-row[data-c="web-design"][data-len="long"])){display:none} .oxb-all:has(#oxb-f-web-design:checked):has(#oxb-l-long:checked) .oxb-table:not(:has(.oxb-row[data-c="web-design"][data-len="long"])) .oxb-empty{display:block} .oxb-all:has(#oxb-f-ai-search:checked):has(#oxb-l-long:checked) .oxb-month:not(:has(.oxb-row[data-c="ai-search"][data-len="long"])){display:none} .oxb-all:has(#oxb-f-ai-search:checked):has(#oxb-l-long:checked) .oxb-table:not(:has(.oxb-row[data-c="ai-search"][data-len="long"])) .oxb-empty{display:block} .oxb-all:has(#oxb-f-definitional:checked):has(#oxb-l-long:checked) .oxb-month:not(:has(.oxb-row[data-c="definitional"][data-len="long"])){display:none} .oxb-all:has(#oxb-f-definitional:checked):has(#oxb-l-long:checked) .oxb-table:not(:has(.oxb-row[data-c="definitional"][data-len="long"])) .oxb-empty{display:block} @media (prefers-reduced-motion:no-preference){ .oxh[data-top="light"] .oxh-bar{animation:none} .oxb-hero .oxb-h1-em::after{animation:oxbSwoosh 1s var(--oxh-ease) .5s both} .oxb-pill i,.oxb-lead-k i,.oxb-ask-k i{animation:oxbPing 2.6s ease-out 1.2s 6} .oxb-stage-sky i:nth-child(1){animation:oxbSkyA 18s ease-in-out infinite alternate} .oxb-stage-sky i:nth-child(2){animation:oxbSkyB 22s ease-in-out infinite alternate} .oxb-stage-sky i:nth-child(3){animation:oxbSkyA 26s ease-in-out -8s infinite alternate-reverse} .oxb-stage-sky i:nth-child(4){animation:oxbSpin 140s linear infinite} .oxb-wall-col[data-dir="up"]{animation:oxbWallUp 70s linear infinite} .oxb-wall-col[data-dir="down"]{animation:oxbWallDown 84s linear infinite} .oxb-wall-col:nth-child(3){animation-duration:96s} .oxb-facts li{animation:oxbRise .8s var(--oxh-ease) both;animation-delay:calc(.3s + var(--f,0) * .07s)} .oxb-facts li:nth-child(2){--f:1} .oxb-facts li:nth-child(3){--f:2} .oxb-facts li:nth-child(4){--f:3} .oxb-lead{animation:oxbRise .9s var(--oxh-ease) .25s both} .oxb-next{animation:oxbRise .8s var(--oxh-ease) both;animation-delay:calc(.4s + var(--i,0) * .08s)} .oxb-ask{animation:oxbRise .9s var(--oxh-ease) .6s both} .oxb-ask-q::before{animation:oxbTick .9s var(--oxh-ease) both;animation-delay:calc(.9s + var(--i,0) * .1s)} .oxb-topic:target .oxb-topic-n::before{animation:oxbHere 1.6s var(--oxh-ease) .2s 2} @supports (animation-timeline:scroll()){ .oxb-topics-run{animation:oxbRun linear both;animation-timeline:scroll(root)} @media (min-width:861px){ .oxb-topics{animation:oxbStick linear both;animation-timeline:scroll(root);animation-range:0 160px} } } @supports (animation-timeline:view()){ .oxb-fig,.oxb-card,.oxb-qcard{animation:oxbCardIn linear both;animation-timeline:view();animation-range:entry 0% cover 22%} .oxb-topic-n::before{animation:oxbStamp linear both;animation-timeline:view();animation-range:entry 0% cover 20%} .oxb-topic:target .oxb-topic-n::before{animation:oxbHere 1.6s var(--oxh-ease) .2s 2} } } @keyframes oxbSwoosh{from{transform:scaleX(0)}to{transform:none}} @keyframes oxbPing{0%{box-shadow:0 0 0 0 rgba(255,138,80,.55)}70%,100%{box-shadow:0 0 0 9px rgba(255,138,80,0)}} @keyframes oxbRise{from{transform:translateY(18px)}to{transform:none}} @keyframes oxbTick{from{transform:scaleY(0)}to{transform:scaleY(.35)}} @keyframes oxbRun{from{transform:scaleX(0)}to{transform:scaleX(1)}} @keyframes oxbStick{from{top:var(--oxh-bar)}to{top:var(--oxh-bar-min)}} @keyframes oxbSkyA{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(16%,12%,0) scale(1.16)}} @keyframes oxbSkyB{from{transform:translate3d(0,0,0) scale(1.05)}to{transform:translate3d(-14%,16%,0) scale(.9)}} @keyframes oxbSpin{to{transform:rotate(360deg)}} @keyframes oxbWallUp{from{transform:translateY(0)}to{transform:translateY(-50%)}} @keyframes oxbWallDown{from{transform:translateY(-50%)}to{transform:translateY(0)}} @keyframes oxbCardIn{from{transform:translateY(34px) scale(.98)}to{transform:none}} @keyframes oxbStamp{from{transform:scale(.6) rotate(-12deg)}to{transform:none}} @keyframes oxbHere{0%{box-shadow:inset 0 -2px 0 var(--hue),0 0 0 0 rgba(221,110,62,.55)}70%,100%{box-shadow:inset 0 -2px 0 var(--hue),0 0 0 12px rgba(221,110,62,0)}}