/* ============================================================
   INSIGHTS HUB, full motion. Built by the footer script from the
   CMS list, which stays in the page (visually hidden) for search.
   ============================================================ */
html.b3i-on .hm-deckwrap{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
html.b3i-on .hm-ihero,html.b3i-on .hm-who{display:none!important}
.b3i{--cream:#F7F5F0;--paper:#FBF9F5;--sand:#EFEBE3;--stone:#E2DBCD;--ink:#131210;--ink2:#4A4640;--mute:#8C857A;
  --serif:Fraunces,Georgia,'Times New Roman',serif;--sans:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --gut:clamp(16px,4vw,64px);position:relative;z-index:1;color:var(--ink);font-family:var(--sans)}
.b3i *{box-sizing:border-box}
.b3i h1,.b3i h2,.b3i h3{font-family:var(--serif);font-weight:300;margin:0;letter-spacing:-.03em}
.b3i em{font-style:italic}
.b3i .k{font-size:.64rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.b3i .sw{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.12em;margin-bottom:-.12em}
.b3i .sc{display:inline-block;will-change:transform}
.b3i a{color:inherit;text-decoration:none}

/* ambient light + cursor */
.b3i-blob{position:fixed;left:0;top:0;width:70vmax;height:70vmax;margin:-35vmax 0 0 -35vmax;border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(circle,rgba(226,219,205,.95) 0%,rgba(226,219,205,0) 62%)}
.b3i-blob.b2{width:48vmax;height:48vmax;margin:-24vmax 0 0 -24vmax;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 64%)}
.b3c-dot,.b3c-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:9990;mix-blend-mode:difference;display:none}
.b3c-dot{width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#F7F5F0}
.b3c-ring{width:118px;height:118px;margin:-59px 0 0 -59px;border-radius:50%;background:#F7F5F0;color:#131210;align-items:center;justify-content:center;
  font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:.64rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;transform:scale(0)}
html.b3c-fine .b3c-dot{display:block}
html.b3c-fine .b3c-ring{display:flex}
html.b3c-fine,html.b3c-fine a,html.b3c-fine button{cursor:none!important}

/* 1. intro */
.b3i-intro{position:relative;min-height:100svh;padding:clamp(104px,15vh,150px) var(--gut) clamp(30px,6vh,64px);display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.b3i-k{color:var(--mute)}
.b3i-big{font-family:var(--serif);font-weight:300;font-style:italic;font-size:clamp(4.2rem,24vw,32rem);line-height:.8;letter-spacing:-.065em;white-space:nowrap;margin-left:-.04em;will-change:transform}
.b3i-big .sw{overflow:visible}
.b3i-big .sc{transform-origin:50% 100%}
.b3i-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:clamp(20px,4vw,60px);align-items:end}
.b3i-lede{font-size:clamp(1.45rem,2.7vw,2.45rem)!important;line-height:1.08!important;letter-spacing:-.03em;max-width:18ch}
.b3i-stats{display:flex;gap:clamp(18px,3vw,36px)}
.b3i-stats div{display:flex;flex-direction:column}
.b3i-stats b{font-family:var(--serif);font-weight:300;font-size:clamp(2.1rem,3.5vw,3.2rem);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.b3i-stats span{font-size:.6rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-top:8px}
.b3i-cue{display:flex;align-items:center;gap:12px;font-size:.62rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.b3i-cue i{width:28px;height:44px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--mute);position:relative}
.b3i-cue i::after{content:'';position:absolute;left:50%;top:9px;width:4px;height:8px;margin-left:-2px;border-radius:4px;background:var(--ink);animation:b3wheel 1.8s ease-in-out infinite}
@keyframes b3wheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(14px);opacity:0}100%{opacity:0}}
@media (max-width:900px){.b3i-row{grid-template-columns:1fr}.b3i-cue{display:none}}

/* 2. feature */
.b3i-feat{position:relative;height:100svh;overflow:hidden}
.b3i-pre{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 var(--gut);gap:18px}
.b3i-pre .k{color:var(--mute)}
.b3i-pre h2{font-size:clamp(2.4rem,6.8vw,6.4rem);line-height:.95;letter-spacing:-.05em;max-width:14ch}
.b3i-ink{position:absolute;inset:0;background:var(--ink);color:var(--cream);display:flex;align-items:center;padding:90px var(--gut) 40px;overflow:hidden}
.b3i-giant{position:absolute;left:0;bottom:-.16em;font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(8rem,32vw,32rem);line-height:1;
  letter-spacing:-.06em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(247,245,240,.16);pointer-events:none}
.b3i-fin{position:relative;max-width:1100px;width:100%}
.b3i-fin .k{color:rgba(247,245,240,.55)}
.b3i-ft{font-size:clamp(2.4rem,6.4vw,6.4rem);line-height:.92;letter-spacing:-.05em;margin:20px 0 36px;max-width:16ch}
.b3i-ft.is-long{font-size:clamp(2.1rem,5vw,5rem);max-width:20ch}
.b3i-fin p{max-width:46ch;color:rgba(247,245,240,.74);font-size:1.06rem;line-height:1.6;margin:0 0 30px}

.b3i-btn{display:inline-flex;align-items:center;gap:12px;border-radius:999px;padding:17px 28px;font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;background:var(--ink);color:var(--cream)!important}
.b3i-btn svg{width:14px;height:14px}
.b3i-btn.c{background:var(--cream);color:var(--ink)!important}

/* 3. sideways track */
.b3i-hz{position:relative;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,3.5vh,36px);padding-top:70px}
.b3i-hzh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 24px;padding:0 var(--gut);flex-wrap:wrap}
.b3i-hzh h2{font-size:clamp(2rem,4.6vw,4.2rem);line-height:.95;letter-spacing:-.045em}
.b3i-n{font-family:var(--serif);font-weight:300;font-size:clamp(1.8rem,3.2vw,2.8rem);letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap}
.b3i-n span{font-family:var(--sans);font-size:.6rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-left:8px}
.b3i-track{display:flex;gap:clamp(16px,2.2vw,30px);padding:0 var(--gut);width:max-content;will-change:transform}
.b3i-card{position:relative;flex:0 0 auto;width:clamp(290px,36vw,540px);height:min(60svh,560px);min-height:380px;border-radius:30px;overflow:hidden;
  display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:clamp(22px,2.4vw,34px);background:var(--paper);
  box-shadow:0 40px 80px -40px rgba(19,18,16,.35),0 1px 0 rgba(255,255,255,.9) inset;transform-origin:50% 90%}
.b3i-card.t-sand{background:var(--sand)}
.b3i-card.t-ink{background:var(--ink);color:var(--cream)}
.b3i-cbg{position:absolute;left:0;top:40%;font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(5.5rem,13vw,13rem);line-height:1;letter-spacing:-.06em;white-space:nowrap;opacity:.07;pointer-events:none;transition:opacity .6s}
.b3i-card:hover .b3i-cbg{opacity:.14}
.b3i-ctop{position:relative;display:flex;justify-content:space-between;gap:12px}
.b3i-ctop .k{opacity:.62}
.b3i-cbot{position:relative;min-width:0}
.b3i-card h3{font-size:clamp(1.7rem,2.6vw,2.6rem);line-height:.98;letter-spacing:-.04em;margin-bottom:14px;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;padding-bottom:.08em}
.b3i-card h3.is-long{font-size:clamp(1.5rem,2.1vw,2.1rem)}
.b3i-card p{margin:0 0 18px;font-size:.94rem;line-height:1.55;opacity:.74;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.b3i-ar{display:inline-flex;align-items:center;gap:10px;font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;transition:gap .5s}
.b3i-ar svg{width:14px;height:14px}
.b3i-card:hover .b3i-ar{gap:22px}

/* 4. topics */
.b3i-mq{padding:clamp(50px,9vw,120px) 0;overflow:hidden;display:flex;flex-direction:column;gap:4px}
.b3i-mqr{white-space:nowrap}
.b3i-mqi{display:inline-flex;align-items:center;will-change:transform}
.b3i-mqi span{font-family:var(--serif);font-weight:300;font-size:clamp(3rem,9vw,8.6rem);line-height:1.06;letter-spacing:-.05em;padding:0 .3em}
.b3i-mqr.o .b3i-mqi span{font-style:italic;color:transparent;-webkit-text-stroke:1px var(--ink)}
.b3i-mqi b{display:inline-block;width:.16em;height:.16em;border-radius:3px;background:var(--ink);font-size:clamp(3rem,9vw,8.6rem)}

/* 5. outro */
.b3i-out{padding:clamp(40px,10vh,120px) var(--gut) clamp(70px,12vh,140px)}
.b3i-out h2{font-size:clamp(2.1rem,5.4vw,5.2rem);line-height:1.02;letter-spacing:-.045em;max-width:20ch;margin-bottom:clamp(28px,4.5vw,52px)}
.b3i-out .sw{overflow:visible}

/* reduced motion: a calm, fully laid out page */
html.b3i-rm .b3i-hz{height:auto;padding:60px 0}
html.b3i-rm .b3i-track{width:auto;flex-wrap:wrap}
html.b3i-rm .b3i-pre{display:none}
html.b3i-rm .b3i-cue i::after{animation:none}
@media (max-width:700px){
  .b3i-card{width:84vw;height:min(62svh,500px);min-height:360px}
  .b3i-ink{padding-top:80px}
}
/* Sept 2026 polish: clean hero word, aligned cards, glows stay out of the dark closing panel */
.b3i-big{letter-spacing:-.03em!important;margin-left:0!important;padding:0 .12em 0 .02em;line-height:.9!important}
.b3i-big .sc{transform-origin:50% 100%}
.b3i-track{align-items:stretch}
.b3i-card{transform-origin:50% 50%}
.b3i-cbg{left:22px!important;right:auto;max-width:none}
.b3i-blob{z-index:0!important;opacity:.7}
[data-hm-ctawrap],.hm-ctawrap,.footer{position:relative;z-index:6!important;isolation:isolate}

/* v4: the hero word sits comfortably inside the view */
.b3i-big{font-size:clamp(3.6rem,19vw,20rem)!important;line-height:.88!important}
@media (max-width:700px){.b3i-big{font-size:clamp(3.2rem,21vw,7rem)!important}}

/* outro carries the same close as every page: a way in, the email, and the reassurance */
.b3i-out .b3i-btn{margin-right:14px}
.b3i-mail{display:inline-flex;align-items:center;padding:13px 24px 12px;border:1px solid rgba(19,18,16,.32);border-radius:999px;font:600 .72rem/1 'Hanken Grotesk',sans-serif;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:#131210;transition:background-color .4s,color .4s,border-color .4s}
.b3i-mail:hover{background:#131210;color:#F7F5F0;border-color:#131210}
.b3i-outp{margin-top:18px;font-family:Fraunces,Georgia,serif;font-style:italic;font-size:1rem;color:#8A857C}