/* t5-laptops : responsive rules for this tier only. Every rule lives inside an @media block that can never match 1440x900. */

/* Tier range: (min-width:1280px) and (max-width:1439px). Small laptops (1280x720, 1280x800, 1366x768) and the 12.9 inch
   iPad Pro landscape (1366x1024, a touch device that matches (hover:none)). The desktop composition survives at every
   width in this band: nothing moves, nothing re-templates. What follows are rag, fold and touch refinements only.
   Cascade note: the page keeps <style> blocks in the body after the head links, so an equal-specificity rule here would
   lose on source order. Every selector therefore carries one extra class (the parent module), never !important.
   Order (parent site discipline): narrower width bands widest-first, then height refinements, then the touch variant. */

/* ================= A. 1280 to 1339: the Ask Linville.ai lede ================= */
/* The rail is 349 to 366px wide here (391 at 1440) and the two-line lede runs to three lines with "firm." alone on the
   last one (a 23px runt at 1320). balance sets the three lines to near-equal measure:
   "Describe what you are looking for below. / Our AI searches every live listing and / answers general questions about the firm."
   Same type size; from 1340 up the paragraph fits in two lines and this block no longer applies. */
@media (min-width:1280px) and (max-width:1339px){
  .ask .ask-sub{text-wrap:balance}
}

/* ================= B. 1280 to 1359: the team rail ================= */
/* The rail module is 262 to 270px wide at 1280 to 1319, so the intro ran to six lines (five from 1310) and the 84 percent
   block bottomed out 33px under the first portrait row, printing "OF OUR CLIENTS COME BACK." in the gutter between rows
   (at 1366x768 the rail ends 4px above the row, at 1440 15px above, the designed relationship). Two moves, both kept:
   B1. Tighten the two vertical clamps around the stat by the amount they would give at a 600px tall viewport; the rail
       recovers 13px. Without this the five-line block below still ends 7 to 10px under the row.
       Round two widened B1 from 1319 to 1359: with the trims stopping at 1319 the block jumped from 8px above the row at
       1319 to 5px below it at 1320 (3 at 1330, 2 at 1340, 0 at 1350), and because the rail is a grid item spanning row
       one the row grew, so the gutter between portrait rows one and two opened to 23/21/20px against 18px lower down.
       Measured live with the wider band: 1320 -9px, 1330 -11, 1340 -12, 1350 -14 above the row, gutter 18px throughout;
       1360 stays -1px untouched at 800 tall and hands off to D3 on taller viewports.
   B2. 1280 to 1309 only: -.01em tracking on the 15.2px Newsreader lede (0.15px per glyph, invisible) pulls the sixth line
       back up, so the paragraph sets in five full lines with a 249px last line (no runt; at 1301 to 1309 the sixth line
       had been the single word "you."). Measured live: the stat then ends 3px (1280), 5px (1290), 6px (1300), 7px (1305)
       above the row, the same relationship as 1366. From 1310 the lede is already five lines and B2 stops. */
@media (min-width:1280px) and (max-width:1359px){
  .tb .tb-stat{margin-top:10px;padding-top:9px}
  .tb .tb-lede{margin-top:12px}
}
@media (min-width:1280px) and (max-width:1309px){
  .tb .tb-lede{letter-spacing:-.01em}
}

/* ================= C. 1280 to 1309: the Off Market tile ================= */
/* The tile copy measures 279 to 288px here and "Your search does not stop at this page. We keep looking, through the
   owners we know." breaks to three lines with "know." orphaned. pretty forbids the one-word last line
   ("...through the owners / we know.") and changes nothing else; from 1310 up the copy fits in two lines as at 1440. */
@media (min-width:1280px) and (max-width:1309px){
  .lx-omtile .lx-om-copy{text-wrap:pretty}
}

/* ================= D. height refinements ================= */
/* D1. Short laptops (1280x720, 1366x768): the parent's move for its <=720 and <=820 tall bands, trim one vertical clamp so
   the whole hero (nav, tagline, chip, instrument, metrics) lands inside the first fold instead of running 24px past it.
   Base is clamp(124px,16.8svh,180px): 124px at 720 tall pushes the metrics row 24px below the fold at 1280x720 and 1px
   below at 1366x768. 13.5svh gives 97px at 720 and 104px at 768; the sill still sits on the bottom of the plate.
   .hr .hr-inst rather than .hr-inst: the page's hero <style> block sits after the tier links (see the cascade note). */
@media (min-width:1280px) and (max-width:1439px) and (max-height:780px){
  .hr .hr-inst{margin-top:clamp(96px,13.5svh,124px)}
}

/* D2. Tall viewports (1366x1024): the tagline's base clamp(2.75rem,min(6.5vw,9.2svh),5.9rem) is width-bound when the
   viewport is tall, so the headline rendered at 88.8px, above the 82.8px of the 1440x900 reference, while every other
   heading in the tier scales down. Cap the top of the clamp at the desktop size (5.175rem = 82.8px). Only heights over
   900 reach it; 1280x720, 1280x800 and 1366x768 already sit under the cap and do not change. */
@media (min-width:1280px) and (max-width:1439px) and (min-height:901px){
  .hr .hr-h1{font-size:clamp(2.75rem,min(6.5vw,9.2svh),5.175rem)}
}

/* D3. Tall viewports at 1360 to 1419 (1366x1024, the iPad Pro landscape): the two vh clamps around the 84 percent block
   grow with the viewport height, so above roughly 840px tall the block ends BELOW the first portrait row (1366x1024
   +8px, 1360x1024 +9, 1380x1024 +6, 1400x1024 +2; 1366x850 +1) and, the rail being a grid item spanning row one, the
   gutter between portrait rows one and two opened to 26px at 1366x1024 against 18px between rows two and three. The
   same trims as B1, gated on height. Measured live: 1366x1024 -15px above the row, 1360x1024 -14, 1380x1024 -17,
   1410x1024 -23, 1366x850 about -12, gutter 18px in every case. 1420 to 1439 at 1024 tall already sit 2 to 5px above
   the row with an 18px gutter and are left alone so the 1440 relationship (-5 at 1440x1024) is inherited without a
   seam; 1280 to 1359 are covered at every height by B1. */
@media (min-width:1360px) and (max-width:1419px) and (min-height:841px){
  .tb .tb-stat{margin-top:10px;padding-top:9px}
  .tb .tb-lede{margin-top:12px}
}

/* ================= E. the touch variant of this tier (12.9 inch iPad Pro landscape) ================= */
/* E1. The Ask Linville.ai composer. The page's iOS focus-zoom guard, @media(hover:none){input{font-size:16px!important}},
   lifts the field from 13.44px to 16px, and the placeholder "Ask about a listing, or about LTP and the team" then measures
   310px against a 271px (1280) / 296px (1366) field: it was cut at "...LTP and the tea" with the arrow on the last word.
   Only the placeholder pseudo-element goes back to the desktop 13.44px (260px, fits); typed text stays 16px so iOS does
   not zoom on focus and the page's !important is not fought. Ellipsis as a belt-and-braces ending should a longer
   placeholder ever be set. */
@media (min-width:1280px) and (max-width:1439px) and (hover:none){
  .ask .ask-in{text-overflow:ellipsis}
  .ask .ask-in::placeholder{font-size:.84rem;text-overflow:ellipsis}

  /* E2. 44px hit areas for the controls the page's own hover:none rules did not reach. The drawn size never changes: each
     control gets an invisible absolutely positioned box grown to the floor, the parent's move for its icon links. The
     .lf-heart and .pl-brokpin already carry the same extension in the page (inset -7px / -6px). The hero selects and its
     submit are left as drawn (24 and 36px tall): resizing them changes the instrument's one-sentence grammar, and the
     parent leaves its instrument alone too; they are recorded as accepted in the report. */
  /* nav: Get in touch is 130x40. .lot::after is the page's green hairline tick, already display:none in this layout, so it
     is free to become the hit box: 2px above and below reaches 44. */
  .plat .lot-cta::after{content:'';display:block;position:absolute;inset:-2px -1px;width:auto;height:auto;background:none}
  /* nav strap: "A Linville Team Partners Business" is 232x21 (padding 6px 0, margin -6px 0). 12px above and below. */
  .plat-sub .plat-biz{position:relative}
  .plat-sub .plat-biz::after{content:'';position:absolute;inset:-12px 0}
  /* card flag: "View aerial" (touch only) is 87x23 with a static position set by the page under hover:none. */
  .pl-flag .pl-satbtn{position:relative}
  .pl-flag .pl-satbtn::after{content:'';position:absolute;inset:-11px -4px}
  /* Ask seeds: 174x29 pills in a 6px-gap wrap; 8px above and below reaches 45 (the two rows' hit boxes overlap by 10px in
     the gap, where a tap is ambiguous anyway). */
  .ask-seeds .ask-seed{position:relative}
  .ask-seeds .ask-seed::after{content:'';position:absolute;inset:-8px 0}
  /* Ask send arrow: 20x30 at the right end of the composer; 7px above and below, 6px into the flex gap on the left and
     18px into the rail padding on the right make 44x44 without covering the field. */
  .ask-form .ask-send{position:relative}
  .ask-form .ask-send::after{content:'';position:absolute;inset:-7px -18px -7px -6px}
  /* footer wordmark: 218 to 232px wide, 24 to 26px tall; 10px above and below. */
  .ft .ft-brand{position:relative}
  .ft .ft-brand::after{content:'';position:absolute;inset:-10px 0}
  /* E3. The same "View aerial" pill is display:inline-flex (page line 11497), so its two children, the span "View " and the
     text "aerial", are laid out as flex items and the trailing space inside the span is trimmed: the label rendered as
     VIEWAERIAL (1366x1024-touch-zoom-flag.png). A right margin on the span the width of one letter-spaced word space in
     the 9.6px label restores the gap. The pill does not exist on mouse devices, so 1440x900 cannot see this. The root
     fix (a gap on the pill or a non-collapsing space in the markup) belongs in the page, flagged for Brent. */
  .pl-flag .pl-satbtn .pl-satv{margin-right:.3em}
}