.journal-chip{border-radius:var(--radius-pill);min-height:1.5rem;font-size:var(--type-text);line-height:var(--leading-tight);border:1px solid;justify-self:start;align-items:center;padding:.125rem .5625rem;display:inline-flex}.journal-meta{justify-content:space-between;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--type-text);text-transform:uppercase;display:flex}.journal-meta svg{flex:none;width:1rem;height:1rem}.journal-page>.page-opening~.journal-featured{margin-top:var(--space-16)}.journal-featured{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));gap:var(--grid-gap);display:grid}.journal-lead{grid-column:1/span 8}.journal-side{grid-column:9/-1}.journal-lead{isolation:isolate;border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--charcoal);align-content:end;min-height:34rem;display:grid;position:relative;overflow:hidden}.journal-lead img{z-index:-2;object-fit:cover;width:100%;height:100%;transition:scale var(--spring-soft);position:absolute;inset:0}.journal-lead:before{content:"";z-index:-1;background:linear-gradient(#0000001a 30%,#000000d9);position:absolute;inset:0}.journal-lead-copy{gap:var(--space-4);max-width:40rem;padding:var(--space-8);color:var(--paper);display:grid}.journal-lead h3{font-size:var(--type-text);line-height:var(--leading-ui);letter-spacing:var(--tracking-text)}.journal-lead-copy>p{opacity:.8}.journal-lead .journal-chip{background:var(--accent-fill);color:var(--charcoal);border-color:#0000}.journal-lead .journal-meta{color:inherit;opacity:.8;justify-content:start}.journal-lead:is(:hover,:focus-visible) img{scale:1.03}.journal-side{gap:var(--grid-gap);grid-template-rows:auto 1fr;display:grid}.journal-side-card{isolation:isolate;align-content:start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--rule);border-radius:var(--radius-tile);transition:var(--transition-card);display:grid;position:relative;overflow:hidden}.journal-cover{align-content:stretch;gap:var(--space-6);padding:var(--space-6);border:0;grid-template-rows:auto 1fr auto;display:grid}.journal-cover-top{justify-content:space-between;align-items:start;display:flex}.journal-cover-number{font-family:var(--font-pixel);font-size:var(--type-large);line-height:var(--leading-crop);letter-spacing:var(--tracking-display)}.journal-cover h3{font-size:var(--type-text);line-height:var(--leading-ui);letter-spacing:var(--tracking-text)}.journal-cover-panel{gap:var(--space-4);padding:var(--space-4) var(--space-6);border-radius:var(--radius-panel);background:var(--paper);display:grid}.journal-cover-panel>p{color:var(--charcoal);font-size:var(--type-text)}.journal-side-card h3{font-size:var(--type-text);line-height:var(--leading-ui);letter-spacing:var(--tracking-text)}.journal-side-card p{color:var(--ink-muted);font-size:var(--type-text)}.journal-library{margin-block:var(--section-space)}.journal-library-head{gap:var(--space-6);margin-bottom:var(--space-6);display:grid}.journal-library-head h2{font-size:var(--type-large);line-height:var(--leading-large);letter-spacing:var(--tracking-large)}.journal-filters{margin-bottom:var(--space-8)}.journal-count{min-height:1.5em;margin-bottom:var(--space-4);color:var(--ink-muted);font-size:var(--type-text)}.journal-grid{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.journal-card{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.journal-card-top{justify-content:space-between;align-items:start;gap:var(--space-4);display:flex}.journal-swatch{aspect-ratio:1;background:var(--gradient-spectrum);width:4.5rem}.journal-card:nth-child(2n) .journal-swatch{border-radius:var(--radius-panel)}.journal-swatch[data-topic-field=ai]{background:var(--violet)}.journal-swatch[data-topic-field=design]{background:var(--gradient-orchid)}.journal-swatch[data-topic-field=development]{background:var(--lime)}.journal-swatch[data-topic-field=strategy]{background:var(--orange)}.journal-swatch[data-topic-field=comparisons]{background:var(--gradient-spatial)}.journal-swatch[data-topic-field=pricing]{background:var(--gradient-lime)}.journal-swatch[data-topic-field=tools]{background:var(--gradient-violet)}.journal-card>a{isolation:isolate;gap:var(--space-6);height:100%;min-height:20rem;padding:var(--space-6);transition:var(--transition-card);grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.journal-card-body{align-content:end;gap:var(--space-3);display:grid}.journal-card h3{font-size:var(--type-text);line-height:var(--leading-ui);letter-spacing:var(--tracking-text)}.journal-card-body p{color:var(--ink-muted);font-size:var(--type-text);transition:color var(--motion-ui) var(--ease-ui)}.journal-card .journal-meta{padding-top:var(--space-4);border-top:1px solid}.journal-library .journal-grid{border:0}.journal-tile-link{isolation:isolate;gap:var(--space-6);height:100%;min-height:26rem;padding:var(--space-6);border:1px solid var(--rule);border-radius:var(--radius-tile);color:var(--ink);background:var(--canvas);transition:var(--transition-card);grid-template-rows:auto auto 1fr auto;display:grid;position:relative;overflow:hidden}.journal-tile .journal-tile-link{margin:0 -1px -1px 0}.journal-tile-link:is(:hover,:focus-visible){z-index:1}.journal-tile-media{aspect-ratio:3/2;display:block;position:relative;overflow:hidden}.journal-tile-swatch{opacity:0;transition:opacity var(--motion-reveal) var(--ease-reveal);position:absolute;inset:0}.journal-tile-link:is(:hover,:focus-visible) .journal-tile-swatch{opacity:1}.journal-tile-media img{object-fit:cover;width:100%;height:100%;transition:scale var(--spring-soft)}.journal-tile-link:is(:hover,:focus-visible) .journal-tile-media img{scale:1.03}.journal-tile-number{font-family:var(--font-pixel);font-size:var(--type-large);line-height:var(--leading-crop);letter-spacing:var(--tracking-display);transition:opacity var(--motion-ui) var(--ease-ui);display:none;position:absolute;inset:auto auto 0 0}.journal-tile-link:is(:hover,:focus-visible) .journal-tile-number{opacity:0}.journal-tile-body{align-content:end;gap:var(--space-3);display:grid}.journal-tile-body h3{font-size:var(--type-text);line-height:var(--leading-ui);letter-spacing:var(--tracking-text);text-wrap:balance}.journal-tile-body p{max-width:var(--measure-text);color:var(--ink-muted);font-size:var(--type-text);transition:color var(--motion-ui) var(--ease-ui);display:none}.journal-tile-link .journal-meta{padding-top:var(--space-4);border-top:1px solid}.journal-side-tile{gap:var(--space-4);min-height:0;padding:var(--space-4);grid-template-rows:auto auto 1fr auto}.journal-side-tile .journal-tile-media{aspect-ratio:16/9}.journal-tile:is(:nth-child(9n+1 of :not([hidden])),:nth-child(9n+8 of :not([hidden])),[data-photo]:nth-child(9n+7 of :not([hidden]))) .journal-tile-body p{display:block}.journal-tile:is(:nth-child(9n+1 of :not([hidden])),:nth-child(9n+8 of :not([hidden])),[data-photo]:nth-child(9n+7 of :not([hidden]))) h3{font-size:var(--type-text);line-height:var(--leading-ui);letter-spacing:var(--tracking-text)}.journal-tile:is(:nth-child(9n+1 of :not([hidden])),:nth-child(9n+8 of :not([hidden]))) .journal-tile-swatch{opacity:1}.journal-tile:not([data-photo]):is(:nth-child(9n+4 of :not([hidden])),:nth-child(9n+7 of :not([hidden]))) .journal-tile-number{display:block}.journal-tile:not([data-photo]):nth-child(9n+7 of :not([hidden])) .journal-tile-link{grid-template-rows:auto minmax(8rem,1fr) auto auto}.journal-tile:not([data-photo]):nth-child(9n+7 of :not([hidden])) .journal-tile-media{aspect-ratio:auto}.journal-tile:not([data-photo]):nth-child(9n+7 of :not([hidden])) .journal-tile-number{inset:0 0 auto auto}.journal-tile:not([data-photo]):nth-child(9n+7 of :not([hidden])) h3{font-size:var(--type-text);line-height:var(--leading-ui);letter-spacing:var(--tracking-text)}.journal-more{margin-top:var(--space-12);justify-content:center;display:flex}@media (width>=64rem){.journal-tile:is(:nth-child(9n+1 of :not([hidden])),:nth-child(9n+7 of :not([hidden])),:nth-child(9n+8 of :not([hidden]))){grid-column:span 2}.journal-tile:is(:nth-child(9n+1 of :not([hidden])),:nth-child(9n+8 of :not([hidden])),[data-photo]:nth-child(9n+7 of :not([hidden]))) .journal-tile-link{column-gap:var(--grid-gap);grid-template-rows:auto 1fr auto;grid-template-columns:repeat(2,minmax(0,1fr))}.journal-tile:is(:nth-child(9n+1 of :not([hidden])),:nth-child(9n+8 of :not([hidden])),[data-photo]:nth-child(9n+7 of :not([hidden]))) .journal-tile-media{aspect-ratio:auto;grid-area:1/2/-1}.journal-tile:not([data-photo]):nth-child(9n+7 of :not([hidden])) .journal-tile-body{align-items:end;column-gap:var(--grid-gap);grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.journal-tile:not([data-photo]):nth-child(9n+7 of :not([hidden])) .journal-tile-body p{display:block}}@media (width<64rem){.journal-featured>:is(.journal-lead,.journal-side){grid-column:1/-1}.journal-side{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (48rem<=width<64rem){.journal-tile:nth-child(9n+1 of :not([hidden])){grid-column:span 2}.journal-tile:nth-child(9n+1 of :not([hidden])) .journal-tile-link{column-gap:var(--grid-gap);grid-template-rows:auto 1fr auto;grid-template-columns:repeat(2,minmax(0,1fr))}.journal-tile:nth-child(9n+1 of :not([hidden])) .journal-tile-media{aspect-ratio:auto;grid-area:1/2/-1}}@media (width<48rem){.journal-hero{padding-block:var(--space-12) var(--space-8)}.journal-lead{min-height:26rem}.journal-lead img{aspect-ratio:3/2;height:auto;inset:0 0 auto;mask-image:linear-gradient(#000 55%,#0000)}.journal-lead-copy{padding:var(--space-6)}.journal-side,.journal-grid{grid-template-columns:minmax(0,1fr)}.journal-card>a{min-height:0}.journal-tile-link{gap:var(--space-4);min-height:0}.journal-tile-media{aspect-ratio:2}.journal-tile[data-photo] .journal-tile-media,.journal-side-tile .journal-tile-media{aspect-ratio:3/2}.journal-tile-number{font-size:var(--type-large)}}
