/* COSI About/Company update — leadership grid, memorial, refreshed hero and logo.
   Linked AFTER website-*.css on every page so these rules win on cascade order
   alone: no !important, and the logo rules have to apply site-wide because the
   header and footer are repeated in all five static pages.
   Asset paths are absolute — the Worker serves both /company and /solutions/*,
   and relative paths would resolve differently on the nested routes. */

body #team .members_list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;float:none;width:auto;margin:0 auto;max-width:1120px;padding:0 28px}
body #team .members_list .member{float:none;width:auto;margin:0;padding:0}
body #team .members_list .member .figure img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:6px}
body #team .members_list .member .about{height:auto;min-height:100px}
body #team .members_list .member .name{line-height:1.4}

body .cosi-memorial{padding:0 28px 64px;max-width:1120px;margin:auto;box-sizing:border-box}
body .cosi-memorial-panel{display:flex;gap:32px;align-items:center;padding:32px;background:#f3f5f0;border-top:.5px solid #dce1d9;border-bottom:.5px solid #dce1d9;border-radius:8px}
body .cosi-memorial-panel>img{width:144px;height:180px;object-fit:cover;border-radius:6px;flex:none}
body .cosi-memorial .eyebrow{font-size:11px;letter-spacing:.14em;color:#596551}
body .cosi-memorial h2{font-size:30px;line-height:1.2;margin:12px 0;color:#333;font-weight:400}
body .cosi-memorial p{font-size:15px;line-height:1.65;margin:12px 0 0;color:#444}
body .cosi-memorial .memorial-role{font-size:13px;color:#737a71;margin:0 0 16px}

body .page_header.company{background-image:linear-gradient(90deg,rgba(10,16,12,.74),rgba(10,16,12,.48)),url(/website/cosi-about/company-meeting-1600.jpg);filter:none;-ms-filter:none}
body .page_header.company .cosi_logo{background-image:url(/website/cosi-about/brand/cosi-light-on-dark.svg);background-size:contain;background-position:left center;background-repeat:no-repeat;width:226px;height:54px}
body #site_header h1.logo{background-image:url(/website/cosi-about/brand/insight-light-on-dark.svg);background-size:contain;background-repeat:no-repeat;width:168px}
body #site_header.lite h1.logo{background-image:url(/website/cosi-about/brand/insight-dark-on-light.svg)}
/* The original sheet pins background-size to 87x43 for the .lite header, and
   that selector outranks the rule above it, so the new mark was squeezed from
   its 3.9:1 artwork into a 2:1 box every time the header turned light. Repeat
   the size at matching specificity for both states. */
/* Header is 60px and the logo box is 43px, but the original sheet pins it at
   top:10px — 10 above, 7 below. Half the difference centres it. */
body #site_header h1.logo,body #site_header.lite h1.logo{background-size:contain;background-position:left center;top:8.5px}
body #site_footer .footer_logo{background-image:url(/website/cosi-about/brand/insight-light-on-dark.svg);background-size:contain;background-position:left center;width:168px;height:43px}
body #site_footer.lite .footer_logo{background-image:url(/website/cosi-about/brand/insight-dark-on-light.svg)}

@media(max-width:999px){body #team .members_list{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}body #site_header h1.logo{margin-left:-84px}}
@media(max-width:480px){body #team .members_list{gap:24px 16px;padding:0 20px}body .cosi-memorial{padding:32px 20px}body .cosi-memorial-panel{flex-direction:column;align-items:flex-start;padding:24px;gap:24px}body .cosi-memorial-panel>img{width:112px;height:140px}body .cosi-memorial h2{font-size:26px}}

/* ---- cookie banner ---- */
.cosi-cookie{position:fixed;left:0;right:0;bottom:0;z-index:9000;background:#1d211c;color:#e9ece7;box-shadow:0 -2px 16px rgba(0,0,0,.25)}
.cosi-cookie-inner{max-width:1120px;margin:0 auto;padding:20px 28px;display:flex;gap:28px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cosi-cookie p{margin:0;font-size:14px;line-height:1.6;max-width:70ch}
.cosi-cookie a{color:#a2d75b;text-decoration:underline}
.cosi-cookie-actions{display:flex;gap:12px;flex:none}
.cosi-cookie button{font:inherit;font-size:14px;padding:10px 18px;border-radius:4px;cursor:pointer;border:1px solid transparent}
.cosi-cookie .cosi-cookie-accept{background:#8cbd5b;color:#17201c;border-color:#8cbd5b}
.cosi-cookie .cosi-cookie-reject{background:transparent;color:#e9ece7;border-color:#5a6356}
.cosi-cookie button:hover{opacity:.9}
@media(max-width:700px){.cosi-cookie-inner{padding:18px 20px;gap:16px}.cosi-cookie-actions{width:100%}.cosi-cookie button{flex:1}}

/* ---- privacy page ---- */
.cosi-legal{max-width:760px;margin:0 auto;padding:56px 28px 80px}
.cosi-legal h1{font-size:38px;line-height:1.15;margin:0 0 8px;color:#222;font-weight:400}
.cosi-legal .updated{font-size:13px;color:#737a71;margin:0 0 40px}
.cosi-legal h2{font-size:21px;margin:40px 0 12px;color:#222;font-weight:500}
.cosi-legal p,.cosi-legal li{font-size:15px;line-height:1.7;color:#3b403a}
.cosi-legal ul{padding-left:20px;margin:12px 0}
.cosi-legal li{margin:6px 0}
.cosi-legal a{color:#5c8a31;text-decoration:underline}
.cosi-legal table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.cosi-legal th,.cosi-legal td{text-align:left;padding:10px 12px;border-bottom:1px solid #e4e8e1;vertical-align:top}
.cosi-legal th{font-weight:500;color:#222}
.cosi-legal .cosi-legal-note{background:#f3f5f0;border-left:3px solid #8cbd5b;padding:16px 20px;margin:32px 0;font-size:14px}
@media(max-width:480px){.cosi-legal{padding:36px 20px 56px}.cosi-legal h1{font-size:30px}}
.cosi-footer-legal{margin:6px 0 0;font-size:12px}
.cosi-footer-legal a{color:inherit;opacity:.75;text-decoration:underline}
.cosi-footer-legal a:hover{opacity:1}

/* Harry Reid International Airport mark in the testimonial. The artwork is white
   and yellow, so it keeps the dark plate the previous airport logo sat on. */
body #reviews .company-review.harry-reid{height:34px;margin-top:-22px;background-color:#071d49;padding:6px 8px}
@media(max-width:760px){body #reviews .company-review.harry-reid{margin-top:10px}}

/* ---- Logo is a div, not the page's h1 --------------------------------------
   Every page used <h1 class="logo"> for the mark, so all nine pages shared one
   meaningless top-level heading while the real one sat in an h2. The mark is
   now a div and the page's own heading is the h1. The original sheet keys its
   logo rules on the h1 tag, so those declarations are restated here on the
   class, media query by media query, exactly as they were. */
#site_header .logo{display:block;width:168px;height:43px;position:absolute;margin:0;padding:0;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;z-index:2;background-image:url(/website/cosi-about/brand/insight-light-on-dark.svg);background-size:contain;background-position:left center;top:8.5px}
#site_header.lite .logo{background-image:url(/website/cosi-about/brand/insight-dark-on-light.svg)}
#site_header .logo a{display:block;position:absolute;top:0;right:0;bottom:0;left:0}
@media screen and (max-width:760px){#site_header .logo{left:50%;margin-left:-84px;top:8.5px}}
@media screen and (min-width:761px) and (max-width:999px){#site_header .logo{left:50%;margin-left:-84px;top:8.5px}
  /* the 25px rule in the original sheet is scoped to .service_page, not to every page */
  .service_page #site_header .logo{position:absolute;margin-left:0;left:25px}}
@media screen and (min-width:1000px){#site_header .logo{top:8.5px;left:0}}

/* ---- .about_text needs the gutter every other block already has -------------
   Each .container sits inside a .section, and the section supplies the side
   padding — so containers start 50px in. .about_text has no such wrapper, so on
   any window narrower than its 1150px max-width the text ran to the very edge.
   Restated here so it lines up with the containers at every breakpoint: the
   max-width grows by the padding, and border-box keeps the inner column the
   same 1150px on wide screens. */
.about_text{box-sizing:border-box;padding-left:50px;padding-right:50px;max-width:1250px}
@media screen and (max-width:760px){.about_text{padding-left:25px;padding-right:25px;max-width:1200px}}