/* Homepage geometry. Materials are shared with the approved customer console. */
body.lt-home-hardware { --header-h: 76px; }
.lt-home-hardware .lt-main { background: transparent; }
.lt-home-hardware .lt-home-label {
  display: flex; align-items: center; gap: 10px; margin: 0 0 12px;
  color: var(--lt-orange-light); font-family: var(--lt-heading); font-size: 13px;
  font-weight: 600; letter-spacing: .17em; line-height: 1.35;
}
.lt-home-hardware :is(h1, h2, h3, h4) { color: var(--lt-text); }
.lt-home-hardware :is(h2, h3, h4) { font-family: var(--lt-heading); font-weight: 600; }
.lt-home-hardware .lt-script { font-family: var(--font); font-style: normal; }

/* Image sits in a bounded inset display, with the approved grain on its bezel. */
body.lt-home-hardware .lt-hero { margin: 0; padding: 28px 0 0; background: transparent; }
.lt-home-hardware .lt-home-hero { padding: 5px; border-color: #7b6d5d; }
.lt-home-hardware .lt-home-hero__display { min-height: 462px; overflow: hidden; background: #080a0b; }
.lt-home-hardware .lt-home-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 55%; }
.lt-home-hardware .lt-home-hero__display::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(90deg, #060708fa 0%, #060708e6 27%, #060708ab 43%, #0607080a 68%), linear-gradient(0deg, #080a0b7a, transparent 28%);
}
.lt-home-hardware .lt-hero__copy { position: relative; z-index: 2; width: 58%; padding: 44px 46px; }
.lt-home-hardware .lt-hero h1 { margin: 0 0 20px; font-family: var(--lt-heading); font-size: clamp(42px, 4.8vw, 69px); font-weight: 600; letter-spacing: .01em; line-height: 1.04; }
.lt-home-hardware .lt-hero h1 span { color: var(--lt-amber); font-style: normal; }
.lt-home-hardware .lt-hero__lead { max-width: 45ch; margin-bottom: 24px; color: #c2c5c4; font-size: 14px; line-height: 1.8; }
.lt-home-hardware .lt-hero__cta { flex-wrap: wrap; gap: 12px; margin-bottom: 21px; }
.lt-home-hardware .lt-hero-search {
  min-width: 0; width: min(410px, 100%); min-height: 44px; padding: 4px 5px 4px 13px;
  border: 1px solid #5d6668; border-radius: 4px; color: #c3c8c7;
  background: linear-gradient(#101214, #080a0b); box-shadow: inset 0 2px 8px #000b, inset 0 -1px #ffffff12;
}
.lt-home-hardware .lt-hero-search input { min-width: 0; width: 100%; background: transparent; color: var(--lt-text); font-size: 12px; }
.lt-home-hardware .lt-hero-search input::placeholder { color: #a9afae; opacity: 1; }
.lt-home-hardware .lt-hero-search button { display: grid; place-items: center; flex: none; width: 36px; height: 36px; padding: 0; border-radius: 3px; color: #ffbd70; border: 1px solid #8b6439; background: linear-gradient(#29271f, #111413); }
.lt-home-hardware .lt-home-hero__mark { position: absolute; z-index: 2; right: 20px; bottom: 17px; color: #d0d3cd; font-family: var(--lt-heading); font-size: 11px; letter-spacing: .18em; }
.lt-home-hardware .lt-hero__perks { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 18px 0 0; }
.lt-home-hardware .lt-hero__perks li { min-width: 0; padding: 14px 16px; gap: 13px; border: 1px solid #41494c; border-radius: 5px; background-color: var(--lt-surface-1); background-image: var(--lt-material-panel); background-position: center; background-size: var(--lt-metal-size); background-repeat: var(--lt-metal-repeat); background-blend-mode: var(--lt-metal-blend); box-shadow: inset 0 1px #ffffff19, 0 2px 5px #0005; }
.lt-home-hardware .lt-hero__perks .ti { display: grid; place-items: center; flex: none; width: 35px; height: 35px; font-size: 24px; color: var(--lt-amber); background: radial-gradient(circle, #db65172e, transparent 75%); text-shadow: 0 0 9px #ff9a3070; }
.lt-home-hardware .lt-hero__perks strong { display: block; font-size: 12px; font-weight: 600; }
.lt-home-hardware .lt-hero__perks span { display: block; margin-top: 3px; color: var(--lt-text-secondary); font-size: 10px; font-weight: 400; }

/* Device finder: dark inset fields, factual model data and brand controls. */
.lt-home-hardware .lt-finder { margin: 22px 0 0; padding: 0; }
.lt-home-hardware .lt-finder__card { padding: 25px 28px 20px; overflow: visible; }
.lt-home-hardware .lt-finder__head { margin-bottom: 21px; }
.lt-home-hardware .lt-finder__head .lt-home-label { margin-bottom: 6px; }
.lt-home-hardware .lt-finder__head h2 { margin-bottom: 6px; font-size: 30px; letter-spacing: .025em; }
.lt-home-hardware .lt-finder__head p:not(.lt-home-label) { font-size: 12px; }
.lt-home-hardware .lt-finder__form { grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: 15px; }
.lt-home-hardware .lt-finder__field { min-width: 0; }
.lt-home-hardware .lt-finder__field > label { display: block; margin-bottom: 8px; color: #d2d5d4; font-size: 12px; font-weight: 500; }
.lt-home-hardware .lt-finder__go { height: 48px; }
.lt-home-hardware .lt-brands { gap: 10px; margin-top: 19px; padding-top: 16px; border-color: #42494b; color: var(--lt-text-secondary); font-size: 11px; }
.lt-home-hardware .lt-brands__logo { height: 44px; border-color: #515a5d; border-radius: 4px; background: linear-gradient(#292e30, #131718); box-shadow: inset 0 1px #ffffff1c, inset 0 -2px #0009; }
.lt-home-hardware .lt-brands__logo img { max-width: 80px; filter: grayscale(1) invert(1); opacity: .75; mix-blend-mode: screen; }
.lt-home-hardware .lt-brands__logo:is(:hover, .is-active) { border-color: var(--lt-amber); background: linear-gradient(#33271c, #191715); box-shadow: 0 0 8px #ff8b2a40; }
.lt-home-hardware .lt-brands__logo:is(:hover, .is-active) img { filter: grayscale(1) invert(1); opacity: 1; }

.lt-home-hardware .lt-cats { padding: 22px 0 0; }
.lt-home-hardware .lt-cats__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.lt-home-hardware .lt-cat { min-height: 214px; border: 1px solid #515a5d; border-radius: 6px; box-shadow: var(--lt-panel-shadow); }
.lt-home-hardware .lt-cat::after { background: linear-gradient(180deg, #080a0b19 0%, #080a0b99 45%, #080a0bf2 100%); }
.lt-home-hardware .lt-cat img { filter: saturate(.75) brightness(.85); }
.lt-home-hardware .lt-cat div { padding: 24px; }
.lt-home-hardware .lt-cat h3 { font-size: 28px; letter-spacing: .025em; }
.lt-home-hardware .lt-cat p { font-size: 12px; color: #c7ccca; }
.lt-home-hardware .lt-cat span { color: #ffb96b; font-size: 11px; }
.lt-home-hardware .lt-cat:hover { border-color: #c18b51; }

/* All catalog and editorial cards keep the same metal body and dark rims. */
.lt-home-hardware .lt-featured { margin-top: 0; padding: 43px 0 0; background: transparent; }
.lt-home-hardware .lt-featured__grid { grid-template-columns: minmax(0, 1fr); gap: 22px; }
.lt-home-hardware .lt-featured__intro { position: relative; padding-right: 210px; }
.lt-home-hardware .lt-featured h2 { margin-bottom: 8px; font-size: 33px; letter-spacing: .015em; line-height: 1.2; }
.lt-home-hardware .lt-featured h2 br { display: none; }
.lt-home-hardware .lt-featured__intro > p:not(.lt-home-label) { margin: 0; color: var(--lt-text-secondary); font-size: 12px; }
.lt-home-hardware .lt-combo__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.lt-home-hardware .lt-mid { padding: 35px 0 0; scroll-margin-top: 96px; }
.lt-home-hardware .lt-mid__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.lt-home-hardware :is(.lt-listen, .lt-steps) { padding: 25px; }
.lt-home-hardware :is(.lt-listen, .lt-steps) h2 { font-size: 27px; letter-spacing: .025em; }
.lt-home-hardware :is(.lt-listen, .lt-steps) > p:not(.lt-home-label) { margin: 8px 0 0; color: var(--lt-text-secondary); font-size: 12px; }
.lt-home-hardware .lt-home-listen-display { position: relative; overflow: hidden; margin-top: 20px; min-height: 210px; border: 1px solid #667074; border-radius: 4px; background: #080b0c; box-shadow: inset 0 2px 8px #000a; }
.lt-home-hardware .lt-home-listen-display > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .6; }
.lt-home-hardware .lt-home-listen-display > div { position: relative; padding: 23px; background: linear-gradient(90deg, #080a0bee, #080a0b33); }
.lt-home-hardware .lt-home-listen-display .lt-home-label { font-size: 11px; }
.lt-home-hardware .lt-home-listen-display strong { display: block; margin-bottom: 18px; font-family: var(--lt-heading); font-size: 31px; font-weight: 600; line-height: 1.15; }
.lt-home-hardware .lt-steps ol { gap: 0; margin-top: 16px; }
.lt-home-hardware .lt-steps li { padding: 15px 0; border-bottom: 1px solid #465053; gap: 14px; }
.lt-home-hardware .lt-steps li:last-child { padding-bottom: 0; border: 0; }
.lt-home-hardware .lt-steps b { border: 1px solid #72614a; border-radius: 4px; color: #ffb65d; background: linear-gradient(#302b24, #111516); box-shadow: inset 0 1px #ffffff1c, inset 0 2px 6px #0006; font-family: var(--lt-heading); font-size: 24px; }
.lt-home-hardware .lt-steps strong { color: #f1f1ef; font-size: 12px; }
.lt-home-hardware .lt-steps span { font-size: 11px; }

.lt-home-hardware .lt-free { padding: 24px 0 0; }
.lt-home-hardware .lt-free__card { grid-template-columns: 1fr 1.2fr; gap: 14px 30px; padding: 25px 28px; border-color: #76624b; }
.lt-home-hardware .lt-free h2 { font-size: 28px; letter-spacing: .025em; }
.lt-home-hardware .lt-free__card > div p { margin: 7px 0 0; font-size: 11px; color: #b6b8b9; }
.lt-home-hardware .lt-free__ok { display: flex; gap: 16px; grid-column: 2; color: #b6b8b9; font-size: 10px; }
.lt-home-hardware .lt-free__ok .ti { color: #d9a363; }

.lt-home-hardware :is(.lt-combo, .lt-quotes, .lt-blog) { padding: 40px 0 0; }
.lt-home-hardware .lt-section-head { gap: 20px; margin-bottom: 21px; }
.lt-home-hardware .lt-section-head .lt-home-label { margin: 0 0 8px; }
.lt-home-hardware .lt-section-head h2 { margin: 0; font-size: 32px; letter-spacing: .02em; line-height: 1.2; }
.lt-home-hardware .lt-section-head p:not(.lt-home-label) { font-size: 12px; }
.lt-home-hardware .lt-quotes__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lt-home-hardware .lt-quote { padding: 22px; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; }
.lt-home-hardware .lt-quote img { width: 44px; height: 44px; border: 1px solid #847057; }
.lt-home-hardware .lt-quote p { font-size: 12px; color: #d5d9d6; }
.lt-home-hardware .lt-quote strong { display: block; font-size: 11px; }
.lt-home-hardware .lt-quote span { font-size: 10px; }
.lt-home-hardware .lt-blog { padding-bottom: 45px; }
.lt-home-hardware .lt-blog__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* Brushed aluminum is reserved for the bounded membership faceplate. */
.lt-home-hardware .lt-home-membership { padding-top: 28px; }
.lt-home-hardware .lt-home-membership__panel { padding: 5px; border-color: #a47a50; }
.lt-home-hardware .lt-home-membership__face {
  display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; align-items: center; gap: 22px; padding: 30px;
  background-image: radial-gradient(ellipse at 12% 15%, #ff92231a, transparent 40%), linear-gradient(#1f211f24, #10131247), var(--lt-texture-premium);
  background-size: auto, auto, max(1024px, 100%) auto; background-repeat: no-repeat;
  background-blend-mode: normal;
}
.lt-home-hardware .lt-home-membership__icon { width: 64px; height: 64px; border-color: #a47a50; color: #ffad42; font-size: 32px; text-shadow: 0 0 12px #ff912e94; box-shadow: inset 0 2px 8px #000a, 0 0 13px #ff912e33; }
.lt-home-hardware .lt-home-membership h2 { margin: 0 0 8px; font-size: 31px; line-height: 1.2; letter-spacing: .02em; }
.lt-home-hardware .lt-home-membership p:not(.lt-home-label) { margin: 0; color: #e3e6e3; font-size: 12px; }
.lt-home-hardware .lt-home-membership .lt-home-label { margin-bottom: 8px; }
.lt-home-hardware .lt-memberband { display: none; }

@media (max-width: 1180px) {
  .lt-home-hardware .lt-hero__copy { padding: 36px; width: 62%; }
}
@media (max-width: 1024px) {
  .lt-home-hardware .lt-hero__copy { width: 68%; }
  .lt-home-hardware .lt-hero__perks { gap: 10px; }
  .lt-home-hardware .lt-hero__perks li { padding: 12px 10px; gap: 7px; }
  .lt-home-hardware .lt-finder__form { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lt-home-hardware .lt-finder__go { grid-column: 1 / -1; justify-self: end; min-width: 180px; }
  .lt-home-hardware .lt-mid__grid { gap: 16px; }
  .lt-home-hardware :is(.lt-listen, .lt-steps) { padding: 20px; }
  .lt-home-hardware .lt-home-membership__face { grid-template-columns: 54px minmax(0, 1fr); gap: 18px; padding: 25px; }
  .lt-home-hardware .lt-home-membership__icon { width: 54px; height: 54px; }
  .lt-home-hardware .lt-quotes__grid { grid-template-columns: 1fr; }
  .lt-home-hardware .lt-quote p { -webkit-line-clamp: unset; min-height: 0; }
  .lt-home-hardware .lt-combo__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lt-home-hardware .lt-cats__grid { gap: 12px; }
  .lt-home-hardware .lt-cat div { padding: 18px; }
  .lt-home-hardware .lt-cat span { white-space: normal; }
  .lt-home-hardware .lt-free__card { grid-template-columns: 1fr; }
  .lt-home-hardware .lt-free__ok { grid-column: 1; }
}
@media (max-width: 760px) {
  body.lt-home-hardware .lt-hero { padding-top: 18px; }
  .lt-home-hardware .lt-hero__copy { width: 100%; padding: 30px; }
  .lt-home-hardware .lt-home-hero__display { min-height: 0; padding-bottom: 185px; }
  .lt-home-hardware .lt-home-hero__image { top: auto; bottom: 0; height: 300px; object-position: 80% 65%; }
  .lt-home-hardware .lt-home-hero__display::after { background: linear-gradient(180deg, #080a0b 0%, #080a0b 35%, #080a0bf2 54%, #080a0b26 74%, #080a0b0a); }
  .lt-home-hardware .lt-hero h1 { font-size: 54px; }
  .lt-home-hardware .lt-hero__lead { max-width: 48ch; }
  .lt-home-hardware .lt-hero__perks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lt-home-hardware .lt-hero__perks li { padding: 14px; gap: 11px; }
  .lt-home-hardware .lt-finder__form { grid-template-columns: 1fr; }
  .lt-home-hardware .lt-finder__go { justify-self: stretch; }
  .lt-home-hardware .lt-finder__card { padding: 23px 20px 20px; }
  .lt-home-hardware .lt-brands > span { width: 100%; }
  .lt-home-hardware .lt-brands { gap: 9px; }
  .lt-home-hardware .lt-brands__logo { padding-inline: 10px; }
  .lt-home-hardware .lt-cats__grid { grid-template-columns: 1fr; }
  .lt-home-hardware .lt-cat { min-height: 200px; }
  .lt-home-hardware .lt-cat p { min-height: 0; }
  .lt-home-hardware .lt-featured__intro { padding-right: 0; }
  .lt-home-hardware .lt-mid__grid { grid-template-columns: 1fr; }
  .lt-home-hardware .lt-combo__grid { grid-template-columns: 1fr; }
  .lt-home-hardware .lt-section-head { align-items: start; flex-direction: column; gap: 12px; }
  .lt-home-hardware .lt-home-membership h2 { font-size: 29px; }
  .lt-home-hardware .lt-blog__grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  body.lt-home-hardware { --header-h: 64px; --wrap-gutter: 14px; }
  .lt-home-hardware .lt-searchwrap.is-open { position: static; }
  .lt-home-hardware .lt-searchwrap.is-open > [data-lt-search-toggle] { display: inline-flex; }
  .lt-home-hardware .lt-hero__copy { padding: 26px 22px; }
  .lt-home-hardware .lt-hero h1 { font-size: 45px; }
  .lt-home-hardware .lt-hero__lead { font-size: 12px; line-height: 1.8; }
  .lt-home-hardware .lt-home-label { font-size: 11px; }
  .lt-home-hardware .lt-hero__cta { flex-direction: column; gap: 10px; }
  .lt-home-hardware .lt-hero__perks li { padding: 11px 9px; gap: 6px; }
  .lt-home-hardware .lt-hero__perks .ti { width: 28px; height: 28px; font-size: 21px; }
  .lt-home-hardware .lt-hero__perks strong { font-size: 10px; }
  .lt-home-hardware .lt-hero__perks span { font-size: 8px; }
  .lt-home-hardware .lt-free__card { padding: 22px 20px; }
  .lt-home-hardware .lt-free__ok { flex-wrap: wrap; gap: 8px 14px; }
  .lt-home-hardware .lt-home-membership__face { grid-template-columns: 1fr; padding: 23px; gap: 18px; }
  .lt-home-hardware .lt-home-membership__icon { width: 48px; height: 48px; }
  .lt-home-hardware .lt-section-head h2 { font-size: 30px; }
  .lt-home-hardware .lt-quote { padding: 18px; gap: 10px; }
}
@media (max-width: 360px) {
  .lt-home-hardware .lt-hero h1 { font-size: 39px; }
  .lt-home-hardware .lt-hero__copy { padding-inline: 18px; }
  .lt-home-hardware .lt-brands__logo { flex: 1 1 27%; }
}
