/* Tarifly Magazin-Hero (blog index). Layouts: featured-list | featured-grid | grid | list. */
.tf-bmag{position:relative;isolation:isolate;overflow:clip;container-type:inline-size;container-name:bmag;--tf-bm-fg:var(--tf-ink);--tf-bm-sub:var(--tf-text);--tf-bm-mute:var(--tf-mute);--tf-bm-card:#fff;color:var(--tf-bm-sub)}
.tf-bmag:not(.alignfull){border-radius:calc(var(--tf-r) + 10px)}
.tf-bmag__bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.tf-bmag__inner{max-width:var(--wd-container-w,1222px);margin-inline:auto;padding:clamp(28px,5vw,72px) clamp(18px,4vw,40px);display:grid;gap:clamp(24px,3.4vw,44px)}
.tf-bmag__head{display:grid;gap:clamp(12px,1.6vw,18px);max-width:820px}
.tf-bmag__eyebrow{display:inline-flex;width:max-content;padding:7px 14px;border-radius:99px;background:var(--tf-acc-soft);color:var(--tf-link);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;line-height:1}
.tf-bmag__heading{margin:0;font-size:clamp(30px,6cqi,64px);line-height:1.04;font-weight:800;letter-spacing:-.035em;color:var(--tf-bm-fg);text-wrap:balance}
.tf-bmag__desc{margin:0;max-width:60ch;font-size:clamp(16px,1.5vw,20px);line-height:1.6;color:var(--tf-bm-sub);text-wrap:pretty}

/* themes */
.tf-bmag--light{background:#fff}
.tf-bmag--tinted{background:radial-gradient(60% 80% at 100% 0%,color-mix(in srgb,var(--tf-acc) 11%,transparent),transparent 70%),linear-gradient(180deg,#f7f7fb,#fff)}
.tf-bmag--dark{--tf-bm-fg:#fff;--tf-bm-sub:rgba(255,255,255,.78);--tf-bm-mute:rgba(255,255,255,.6);--tf-bm-card:rgba(255,255,255,.07);background:var(--ts-ink,#0d0625)}
.tf-bmag--dark .tf-bmag__eyebrow{background:rgba(255,255,255,.14);color:#fff}

/* effects */
.tf-bmag--bg-aurora .tf-bmag__bg::before,.tf-bmag--bg-aurora .tf-bmag__bg::after{content:"";position:absolute;width:55%;aspect-ratio:1;border-radius:50%;filter:blur(70px);opacity:.2;will-change:transform}
.tf-bmag--bg-aurora .tf-bmag__bg::before{top:-30%;right:-8%;background:var(--tf-acc);animation:tf-bh-aurora-a 16s ease-in-out infinite alternate}
.tf-bmag--bg-aurora .tf-bmag__bg::after{bottom:-35%;left:-10%;background:var(--ts-ink,#0d0625);opacity:.12;animation:tf-bh-aurora-b 20s ease-in-out infinite alternate}
.tf-bmag--dark.tf-bmag--bg-aurora .tf-bmag__bg::before{opacity:.5}.tf-bmag--dark.tf-bmag--bg-aurora .tf-bmag__bg::after{opacity:.32}
@keyframes tf-bh-aurora-a{to{transform:translate3d(-12%,14%,0) scale(1.15)}}
@keyframes tf-bh-aurora-b{to{transform:translate3d(14%,-10%,0) scale(1.1)}}
.tf-bmag--bg-grid .tf-bmag__bg{background-image:linear-gradient(to right,currentColor 1px,transparent 1px),linear-gradient(to bottom,currentColor 1px,transparent 1px);background-size:44px 44px;color:rgba(13,6,37,.07);-webkit-mask-image:radial-gradient(70% 90% at 50% 10%,#000,transparent);mask-image:radial-gradient(70% 90% at 50% 10%,#000,transparent)}
.tf-bmag--dark.tf-bmag--bg-grid .tf-bmag__bg{color:rgba(255,255,255,.1)}
.tf-bmag--bg-dots .tf-bmag__bg{background-image:radial-gradient(currentColor 1.2px,transparent 1.4px);background-size:22px 22px;color:rgba(13,6,37,.14);-webkit-mask-image:radial-gradient(80% 100% at 80% 0%,#000,transparent 75%);mask-image:radial-gradient(80% 100% at 80% 0%,#000,transparent 75%)}
.tf-bmag--dark.tf-bmag--bg-dots .tf-bmag__bg{color:rgba(255,255,255,.22)}

/* search + chips */
.tf-bmag__search{position:relative;display:flex;align-items:center;gap:10px;max-width:560px;padding:6px 6px 6px 18px;border-radius:99px;background:var(--tf-bm-card);box-shadow:0 0 0 1px rgba(13,6,37,.1),0 14px 30px -20px rgba(13,6,37,.3);transition:box-shadow .2s}
.tf-bmag--dark .tf-bmag__search{box-shadow:0 0 0 1px rgba(255,255,255,.18);color:#fff}
.tf-bmag__search:focus-within{box-shadow:0 0 0 2px var(--tf-acc),0 0 0 6px color-mix(in srgb,var(--tf-acc) 18%,transparent)}
.tf-bmag__search svg{width:20px;height:20px;flex:none;color:var(--tf-bm-mute)}
.tf-bmag .tf-bmag__search input{flex:1;min-width:0;height:44px;padding:0;border:0;background:transparent;box-shadow:none;font:inherit;font-size:16px;color:var(--tf-bm-fg);outline:0}
.tf-bmag__search input::placeholder{color:var(--tf-bm-mute)}
.tf-bmag__search button{height:44px;padding:0 22px;border:0;border-radius:99px;background:var(--tf-acc);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s var(--tf-ease),background .2s}
.tf-bmag__search button:hover{background:var(--tf-acc-hover);transform:translateY(-1px)}
.tf-bmag__chips{display:flex;flex-wrap:wrap;gap:8px}
.tf-bmag__chips a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:99px;background:var(--tf-bm-card);color:var(--tf-bm-fg);font-size:14px;font-weight:650;text-decoration:none;box-shadow:0 0 0 1px rgba(13,6,37,.09);transition:transform .2s var(--tf-ease),box-shadow .2s,color .2s}
.tf-bmag--dark .tf-bmag__chips a{box-shadow:0 0 0 1px rgba(255,255,255,.16)}
.tf-bmag__chips a:hover{transform:translateY(-2px);box-shadow:0 0 0 1.5px var(--tf-acc);color:var(--tf-acc)}
.tf-bmag__chips small{font-size:11px;font-weight:700;opacity:.55}

/* grids */
.tf-bmag__grid{display:grid;gap:clamp(14px,2vw,24px)}
.tf-bmag--featured-list .tf-bmag__grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-auto-flow:row}
.tf-bmag--featured-list .tf-bmag__card--lead{grid-row:span 4}
.tf-bmag--featured-grid .tf-bmag__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.tf-bmag--featured-grid .tf-bmag__card--lead{grid-column:span 2;grid-row:span 2}
.tf-bmag--grid .tf-bmag__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.tf-bmag--list .tf-bmag__grid{grid-template-columns:minmax(0,860px)}

/* cards */
.tf-bmag__card{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:var(--tf-r);background:var(--tf-bm-card);box-shadow:var(--tf-shadow);overflow:hidden;transition:transform .3s var(--tf-ease),box-shadow .3s var(--tf-ease)}
.tf-bmag--dark .tf-bmag__card{box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.tf-bmag__card:hover{transform:translateY(-4px);box-shadow:var(--tf-shadow-up)}
.tf-bmag__media{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--tf-surface)}
.tf-bmag__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--tf-ease)}
.tf-bmag__card:hover .tf-bmag__img{transform:scale(1.05)}
.tf-bmag__ph{display:grid;place-items:center;width:100%;height:100%;color:var(--tf-acc);background:linear-gradient(135deg,var(--tf-acc-soft),#fff)}
.tf-bmag__ph svg{width:36px;height:36px;opacity:.7}
.tf-bmag__body{display:grid;gap:8px;align-content:start;padding:clamp(16px,2vw,24px)}
.tf-bmag__cat{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--tf-link)}
.tf-bmag__title{margin:0;font-size:clamp(17px,1.6vw,21px);line-height:1.25;font-weight:750;letter-spacing:-.018em;color:var(--tf-bm-fg)}
.tf-bmag__title a{color:inherit;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size .35s var(--tf-ease)}
.tf-bmag__card:hover .tf-bmag__title a{background-size:100% 1.5px}
.tf-bmag__title a::after{content:"";position:absolute;inset:0;z-index:1}
.tf-bmag__excerpt{margin:0;font-size:14.5px;line-height:1.55;color:var(--tf-bm-sub);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.tf-bmag__meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;font-size:13px;color:var(--tf-bm-mute)}
.tf-bmag__card--lead .tf-bmag__media{aspect-ratio:16/10}
.tf-bmag__card--lead .tf-bmag__title{font-size:clamp(24px,3vw,36px);line-height:1.12;letter-spacing:-.028em}
.tf-bmag__card--lead .tf-bmag__excerpt{font-size:16px;-webkit-line-clamp:4}
.tf-bmag--featured-list .tf-bmag__card--lead{height:100%}
.tf-bmag--featured-list .tf-bmag__card--lead .tf-bmag__media{flex:1;min-height:260px;aspect-ratio:auto}
.tf-bmag__card--compact{flex-direction:row;align-items:stretch}
.tf-bmag__card--compact .tf-bmag__media{flex:none;width:clamp(92px,9vw,128px);aspect-ratio:1}
.tf-bmag__card--compact .tf-bmag__body{padding:14px 16px;align-content:center;gap:5px}
.tf-bmag__card--compact .tf-bmag__title{font-size:16px}
.tf-bmag__card--noimg .tf-bmag__media{display:none}
.tf-bmag__more{margin:0}
.tf-bmag .tf-btn--primary{background:var(--tf-acc);color:#fff;box-shadow:0 14px 28px -14px color-mix(in srgb,var(--tf-acc) 70%,transparent)}

/* entrance */
.tf-bmag--intro-stagger .tf-bmag__item{animation:tf-bh-in .75s var(--tf-ease) both;animation-delay:calc(var(--i,0)*70ms)}
.tf-bmag--intro-rise .tf-bmag__item{animation:tf-bh-in .8s var(--tf-ease) both}
.tf-bmag--intro-fade .tf-bmag__item{animation:tf-bh-fade .9s ease both}
@keyframes tf-bh-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes tf-bh-fade{from{opacity:0}to{opacity:1}}

/* responsive */
@container bmag (max-width:900px){
  .tf-bmag--featured-list .tf-bmag__grid{grid-template-columns:minmax(0,1fr)}
  .tf-bmag--featured-list .tf-bmag__card--lead{grid-row:auto}
  .tf-bmag--featured-list .tf-bmag__card--lead .tf-bmag__media{flex:none;aspect-ratio:16/10;min-height:0}
  .tf-bmag--featured-grid .tf-bmag__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tf-bmag--featured-grid .tf-bmag__card--lead{grid-column:1/-1;grid-row:auto}
}
@container bmag (max-width:560px){
  .tf-bmag--featured-grid .tf-bmag__grid,.tf-bmag--grid .tf-bmag__grid{grid-template-columns:minmax(0,1fr)}
  .tf-bmag__search{padding-left:14px}.tf-bmag__search button{padding:0 16px}
  .tf-bmag__chips{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1*clamp(18px,4vw,40px));padding-inline:clamp(18px,4vw,40px);scrollbar-width:none}
  .tf-bmag__chips a{flex:none}
}
@media (prefers-reduced-motion:reduce){
  .tf-bmag__item,.tf-bmag__bg::before,.tf-bmag__bg::after{animation:none!important}
  .tf-bmag__card,.tf-bmag__img,.tf-bmag__chips a{transition:none!important}
}
@media print{.tf-bmag__bg,.tf-bmag__search{display:none}}