.bb-thumb{position:relative;overflow:hidden;aspect-ratio:40/21}.bb-thumb svg,.bb-thumb img{position:absolute;inset:0;width:100%;height:100%;display:block;transition:transform .5s var(--ease)}.bb-thumb--img{background:var(--i100)}.bb-thumb img{object-fit:cover;object-position:50% 0}.bb-card{position:relative;min-width:0;height:100%;display:grid;grid-template-rows:auto 1fr;border-radius:var(--r-lg);overflow:hidden;background:var(--wash);color:var(--ink);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.bb-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px -28px #02233073}.bb-card:active{transform:translateY(-1px) scale(.985);box-shadow:var(--lift);transition-duration:.08s}.bb-card:hover .bb-thumb :is(svg,img){transform:scale(1.04)}.bb-card:has(.bb-card__a:focus-visible){outline:3px solid var(--l600);outline-offset:3px}.bb-card__body{display:flex;flex-direction:column;gap:10px;padding:clamp(18px,1.5vw,28px)}.bb-card__cat{margin:0;font-size:clamp(13.5px,.9vw,15px);font-weight:600;color:var(--l700)}.bb-card__t{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(19px,1.3vw,24px);line-height:1.18;letter-spacing:-.012em;text-wrap:balance}.bb-card__a{color:inherit;text-decoration:none}.bb-card__a:focus-visible{outline:none}.bb-card__a:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}.bb-card__ft{margin-top:auto;padding-top:clamp(10px,1vw,18px);display:flex;align-items:center;justify-content:space-between;gap:12px}.bb-card__meta{margin:0;font-size:clamp(14px,.9vw,15.5px);color:var(--ink-faint);font-variant-numeric:tabular-nums}.bb-card__go{flex:none;width:36px;height:36px;border-radius:var(--radius-round);display:grid;place-items:center;background:var(--paper);color:var(--ink);transition:background .15s}.bb-card__go .gb-arr{width:16px;height:16px;transition:transform .2s var(--ease)}.bb-card:hover .bb-card__go{background:var(--primary);color:var(--primary-ink)}.bb-card:hover .bb-card__go .gb-arr{transform:translate(3px)}@media(prefers-reduced-motion:reduce){.bb-card:hover,.bb-card:active,.bb-card:hover .bb-thumb :is(svg,img){transform:none}}.bb-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,24px)}.bb-grid>li{display:grid;min-width:0}@media(max-width:1000px){.bb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.bb-grid{grid-template-columns:1fr}}.bb-related__h{margin:0 0 clamp(20px,2.2vw,36px);font-family:var(--display);font-weight:600;font-size:clamp(28px,2.4vw,44px);line-height:1.05;letter-spacing:-.02em}.bb-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 clamp(20px,2vw,32px);font-size:clamp(14px,.95vw,16px);font-weight:500}.bb-crumb a{color:#e2e1fdc7;text-decoration:none;transition:color .15s}.bb-crumb a:hover{color:#fff}.bb-crumb__sep{color:#e2e1fd66}.bb-nl__field{background:var(--i100);border-radius:var(--r-lg);padding:clamp(28px,4vw,72px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5rem,120px);align-items:end;min-height:clamp(240px,20vw,360px)}.bb-nl__field .bb-nl__form{align-self:end}.bb-nl__copy{display:grid;gap:clamp(10px,1vw,16px);align-self:start}.bb-nl__h{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(30px,3vw,52px);line-height:1;letter-spacing:-.022em;color:var(--ink)}.bb-nl__p{margin:0;font-size:var(--t-lead);line-height:1.45;color:var(--ink-soft);max-width:34ch}.bb-nl__form{display:grid;gap:10px;width:100%;max-width:520px;justify-self:end}.bb-nl__row{display:flex;gap:10px}.bb-nl__row .gb-input{flex:1;min-width:0;background:var(--paper)}.bb-nl__err{margin:0}.bb-nl__done{display:flex;align-items:center;gap:14px;margin:0;font-weight:600;font-size:clamp(16px,1.1vw,19px);color:var(--ink)}.bb-nl__done i{width:36px;height:36px;border-radius:var(--radius-round);background:var(--e300);color:var(--e900);display:grid;place-items:center;flex:none;animation:gbpop .45s var(--ease)}.bb-nl__done .gb-ic{width:20px;height:20px}@media(max-width:900px){.bb-nl__field{grid-template-columns:1fr;padding-top:clamp(28px,8vw,48px)}.bb-nl__form{justify-self:start;max-width:none}.bb-nl__p{max-width:30ch}}@media(max-width:480px){.bb-nl__row{flex-direction:column}}.bb-end .gb-demo h2{max-width:16ch}