/* t7-1920 : responsive rules for this tier only. Every rule lives inside an @media block that can never match 1440x900. */
/* Tier range: (min-width:1920px) and (max-width:2559px). Sizes perfected: 1920x1080, 2048x1152.
   The page's own >=1920 root ramp (html font-size clamp(16px, 8.6px + .453vw, 26px)) stays as authored: 17.3px at 1920, 17.9px at 2048.
   No !important is used anywhere in this sheet. Specificity note: the hero, board, team and contact styles live in
   <style> blocks that follow the tier <link> tags in the source, so an equal-specificity rule here loses on order.
   Where a rule must beat one of those, the page's own ancestor class is prefixed (for example .hr .hr-in). */

@media (min-width:1920px) and (max-width:2559px){

  /* 1. One content column. At 1440 the nav plat, the hero column and every section share the same 64px gutter,
     so the lockup, the tagline, the About head and the board frame all sit on one left edge. Above 1704px the
     sections cap at 1560px and center, while the nav and the hero stayed pinned to the 72px viewport gutter,
     so the hero read left heavy against centered sections (72 vs 180 at 1920, 72 vs 244 at 2048).
     The nav plat and the hero column now take the same centered 1560px column the sections use. */
  .nav{padding-left:max(var(--pad),calc((100% - 1560px) / 2));padding-right:max(var(--pad),calc((100% - 1560px) / 2))}
  .hr .hr-in{padding-left:max(var(--pad),calc((100% - 1560px) / 2));padding-right:max(var(--pad),calc((100% - 1560px) / 2))}

  /* 2. Hero column width. At 1440 the instrument and the metrics run 1248px inside a 1312px plat: one gutter short
     of the plat's right edge. Keep that relationship inside the 1560px column (1488px) instead of the 78rem cap,
     which stopped at 1349px and left a 320px void under the CTA. */
  .hr .hr-copy,.hr .hr-inst,.hr .hr-led{max-width:min(100%,calc(1560px - var(--pad)))}

  /* 3. Team intro: hold the desktop lockup "Your broker has a / team behind them. / So do you." The column is 354px
     at both sizes and the 2.2rem head lands at 9.3em, which just lets "team" onto line one. 8.8em restores the
     1440 break (296px at 33.84px = 8.75em) at both 1920 and 2048. */
  .tb-head{max-width:8.8em}

  /* 4. Team figure: at 1920 "of our clients come back." fits beside 84 % on one line, at 1440 and at 2048 it sits
     under the numeral. Keep the stacked sentence at every size in the tier. */
  .tb-stat-n .tb-stat-t{flex:0 0 100%}

  /* 5. Consent card (desktop placement is top right, flush with the Get in touch button). The page pins it at
     right:var(--pad) = 72px; with the nav on the 1560px column the CTA now ends 180px (244px at 2048) from the edge,
     so the card follows the same column edge. Percent right on a fixed box resolves against the layout viewport,
     the same measure the nav padding uses, so the two edges meet exactly. */
  .consent.sf-consent{right:max(var(--pad),calc((100% - 1560px) / 2))}

  /* 6. Listing and broker drawer. The drawer is a fixed 700px while everything inside it is rem based, so at the
     17.3px root the broker footer row (Email, Save contact, See all listings) ran 731px wide (747px at 2048) and
     the third button was cut at the drawer's edge. 700px at the 16px root is 43.75rem; expressed that way the
     drawer grows with its own type and the row fits with the 1440 proportions (757px at 1920, 782px at 2048).
     aside.le-drawer is the page's own element and class; the extra type selector is needed because the drawer's
     stylesheet block follows the tier link in the source. */
  aside.le-drawer{width:min(43.75rem,94vw)}

  /* 7. Contact tiles and footer. Both wraps cap at 1313px, which is simply the content width at 1440 (1440 minus two
     63.4px gutters), so at 1440 their outer edges meet the board and team frames. At 1920 the frames are 1560px and the
     tiles and footer brand sat 124px inside them on each side, a second column width the desktop never shows. Same
     1560px column as every other section. The tile paddings and gap are vw based, so the tiles simply widen. */
  .ct .ct-in{max-width:1560px}
  .ft .ft-wrap{max-width:1560px}

  /* ---- Round 2 (council should_fix) ---- */

  /* 8. Tier seam. The t6 sheet (round 2) keeps the page's 1560px cap from 1705 up and moves the nav, hero, tiles,
     footer and consent card onto that centred column with the same formulas rules 1, 5 and 7 use here, so the frames,
     the plat and the wraps are all 1560px on both sides of 1919/1920. The caps above stay; nothing to release. */

  /* 9. About proof rows. The page caps the list at 50ch (595px at the 16px root; the column holds it to 577px at 1440,
     a 491px text measure beside the fixed 58px numeral column and 14px gap). At the 17.3px root the cap grew to 643px
     while the numeral column stayed in px, so the text measure grew 11 percent against type that grew 8, the breaks
     drifted and row 03 ended with "closing." alone on its last line (53px). 34.6em (598px at 1920, 619px at 2048) is
     the cap that reproduces the 1440 line breaks in all three rows at both tier sizes: row 01 ends "from someone they
     sent." (166px / 169px against 158px at 1440), row 02 keeps its three full lines ending "opens the door.", row 03
     ends "call to closing." (99px / 101px against 95px at 1440). Verified with Range line boxes at 1920, 2000, 2048,
     2200, 2400 and 2559: no size in the tier leaves a one-word last line. pretty is kept as the guard against sub-pixel
     drift and is the same rule t6 carries for .ab-p. The ID prefix matches the page's own #sec-about.ab-elev .ab-arg
     rule, which would otherwise win on specificity. */
  #sec-about.ab-elev .ab-argw .ab-arg{max-width:34.6em}
  #sec-about.ab-elev .ab-arow{text-wrap:pretty}

  /* 10. Off market tile head. The tile grows from 395 to 472px while the h3 grows 8 percent with the root, so "always"
     climbed onto line one ("The right property is not always / on the market."). Balance restores the 1440 lockup
     "The right property is not / always on the market." at both sizes (line widths 287/243 at 1920, 297/252 at 2048,
     the same 1.18 ratio as the desktop's 264/224) and is the rule the t6 sheet uses, so the seam is one decision. */
  .lx-om-head{text-wrap:balance}

  /* 11. Back to top disc. The page parks it at right:2vw, capped at 30px, while the t6 sheet centres it in the 72px
     gutter (12px from the edge, under the social rail's column). Crossing 1919/1920 moved the disc 18px. Same formula
     here: --pad is 72px throughout the tier, so the disc sits 12px from the edge at 1920 and 2048, under the rail, and
     168px clear of the 1560px column's right edge at 1920 (232px at 2048). */
  body .totop{right:calc((var(--pad) - 48px) / 2)}

}
