/* Scoped homepage polish for the 1 November plan. Canonical tokens stay unchanged. */
#packages.co-services{background:var(--ha-paper);color:var(--ha-ink);padding:clamp(56px,7vw,100px) 0;margin:0;scroll-margin-top:0}
#packages.co-services h2{max-width:820px;margin:0 0 36px;font:800 clamp(32px,4vw,54px)/1.08 var(--ha-font-sans);letter-spacing:-.04em;color:var(--ha-ink)}
.co-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.co-service{display:flex;flex-direction:column;gap:16px;padding:30px;border:1px solid var(--ha-hairline);border-radius:24px;background:var(--ha-card);color:var(--ha-ink);text-decoration:none}
.co-service h3{margin:0;font:800 clamp(23px,2.3vw,32px)/1.14 var(--ha-font-sans);letter-spacing:-.03em;color:var(--ha-ink)}
.co-service p{max-width:36em;margin:0;font:500 17px/1.55 var(--ha-font-sans);color:var(--ha-support-on-paper)}
.co-service>span{margin-top:auto;padding-top:12px;font:700 15px/1.4 var(--ha-font-sans)}
.co-service>span>span{margin-left:8px;color:var(--ha-bloom-text)}
.co-service:hover{border-color:var(--ha-support-on-paper)}
.co-service:focus-visible,.co-proof:focus-visible,.co-founder-link:focus-visible,.co-product-links a:focus-visible{outline:3px solid var(--ha-bloom-text);outline-offset:4px}
.co-proof{display:inline-flex;align-items:center;min-height:44px;gap:16px;margin-top:24px;color:var(--ha-support-on-paper);font:600 15px/1.5 var(--ha-font-sans);text-underline-offset:5px}
html body section#team.founder-intro{margin-top:0!important;padding-top:clamp(48px,6vw,80px)!important;box-shadow:none!important}
.co-founder-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:18px;color:var(--ha-ink);font:700 16px/1.4 var(--ha-font-sans);text-underline-offset:5px}
/* The heading spans the founder rows; retained inline sticky rules must not pin it over them. */
html body section#team.human-layer.founder-intro .fd-head{position:static!important}
/* Shared natural photographic grade: soft colour, deeper blacks and clean skin tones.
   Body scope outranks the retained inline duotone rules for both founders. */
html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people .founder-person .founder-portrait img:not(.fd-true){filter:saturate(.9) contrast(1.06) brightness(1.02)!important;animation:none!important;opacity:1!important}
html body section#team.human-layer.founder-intro .fd2-people .founder-portrait .fd-true{display:none!important}
html body section#team.human-layer.founder-intro .fd2-people .founder-person{animation:none!important}
.co-product-links{display:flex;flex-wrap:wrap;gap:16px 40px;padding:24px clamp(24px,4vw,56px) 40px;background:var(--ha-ink)}
.co-product-links a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--ha-paper);font:700 16px/1.3 var(--ha-font-sans);text-underline-offset:5px}
.co-amp-intro{margin:20px 0 0;max-width:34em;font:500 18px/1.5 var(--ha-font-sans);color:var(--ha-support-on-paper)}
@media(max-width:600px){
 .co-service-grid,.co-product-defs{grid-template-columns:minmax(0,1fr)}
 .co-service{padding:24px;gap:12px}
 .co-service p{font-size:16px}
 .co-amp-intro{font-size:16px;margin:16px auto 8px}
 .co-proof{align-items:flex-start}
}
/* These selectors outrank the retained homepage's older inline section rules. */
html body section#meet-amp{background:var(--ha-ink);border-top:0;color:var(--ha-paper)}
html body section#meet-amp h2{color:var(--ha-paper)}
html body section#meet-amp .co-amp-intro{color:var(--ha-vapour)}
body.ha-home-tidy footer nav[aria-label="Footer navigation"] a{color:var(--ha-vapour);font:500 14px/1.5 var(--ha-font-sans);text-underline-offset:4px}
body.ha-message-hierarchy section.hero-freedom{min-height:100svh!important;height:100svh!important}
/* One scene from connected business to the conversation. */
html:has(.co-journey){scroll-snap-type:none!important}
.co-journey{--co-teal:color-mix(in srgb,var(--ha-petrol),var(--ha-paper) 25%);position:relative;background:var(--ha-ink);color:var(--ha-paper);isolation:isolate}
.co-connected{padding:clamp(56px,7vw,100px) 0 0;background:var(--ha-ink);color:var(--ha-paper)}
html body .co-connected h2{margin:0;font:800 clamp(36px,4.5vw,64px)/1.04 var(--ha-font-sans);letter-spacing:-.04em;color:var(--ha-vapour)!important}
html body .co-connected h2 span{color:var(--ha-paper)}
.co-example-note{margin:30px 0 0;text-align:center;font:500 14px/1.5 var(--ha-font-sans);color:var(--ha-vapour)}
.co-scene-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-top:40px;padding-top:24px;border-top:1px solid rgba(199,199,204,.2)}
.co-scene-footer>p{margin:0;font:500 16px/1.5 var(--ha-font-sans);color:var(--ha-vapour)}
.co-scene-footer strong{color:var(--ha-paper)}
.co-motion-controls{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.co-motion-controls button,.co-motion-controls a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;background:none;border:0;border-bottom:1px solid var(--ha-vapour);border-radius:0;color:var(--ha-paper);font:600 14px/1.4 var(--ha-font-sans);text-decoration:none;cursor:pointer}
.co-motion-controls [hidden]{display:none!important}
.co-motion-controls :is(a,button):focus-visible{outline:2px solid var(--ha-bloom);outline-offset:5px}
.co-connected .co-product-links{padding:24px 0 48px;gap:16px 40px}
html body .co-connected .co-product-links a{color:var(--ha-paper)!important}
html body .co-journey #meet-amp{position:relative;overflow:hidden;min-height:580px;border:0;background:var(--ha-ink)}
.co-journey #meet-amp .ma-in{position:relative;z-index:1;min-height:580px;box-sizing:border-box}
.co-scene-echo{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:.12;filter:blur(3px);transform:scale(.9);mask-image:linear-gradient(90deg,#000,transparent 90%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 90%)}
.co-scene-echo .co-example-note{display:none}
.co-journey.co-motion .co-amp-arrival{opacity:0;transform:translateX(-100px);transition:transform 1s cubic-bezier(.2,.65,.2,1),opacity .5s ease;will-change:transform}
.co-journey.co-motion .co-arrived .co-amp-arrival{opacity:1;transform:none}
.co-journey #meet-amp .ma-copy{padding:20px 0}
@media(max-width:760px){
 .co-example-note{max-width:24em;margin:26px auto 0}
 .co-scene-footer{margin-top:28px;gap:12px}.co-scene-footer>p{font-size:15px}
 .co-connected .co-product-links{padding-bottom:28px}
 html body .co-journey #meet-amp,.co-journey #meet-amp .ma-in{min-height:0}
 .co-journey #meet-amp .ma-in{padding-top:48px;padding-bottom:64px}
 .co-scene-echo{opacity:.09;mask-image:linear-gradient(#000,transparent 90%);-webkit-mask-image:linear-gradient(#000,transparent 90%)}
 .co-journey #meet-amp .ma-copy{padding:0}
}
@media(prefers-reduced-motion:reduce){
 .co-journey *, .co-journey *::before,.co-journey *::after{animation:none!important;transition:none!important}
 .co-journey .co-amp-arrival{transform:none!important;opacity:1!important}
 .co-scene-echo{display:none}
}
/* Section spacing is owned once, rather than added to the legacy content wrapper. */
#packages.co-services>.content-wrap,.co-connected>.content-wrap{padding-top:0;padding-bottom:0}
.co-connected{padding-top:clamp(56px,6vw,80px)}
.co-journey .co-scene-echo{opacity:0;transform:scale(.96);transition:opacity 1s ease,transform 1.2s ease}
.co-journey .co-arrived .co-scene-echo{opacity:.12;transform:scale(.9)}
html body .co-connected>.content-wrap{padding-top:0!important;padding-bottom:0!important}
html body section#team.founder-intro{mask:none!important;-webkit-mask:none!important}

/* One introduction to Lee and Dave, with the deeper profile link after both people. */
html body.ha-message-hierarchy section#team.human-layer.founder-intro{padding-top:clamp(24px,3.5vw,48px)!important}
html body.ha-message-hierarchy section#team.human-layer.founder-intro>.content-wrap{padding-top:0!important}
html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people{grid-template-areas:'head' 'lee' 'dave' 'more'!important}
html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd-head{margin:0 0 28px!important}
html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people .founder-person-lee{border-top:0!important;padding-top:0!important}
.co-founder-more{grid-area:more;margin-top:8px}
.co-founder-more .co-founder-link{margin-top:0}
@media(min-width:1200px){
 html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people{grid-template-areas:'head lee' 'head dave' '. more'!important}
 html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd-head{margin:0!important}
}
/* Quiet product adverts using the branding and artwork on the product pages. */
.co-connected .co-product-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:32px 0 48px}
html body .co-connected .co-product-links a.co-product-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:32px;min-width:0;min-height:190px;padding:28px;border:1px solid rgba(247,241,238,.24);border-radius:20px;background:rgba(247,241,238,.035);box-sizing:border-box;text-decoration:none;transition:background .2s,border-color .2s}
.co-product-brand{display:flex;align-items:center;gap:12px;font:500 clamp(25px,2.5vw,34px)/1.1 var(--ha-font-sans);letter-spacing:-.035em;white-space:nowrap}
.co-product-brand img{width:44px;height:44px}
.co-product-brand b{font-weight:800}
.co-product-brand em{font-style:normal;color:var(--ha-product-os,#34A8AA)}
.co-product-work .co-product-brand{font-weight:800}
.co-product-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;font:700 14px/1.4 var(--ha-font-sans);letter-spacing:0}
.co-product-cta>span{font-size:22px;color:var(--ha-bloom)}
.co-product-family{position:absolute;display:flex;align-items:flex-end;right:24px;bottom:52px;gap:4px}
.co-product-amp{position:relative;display:block;width:56px}
.co-product-amp img{display:block;width:100%;height:auto}
.co-product-amp .af-eye{position:absolute;top:29.66%;width:30.07%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;background:var(--ha-paper);box-shadow:inset 0 0 0 2px var(--ha-ink)}
.co-product-amp .af-eye:nth-of-type(1){left:25.37%}.co-product-amp .af-eye:nth-of-type(2){left:63.31%}
.co-product-amp .af-pupil{position:absolute;left:45.7%;top:26.1%;width:31.8%;height:31.8%;border-radius:50%;background:var(--ha-ink)}

html body .co-connected .co-product-links a.co-product-card:hover{background:rgba(247,241,238,.07);border-color:var(--ha-vapour)}
#connected-business .co-motion-controls,.co-journey .co-scene-echo{display:none!important}
@media(max-width:1000px){.co-product-brand{font-size:26px}.co-product-amp{width:46px}}
@media(max-width:600px){.co-connected .co-product-links{grid-template-columns:minmax(0,1fr);gap:16px}.co-product-brand{font-size:28px}}
@media(prefers-reduced-motion:reduce){.co-product-card{transition:none!important}}

/* Smaller portraits keep the emphasis on the introduction and each founder's contribution. */
html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people .founder-person{grid-template-columns:clamp(84px,20vw,160px) minmax(0,1fr)!important}
@media(min-width:1200px){html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people .founder-person{grid-template-columns:180px minmax(0,1fr)!important}}

/* A compact introduction to the people, with the same editorial rhythm as the work. */
html body.ha-message-hierarchy section#team.human-layer.founder-intro .founder-proof-list li{border:0!important;padding:3px 0!important}
html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people .founder-person{border:0!important}
html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd-head h2{font-size:clamp(34px,3.4vw,48px)!important;line-height:1.08!important}
@media(min-width:1100px){
 html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:'head head' 'lee dave' 'more more'!important;gap:32px 48px!important}
 html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd-head{max-width:900px;margin:0 0 8px!important}
 html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people .founder-person{grid-template-columns:144px minmax(0,1fr)!important;gap:24px!important;padding:0!important;margin:0!important}
 html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people h3{font-size:30px!important}
 html body.ha-message-hierarchy section#team.human-layer.founder-intro .co-founder-more{margin-top:0}
}

/* Meet Amp has a screen of his own, with the whole composition vertically centred. */
html.meet-amp-snap{scroll-snap-type:y proximity!important}
html.meet-amp-snap body.ha-message-hierarchy section#meet-amp{scroll-snap-align:center!important;scroll-snap-stop:normal!important}
html body.ha-message-hierarchy .co-journey section#meet-amp{
 min-height:calc(100svh - 60px);display:grid;align-items:center;scroll-margin-top:0;
}
html body.ha-message-hierarchy .co-journey section#meet-amp .ma-in{
 min-height:0;width:100%;padding-top:clamp(32px,5vh,64px)!important;
 padding-bottom:clamp(32px,5vh,64px)!important;align-content:center;
}
@media(max-width:860px){
 html body.ha-message-hierarchy .co-journey section#meet-amp .ma-in{row-gap:16px}
 html body.ha-message-hierarchy .co-journey section#meet-amp .ma-art{margin-bottom:8px}
}
@media(max-height:560px) and (min-width:540px) and (max-width:860px){
 html body.ha-message-hierarchy .co-journey section#meet-amp .ma-in{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"art copy";gap:24px;text-align:left;padding-block:20px!important}
 html body.ha-message-hierarchy .co-journey section#meet-amp .ma-copy{display:block}
 html body.ha-message-hierarchy .co-journey section#meet-amp .ma-art{grid-area:art;margin:0}
 html body.ha-message-hierarchy .co-journey section#meet-amp .ma-art.mic{width:min(220px,100%)!important}
 html body.ha-message-hierarchy .co-journey section#meet-amp h2{margin:0;font-size:34px}
 html body.ha-message-hierarchy .co-journey section#meet-amp .ma-ask{margin-top:18px}
 html body.ha-message-hierarchy .co-journey section#meet-amp .ma-ask::before{left:-18px;top:50%;transform:none;border:0;border-right:20px solid var(--ha-card);border-top:12px solid transparent;border-bottom:8px solid transparent}
}

/* Landy's existing overlays keep their front-facing geometry; the shared eye controller owns their clock. */
.landy-story-character[data-ha-live-eyes] .landy-eyes{animation:none!important;opacity:1}
.landy-story-character[data-ha-live-eyes] .landy-eye,.landy-story-character[data-ha-live-eyes] .landy-eye b{animation:none!important}
.co-product-amp[data-ha-live-eyes] .af-pupil,.landy-story-character[data-ha-live-eyes] .landy-eye b{transition:transform 100ms ease-out}
@media(prefers-reduced-motion:reduce){.co-product-amp[data-ha-live-eyes] .af-pupil,.landy-story-character[data-ha-live-eyes] .landy-eye b{transition:none}}


/* A paper chapter separates client work from the charcoal Amp introduction. */
html body section#our-work.landy-story{background:var(--ha-paper);color:var(--ha-ink)}
#our-work .lw-mark{filter:brightness(0);opacity:.84}
html body #our-work .lw-more{color:var(--ha-ink);border-color:var(--ha-support-on-paper)}
html body #our-work .lw-more:focus-visible{outline-color:var(--ha-ink)}
html body #our-work .lw-site .landy-story-image>img:first-child{border-color:var(--ha-paper)}
@media(max-width:600px){
 html body #our-work>.content-wrap{padding-block:36px!important}
 html body #our-work .lw-head{gap:20px}
 html body #our-work .lw-mark{margin-bottom:12px}
 html body #our-work .lw-site{margin-top:28px}
 html body #our-work .lw-shots{margin-top:32px;gap:20px}
 html body #our-work .lw-shots figcaption{margin-top:8px}
 html body #our-work .lw-more{margin-top:28px}
}

.co-product-amp[data-ha-live-eyes]:not(.is-art-ready) .af-eye,.landy-story-character[data-ha-live-eyes]:not(.is-art-ready) .landy-eye{visibility:hidden}

/* A paired introduction: faces and contribution first, supporting experience beneath.
   Founder colours are retired (Lee, 2 Nov 2026): --ha-lee-text and --ha-dave resolve to ink in the tokens. */
html body.ha-message-hierarchy section#team.human-layer.founder-intro{position:relative;z-index:4;background:var(--ha-paper);border-radius:clamp(24px,3.5vw,48px) clamp(24px,3.5vw,48px) 0 0;padding-top:clamp(40px,4vw,56px)!important}
html body.ha-message-hierarchy .hero-deck.is-deck~section#team.human-layer.founder-intro{margin-top:calc(-1 * clamp(36px,6svh,64px))!important;box-shadow:0 -12px 32px rgba(var(--ha-ink-rgb),.10)}
html body.ha-message-hierarchy section#team.human-layer.founder-intro{padding-bottom:clamp(40px,5vw,72px)!important}
html body.ha-message-hierarchy section#team.human-layer.founder-intro>.content-wrap{max-width:1248px!important}
html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'head' 'lee' 'dave' 'more'!important;gap:32px!important}
html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd-head{max-width:960px;margin:0 0 4px!important}
html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd-head h2{font-size:clamp(30px,3.3vw,44px)!important;line-height:1.12!important;letter-spacing:-.035em!important}
html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd-head .fd-key{color:var(--ha-ink)!important}
html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people .founder-person{display:grid!important;grid-template-columns:128px minmax(0,1fr)!important;grid-template-areas:'photo name' 'photo role' 'photo note' 'list list'!important;column-gap:24px!important;row-gap:0!important;align-self:start;align-content:start;padding:0!important;margin:0!important}
html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people .founder-identity{display:contents!important}
html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people .founder-portrait{grid-area:photo!important;transform:none!important;box-shadow:none;border:1px solid var(--ha-hairline)}
html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people h3{grid-area:name!important;font-size:30px!important;line-height:1.1!important}
html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people .founder-role{grid-area:role!important;font-size:15px!important;margin:7px 0 0!important}
html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people .founder-person-lee .founder-role{color:var(--ha-lee-text)!important}
html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people .founder-person-dave .founder-role{color:var(--ha-dave)!important}
html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people .founder-strength{grid-area:note!important;max-width:23ch;margin:14px 0 0!important;font-size:21px!important;line-height:1.3!important;color:var(--ha-ink)!important}
html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people .founder-proof-list{grid-area:list!important;margin:20px 0 0!important;max-width:48ch!important}
html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people .founder-proof-list li{font-size:15px!important;line-height:1.55!important;padding:0!important;margin:0 0 10px!important}
html body.ha-message-hierarchy section#team.human-layer.founder-intro .co-founder-more{margin:0}
html body.ha-message-hierarchy section#team.human-layer.founder-intro .co-founder-link{font-size:16px;color:var(--ha-ink);text-decoration-color:var(--ha-bloom-text)}
html body.ha-message-hierarchy section#team.human-layer.founder-intro .co-founder-link span{color:var(--ha-bloom-text)}
@media(min-width:960px){
 html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:'head head' 'lee dave' 'more more'!important;gap:36px 56px!important}
}
@media(max-width:600px){
 html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people .founder-person{grid-template-columns:96px minmax(0,1fr)!important;column-gap:20px!important}
 html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people h3{font-size:25px!important}
 html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people .founder-role{font-size:14px!important}
 html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd2-people .founder-strength{font-size:18px!important;margin-top:10px!important}
}

/* The general HumanAmp film belongs with the people, before the business animation. */
#team .co-founder-film{max-width:640px;margin:clamp(32px,4vw,56px) auto 0}
html body #team .co-founder-film .founder-film{margin:0;max-width:none}

html body #team .co-founder-film .founder-film-play{width:56px;height:56px}
html body #team .co-founder-film .founder-film-play svg{width:23px;height:23px;margin-left:3px}

/* Product cards composed (Lee, 3 Nov 2026): words on the left, one picture on the right. HumanAmp OS shows your people
   and systems joined to one brain; Work Amps shows the huddle bleeding off the corner. The OS tile stays lockup size. */
.co-connected .co-product-links{gap:24px;padding:40px 0 64px}
html body .co-connected .co-product-links a.co-product-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"brand brand" "desc art" "cta art";column-gap:24px;row-gap:0;align-items:start;min-height:230px;padding:28px 28px 24px;overflow:hidden;background:rgba(247,241,238,.045)}
.co-product-brand{grid-area:brand;margin:0 0 4px;white-space:nowrap}
.co-product-desc{grid-area:desc;text-wrap:pretty;margin:10px 0 24px;font:500 16px/1.45 var(--ha-font-sans);letter-spacing:0;color:var(--ha-vapour);max-width:24ch}
.co-product-cta{grid-area:cta;align-self:end;margin:0;position:relative;z-index:2} /* the Explore link always sits above the picture */
.co-product-art{grid-area:art;align-self:center;justify-self:end;width:100%;max-width:280px;height:auto;margin-top:-8px}
.co-product-work .co-product-family{position:static;grid-area:art;align-self:end;justify-self:end;display:flex;align-items:flex-end;gap:0;margin:0 -30px -34px 0;z-index:1}
.co-product-amp{width:84px;margin-left:-16px} /* the huddle fits its own column, clear of the Explore link */
.co-product-amp:nth-child(1){transform:rotate(-5deg)}
.co-product-amp:nth-child(2){transform:translateY(-12px)}
.co-product-amp:nth-child(3){transform:rotate(5deg)}
/* The cards stack by the room they have, not the screen's width: words above the picture whenever a card would be
   narrower than about 560px (two cards below about 1140px of row, or one card on a phone). The Explore link stays on one line. */
.co-connected .co-product-links{container-type:inline-size}
.co-product-cta{white-space:nowrap}
@container (max-width:1140px){
  html body .co-connected .co-product-links a.co-product-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "desc" "art" "cta";row-gap:0;min-height:0;padding:24px 22px 22px}
  .co-product-art{justify-self:center;max-width:280px;margin:4px 0 18px}
  .co-product-desc{margin-bottom:12px;max-width:none}
  .co-product-work .co-product-family{justify-self:end;margin:-4px -22px 14px 0}
  .co-product-amp{width:74px;margin-left:-14px}
}
/* The section line above the cards, and the handoff: the flying tile and the diagram that receives it */
.co-connected .co-product-links .co-product-lead{grid-column:1/-1;margin:0 0 4px;font:800 clamp(22px,2vw,28px)/1.15 var(--ha-font-sans);letter-spacing:-.03em;color:var(--ha-paper)}
.co-handoff-tile{position:fixed;left:0;top:0;z-index:40;pointer-events:none;will-change:transform;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}
.co-handoff-tile[hidden]{display:none}
.co-product-art path{stroke-dasharray:420;stroke-dashoffset:calc(420px * (1 - var(--handoff,1)))}
@media(prefers-reduced-motion:reduce){.co-handoff-tile{display:none}.co-product-art path{stroke-dashoffset:0}}

/* Chapter headings share one format (Lee, 3 Nov 2026): the chapter scale, weight 800, left aligned, grey context then
   the key phrase in white on charcoal or ink on paper. The CTA card and the footer keep their own smaller headings. */
html body #team-title,html body.ha-message-hierarchy section#team.human-layer.founder-intro .fd-head h2#team-title,html body .fd-band-head,html body #meet-amp-band-title,html body #landy-story-title,html body .co-product-links .co-product-lead{font-size:var(--ha-type-chapter,clamp(34px,3.9vw,56px))!important;font-weight:800!important;line-height:1.1!important;letter-spacing:-.035em!important;text-align:left!important}
html body .fd-band-head{align-self:stretch!important;width:100%!important}
/* The founders chapter shares the page's left edge with every other chapter heading */
html body.ha-message-hierarchy section#team.human-layer.founder-intro>.content-wrap{max-width:var(--ha-content-max,1440px)!important}
.co-handoff-amp{z-index:39;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}