@layer vh-base,vh-part;@layer vh-part{.browse-flow .browse-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 32px;padding-block:24px 28px;border-bottom:1px solid var(--border-strong)}.browse-flow .browse-hero .eyebrow{grid-column:1;margin-bottom:14px;font-size:.7rem;letter-spacing:0}.browse-flow .browse-hero h1{grid-column:1;font-size:clamp(32px,4.4vw,62px);animation:browse-ink .65s cubic-bezier(.2,.8,.25,1) both;margin-bottom:16px}.browse-flow .browse-keep{white-space:nowrap}.browse-flow .browse-hero .sub{grid-column:1;font-size:.95rem;max-width:65ch}.browse-flow .browse-serial{grid-column:2;grid-row:1/4;display:grid;place-content:center;align-self:start;min-width:160px;border-left:1px solid var(--border-strong);padding-left:32px;color:transparent;-webkit-text-stroke:1px var(--accent);font:900 clamp(90px,10vw,150px)/1 var(--font-display);letter-spacing:-.07em;animation:browse-number .7s cubic-bezier(.2,.8,.25,1) both}.browse-flow .browse-serial small{display:block;margin-top:14px;color:var(--fg-muted);-webkit-text-stroke:0;font:400 .6rem/1.6 var(--font-mono);letter-spacing:.08em;text-align:right}.browse-flow .hero-meta{grid-column:1/-1;margin-top:24px;padding-top:20px;gap:16px 32px;letter-spacing:0}.browse-flow .browse-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}.browse-flow .browse-actions a,.browse-flow [data-browse-motion]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--border-strong);border-radius:4px;padding:10px 16px;font:600 .8rem/1.5 var(--font-body);background:transparent;color:var(--fg);text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s}.browse-flow .browse-actions .browse-primary{background:var(--accent);color:var(--fg-inverse);border-color:var(--accent)}.browse-flow .browse-actions a:hover,.browse-flow [data-browse-motion]:hover{border-color:var(--accent);background:var(--accent-wash);color:var(--fg)}.browse-flow [data-browse-motion]{margin-left:auto;color:var(--fg-muted)}.browse-flow .browse-license{grid-column:1/-1;margin-top:20px}.browse-flow .browse-license .license-hub{margin:0}.browse-flow .section{margin-block:clamp(48px,6vw,80px)}.browse-flow .section-head{position:relative;padding-bottom:20px;margin-bottom:24px;border-color:var(--border-strong)}.browse-flow .section-head h2{position:relative;width:fit-content;max-width:100%;font-size:clamp(24px,2.8vw,38px);font-weight:800;line-height:1.4;scroll-margin-top:calc(var(--header-offset) + 36px)}.browse-flow .section-index{display:block;margin-bottom:10px;color:var(--accent);font:400 .65rem/1.6 var(--font-mono);letter-spacing:.08em}.browse-flow .section-head h2:after{content:"";position:absolute;inset:0 -2px;background:var(--accent);clip-path:inset(0 0 0 100%);pointer-events:none}.browse-flow .section-head[data-printed=on] h2:after{animation:browse-pass .64s cubic-bezier(.65,0,.25,1) both}.browse-flow .section-head[data-printed=on] .section-index{transform-origin:left;animation:browse-ticket .64s ease-out both}.browse-flow .section-meta{color:var(--fg-muted);letter-spacing:0;white-space:normal;overflow-wrap:anywhere}.browse-flow .tax-pill{border-radius:4px}.browse-flow[data-intro=skip] :is(.browse-hero h1,.browse-serial,.article-title){animation:none}.browse-flow[data-motion=off] :is(.reveal,.section-index),.browse-flow[data-motion=off] .section-head h2:after{animation:none}@keyframes browse-ink{0%{clip-path:inset(0 100% 0 0);text-shadow:-3px 0 #ff573360,3px 0 #b4ff3960}65%{clip-path:inset(0)}to{clip-path:inset(0);text-shadow:none}}@keyframes browse-number{0%{transform:rotate(-8deg) scale(1.12)}65%{transform:rotate(1deg) scale(.98)}to{transform:none}}@keyframes browse-pass{0%,15%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}@keyframes browse-ticket{0%{transform:rotate(-5deg) scale(1.12)}to{transform:none}}@media(max-width:899px){.browse-flow .browse-hero{gap:0 20px}.browse-flow .browse-serial{min-width:112px;padding-left:20px;font-size:90px}}@media(max-width:540px){.browse-flow .browse-hero{display:block;padding-top:16px}.browse-flow .browse-hero h1{font-size:32px}.browse-flow .browse-serial{display:none}.browse-flow .hero-meta{gap:12px 24px}.browse-flow .hero-meta>span{max-width:100%;overflow-wrap:anywhere}.browse-flow .browse-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.browse-flow .browse-actions a{padding:10px;font-size:.75rem}.browse-flow [data-browse-motion]{margin-left:0}.browse-flow .section-head h2{font-size:25px}}}
