.hbco{color:var(--ink)}.hbco .hb-mono{font-family:var(--mono)}.hbco-hero{padding:16px 0 0}.hbco-hero .hb-slab.ink{padding:112px 0 104px}.hbco-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center;position:relative;z-index:1}.hbco-hero h1{margin-top:26px;color:var(--paper)}.hbco-hero h1 .soft{color:var(--champagne)}.hbco-hero .hb-lead{margin-top:26px;max-width:34ch;color:var(--paper)}.hbco-hero .hbco-sub{margin-top:18px;max-width:52ch;color:var(--mist);font-size:16.5px;line-height:1.6}.hbco-hero .hb-actions{margin-top:36px;display:flex;flex-wrap:wrap;gap:14px}.hbco-hero-field{position:absolute;inset:0;pointer-events:none}.hbco-photo{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line-dark-strong);aspect-ratio:4 / 4.4;background:var(--brand-ink)}.hbco-photo img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);transition:transform 1.6s var(--ease)}.hbco-photo:hover img{transform:scale(1.06)}.hbco-photo figcaption{position:absolute;left:16px;right:16px;bottom:16px;display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;background:#0b0d10c7;backdrop-filter:blur(8px);color:var(--paper);font-size:13px;line-height:1.4}.hbco-photo figcaption .hb-mono{color:var(--champagne);font-size:11px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.hbco-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-dark);margin-top:72px;position:relative;z-index:1}.hbco-stat{padding:26px 24px 0 0}.hbco-stat+.hbco-stat{padding-left:24px;border-left:1px solid var(--line-dark)}.hbco-stat b{display:block;font-family:var(--sans);font-weight:600;font-size:clamp(30px,3vw,44px);letter-spacing:-.03em;color:var(--paper);line-height:1}.hbco-stat b em{font-style:normal;color:var(--champagne)}.hbco-stat span{display:block;margin-top:10px;color:var(--mist);font-size:14px;line-height:1.45;max-width:26ch}/* The story section's eyebrow ("01 Why we exist") sits in the section's own padding, which is
   smaller than the sticky header, so a plain hash jump hid it. Same offset as the other
   section anchors: 100px clears the 80px desktop header, 80px clears the 64px phone header. */
.hbco #hbco-story{scroll-margin-top:100px}
.hbco-story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.hbco-story-aside{position:sticky;top:120px}.hbco-story-aside .hb-h2{margin-top:22px}.hbco-story-aside p.hb-p{margin-top:18px;color:var(--slate)}.hbco-letter{position:relative;background:#fbf9f4;border:1px solid rgba(31,42,55,.12);border-radius:18px;padding:56px 56px 48px;box-shadow:0 30px 60px -40px #1f2a3759}.hbco-letter:before{content:"";position:absolute;left:56px;right:56px;top:0;height:3px;background:linear-gradient(90deg,var(--champagne),transparent);border-radius:0 0 3px 3px}.hbco-letter-k{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--warm-taupe)}.hbco-letter p{margin-top:20px;font-size:19px;line-height:1.62;color:var(--slate-deep)}.hbco-letter p.big{font-size:26px;line-height:1.35;letter-spacing:-.015em;color:var(--ink);font-weight:500}.hbco-letter mark{background:linear-gradient(transparent 58%,#d3ba888c 58%);color:inherit;padding:0 2px}.hbco-letter-sign{margin-top:36px;padding-top:22px;border-top:1px dashed rgba(31,42,55,.2);display:flex;align-items:center;gap:14px}.hbco-letter-sign .mark{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--champagne);display:grid;place-items:center}.hbco-letter-sign b{display:block;font-weight:600}.hbco-letter-sign span{color:var(--slate);font-size:14px}.hbco-meter{margin-top:36px;display:grid;gap:14px}.hbco-meter-row{display:grid;grid-template-columns:160px 1fr 84px;gap:16px;align-items:center;font-size:14px}.hbco-meter-row span:first-child{color:var(--slate)}.hbco-meter-row b{font-family:var(--mono);font-weight:600;text-align:right;white-space:nowrap}.hbco-meter-bar{height:10px;border-radius:99px;background:#1f2a3714;overflow:hidden}.hbco-meter-bar i{display:block;height:100%;border-radius:inherit;background:var(--stone);transform-origin:left;transform:scaleX(0);transition:transform 1.4s var(--ease)}.hbco-meter-row.is-hb i{background:linear-gradient(90deg,var(--brand-ink),var(--champagne))}.hbco-meter.in i{transform:scaleX(var(--v))}.hbco-principles{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:56px;border-top:1px solid var(--line-dark)}.hbco-principle{padding:34px 40px 34px 0;border-bottom:1px solid var(--line-dark);display:grid;grid-template-columns:56px 1fr;gap:8px 18px}.hbco-principle:nth-child(2n){padding-left:40px;padding-right:0;border-left:1px solid var(--line-dark)}.hbco-principle i{font-style:normal;font-family:var(--mono);color:var(--champagne);font-size:13px;padding-top:6px}.hbco-principle h3{color:var(--paper);font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.25}.hbco-principle p{grid-column:2;color:var(--mist);font-size:15.5px;line-height:1.6}.hbco-timeline{margin-top:56px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}.hbco-timeline:before{content:"";position:absolute;left:0;right:0;top:11px;height:1px;background:#1f2a3733}.hbco-step{padding-right:28px;position:relative}.hbco-step .dot{width:23px;height:23px;border-radius:50%;background:var(--paper);border:1px solid var(--ink);display:grid;place-items:center;position:relative}.hbco-step .dot:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--ink)}.hbco-step.now .dot{background:var(--champagne);border-color:var(--champagne)}.hbco-step.now .dot:after{background:var(--ink);animation:hbco-pulse 2.2s var(--ease) infinite}.hbco-step small{display:block;margin-top:22px;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-taupe)}.hbco-step h3{margin-top:8px;font-size:20px;font-weight:600;letter-spacing:-.01em}.hbco-step p{margin-top:10px;color:var(--slate);font-size:15px;line-height:1.6}@keyframes hbco-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.55);opacity:.6}}.hbco-links{margin-top:48px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.hbco-link{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:220px;padding:28px;border-radius:16px;border:1px solid rgba(31,42,55,.14);background:#fbf9f4;text-decoration:none;color:var(--ink);transition:transform var(--t-transition) var(--ease),border-color var(--t-transition) var(--ease)}.hbco-link:hover{transform:translateY(-3px);border-color:var(--ink)}.hbco-link.dark{background:var(--brand-ink);color:var(--paper);border-color:transparent}.hbco-link small{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-taupe)}.hbco-link.dark small{color:var(--champagne)}.hbco-link h3{margin-top:14px;font-size:24px;font-weight:600;letter-spacing:-.015em;line-height:1.2}.hbco-link p{margin-top:10px;font-size:15px;line-height:1.55;color:var(--slate)}.hbco-link.dark p{color:var(--mist)}.hbco-link .go{margin-top:24px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px}.hbco-link .go svg{transition:transform var(--t-transition) var(--ease)}.hbco-link:hover .go svg{transform:translate(4px)}.hbco-close{text-align:center;position:relative;z-index:1}.hbco-close .hb-h2{margin:22px auto 0;max-width:20ch;color:var(--paper)}.hbco-close p{margin:18px auto 0;max-width:52ch;color:var(--mist);font-size:17px;line-height:1.6}.hbco-close .hb-actions{margin-top:34px;display:flex;justify-content:center;flex-wrap:wrap;gap:14px}.hbco-close .hb-eyebrow{justify-content:center}.hbco-close .hb-eyebrow:before{content:none}.hbco-pods{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hbco-pod{position:relative;overflow:hidden;border-radius:18px;padding:30px 28px 28px;background:#fbf9f4;border:1px solid rgba(31,42,55,.12);display:flex;flex-direction:column;min-height:360px}.hbco-pod.dark{background:var(--ink);color:var(--paper);border-color:transparent}.hbco-pod-top{display:flex;justify-content:space-between;align-items:center}.hbco-pod-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--ink);color:var(--champagne)}.hbco-pod.dark .hbco-pod-icon{background:var(--champagne);color:var(--ink)}.hbco-pod-top small{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;color:var(--warm-taupe)}.hbco-pod h3{margin-top:26px;font-size:24px;font-weight:600;letter-spacing:-.015em}.hbco-pod>p{margin-top:10px;color:var(--slate);font-size:15.5px;line-height:1.6}.hbco-pod.dark>p{color:var(--mist)}.hbco-pod ul{list-style:none;margin:auto 0 0;padding:22px 0 0;display:flex;flex-wrap:wrap;gap:8px}.hbco-pod li{font-size:13px;padding:6px 11px;border-radius:99px;border:1px solid rgba(31,42,55,.16);color:var(--slate-deep)}.hbco-pod.dark li{border-color:var(--line-dark-strong);color:var(--paper)}.hbco-ritual{margin-top:56px;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;position:relative;z-index:1}.hbco-ritual-list{display:grid;gap:10px}.hbco-ritual-item{display:grid;grid-template-columns:92px 1fr;gap:18px;padding:20px 22px;border-radius:14px;border:1px solid var(--line-dark);background:#f7f4ee08;cursor:pointer;text-align:left;color:var(--paper);font:inherit;transition:border-color var(--t-transition) var(--ease),background var(--t-transition) var(--ease)}.hbco-ritual-item:hover{border-color:var(--line-dark-strong)}.hbco-ritual-item[aria-pressed=true]{border-color:var(--champagne);background:#d3ba8814}.hbco-ritual-item small{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--champagne);padding-top:3px}.hbco-ritual-item b{display:block;font-weight:600;font-size:17px}.hbco-ritual-item span{display:block;margin-top:6px;color:var(--mist);font-size:14.5px;line-height:1.55}.hbco-ritual-detail{border-radius:18px;padding:34px;background:var(--paper);color:var(--ink);min-height:100%}.hbco-ritual-detail small{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-taupe)}.hbco-ritual-detail h3{margin-top:12px;font-size:26px;font-weight:600;letter-spacing:-.015em;line-height:1.2}.hbco-ritual-detail p{margin-top:14px;color:var(--slate);font-size:16px;line-height:1.65}.hbco-ritual-detail .q{margin-top:22px;padding:18px 20px;border-left:3px solid var(--champagne);background:#f1ebdf;border-radius:0 10px 10px 0;font-size:17px;line-height:1.5;color:var(--ink)}.hbco-roles{margin-top:48px;border-top:1px solid rgba(31,42,55,.16)}.hbco-role{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:24px;align-items:center;padding:24px 4px;border-bottom:1px solid rgba(31,42,55,.16);text-decoration:none;color:var(--ink);transition:background var(--t-transition) var(--ease),padding var(--t-transition) var(--ease)}.hbco-role:hover{background:#f1ebdf;padding-left:16px;padding-right:16px}.hbco-role b{font-size:19px;font-weight:600;letter-spacing:-.01em}.hbco-role span{color:var(--slate);font-size:15px}.hbco-role .arrow{width:40px;height:40px;border-radius:50%;border:1px solid rgba(31,42,55,.2);display:grid;place-items:center}.hbco-role:hover .arrow{background:var(--ink);color:var(--champagne);border-color:var(--ink)}.hbco-roles-note{margin-top:18px;color:var(--slate);font-size:14.5px}.hbco-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:60;pointer-events:none}.hbco-progress i{display:block;height:100%;background:var(--champagne);transform-origin:left;transform:scaleX(var(--p, 0))}.hbco-post-hero{padding:72px 0 0}.hbco-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;color:var(--slate)}.hbco-crumbs a{color:var(--slate);text-decoration:none}.hbco-crumbs a:hover{color:var(--ink);text-decoration:underline}.hbco-crumbs svg{opacity:.5}.hbco-post-head{max-width:900px;margin-top:34px}.hbco-post-kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--warm-taupe)}.hbco-post-kicker b{padding:5px 10px;border-radius:99px;background:var(--ink);color:var(--champagne);font-weight:600;letter-spacing:.08em}.hbco-post-head h1{margin-top:20px;font-size:clamp(36px,4.6vw,64px)}.hbco-post-head .dek{margin-top:22px;font-size:21px;line-height:1.5;color:var(--slate-deep);max-width:40ch}.hbco-post-meta{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:16px 0;border-top:1px solid rgba(31,42,55,.14);border-bottom:1px solid rgba(31,42,55,.14);font-size:14px;color:var(--slate)}.hbco-post-meta .by{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:600}.hbco-post-meta .by i{width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--champagne);display:grid;place-items:center}.hbco-post-meta .sep{width:4px;height:4px;border-radius:50%;background:var(--stone)}.hbco-post-meta .share{margin-left:auto;display:flex;gap:8px}.hbco-icon-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:99px;border:1px solid rgba(31,42,55,.18);background:transparent;color:var(--ink);font:inherit;font-size:14px;cursor:pointer;transition:background var(--t-respond) var(--ease),border-color var(--t-respond) var(--ease)}.hbco-icon-btn:hover{border-color:var(--ink)}.hbco-icon-btn[aria-pressed=true]{background:var(--ink);color:var(--champagne);border-color:var(--ink)}.hbco-post-cover{margin-top:40px;border-radius:22px;overflow:hidden;aspect-ratio:21 / 9;background:var(--brand-ink)}.hbco-post-cover img{width:100%;height:100%;object-fit:cover;display:block}.hbco-post-body{display:grid;grid-template-columns:220px minmax(0,700px) 1fr;gap:56px;padding:72px 0 40px}.hbco-toc{position:sticky;top:110px;align-self:start}.hbco-toc small{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--warm-taupe)}.hbco-toc ol{list-style:none;margin:14px 0 0;padding:0;border-left:1px solid rgba(31,42,55,.14)}.hbco-toc button{display:block;width:100%;text-align:left;background:none;border:0;padding:8px 0 8px 16px;margin-left:-1px;border-left:2px solid transparent;color:var(--slate);font:inherit;font-size:14px;line-height:1.4;cursor:pointer}.hbco-toc button:hover{color:var(--ink)}.hbco-toc button.on{color:var(--ink);border-left-color:var(--champagne);font-weight:600}.hbco-prose{font-size:19px;line-height:1.72;color:var(--slate-deep)}.hbco .hbco-prose>*+*{margin-top:24px}.hbco-prose>p:first-child:first-letter{float:left;font-family:var(--sans);font-weight:600;font-size:74px;line-height:.86;padding:8px 12px 0 0;color:var(--ink)}.hbco .hbco-prose h2{margin-top:52px;font-size:30px;line-height:1.2;letter-spacing:-.02em;color:var(--ink);font-weight:600;scroll-margin-top:110px}.hbco .hbco-prose blockquote{margin:44px 0;padding:6px 0 6px 28px;border-left:3px solid var(--champagne);font-size:27px;line-height:1.38;letter-spacing:-.015em;color:var(--ink);font-weight:500}.hbco-prose ul{padding-left:0;list-style:none;display:grid;gap:12px}.hbco-prose ul li{position:relative;padding-left:28px}.hbco-prose ul li:before{content:"";position:absolute;left:4px;top:13px;width:10px;height:2px;background:var(--champagne)}.hbco .hbco-prose aside{margin:40px 0;padding:26px 28px;border-radius:14px;background:var(--ink);color:var(--paper);font-size:16.5px;line-height:1.6}.hbco-prose aside small{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--champagne);margin-bottom:10px}.hbco-post-rail{position:sticky;top:110px;align-self:start}.hbco-cta-card{border-radius:16px;padding:24px;background:var(--brand-ink);color:var(--paper);position:relative;overflow:hidden}.hbco-cta-card small{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--champagne)}.hbco-cta-card h3{margin-top:10px;font-size:20px;line-height:1.25;font-weight:600;position:relative}.hbco-cta-card p{margin-top:10px;color:var(--mist);font-size:14.5px;line-height:1.55;position:relative}.hbco-cta-card .hb-btn{margin-top:18px;position:relative}.hbco-post-end{border-top:1px solid rgba(31,42,55,.14);padding-top:32px;margin-top:56px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.hbco-post-end span{font-size:14px;color:var(--slate);margin-right:6px}.hbco-tag{font-size:13.5px;padding:7px 12px;border-radius:99px;background:#efe7d8;color:var(--slate-deep);text-decoration:none}.hbco-pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}.hbco-pager a{display:block;padding:22px 24px;border-radius:14px;border:1px solid rgba(31,42,55,.14);text-decoration:none;color:var(--ink);background:#fbf9f4;transition:border-color var(--t-transition) var(--ease),transform var(--t-transition) var(--ease)}.hbco-pager a:hover{border-color:var(--ink);transform:translateY(-2px)}.hbco-pager a.next{text-align:right}.hbco-pager small{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-taupe)}.hbco-pager b{display:block;margin-top:8px;font-size:17px;line-height:1.35;font-weight:600}.hbco-related{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hbco-rel{text-decoration:none;color:var(--paper);border-radius:16px;overflow:hidden;border:1px solid var(--line-dark);background:#f7f4ee08;transition:border-color var(--t-transition) var(--ease),transform var(--t-transition) var(--ease);display:flex;flex-direction:column}.hbco-rel:hover{border-color:var(--champagne);transform:translateY(-3px)}.hbco-rel img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.hbco-rel div{padding:20px 22px 24px}.hbco-rel small{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--champagne)}.hbco-rel h3{margin-top:10px;font-size:18px;line-height:1.35;font-weight:600}.hbco-rel p{margin-top:8px;color:var(--mist);font-size:14px}.hbco-subscribe{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:34px 36px;border-radius:18px;background:#efe7d8}.hbco-subscribe h3{font-size:24px;font-weight:600;letter-spacing:-.015em}.hbco-subscribe p{margin-top:8px;color:var(--slate);font-size:15px}.hbco-subscribe form{display:flex;gap:10px}.hbco-subscribe input{flex:1;min-width:0;height:50px;padding:0 16px;border-radius:var(--radius-control);border:1px solid rgba(31,42,55,.24);background:var(--paper);font:inherit;font-size:15px;color:var(--ink)}.hbco-subscribe input:focus{outline:2px solid var(--ink);outline-offset:1px}.hbco-subscribe .ok{display:flex;align-items:center;gap:10px;font-weight:600}@media(max-width:1080px){.hbco-post-body{grid-template-columns:minmax(0,1fr)}.hbco-toc,.hbco-post-rail{position:static}.hbco-toc{display:none}}@media(max-width:900px){.hbco-hero-grid,.hbco-story-grid,.hbco-ritual,.hbco-subscribe{grid-template-columns:1fr;gap:40px}.hbco-story-aside{position:static}.hbco-stats{grid-template-columns:repeat(2,1fr)}.hbco-stat:nth-child(3){padding-left:0;border-left:0}.hbco-principles{grid-template-columns:1fr}.hbco-principle:nth-child(2n){padding-left:0;border-left:0}.hbco-timeline{grid-template-columns:1fr 1fr;row-gap:40px}.hbco-timeline:before{display:none}.hbco-links,.hbco-pods,.hbco-related{grid-template-columns:1fr}.hbco-role{grid-template-columns:1fr auto}.hbco-role span{display:none}}@media(max-width:600px){.hbco-hero .hb-slab.ink{padding:72px 0}.hbco-letter{padding:36px 24px 30px}.hbco-letter:before{left:24px;right:24px}.hbco-letter p.big{font-size:22px}.hbco-meter-row{grid-template-columns:1fr 60px}.hbco-meter-row .hbco-meter-bar{grid-column:1 / -1;grid-row:2}.hbco-timeline,.hbco-pager{grid-template-columns:1fr}.hbco-post-meta .share{margin-left:0}.hbco-subscribe form{flex-direction:column}}@media(prefers-reduced-motion:reduce){.hbco-meter-bar i{transition:none}.hbco-step.now .dot:after{animation:none}.hbco-photo img{transition:none}}
.hb-company .hb-wrap{max-width:1200px}.hb-company-hero{padding:72px 0;background:#0b0d10;color:#f7f4ee;border-radius:28px;margin-bottom:36px}.hb-company-hero h1{font-size:clamp(38px,5vw,68px);line-height:1.04;letter-spacing:-.045em;max-width:22ch;margin:24px 0}.hb-company-hero p{font-size:19px;max-width:65ch;line-height:1.6}.hb-company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hb-company-card{border:1px solid #d9d3c8;border-radius:18px;overflow:hidden;padding:28px;background:#fffdfa}.hb-company-card h2,.hb-company-card h3{font-size:26px;line-height:1.2;margin:18px 0}.hb-company-card p{font-size:17px;line-height:1.6}.hb-company-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.hb-company-card a{color:inherit}.hb-company-tools{display:flex;gap:16px;flex-wrap:wrap;margin:28px 0}.hb-company-tools input{min-width:0;flex:1;padding:14px;border:1px solid #a6a8ac;border-radius:8px}.hb-company-article{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:64px;padding:40px 0 72px}.hb-company-prose{font-size:19px;line-height:1.8;max-width:76ch}.hb-company-prose h2{font-size:32px;margin:40px 0 16px;line-height:1.2;scroll-margin-top:110px}.hb-company-prose p{margin:0 0 24px}.hb-company-prose img{max-width:100%;height:auto}.hb-company-aside>div{position:sticky;top:110px;border:1px solid #d9d3c8;border-radius:16px;padding:24px}.hb-company-aside a{display:block;color:inherit;margin:14px 0;font-size:16px}.hb-company-progress{position:fixed;left:0;top:0;height:4px;width:0;background:#d3ba88;z-index:10000}.hb-company .hb-meta{font-size:15px}.hb-company .hb-post-nav{display:flex;justify-content:space-between;gap:24px;margin:32px 0}.hbco-page .hb-reveal,.hbco-page .hb-stagger{opacity:1;transform:none}.hb-company-hero a{color:inherit}.hb-company button{cursor:pointer}.hb-company [aria-current=true]{font-weight:700;text-decoration:underline}.hb-company dl dt{font-weight:700;margin-top:20px}.hb-company dl dd{margin:8px 0;line-height:1.6}@media(max-width:760px){.hb-company-grid{grid-template-columns:1fr}.hb-company-article{grid-template-columns:1fr;gap:28px}.hb-company-hero{padding:42px 0}.hb-company-aside{order:-1}.hb-company-aside>div{position:static}.hb-company-tools{flex-direction:column}}
.hbco-about-revised .hbco-hero .hb-slab.ink {
  padding-top: clamp(72px, 8vw, 112px);
  padding-bottom: clamp(56px, 6vw, 82px);
}

.hbco-about-revised #hbco-story {
  padding-top: clamp(38px, 4vw, 60px);
}

.hbco-about-revised .hbco-story-grid {
  gap: clamp(36px, 5vw, 72px);
}

.hbco-about-revised .hb-sec {
  padding-block: clamp(46px, 5vw, 72px);
}

.hbco-about-revised .hb-sec.tight {
  padding-block: clamp(40px, 4vw, 60px);
}

.hbco-about-revised #hbco-story {
  padding-bottom: clamp(34px, 4vw, 56px);
}

.hbco-about-revised .hbco-story-aside {
  position: relative;
  top: auto;
}

.hbco-about-revised .hbco-letter-sign {
  align-items: center;
}

.hbco-about-revised .hbco-founder-portrait {
  width: 62px;
  height: 62px;
  object-fit: contain;
  object-position: center bottom;
  flex: 0 0 62px;
  border-radius: 50%;
  border: 1px solid rgba(31, 42, 55, .16);
  background: #eee7dc;
}

@media (max-width: 600px) {
  .hbco-about-revised .hbco-hero .hb-slab.ink {
    padding-top: 64px;
    padding-bottom: 48px;
  }
  .hbco-about-revised #hbco-story {
    padding-top: 34px;
  }
}
/* ------------------------------------------------------------------
   Team: the people (Darryl Stevens, Founder; Amanda Stevens, Customer Success).
   Prefixed `hbtf-`, scoped to `.hbco-team`. Builds on the brand tokens
   in hb-base.css (midnight / ivory / champagne; Inter, IBM Plex Mono,
   Syncopate) and on company.css, which this file never modifies.

   The portrait plates are light "prints" hung on the midnight hero slab.
   Each print carries a Blend Field; the second one is mirrored, so the
   two fields rise toward each other and meet across the gap between the
   two portraits. A passe-partout hairline sits behind each subject, so
   the portrait steps out of its frame.

   Motion is CSS-only and decorative: the portraits rise in once, the
   second a beat after the first, and lean in on hover. Copy is never
   animated, and all motion is off under prefers-reduced-motion.
   ------------------------------------------------------------------ */

/* ---------- hero: masthead ---------- */
.hbco-team .hbtf-hero .hb-slab.ink { padding: clamp(84px, 8vw, 108px) 0 clamp(72px, 7vw, 100px); }
.hbco-team .hbtf-hero-field { inset: 0 0 auto 0; height: min(62%, 700px); }

.hbco-team .hbtf-masthead { position: relative; z-index: 1; }
.hbco-team .hbtf-lede { margin-top: 32px; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 28px 56px; }
.hbco-team .hbtf-lede .hb-lead { margin-top: 0; max-width: 40ch; }
.hbco-team .hbtf-lede .hb-actions { margin-top: 0; }

/* ---------- hero: the people ---------- */
.hbco-team .hbtf-founders-block { position: relative; z-index: 1; margin-top: clamp(56px, 6.2vw, 84px); }
.hbco-team .hbtf-kicker { display: flex; align-items: center; gap: 16px; font-family: var(--mono); font-weight: 500; font-size: 13px; line-height: 1.3; letter-spacing: 0.14em; text-transform: uppercase; color: var(--champagne); }
.hbco-team .hbtf-kicker::before { content: ""; width: 20px; height: 2px; border-radius: 1px; background: var(--champagne); flex: none; }
.hbco-team .hbtf-kicker::after { content: ""; flex: 1; height: 1px; background: var(--line-dark); }

.hbco-team .hbtf-founders { margin-top: 28px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 2.6vw, 36px); }
.hbco-team .hbtf-founder { display: flex; flex-direction: column; }

/* ---------- the print ---------- */
.hbco-team .hbtf-plate {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  aspect-ratio: 3 / 2;
  border-radius: 18px;
  background:
    radial-gradient(56% 80% at 50% 28%, rgba(251, 249, 244, 0.96) 0%, rgba(251, 249, 244, 0) 72%),
    linear-gradient(180deg, #f2ebde 0%, #ebdfc9 56%, #dfcaa4 100%);
}
/* passe-partout hairline: behind the subject, so the subject steps out of the frame */
.hbco-team .hbtf-plate::before { content: ""; position: absolute; inset: 14px; z-index: 1; border-radius: 10px; border: 1px solid rgba(31, 42, 55, 0.15); pointer-events: none; }
/* crisp champagne edge where the print meets the midnight slab */
.hbco-team .hbtf-plate::after { content: ""; position: absolute; inset: 0; z-index: 4; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(211, 186, 136, 0.38); pointer-events: none; }

.hbco-team .hbtf-plate-field { inset: 4% -2% 0 -2%; z-index: 0; }

.hbco-team .hbtf-plate-n { position: absolute; z-index: 3; top: 28px; left: 30px; font-family: var(--mono); font-weight: 500; font-size: 12.5px; line-height: 1; letter-spacing: 0.12em; color: var(--slate-deep); }

/* the supplied cut-out portraits, anchored to the bottom edge */
.hbco-team .hbtf-portrait {
  position: absolute;
  z-index: 2;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% 100%;
  transform-origin: 50% 0%;
  transform: scale(1.12);
  filter: drop-shadow(0 20px 26px rgba(11, 13, 16, 0.16));
  transition: transform 1.2s var(--ease);
}
.hbco-team .hbtf-founder:hover .hbtf-portrait { transform: scale(1.12) translateY(-1.4%); }

/* ---------- name, role, bio ---------- */
.hbco-team .hbtf-meta { padding: 26px 2px 0; }
.hbco-team .hbtf-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 20px; padding-bottom: 18px; border-bottom: 1px solid var(--line-dark); }
.hbco-team .hbtf-name { font-family: var(--sans); font-weight: 600; font-size: clamp(26px, 2.5vw, 34px); line-height: 1.1; letter-spacing: -0.022em; color: var(--paper); }
.hbco-team .hbtf-nowrap { white-space: nowrap; }
.hbco-team .hbtf-role { display: inline-flex; align-items: center; gap: 10px; font-family: var(--mono); font-weight: 500; font-size: 12.5px; line-height: 1.3; letter-spacing: 0.14em; text-transform: uppercase; color: var(--champagne); white-space: nowrap; }
.hbco-team .hbtf-role::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: none; }
.hbco-team .hbtf-bio { margin-top: 18px; max-width: 54ch; color: var(--mist); font-size: 16.5px; line-height: 1.66; }
.hbco-team .hbtf-bio p + p { margin-top: 12px; }

/* ---------- entrance (decorative only) ---------- */
@media screen and (prefers-reduced-motion: no-preference) {
  .hbco-team .hbtf-portrait { animation: hbtf-rise-portrait 1100ms var(--ease) 140ms backwards; }
  .hbco-team .hbtf-founder + .hbtf-founder .hbtf-portrait { animation-delay: 300ms; }
}
@keyframes hbtf-rise-portrait { from { opacity: 0; transform: scale(1.12) translateY(4%); } }

/* ---------- responsive ---------- */
@media (max-width: 1023px) {
  .hbco-team .hbtf-plate-n { top: 24px; left: 26px; }
}
@media (max-width: 760px) {
  .hbco-team .hbtf-founders { grid-template-columns: minmax(0, 1fr); gap: 48px; }
  .hbco-team .hbtf-plate { aspect-ratio: 4 / 3; }
}
@media (max-width: 639px) {
  .hbco-team .hbtf-hero .hb-slab.ink { padding: 64px 0 56px; }
  .hbco-team .hbtf-hero-field { height: 46%; }
  .hbco-team .hbtf-lede { margin-top: 24px; }
  .hbco-team .hbtf-founders-block { margin-top: 52px; }
  .hbco-team .hbtf-founders { margin-top: 22px; gap: 44px; }
  .hbco-team .hbtf-plate { aspect-ratio: 1 / 1; border-radius: 16px; }
  .hbco-team .hbtf-plate::before { inset: 10px; border-radius: 9px; }
  .hbco-team .hbtf-plate-n { top: 22px; left: 22px; }
  .hbco-team .hbtf-meta { padding-top: 22px; }
  .hbco-team .hbtf-bio { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .hbco-team .hbtf-portrait { animation: none; transition: none; }
  .hbco-team .hbtf-founder:hover .hbtf-portrait { transform: scale(1.12); }
}

/* Phone header is 64px, so the section anchors need a smaller offset than on desktop. */
@media (max-width: 639px) {
  .hbco #hbco-story { scroll-margin-top: 80px; }
}