/* =========================================================
   DOWNLOADS pattern - /brochures/ (Figma 559:776) and
   /manuals/ (Figma 559:1041).

   Every number here was read off a Figma layer with
   get_metadata / get_design_context, never eyeballed. Both
   templates carried a page-scoped <style> block; those blocks
   moved here so the render harness measures what actually
   ships - see scripts/figma-gate/migrated/downloads.json for
   the markers and the markup rewrites that go with them.

   Scoping: .br-* is unique to page-brochures.php and .mn-* to
   page-manuals.php, except .br-projects which two other
   templates also use, so every band rule carries .dl-band, a
   class this pattern adds to its own markup.

   Figma has no mobile frames, so every fixed-pixel rule sits
   in @media(min-width:1201px). The base rules are the fluid
   layout and keep 375px free of horizontal scroll.

   Two rules from the old blocks are gone on purpose and should
   not come back: ".br-acc+.br-acc{border-top...}" (Figma draws
   a .br-rule / .mn-rule line instead, 559:1002, 559:1297 and
   559:1302) and ".footer{border-radius:0}" (Figma keeps the
   shared footer's 50px top corners over the CTA photo).

   Where Figma disagrees with itself, or with what a browser
   can render, the call is recorded in
   docs/fleet-issues/downloads.md. Read that before changing a
   number here.
   ========================================================= */

/* ---------- base: fluid, every width ---------- */

.br-hero{position:relative;min-height:420px;overflow:hidden;color:#fff;background:#4d5b5a;}
.br-hero .bg{position:absolute;inset:0;z-index:0;overflow:hidden;}
.br-hero .bg img{width:100%;height:100%;object-fit:cover;}
.br-hero .bg .ov{position:absolute;inset:0;background:rgba(0,0,0,.15);}
.br-hero .container{position:relative;z-index:2;padding-top:200px;}
.br-hero .eyebrow{font-weight:400;font-size:20px;line-height:25px;margin:0 0 2px;}
.br-hero h1{font-weight:700;font-size:44px;line-height:1.1;letter-spacing:-1px;margin:0;}
.br-intro{padding:64px 0 48px;text-align:center;}
.br-intro h2{display:inline-block;font-weight:700;font-size:30px;line-height:1.15;
  letter-spacing:-1px;color:#27272d;margin:0 0 20px;}
.br-intro p{font-weight:300;font-size:17px;line-height:26px;color:#27272d;max-width:902px;margin:0 auto;}
.br-intro p b{font-weight:700;}
.br-cat{padding:0 0 64px;}
.br-card{background:#fff;border:1px solid #d3d3d3;border-radius:28px;padding:32px 20px;}
.br-acc{border:none;}
.br-acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;
  font-weight:500;font-size:24px;letter-spacing:-0.9px;color:#27272d;margin:0 0 24px;}
.br-acc summary::-webkit-details-marker{display:none;}
.br-acc:not([open]) summary{margin-bottom:0;}
.br-acc .acch{display:inline-block;}
.br-acc .chev{flex:0 0 auto;width:16.5008px;height:9.001px;
  background:url("/wp-content/themes/evoheat/assets/img/figma/downloads/chevron.svg") 0 0/100% 100% no-repeat;}
.br-acc:not([open]) .chev{transform:rotate(-90deg);}
.br-rule{height:0;border-top:1px solid #d3d3d3;margin:28px 0;}
.br-grid{display:grid;grid-template-columns:1fr;gap:24px;}
.br-pcard{position:relative;background:#f4f4f4;border-radius:15px;padding:24px 20px 20px;
  text-align:center;display:flex;flex-direction:column;align-items:center;
  transition:transform .15s ease,box-shadow .15s ease;}
.br-pcard:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,20,45,.10);}
.br-pcard .pimg{display:flex;align-items:center;justify-content:center;height:150px;margin-bottom:16px;}
.br-pcard .pimg img{max-height:100%;max-width:100%;object-fit:contain;}
.br-pcard .pname{width:100%;max-width:356px;background:#fff;border-radius:10px;padding:16px 12px;
  font-weight:700;font-size:19px;line-height:24px;letter-spacing:.02em;color:#002b54;margin-bottom:14px;}
.br-pcard .psub{font-weight:300;font-size:18px;line-height:22px;color:#000;}

.mn-hero{position:relative;min-height:420px;overflow:hidden;color:#fff;background:#4d5b5a;}
.mn-hero .bg{position:absolute;inset:0;z-index:0;overflow:hidden;}
.mn-hero .bg img{width:100%;height:100%;object-fit:cover;}
.mn-hero .bg .ov{position:absolute;inset:0;background:rgba(0,0,0,.15);}
.mn-hero .container{position:relative;z-index:2;padding-top:200px;}
.mn-hero .eyebrow{font-weight:400;font-size:20px;line-height:25px;margin:0 0 2px;}
.mn-hero h1{font-weight:700;font-size:44px;line-height:1.1;letter-spacing:-1px;margin:0;}
.mn-intro{padding:64px 0 48px;text-align:center;}
.mn-intro h2{display:inline-block;font-weight:700;font-size:30px;line-height:1.15;
  letter-spacing:-1px;color:#27272d;margin:0 0 20px;}
.mn-intro p{font-weight:300;font-size:17px;line-height:26px;color:#27272d;max-width:902px;margin:0 auto;}
.mn-intro p b{font-weight:700;}
.mn-cat{padding:0 0 64px;}
.mn-card{background:#fff;border:1px solid #d3d3d3;border-radius:28px;padding:32px 20px;}
.mn-acc{border:none;}
.mn-acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;
  font-weight:500;font-size:24px;letter-spacing:-0.9px;color:#27272d;margin:0 0 24px;}
.mn-acc summary::-webkit-details-marker{display:none;}
.mn-acc:not([open]) summary{margin-bottom:0;}
.mn-acc .acch{display:inline-block;}
.mn-acc .chev{flex:0 0 auto;width:16.5008px;height:9.001px;
  background:url("/wp-content/themes/evoheat/assets/img/figma/downloads/chevron.svg") 0 0/100% 100% no-repeat;}
.mn-acc:not([open]) .chev{transform:rotate(-90deg);}
.mn-rule{height:0;border-top:1px solid #d3d3d3;margin:28px 0;}
.mn-grid{display:grid;grid-template-columns:1fr;gap:24px;}
.mn-pcard{position:relative;background:#f4f4f4;border-radius:15px;padding:24px 20px 20px;
  text-align:center;display:flex;flex-direction:column;align-items:center;
  transition:transform .15s ease,box-shadow .15s ease;}
.mn-pcard:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,20,45,.10);}
.mn-pcard .pimg{display:flex;align-items:center;justify-content:center;height:150px;margin-bottom:16px;}
.mn-pcard .pimg img{max-height:100%;max-width:100%;object-fit:contain;}
.mn-pcard .pname{width:100%;max-width:356px;background:#fff;border-radius:10px;padding:16px 12px;
  font-weight:700;font-size:19px;line-height:24px;letter-spacing:.02em;color:#002b54;margin-bottom:14px;}
.mn-pcard .psub{font-weight:300;font-size:18px;line-height:22px;color:#000;}

/* No overlay element here on purpose. Figma nests the band's rgba(0,0,0,0.3)
   overlay inside the image rect itself (559:790 / 559:1055), so the node
   export already carries it; a second .ov on top rendered the band at 69% of
   the design's brightness. The hero is the other way round: its Overlay
   (559:779 / 559:1044) is a SIBLING of the header rect, so the hero export is
   the bare photo and .br-hero/.mn-hero .ov reproduces it. */
.dl-band{position:relative;overflow:hidden;text-align:center;color:#fff;padding:64px 0;background:#123047;}
.dl-band .bg{position:absolute;inset:0;z-index:0;overflow:hidden;}
.dl-band .bg img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;}
.dl-band .container{position:relative;z-index:2;}
.dl-band h2{font-weight:500;font-size:32px;line-height:1.15;letter-spacing:-1.2px;margin:0 0 14px;}
.dl-band p{font-weight:400;font-size:18px;line-height:30px;letter-spacing:-0.48px;margin:0 0 24px;}
.dl-band .btn{height:56px;padding:0 34px;background:#fff;color:#27272d;border-radius:50px;
  font-weight:500;font-size:18px;line-height:25px;}

/* ---------- Figma-exact desktop: the 1920 artboard ---------- */

@media(min-width:1201px){

/* =============== /brochures/   Figma 559:776 =============== */

/* hero: Figma draws the header rect 1920x600 at 0,0 and lays a second
   rgba(0,0,0,.15) Overlay over the same 600px. The 0.2 overlay nested
   inside the rect is already baked into the exported photo. */
.br-hero{min-height:0;height:600px;}
.br-hero .container{max-width:1530px;padding:300px 0 0;}
.br-hero h1{font-size:75px;line-height:89px;letter-spacing:-1.5px;}

/* shared quote bar is drawn at y565, 35px up over the hero */
body:has(.br-hero){--qb-overlap:35px;}

.br-intro{padding:135px 0 101px;}
.br-intro h2{font-size:50px;line-height:55px;letter-spacing:-1.5px;margin:0 0 26px;
  position:relative;left:-1.47px;}   /* Figma x483, layer box w953 */
.br-intro p{font-size:20px;line-height:26px;width:1059px;min-height:80px;max-width:none;}

.br-cat{padding:0 0 191px;}
.br-card{border-radius:28px;padding:71px 0 105px;}

/* The chevron is absolutely positioned, so its left is measured from the
   summary's PADDING box (x201), not from the indented text. The closed
   chevron is rotated -90deg about its own centre, which moves its border box
   right by (16.5008 - 9.001) / 2 = 3.7499px; the lefts below already take
   that off, so the measured box lands on the Figma vector. */
.br-acc summary{display:block;position:relative;margin:0;font-size:30px;letter-spacing:-0.9px;}
.br-acc .chev{position:absolute;}
.br-acc:nth-of-type(1) summary,.br-acc:nth-of-type(1) .acch{line-height:56px;}
.br-acc:nth-of-type(1) summary{padding-left:89px;}   /* Figma 559:864 x290 */
.br-acc:nth-of-type(1) .chev{left:395px;top:26px;}   /* Figma 559:865 x596 y1180 */
.br-acc:nth-of-type(2) summary,.br-acc:nth-of-type(2) .acch{line-height:38px;}
.br-acc:nth-of-type(2) summary{padding-left:90px;}   /* Figma 559:1005 x291 */
.br-acc:nth-of-type(2) .chev{left:529.25px;top:17.25px;}   /* Figma 559:1006 x734 y2745.5 */

/* Figma 559:1002 reads y2703, but a 1px Figma stroke is centred on the path
   (2702.5 to 2703.5) and the frame export rasterises it onto row 2702, with
   row 2703 left white. A CSS border-top at y2703 paints row 2703 instead, so
   the hairline landed one row below the drawing: 1335 pixels wrong, the only
   thing on the page a 1px geometry tolerance can hide completely. The top
   margin is 1px short and the bottom margin 1px long, so the rule moves up
   onto the drawn row and the closed group's title below it does not move. */
.br-rule:nth-of-type(1){width:1335px;margin:84px 0 29px 90px;}   /* Figma 559:1002 */

.br-grid{grid-template-columns:repeat(3,425px);column-gap:32px;row-gap:33px;
  width:1339px;margin:49px 0 0 90px;}

.br-pcard{width:425px;height:315px;padding:0;border-radius:15px;background:#f4f4f4;display:block;}
.br-pcard .pimg{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;display:block;}
.br-pcard .pimg img{position:absolute;max-width:none;max-height:none;object-fit:contain;}
.br-pcard .pname{position:absolute;width:356px;height:65px;max-width:none;margin:0;padding:0;
  border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:21px;line-height:24px;}
.br-pcard .psub{position:absolute;white-space:nowrap;font-size:18px;line-height:22px;}

/* one rule per drawn card: Figma sizes and nudges every product render,
   name plate and subtitle by hand, so each is placed at its own values. */
.br-grid .br-pcard:nth-child(1) .pimg img{left:129px;top:34px;width:169px;height:122px;}   /* fusion-i-pro, 559:878 */
.br-grid .br-pcard:nth-child(1) .pname{left:37px;top:169px;}
.br-grid .br-pcard:nth-child(1) .psub{left:139px;top:250px;}
.br-grid .br-pcard:nth-child(2) .pimg img{left:129px;top:40px;width:160px;height:115px;}   /* force-i-pro, 559:889 */
.br-grid .br-pcard:nth-child(2) .pname{left:37px;top:169px;}
.br-grid .br-pcard:nth-child(2) .psub{left:138px;top:250px;}
.br-grid .br-pcard:nth-child(3) .pimg img{left:136px;top:39px;width:155px;height:116px;}   /* apex, 559:867 */
.br-grid .br-pcard:nth-child(3) .pname{left:35px;top:171px;}
.br-grid .br-pcard:nth-child(3) .psub{left:137px;top:249px;}
.br-grid .br-pcard:nth-child(4) .pimg img{left:128px;top:38px;width:162px;height:113px;}   /* edge-i, 559:901 */
.br-grid .br-pcard:nth-child(4) .pname{left:35px;top:171px;}
.br-grid .br-pcard:nth-child(4) .psub{left:137px;top:246px;}
.br-grid .br-pcard:nth-child(5) .pimg img{left:168px;top:20px;width:89px;height:138px;}   /* dynamic-i-pro, 559:923 */
.br-grid .br-pcard:nth-child(5) .pname{left:35px;top:164px;}
.br-grid .br-pcard:nth-child(5) .psub{left:137px;top:242px;}
.br-grid .br-pcard:nth-child(6) .pimg img{left:105px;top:28px;width:210px;height:126px;}   /* cs-csgen2, 559:912 */
.br-grid .br-pcard:nth-child(6) .pname{left:35px;top:164px;}
.br-grid .br-pcard:nth-child(6) .psub{left:119px;top:239px;}
.br-grid .br-pcard:nth-child(7) .pimg img{left:126px;top:18px;width:158px;height:129px;}   /* cs-i, 559:935 */
.br-grid .br-pcard:nth-child(7) .pname{left:35px;top:160px;}
.br-grid .br-pcard:nth-child(7) .psub{left:86px;top:238px;}
.br-grid .br-pcard:nth-child(8) .pimg img{left:141px;top:13px;width:144px;height:134px;}   /* commercial-catalogue, 559:946 */
.br-grid .br-pcard:nth-child(8) .pname{left:35px;top:160px;}
.br-grid .br-pcard:nth-child(8) .psub{left:147px;top:238px;}
.br-grid .br-pcard:nth-child(9) .pimg img{left:140px;top:63px;width:145px;height:63px;}   /* solace-pro, 559:957 */
.br-grid .br-pcard:nth-child(9) .pname{left:39px;top:170px;}
.br-grid .br-pcard:nth-child(9) .psub{left:129px;top:248px;}
.br-grid .br-pcard:nth-child(10) .pimg img{left:144px;top:36px;width:137px;height:113px;}   /* connect, 559:969 */
.br-grid .br-pcard:nth-child(10) .pname{left:35px;top:160px;}
.br-grid .br-pcard:nth-child(10) .psub{left:141px;top:238px;}
.br-grid .br-pcard:nth-child(11) .pimg img{left:169px;top:19px;width:88px;height:131px;}   /* j-box, 559:980 */
.br-grid .br-pcard:nth-child(11) .pname{left:35px;top:160px;}
.br-grid .br-pcard:nth-child(11) .psub{left:141px;top:235px;}
.br-grid .br-pcard:nth-child(12){top:2px;}   /* Figma drops this card 2px below its row */
.br-grid .br-pcard:nth-child(12) .pimg img{left:159px;top:29px;width:107px;height:108px;}   /* louvre-1000, 559:991 */
.br-grid .br-pcard:nth-child(12) .pname{left:35px;top:158px;}
.br-grid .br-pcard:nth-child(12) .psub{left:141px;top:233px;}

/* cards in the collapsed accordions: Figma never draws them, so they take
   the modal card layout (plate 35/169, subtitle y250). */
.br-acc:not(:nth-of-type(1)) .br-pcard .pimg img{left:128px;top:34px;width:169px;height:122px;}
.br-acc:not(:nth-of-type(1)) .br-pcard .pname{left:34.5px;top:169px;}
.br-acc:not(:nth-of-type(1)) .br-pcard .psub{left:50%;top:250px;transform:translateX(-50%);}

/* Figma draws the band copy in fixed text frames, not full-bleed blocks, and
   centres them 1px off the container's centre line, so each carries its own
   Figma width and a sub-pixel nudge. */
.br-projects.dl-band{height:536px;padding:184px 0 145px;}
.br-projects.dl-band .bg img{width:1920px;height:617px;object-fit:fill;}
.br-projects.dl-band h2{font-size:60px;line-height:76px;letter-spacing:-2.4px;
  width:1188px;margin:0 auto;position:relative;left:-1px;}   /* Figma 559:797 x365 w1188 */
.br-projects.dl-band p{font-size:24px;line-height:30px;letter-spacing:-0.48px;
  width:795px;margin:0 auto 31px;position:relative;left:-0.5px;}   /* Figma 559:793 x562 w795 */
.br-projects.dl-band .btn{width:234px;height:70px;padding:0;border-radius:50px;
  font-size:20px;line-height:25px;position:relative;left:-1px;}

/* =============== /manuals/   Figma 559:1041 =============== */

/* hero: Figma draws the header rect 1920x600 at 0,0 and lays a second
   rgba(0,0,0,.15) Overlay over the same 600px. The 0.2 overlay nested
   inside the rect is already baked into the exported photo. */
.mn-hero{min-height:0;height:600px;}
.mn-hero .container{max-width:1534px;padding:300px 0 0;}
.mn-hero h1{font-size:75px;line-height:89px;letter-spacing:-1.5px;}

/* shared quote bar is drawn at y582, 18px up over the hero */
body:has(.mn-hero){--qb-overlap:18px;}

.mn-intro{padding:121px 0 78px;}
.mn-intro h2{font-size:50px;line-height:55px;letter-spacing:-1.5px;margin:0 0 26px;
  position:relative;left:-0.05px;}   /* Figma x652, layer box w618 */
.mn-intro p{font-size:20px;line-height:26px;width:902px;min-height:93px;max-width:none;}

.mn-cat{padding:0 0 194px;}
.mn-card{border-radius:28px;padding:73px 0 107px;}

.mn-acc summary{display:block;position:relative;margin:0;font-size:30px;letter-spacing:-0.9px;}
.mn-acc .chev{position:absolute;}
.mn-acc:nth-of-type(1) summary,.mn-acc:nth-of-type(1) .acch{line-height:56px;}
.mn-acc:nth-of-type(1) summary{padding-left:89px;}   /* Figma 559:1129 x290 */
.mn-acc:nth-of-type(1) .chev{left:358px;top:26px;}   /* Figma 559:1130 x559 y1175 */
.mn-acc:nth-of-type(2) summary,.mn-acc:nth-of-type(2) .acch{line-height:38px;}
.mn-acc:nth-of-type(2) summary{padding-left:86px;}   /* Figma 559:1300 x287 */
.mn-acc:nth-of-type(2) .chev{left:501.25px;top:17.25px;}   /* Figma 559:1301 x706 y3054.5 */
.mn-acc:nth-of-type(3) summary,.mn-acc:nth-of-type(3) .acch{line-height:38px;}
.mn-acc:nth-of-type(3) summary{padding-left:85px;}   /* Figma 559:1305 x286 */
.mn-acc:nth-of-type(3) .chev{left:524.25px;top:17.25px;}   /* Figma 559:1306 x729 y3146.5 */

/* Same 1px stroke-centring as .br-rule above: 559:1297 reads y3008 and draws
   on row 3007, 559:1302 reads y3109 and draws on row 3108. Each top margin is
   1px short and each bottom margin 1px long, so only the rule moves. */
.mn-rule:nth-of-type(1){width:1335px;margin:75px 0 33px 91px;}   /* Figma 559:1297 */
.mn-rule:nth-of-type(2){width:1335px;margin:29px 0 24px 85px;}   /* Figma 559:1302 */

.mn-grid{grid-template-columns:repeat(3,425px);column-gap:32px;row-gap:30px;
  width:1339px;margin:32px 0 0 85px;}

.mn-pcard{width:425px;height:315px;padding:0;border-radius:15px;background:#f4f4f4;display:block;}
.mn-pcard .pimg{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;display:block;}
.mn-pcard .pimg img{position:absolute;max-width:none;max-height:none;object-fit:contain;}
.mn-pcard .pname{position:absolute;width:356px;height:65px;max-width:none;margin:0;padding:0;
  border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:21px;line-height:24px;}
.mn-pcard .psub{position:absolute;white-space:nowrap;font-size:18px;line-height:22px;}

/* one rule per drawn card: Figma sizes and nudges every product render,
   name plate and subtitle by hand, so each is placed at its own values. */
.mn-grid .mn-pcard:nth-child(1) .pimg img{left:130px;top:34px;width:164px;height:118px;}   /* fusion-i, 559:1131 */
.mn-grid .mn-pcard:nth-child(1) .pname{left:35px;top:164px;}
.mn-grid .mn-pcard:nth-child(1) .psub{left:144px;top:240px;}
.mn-grid .mn-pcard:nth-child(2) .pimg img{left:129px;top:34px;width:169px;height:122px;}   /* fusion-i-pro, 559:1142 */
.mn-grid .mn-pcard:nth-child(2) .pname{left:37px;top:169px;}
.mn-grid .mn-pcard:nth-child(2) .psub{left:139px;top:250px;}
.mn-grid .mn-pcard:nth-child(3) .pimg img{left:129px;top:40px;width:160px;height:115px;}   /* force-i-pro, 559:1153 */
.mn-grid .mn-pcard:nth-child(3) .pname{left:37px;top:169px;}
.mn-grid .mn-pcard:nth-child(3) .psub{left:138px;top:250px;}
.mn-grid .mn-pcard:nth-child(4) .pimg img{left:129px;top:40px;width:160px;height:115px;}   /* force-i, 559:1164 */
.mn-grid .mn-pcard:nth-child(4) .pname{left:35px;top:171px;}
.mn-grid .mn-pcard:nth-child(4) .psub{left:137px;top:249px;}
.mn-grid .mn-pcard:nth-child(5) .pimg img{left:135px;top:42px;width:155px;height:116px;}   /* apex, 559:1176 */
.mn-grid .mn-pcard:nth-child(5) .pname{left:35px;top:171px;}
.mn-grid .mn-pcard:nth-child(5) .psub{left:137px;top:249px;}
.mn-grid .mn-pcard:nth-child(6) .pimg img{left:128px;top:38px;width:162px;height:113px;}   /* edge-i, 559:1187 */
.mn-grid .mn-pcard:nth-child(6) .pname{left:35px;top:171px;}
.mn-grid .mn-pcard:nth-child(6) .psub{left:137px;top:246px;}
.mn-grid .mn-pcard:nth-child(7) .pimg img{left:168px;top:20px;width:89px;height:138px;}   /* dynamic-i-pro, 559:1198 */
.mn-grid .mn-pcard:nth-child(7) .pname{left:35px;top:164px;}
.mn-grid .mn-pcard:nth-child(7) .psub{left:137px;top:242px;}
.mn-grid .mn-pcard:nth-child(8) .pimg img{left:156px;top:20px;width:110px;height:131px;}   /* dhp-r, 559:1209 */
.mn-grid .mn-pcard:nth-child(8) .pname{left:35px;top:164px;}
.mn-grid .mn-pcard:nth-child(8) .psub{left:169px;top:242px;}
.mn-grid .mn-pcard:nth-child(9) .pimg img{left:105px;top:28px;width:210px;height:126px;}   /* cs-csgen2, 559:1220 */
.mn-grid .mn-pcard:nth-child(9) .pname{left:35px;top:164px;}
.mn-grid .mn-pcard:nth-child(9) .psub{left:119px;top:239px;}
.mn-grid .mn-pcard:nth-child(10) .pimg img{left:126px;top:18px;width:158px;height:129px;}   /* cs-i, 559:1231 */
.mn-grid .mn-pcard:nth-child(10) .pname{left:35px;top:160px;}
.mn-grid .mn-pcard:nth-child(10) .psub{left:86px;top:238px;}
.mn-grid .mn-pcard:nth-child(11) .pimg img{left:144px;top:36px;width:137px;height:113px;}   /* connect, 559:1242 */
.mn-grid .mn-pcard:nth-child(11) .pname{left:35px;top:160px;}
.mn-grid .mn-pcard:nth-child(11) .psub{left:141px;top:238px;}
.mn-grid .mn-pcard:nth-child(12) .pimg img{left:169px;top:19px;width:88px;height:131px;}   /* j-box, 559:1253 */
.mn-grid .mn-pcard:nth-child(12) .pname{left:35px;top:160px;}
.mn-grid .mn-pcard:nth-child(12) .psub{left:141px;top:235px;}
.mn-grid .mn-pcard:nth-child(13) .pimg img{left:140px;top:63px;width:145px;height:63px;}   /* solace-pro, 559:1264 */
.mn-grid .mn-pcard:nth-child(13) .pname{left:39px;top:170px;}
.mn-grid .mn-pcard:nth-child(13) .psub{left:129px;top:248px;}
.mn-grid .mn-pcard:nth-child(14) .pimg img{left:161px;top:44px;width:104px;height:100px;}   /* solar-smart-35, 559:1275 */
.mn-grid .mn-pcard:nth-child(14) .pname{left:39px;top:170px;}
.mn-grid .mn-pcard:nth-child(14) .psub{left:170px;top:248px;}
.mn-grid .mn-pcard:nth-child(15) .pimg img{left:161px;top:44px;width:104px;height:100px;}   /* solar-smart-5, 559:1286 */
.mn-grid .mn-pcard:nth-child(15) .pname{left:39px;top:170px;}
.mn-grid .mn-pcard:nth-child(15) .psub{left:104px;top:245px;}

/* cards in the collapsed accordions: Figma never draws them, so they take
   the modal card layout (plate 35/169, subtitle y250). */
.mn-acc:not(:nth-of-type(1)) .mn-pcard .pimg img{left:128px;top:34px;width:169px;height:122px;}
.mn-acc:not(:nth-of-type(1)) .mn-pcard .pname{left:34.5px;top:169px;}
.mn-acc:not(:nth-of-type(1)) .mn-pcard .psub{left:50%;top:250px;transform:translateX(-50%);}

.mn-projects.dl-band{height:536px;padding:180px 0 149px;}
.mn-projects.dl-band .bg img{width:1920px;height:617px;object-fit:fill;}
.mn-projects.dl-band h2{font-size:60px;line-height:76px;letter-spacing:-2.4px;
  width:1188px;margin:0 auto;}   /* Figma 559:1062 x366 w1188 */
.mn-projects.dl-band p{font-size:24px;line-height:30px;letter-spacing:-0.48px;
  width:795px;margin:0 auto 31px;position:relative;left:0.5px;}   /* Figma 559:1058 x563 w795 */
.mn-projects.dl-band .btn{width:234px;height:70px;padding:0;border-radius:50px;
  font-size:20px;line-height:25px;position:relative;left:0px;}

}   /* end @media(min-width:1201px) */

/* ---------- narrow: the fluid layout the old blocks shipped ---------- */

@media(min-width:601px) and (max-width:1200px){
  .br-grid{grid-template-columns:1fr 1fr;}
  .mn-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:1200px){
  .br-hero .container{padding-top:180px;}
  .br-card{padding:28px 18px;}
  .mn-hero .container{padding-top:180px;}
  .mn-card{padding:28px 18px;}
}
@media(max-width:768px){
  .br-hero h1{font-size:34px;}
  .br-intro h2{font-size:26px;}
  .br-acc summary{font-size:20px;}
  .br-pcard .pname{font-size:17px;}
  .mn-hero h1{font-size:34px;}
  .mn-intro h2{font-size:26px;}
  .mn-acc summary{font-size:20px;}
  .mn-pcard .pname{font-size:17px;}
  .dl-band h2{font-size:26px;}
  .dl-band p{font-size:16px;line-height:26px;}
}