/* company.html — the shared interior header (nt-hero) stays as on every page; below it the page is built from homepage
   parts (frame.css scenes, home-advertising.css cards, home-retention.css numbers). This file only holds what the
   company page adds: scenes size to their content because this page scrolls normally (the homepage's 100svh scenes
   are for its page-by-page paging), the banner, the image-and-text split scenes, and the partner line. */
.hs-dark-scene.co-why,.hs-dark-scene.co-answer,.hs-dark-scene.co-vision,.hs-dark-scene.co-team,.hs-dark-scene.co-cta,.hs-advertising.co-ways,.hs-retention.co-facts{min-height:0;padding:24px 0}
/* No visible page title (user 2026-09-29): the banner starts right under the nav; the H1 stays for search/screen readers (.sr-only). */
body.home-light .nt-hero.co-top{padding:0}
/* Banner (shared nt-hero-img slot), full width here (user 2026-09-29: the inset box looked cut off): light breaking
   through storm clouds (Unsplash photo a162c4db0762, free license; centre band of the portrait original,
   assets/backgrounds/company-banner.webp) under Philippians 4:13. The scrim keeps the white verse readable over the sun. */
body.home-light .nt-hero-img.co-banner{position:relative;isolation:isolate;overflow:hidden;max-width:none;border-radius:0;height:clamp(300px,34vw,520px);margin-top:0;
  background:#1d2530 url(../backgrounds/company-banner.webp) center/cover no-repeat}
.co-banner::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.36)}
.co-banner-mark{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;margin:0;padding:0 24px;text-align:center}
.co-banner-mark p{margin:0;font-size:clamp(28px,3.8vw,56px);font-weight:500;line-height:1.35;letter-spacing:-.04em;color:#fff;word-break:keep-all;text-shadow:0 2px 24px rgba(0,0,0,.3)}
.co-banner-mark cite{font-size:clamp(13px,1.1vw,16px);font-style:normal;line-height:1.5;letter-spacing:.06em;color:#fff;opacity:.85}
/* Image left, text right (user 2026-09-29: the page read as text only), after Headspace "Our Story" measured at 1920:
   photo 746 x 932 (4:5, square corners), 86px gap, text 665px. Scaled x0.75 to the 1120px
   frame; the reference's decorative circles are left out (user 2026-09-29). Unsplash photos, free license, shown in black and white:
   company-why.webp (skyscrapers from below, c521966ea880), company-ceo.webp (CEO portrait, user-provided, closing scene).
   company-answer.webp (desk lamp over notes and a pen, 73d0743dfbde; cropped clear of a screen and a handwritten address). */
.co-split{display:grid;grid-template-columns:minmax(0,746fr) minmax(0,665fr);gap:64px;align-items:center;padding-block:48px}
.co-split-img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1)}
.co-split-label{margin:0 0 14px;font:14px/1.5 monospace;letter-spacing:.06em;color:#b7b6b1}
.co-split-text h2{margin:0;font-size:clamp(30px,3vw,42px);font-weight:600;line-height:1.28;letter-spacing:-.04em;color:#eeede9;word-break:keep-all}
/* Both paragraphs fill the same column with an even right edge (user 2026-09-29: breaks looked random). Justified with the
   slack spread across characters, as in the testimonial cards; text-wrap:pretty off so it cannot pull lines short. */
.co-split-text p:not(.co-split-label,.co-split-sign){margin:24px 0 0;font-size:17px;line-height:1.75;letter-spacing:-.02em;color:#b7b6b1;word-break:keep-all;text-align:justify;text-justify:inter-character;text-wrap:wrap}
.co-split-text p.co-split-lead{color:#d9d8d2}
.co-split-text strong{font-weight:500;color:#eeede9}
/* CEO signature under the closing scene (portrait: company-ceo.webp, user-provided, black and white). */
.co-split-text p.co-split-sign{margin:32px 0 0;font-size:15px;letter-spacing:-.01em;color:#8f8e88}
.co-split-sign strong{margin-left:6px;font-size:18px;font-weight:600;color:#eeede9}
/* Team under the CEO scene, after the user's halftone reference. Real names and roles (user 2026-09-29); the pictures
   are people seen from behind or with the face hidden — they read as people without passing a stranger's face off as
   staff (Unsplash, free license: 9f597c2f31ab woman at a desk under a lamp, e5ea119cc724 reading with the book over the
   face, 4cfe9be2179c man at a monitor from behind), redrawn as a dot halftone (assets/images/team/member-*.png, 8-level PNG:
   halftone dots compress far better than WebP). Swap in each member's own photo with the same halftone when available. */
.co-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.co-member{text-align:left}
.co-member-art{aspect-ratio:1;overflow:hidden;border-radius:4px;background:#1a1a1a}
.co-member-art img{display:block;width:100%;height:100%;object-fit:cover}
.co-member-role{margin:20px 0 0;font:13px/1.5 monospace;letter-spacing:.06em;color:#c4b8ff}
.co-member h3{margin:6px 0 0;font-size:22px;font-weight:600;letter-spacing:-.03em;color:#eeede9}
.co-member-desc{margin:10px 0 0;font-size:15px;line-height:1.7;color:#b7b6b1;word-break:keep-all}
.co-partner{display:flex;align-items:center;justify-content:center;gap:24px}
.co-partner img{flex:none;width:200px;height:auto;filter:brightness(0) invert(1);opacity:.9}
.co-partner p{margin:0;font-size:16px;line-height:1.7;color:#b7b6b1;word-break:keep-all}
.co-partner strong{display:block;font-weight:600;color:#eeede9}
@media(max-width:900px){
.hs-dark-scene.co-why,.hs-dark-scene.co-answer,.hs-dark-scene.co-vision,.hs-dark-scene.co-team,.hs-dark-scene.co-cta,.hs-advertising.co-ways,.hs-retention.co-facts{padding:16px 0}
.co-split{grid-template-columns:1fr;gap:40px;padding-block:32px 16px}
.co-split-media{width:min(100%,420px);margin-inline:auto}
.co-split-text p:not(.co-split-label,.co-split-sign){font-size:16px}
.co-partner{flex-direction:column;text-align:center;gap:16px}
.co-team-grid{grid-template-columns:1fr;gap:36px}
}
/* Narrow phones: ~20 characters a line, justifying spreads single words across the line — left-align instead (as the testimonial cards). */
@media(max-width:480px){
.co-split-text p:not(.co-split-label,.co-split-sign){text-align:left}
}